← All changes | build/widgets/hello-dolly/render.js +48 -31 24.0.0 → 24.1.0 View file →

		@@ -71,8 +71,31 @@
71	71	return n;
72	72	}
73	73	var clsx_default = clsx;
74	74
	75	+// node_modules/@base-ui/utils/createLogOnce.mjs
	76	+var loggedMessages;
	77	+if (true) {
	78	+ loggedMessages = /* @__PURE__ */ new Set();
	79	+}
	80	+function createLogOnce(severity, prefix) {
	81	+ return function logOnce(...messages) {
	82	+ if (true) {
	83	+ const message = messages.join(" ");
	84	+ const output = prefix ? `${prefix}: ${message}` : message;
	85	+ const key = `${severity}:${output}`;
	86	+ if (!loggedMessages.has(key)) {
	87	+ loggedMessages.add(key);
	88	+ if (severity === "warn") {
	89	+ console.warn(output);
	90	+ } else {
	91	+ console.error(output);
	92	+ }
	93	+ }
	94	+ }
	95	+ };
	96	+}
	97	+
75	98	// node_modules/@base-ui/utils/useRefWithInit.mjs
76	99	var React = __toESM(require_react(), 1);
77	100	var UNINITIALIZED = {};
78	101	function useRefWithInit(init, initArg) {
		@@ -83,22 +106,14 @@
83	106	return ref;
84	107	}
85	108
86	109	// node_modules/@base-ui/utils/warn.mjs
87		-var set;
88		-if (true) {
89		- set = /* @__PURE__ */ new Set();
90		-}
91		-function warn(...messages) {
92		- if (true) {
93		- const messageKey = messages.join(" ");
94		- if (!set.has(messageKey)) {
95		- set.add(messageKey);
96		- console.warn(`Base UI: ${messageKey}`);
97		- }
98		- }
99		-}
	110	+var warn = createLogOnce("warn", "Base UI");
100	111
	112	+// node_modules/@base-ui/utils/empty.mjs
	113	+var EMPTY_ARRAY = Object.freeze([]);
	114	+var EMPTY_OBJECT = Object.freeze({});
	115	+
101	116	// node_modules/@base-ui/react/internals/useRenderElement.mjs
102	117	var React4 = __toESM(require_react(), 1);
103	118
104	119	// node_modules/@base-ui/utils/useMergedRefs.mjs
		@@ -226,12 +241,8 @@
226	241	}
227	242	return void 0;
228	243	}
229	244
230		-// node_modules/@base-ui/utils/empty.mjs
231		-var EMPTY_ARRAY = Object.freeze([]);
232		-var EMPTY_OBJECT = Object.freeze({});
233		-
234	245	// node_modules/@base-ui/react/internals/getStateAttributesProps.mjs
235	246	function getStateAttributesProps(state, customMapping) {
236	247	const props = {};
237	248	for (const key in state) {
		@@ -419,10 +430,13 @@
419	430
420	431	// node_modules/@base-ui/react/internals/useRenderElement.mjs
421	432	var import_react = __toESM(require_react(), 1);
422	433	function useRenderElement(element, componentProps, params = {}) {
423		- const renderProp = componentProps.render;
424		- const outProps = useRenderElementProps(componentProps, params);
	434	+ let renderProp = componentProps.render;
	435	+ if (params.enabled !== false) {
	436	+ renderProp = unwrapLazyRenderProp(renderProp);
	437	+ }
	438	+ const outProps = useRenderElementProps(componentProps, params, renderProp);
425	439	if (params.enabled === false) {
426	440	return null;
427	441	}
428	442	const state = params.state ?? EMPTY_OBJECT;
		@@ -427,13 +441,12 @@
427	441	}
428	442	const state = params.state ?? EMPTY_OBJECT;
429	443	return evaluateRenderProp(element, renderProp, outProps, state);
430	444	}
431		-function useRenderElementProps(componentProps, params = {}) {
	445	+function useRenderElementProps(componentProps, params, renderProp) {
432	446	const {
433	447	className: classNameProp,
434		- style: styleProp,
435		- render: renderProp
	448	+ style: styleProp
436	449	} = componentProps;
437	450	const {
438	451	state = EMPTY_OBJECT,
439	452	ref,
		@@ -474,8 +487,15 @@
474	487	}
475	488	var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
476	489	var COMPONENT_IDENTIFIER_PATTERN = /^[A-Z][A-Za-z0-9$]*$/;
477	490	var LOWERCASE_CHARACTER_PATTERN = /[a-z]/;
	491	+function unwrapLazyRenderProp(render) {
	492	+ if (render?.$$typeof !== REACT_LAZY_TYPE) {
	493	+ return render;
	494	+ }
	495	+ const unwrapped = React4.Children.toArray(render)[0];
	496	+ return /* @__PURE__ */ React4.isValidElement(unwrapped) ? unwrapped : render;
	497	+}
478	498	function evaluateRenderProp(element, render, props, state) {
479	499	if (render) {
480	500	if (typeof render === "function") {
481	501	if (true) {
		@@ -484,19 +504,14 @@
484	504	return render(props, state);
485	505	}
486	506	const mergedProps = mergeProps(props, render.props);
487	507	mergedProps.ref = props.ref;
488		- let newElement = render;
489		- if (newElement?.$$typeof === REACT_LAZY_TYPE) {
490		- const children = React4.Children.toArray(render);
491		- newElement = children[0];
492		- }
493	508	if (true) {
494		- if (!/* @__PURE__ */ React4.isValidElement(newElement)) {
	509	+ if (!/* @__PURE__ */ React4.isValidElement(render)) {
495	510	throw new Error(["Base UI: The `render` prop was provided an invalid React element as `React.isValidElement(render)` is `false`.", "A valid React element must be provided to the `render` prop because it is cloned with props to replace the default element.", "https://base-ui.com/r/invalid-render-prop"].join("\n"));
496	511	}
497	512	}
498		- return /* @__PURE__ */ React4.cloneElement(newElement, mergedProps);
	513	+ return /* @__PURE__ */ React4.cloneElement(render, mergedProps);
499	514	}
500	515	if (element) {
501	516	if (typeof element === "string") {
502	517	return renderTag(element, props);
		@@ -730,9 +745,9 @@
730	745	injectStyle2(targetDocument, hash, css);
731	746	}
732	747	}
733	748	if (typeof process === "undefined" || true) {
734		- registerStyle2("fa606a57ae", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{.f37b9e2e191ebd66__visually-hidden{word-wrap:normal;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal}}}");
	749	+ registerStyle2("f4df7461e9", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{.f37b9e2e191ebd66__visually-hidden{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal;padding:0;position:absolute;width:1px;word-break:normal}}}");
735	750	}
736	751	var style_default2 = { "visually-hidden": "f37b9e2e191ebd66__visually-hidden" };
737	752	var VisuallyHidden = (0, import_element2.forwardRef)(
738	753	function VisuallyHidden2({ render, ...restProps }, ref) {
		@@ -987,9 +1002,11 @@
987	1002	return DOLLY_LYRICS[Math.floor(Math.random() * DOLLY_LYRICS.length)];
988	1003	}, []);
989	1004	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Stack, { align: "center", justify: "center", className: style_default4.root, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { variant: "body-xl", render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {}), className: style_default4.quote, children: [
990	1005	/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(VisuallyHidden, { render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}), children: [
991		- (0, import_i18n.__)("Quote from Hello Dolly song, by Jerry Herman:"),
	1006	+ (0, import_i18n.__)(
	1007	+ "Quote from Hello Dolly song, by Jerry Herman:"
	1008	+ ),
992	1009	" "
993	1010	] }),
994	1011	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { dir: "ltr", lang: "en", children: quote })
995	1012	] }) });