Gutenberg / 23.2.0

Gutenberg v23.2.0

gutenberg / build / modules / connectors / index.js

build/modules/connectors

index.js 10.6 KB 4 months ago index.js.map 15.6 KB 4 months ago index.min.asset.php 174 B 4 months ago index.min.js 4.5 KB 4 months ago index.min.js.map 16.8 KB 4 months ago

index.js in Gutenberg 23.2.0, at build/modules/connectors/index.js

320 lines 10.6 KB Raw Download Zip

1	var __create = Object.create;
2	var __defProp = Object.defineProperty;
3	var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4	var __getOwnPropNames = Object.getOwnPropertyNames;
5	var __getProtoOf = Object.getPrototypeOf;
6	var __hasOwnProp = Object.prototype.hasOwnProperty;
7	var __commonJS = (cb, mod) => function __require() {
8	return mod \|\| (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
9	};
10	var __copyProps = (to, from, except, desc) => {
11	if (from && typeof from === "object" \|\| typeof from === "function") {
12	for (let key of __getOwnPropNames(from))
13	if (!__hasOwnProp.call(to, key) && key !== except)
14	__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) \|\| desc.enumerable });
15	}
16	return to;
17	};
18	var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
19	// If the importer is in node compatibility mode or this is not an ESM
20	// file that has been converted to a CommonJS file using a Babel-
21	// compatible transform (i.e. "__esModule" has not been set), then set
22	// "default" to the CommonJS "module.exports" for node compatibility.
23	isNodeMode \|\| !mod \|\| !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
24	mod
25	));
26
27	// package-external:@wordpress/data
28	var require_data = __commonJS({
29	"package-external:@wordpress/data"(exports, module) {
30	module.exports = window.wp.data;
31	}
32	});
33
34	// package-external:@wordpress/private-apis
35	var require_private_apis = __commonJS({
36	"package-external:@wordpress/private-apis"(exports, module) {
37	module.exports = window.wp.privateApis;
38	}
39	});
40
41	// package-external:@wordpress/components
42	var require_components = __commonJS({
43	"package-external:@wordpress/components"(exports, module) {
44	module.exports = window.wp.components;
45	}
46	});
47
48	// package-external:@wordpress/element
49	var require_element = __commonJS({
50	"package-external:@wordpress/element"(exports, module) {
51	module.exports = window.wp.element;
52	}
53	});
54
55	// package-external:@wordpress/i18n
56	var require_i18n = __commonJS({
57	"package-external:@wordpress/i18n"(exports, module) {
58	module.exports = window.wp.i18n;
59	}
60	});
61
62	// vendor-external:react/jsx-runtime
63	var require_jsx_runtime = __commonJS({
64	"vendor-external:react/jsx-runtime"(exports, module) {
65	module.exports = window.ReactJSXRuntime;
66	}
67	});
68
69	// packages/connectors/build-module/api.mjs
70	var import_data2 = __toESM(require_data(), 1);
71
72	// packages/connectors/build-module/store.mjs
73	var import_data = __toESM(require_data(), 1);
74
75	// packages/connectors/build-module/lock-unlock.mjs
76	var import_private_apis = __toESM(require_private_apis(), 1);
77	var { lock, unlock } = (0, import_private_apis.__dangerousOptInToUnstableAPIsOnlyForCoreModules)(
78	"I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.",
79	"@wordpress/connectors"
80	);
81
82	// packages/connectors/build-module/store.mjs
83	var STORE_NAME = "core/connectors";
84	var DEFAULT_STATE = {
85	connectors: {}
86	};
87	var actions = {
88	registerConnector(slug, config) {
89	return {
90	type: "REGISTER_CONNECTOR",
91	slug,
92	config
93	};
94	},
95	unregisterConnector(slug) {
96	return {
97	type: "UNREGISTER_CONNECTOR",
98	slug
99	};
100	}
101	};
102	function reducer(state = DEFAULT_STATE, action) {
103	switch (action.type) {
104	case "REGISTER_CONNECTOR":
105	return {
106	...state,
107	connectors: {
108	...state.connectors,
109	[action.slug]: {
110	...state.connectors[action.slug],
111	slug: action.slug,
112	...action.config
113	}
114	}
115	};
116	case "UNREGISTER_CONNECTOR": {
117	if (!state.connectors[action.slug]) {
118	return state;
119	}
120	const { [action.slug]: _, ...rest } = state.connectors;
121	return {
122	...state,
123	connectors: rest
124	};
125	}
126	default:
127	return state;
128	}
129	}
130	var selectors = {
131	getConnectors: (0, import_data.createSelector)(
132	(state) => Object.values(state.connectors),
133	(state) => [state.connectors]
134	),
135	getConnector(state, slug) {
136	return state.connectors[slug];
137	}
138	};
139	var store = (0, import_data.createReduxStore)(STORE_NAME, {
140	reducer
141	});
142	(0, import_data.register)(store);
143	unlock(store).registerPrivateActions(actions);
144	unlock(store).registerPrivateSelectors(selectors);
145
146	// packages/connectors/build-module/api.mjs
147	function registerConnector(slug, config) {
148	unlock((0, import_data2.dispatch)(store)).registerConnector(slug, config);
149	}
150	function unregisterConnector(slug) {
151	unlock((0, import_data2.dispatch)(store)).unregisterConnector(slug);
152	}
153
154	// packages/connectors/build-module/connector-item.mjs
155	var import_components = __toESM(require_components(), 1);
156	var import_element = __toESM(require_element(), 1);
157	var import_i18n = __toESM(require_i18n(), 1);
158	var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
159	function ConnectorItem({
160	className,
161	logo,
162	name,
163	description,
164	actionArea,
165	children
166	}) {
167	const headingId = (0, import_element.useId)();
168	return /* @__PURE__ / (0, import_jsx_runtime.jsx)(import_components.__experimentalItem, { className, children: / @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 4, role: "group", "aria-labelledby": headingId, children: [
169	/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { alignment: "center", spacing: 4, wrap: true, children: [
170	logo,
171	/* @__PURE__ / (0, import_jsx_runtime.jsx)(import_components.FlexBlock, { children: / @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 0, children: [
172	/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
173	import_components.__experimentalText,
174	{
175	weight: 600,
176	size: 15,
177	id: headingId,
178	as: "h2",
179	children: name
180	}
181	),
182	/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalText, { variant: "muted", size: 12, children: description })
183	] }) }),
184	actionArea
185	] }),
186	children
187	] }) });
188	}
189	function DefaultConnectorSettings({
190	onSave,
191	onRemove,
192	initialValue = "",
193	helpUrl,
194	helpLabel,
195	readOnly = false,
196	keySource
197	}) {
198	const [apiKey, setApiKey] = (0, import_element.useState)(initialValue);
199	const [isSaving, setIsSaving] = (0, import_element.useState)(false);
200	const [saveError, setSaveError] = (0, import_element.useState)(null);
201	const helpLinkLabel = helpLabel \|\| helpUrl?.replace(/^https?:\/\//, "");
202	const helpLink = helpUrl ? (0, import_element.createInterpolateElement)(
203	(0, import_i18n.sprintf)(
204	/* translators: %s: Link to provider settings. */
205	(0, import_i18n.__)("Get your API key at %s"),
206	"<a></a>"
207	),
208	{
209	a: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ExternalLink, { href: helpUrl, children: helpLinkLabel })
210	}
211	) : void 0;
212	const isExternallyConfigured = keySource === "env" \|\| keySource === "constant";
213	const getHelp = () => {
214	if (isExternallyConfigured) {
215	if (keySource === "env") {
216	return (0, import_i18n.__)(
217	"This API key is configured using an environment variable."
218	);
219	}
220	if (keySource === "constant") {
221	return (0, import_i18n.__)("This API key is configured as a constant.");
222	}
223	}
224	if (readOnly) {
225	return helpUrl ? (0, import_element.createInterpolateElement)(
226	(0, import_i18n.sprintf)(
227	/* translators: %s: Link to provider settings. */
228	(0, import_i18n.__)(
229	"Your API key is stored securely. You can manage it at %s"
230	),
231	"<a></a>"
232	),
233	{
234	a: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ExternalLink, { href: helpUrl, children: helpLinkLabel })
235	}
236	) : (0, import_i18n.__)("Your API key is stored securely.");
237	}
238	if (saveError) {
239	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { role: "alert", className: "connector-settings__error", children: saveError });
240	}
241	return helpLink;
242	};
243	const handleSave = async () => {
244	setSaveError(null);
245	setIsSaving(true);
246	try {
247	await onSave?.(apiKey);
248	} catch (error) {
249	setSaveError(
250	error instanceof Error ? error.message : (0, import_i18n.__)(
251	"It was not possible to connect to the provider using this key."
252	)
253	);
254	} finally {
255	setIsSaving(false);
256	}
257	};
258	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
259	import_components.__experimentalVStack,
260	{
261	spacing: 4,
262	className: "connector-settings",
263	style: readOnly ? {
264	"--wp-components-color-background": "#f0f0f0"
265	} : void 0,
266	children: [
267	/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
268	import_components.TextControl,
269	{
270	__next40pxDefaultSize: true,
271	label: (0, import_i18n.__)("API Key"),
272	value: apiKey,
273	onChange: (value) => {
274	if (!readOnly) {
275	setSaveError(null);
276	setApiKey(value);
277	}
278	},
279	placeholder: (0, import_i18n.__)("Enter your API key"),
280	disabled: readOnly \|\| isSaving,
281	help: getHelp()
282	}
283	),
284	readOnly ? onRemove && /* @__PURE__ / (0, import_jsx_runtime.jsx)(import_components.__experimentalHStack, { justify: "flex-start", children: / @__PURE__ */ (0, import_jsx_runtime.jsx)(
285	import_components.Button,
286	{
287	variant: "link",
288	isDestructive: true,
289	onClick: onRemove,
290	children: (0, import_i18n.__)("Remove and replace")
291	}
292	) }) : /* @__PURE__ / (0, import_jsx_runtime.jsx)(import_components.__experimentalHStack, { justify: "flex-start", children: / @__PURE__ */ (0, import_jsx_runtime.jsx)(
293	import_components.Button,
294	{
295	__next40pxDefaultSize: true,
296	variant: "primary",
297	disabled: !apiKey \|\| isSaving,
298	accessibleWhenDisabled: true,
299	isBusy: isSaving,
300	onClick: handleSave,
301	children: (0, import_i18n.__)("Save")
302	}
303	) })
304	]
305	}
306	);
307	}
308
309	// packages/connectors/build-module/private-apis.mjs
310	var privateApis = {};
311	lock(privateApis, { store, STORE_NAME });
312	export {
313	ConnectorItem as __experimentalConnectorItem,
314	DefaultConnectorSettings as __experimentalDefaultConnectorSettings,
315	registerConnector as __experimentalRegisterConnector,
316	unregisterConnector as __experimentalUnregisterConnector,
317	privateApis
318	};
319	//# sourceMappingURL=index.js.map
320