@cube-dev/ui-kit 0.181.0 → 0.183.0

package/dist/components/overlays/Dialog/ModernDialogForm.js

@@ -0,0 +1,350 @@
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
+import { useEvent } from "../../../_internal/hooks/use-event.js";
+import { _Title } from "../../content/Title.js";
+import { useI18n } from "../../../i18n/useI18n.js";
+import { Button } from "../../actions/Button/Button.js";
+import { ButtonGroup } from "../../actions/ButtonGroup/ButtonGroup.js";
+import { useOpenTransitionContext } from "../Modal/OpenTransitionContext.js";
+import { useDialogContext } from "./context.js";
+import { Content } from "../../content/Content.js";
+import { Header } from "../../content/Header.js";
+import { Dialog } from "./Dialog.js";
+import { getControllerInternals } from "../../form/Form/modern/controller.js";
+import { _ModernFormRoot } from "../../form/Form/ModernFormRoot.js";
+import { _SubmitButton } from "../../form/Form/SubmitButton/SubmitButton.js";
+import { c } from "react-compiler-runtime";
+import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/overlays/Dialog/ModernDialogForm.tsx
+function finishSession(session) {
+	if (!session || session.ended) return;
+	session.ended = true;
+	getControllerInternals(session.form, "<DialogForm>").store.cancelSubmission();
+	if (!session.preserve) session.form.reset();
+}
+/** Modern dialogs own the editing session, including retained/hidden roots. */
+function ModernDialogForm(props) {
+	const $ = c(105);
+	let action;
+	let autoComplete;
+	let cancelProps;
+	let children;
+	let danger;
+	let defaultValues;
+	let dialogProps;
+	let encType;
+	let form;
+	let isDisabled;
+	let isInvalid;
+	let isReadOnly;
+	let isValid;
+	let labelPosition;
+	let labelStyles;
+	let labelWidth;
+	let method;
+	let name;
+	let necessityIndicator;
+	let noActions;
+	let onDismiss;
+	let onReset;
+	let onResetCapture;
+	let onSubmit;
+	let onSubmitFailed;
+	let onValuesChange;
+	let orientation;
+	let preserve;
+	let qa;
+	let requiredMark;
+	let showValid;
+	let submitProps;
+	let submitValues;
+	let target;
+	let title;
+	let validateTrigger;
+	let validationState;
+	if ($[0] !== props) {
+		({form, qa, title, danger, submitProps, cancelProps, noActions, preserve, children, onDismiss, name, defaultValues, onSubmit, onSubmitFailed, onValuesChange, onReset, onResetCapture, submitValues, labelStyles, labelPosition, labelWidth, orientation, requiredMark, necessityIndicator, isDisabled, isReadOnly, isInvalid, isValid, validationState, validateTrigger, showValid, action, method, target, encType, autoComplete, ...dialogProps} = props);
+		$[0] = props;
+		$[1] = action;
+		$[2] = autoComplete;
+		$[3] = cancelProps;
+		$[4] = children;
+		$[5] = danger;
+		$[6] = defaultValues;
+		$[7] = dialogProps;
+		$[8] = encType;
+		$[9] = form;
+		$[10] = isDisabled;
+		$[11] = isInvalid;
+		$[12] = isReadOnly;
+		$[13] = isValid;
+		$[14] = labelPosition;
+		$[15] = labelStyles;
+		$[16] = labelWidth;
+		$[17] = method;
+		$[18] = name;
+		$[19] = necessityIndicator;
+		$[20] = noActions;
+		$[21] = onDismiss;
+		$[22] = onReset;
+		$[23] = onResetCapture;
+		$[24] = onSubmit;
+		$[25] = onSubmitFailed;
+		$[26] = onValuesChange;
+		$[27] = orientation;
+		$[28] = preserve;
+		$[29] = qa;
+		$[30] = requiredMark;
+		$[31] = showValid;
+		$[32] = submitProps;
+		$[33] = submitValues;
+		$[34] = target;
+		$[35] = title;
+		$[36] = validateTrigger;
+		$[37] = validationState;
+	} else {
+		action = $[1];
+		autoComplete = $[2];
+		cancelProps = $[3];
+		children = $[4];
+		danger = $[5];
+		defaultValues = $[6];
+		dialogProps = $[7];
+		encType = $[8];
+		form = $[9];
+		isDisabled = $[10];
+		isInvalid = $[11];
+		isReadOnly = $[12];
+		isValid = $[13];
+		labelPosition = $[14];
+		labelStyles = $[15];
+		labelWidth = $[16];
+		method = $[17];
+		name = $[18];
+		necessityIndicator = $[19];
+		noActions = $[20];
+		onDismiss = $[21];
+		onReset = $[22];
+		onResetCapture = $[23];
+		onSubmit = $[24];
+		onSubmitFailed = $[25];
+		onValuesChange = $[26];
+		orientation = $[27];
+		preserve = $[28];
+		qa = $[29];
+		requiredMark = $[30];
+		showValid = $[31];
+		submitProps = $[32];
+		submitValues = $[33];
+		target = $[34];
+		title = $[35];
+		validateTrigger = $[36];
+		validationState = $[37];
+	}
+	const { t } = useI18n();
+	const { onClose, isOpen } = useDialogContext();
+	let t0;
+	if ($[38] !== form) {
+		t0 = getControllerInternals(form, "<DialogForm>");
+		$[38] = form;
+		$[39] = t0;
+	} else t0 = $[39];
+	const internals = t0;
+	const transition = useOpenTransitionContext();
+	const isClosing = isOpen === void 0 ? transition?.transitionState === "exit" || transition?.transitionState === "unmounted" : !isOpen;
+	const session = useRef(void 0);
+	let t1;
+	if ($[40] !== onClose || $[41] !== onDismiss) {
+		t1 = () => {
+			finishSession(session.current);
+			onClose?.();
+			onDismiss?.();
+		};
+		$[40] = onClose;
+		$[41] = onDismiss;
+		$[42] = t1;
+	} else t1 = $[42];
+	const dismiss = useEvent(t1);
+	let t2;
+	if ($[43] !== onClose) {
+		t2 = () => {
+			finishSession(session.current);
+			onClose?.();
+		};
+		$[43] = onClose;
+		$[44] = t2;
+	} else t2 = $[44];
+	const submitted = useEvent(t2);
+	let t3;
+	if ($[45] !== form || $[46] !== isClosing || $[47] !== preserve) {
+		t3 = () => {
+			if (session.current?.form !== form) session.current = {
+				form,
+				preserve,
+				ended: false,
+				wasOpen: !isClosing
+			};
+			const current = session.current;
+			current.preserve = preserve;
+			if (isClosing && current.wasOpen) finishSession(current);
+			if (!isClosing && !current.wasOpen) current.ended = false;
+			current.wasOpen = !isClosing;
+		};
+		$[45] = form;
+		$[46] = isClosing;
+		$[47] = preserve;
+		$[48] = t3;
+	} else t3 = $[48];
+	useLayoutEffect$1(t3);
+	let t4;
+	if ($[49] !== internals) {
+		t4 = () => {
+			const own = session.current;
+			return () => {
+				queueMicrotask(() => {
+					if (!internals.getRootElement()) finishSession(own);
+				});
+			};
+		};
+		$[49] = internals;
+		$[50] = t4;
+	} else t4 = $[50];
+	let t5;
+	if ($[51] !== form || $[52] !== internals) {
+		t5 = [form, internals];
+		$[51] = form;
+		$[52] = internals;
+		$[53] = t5;
+	} else t5 = $[53];
+	useLayoutEffect$1(t4, t5);
+	const t6 = `${qa || ""}Dialog`;
+	let t7;
+	if ($[54] !== title) {
+		t7 = /* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(_Title, {
+			ellipsis: true,
+			children: title
+		}) });
+		$[54] = title;
+		$[55] = t7;
+	} else t7 = $[55];
+	const t8 = qa || "DialogForm";
+	let t9;
+	if ($[56] !== children || $[57] !== dismiss) {
+		t9 = typeof children === "function" ? children(dismiss) : children;
+		$[56] = children;
+		$[57] = dismiss;
+		$[58] = t9;
+	} else t9 = $[58];
+	let t10;
+	if ($[59] !== cancelProps || $[60] !== danger || $[61] !== dismiss || $[62] !== noActions || $[63] !== qa || $[64] !== submitProps || $[65] !== t) {
+		t10 = !noActions && /* @__PURE__ */ jsxs(ButtonGroup, { children: [/* @__PURE__ */ jsx(_SubmitButton, {
+			qa: `${qa || ""}SubmitButton`,
+			theme: danger ? "danger" : void 0,
+			label: t("dialogForm.submit", "Submit"),
+			...submitProps
+		}), /* @__PURE__ */ jsx(Button, {
+			qa: `${qa || ""}CancelButton`,
+			label: t("dialogForm.cancel", "Cancel"),
+			onPress: dismiss,
+			...cancelProps
+		})] });
+		$[59] = cancelProps;
+		$[60] = danger;
+		$[61] = dismiss;
+		$[62] = noActions;
+		$[63] = qa;
+		$[64] = submitProps;
+		$[65] = t;
+		$[66] = t10;
+	} else t10 = $[66];
+	let t11;
+	if ($[67] !== action || $[68] !== autoComplete || $[69] !== defaultValues || $[70] !== encType || $[71] !== form || $[72] !== isDisabled || $[73] !== isInvalid || $[74] !== isReadOnly || $[75] !== isValid || $[76] !== labelPosition || $[77] !== labelStyles || $[78] !== labelWidth || $[79] !== method || $[80] !== name || $[81] !== necessityIndicator || $[82] !== onReset || $[83] !== onResetCapture || $[84] !== onSubmit || $[85] !== onSubmitFailed || $[86] !== onValuesChange || $[87] !== orientation || $[88] !== requiredMark || $[89] !== showValid || $[90] !== submitValues || $[91] !== submitted || $[92] !== t10 || $[93] !== t8 || $[94] !== t9 || $[95] !== target || $[96] !== validateTrigger || $[97] !== validationState) {
+		t11 = /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(_ModernFormRoot, {
+			"data-popover-keep": true,
+			form,
+			qa: t8,
+			name,
+			defaultValues,
+			onSubmit,
+			onSubmitted: submitted,
+			onSubmitFailed,
+			onValuesChange,
+			onReset,
+			onResetCapture,
+			submitValues,
+			labelStyles,
+			labelPosition,
+			labelWidth,
+			orientation,
+			requiredMark,
+			necessityIndicator,
+			isDisabled,
+			isReadOnly,
+			isInvalid,
+			isValid,
+			validationState,
+			validateTrigger,
+			showValid,
+			action,
+			method,
+			target,
+			encType,
+			autoComplete,
+			children: [t9, t10]
+		}) });
+		$[67] = action;
+		$[68] = autoComplete;
+		$[69] = defaultValues;
+		$[70] = encType;
+		$[71] = form;
+		$[72] = isDisabled;
+		$[73] = isInvalid;
+		$[74] = isReadOnly;
+		$[75] = isValid;
+		$[76] = labelPosition;
+		$[77] = labelStyles;
+		$[78] = labelWidth;
+		$[79] = method;
+		$[80] = name;
+		$[81] = necessityIndicator;
+		$[82] = onReset;
+		$[83] = onResetCapture;
+		$[84] = onSubmit;
+		$[85] = onSubmitFailed;
+		$[86] = onValuesChange;
+		$[87] = orientation;
+		$[88] = requiredMark;
+		$[89] = showValid;
+		$[90] = submitValues;
+		$[91] = submitted;
+		$[92] = t10;
+		$[93] = t8;
+		$[94] = t9;
+		$[95] = target;
+		$[96] = validateTrigger;
+		$[97] = validationState;
+		$[98] = t11;
+	} else t11 = $[98];
+	let t12;
+	if ($[99] !== dialogProps || $[100] !== dismiss || $[101] !== t11 || $[102] !== t6 || $[103] !== t7) {
+		t12 = /* @__PURE__ */ jsxs(Dialog, {
+			...dialogProps,
+			qa: t6,
+			onDismiss: dismiss,
+			children: [t7, t11]
+		});
+		$[99] = dialogProps;
+		$[100] = dismiss;
+		$[101] = t11;
+		$[102] = t6;
+		$[103] = t7;
+		$[104] = t12;
+	} else t12 = $[104];
+	return t12;
+}
+
+//#endregion
+export { ModernDialogForm };
+//# sourceMappingURL=ModernDialogForm.js.map

package/dist/components/overlays/Dialog/ModernDialogForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModernDialogForm.js","names":["useRef","useEvent","useI18n","useLayoutEffect","Button","ButtonGroup","Content","Header","Title","getControllerInternals","ModernFormRoot","SubmitButton","useOpenTransitionContext","useDialogContext","Dialog","FormController","ModernDialogFormProps","DialogSession","form","T","preserve","ended","wasOpen","finishSession","session","store","cancelSubmission","reset","ModernDialogForm","props","$","_c","action","autoComplete","cancelProps","children","danger","defaultValues","dialogProps","encType","isDisabled","isInvalid","isReadOnly","isValid","labelPosition","labelStyles","labelWidth","method","name","necessityIndicator","noActions","onDismiss","onReset","onResetCapture","onSubmit","onSubmitFailed","onValuesChange","orientation","qa","requiredMark","showValid","submitProps","submitValues","target","title","validateTrigger","validationState","t","onClose","isOpen","t0","internals","transition","isClosing","undefined","transitionState","t1","current","dismiss","t2","submitted","t3","t4","own","queueMicrotask","getRootElement","t5","t6","t7","t8","t9","t10","t11","t12"],"sources":["../../../../src/components/overlays/Dialog/ModernDialogForm.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Button } from '../../actions/Button/Button';\nimport { ButtonGroup } from '../../actions/ButtonGroup/ButtonGroup';\nimport { Content } from '../../content/Content';\nimport { Header } from '../../content/Header';\nimport { Title } from '../../content/Title';\nimport { getControllerInternals } from '../../form/Form/modern/controller';\nimport { ModernFormRoot } from '../../form/Form/ModernFormRoot';\nimport { SubmitButton } from '../../form/Form/SubmitButton/SubmitButton';\nimport { useOpenTransitionContext } from '../Modal/OpenTransitionContext';\n\nimport { useDialogContext } from './context';\nimport { Dialog } from './Dialog';\n\nimport type { FormController } from '../../form/Form/modern/controller';\nimport type { ModernDialogFormProps } from './DialogForm';\n\ninterface DialogSession<T extends object> {\n  form: FormController<T>;\n  preserve?: boolean;\n  ended: boolean;\n  wasOpen: boolean;\n}\n\nfunction finishSession<T extends object>(session?: DialogSession<T>) {\n  if (!session || session.ended) return;\n  session.ended = true;\n  getControllerInternals(session.form, '<DialogForm>').store.cancelSubmission();\n  if (!session.preserve) session.form.reset();\n}\n\n/** Modern dialogs own the editing session, including retained/hidden roots. */\nexport function ModernDialogForm<T extends object>(\n  props: ModernDialogFormProps<T>,\n) {\n  const {\n    form,\n    qa,\n    title,\n    danger,\n    submitProps,\n    cancelProps,\n    noActions,\n    preserve,\n    children,\n    onDismiss,\n    name,\n    defaultValues,\n    onSubmit,\n    onSubmitFailed,\n    onValuesChange,\n    onReset,\n    onResetCapture,\n    submitValues,\n    labelStyles,\n    labelPosition,\n    labelWidth,\n    orientation,\n    requiredMark,\n    necessityIndicator,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    validationState,\n    validateTrigger,\n    showValid,\n    action,\n    method,\n    target,\n    encType,\n    autoComplete,\n    ...dialogProps\n  } = props;\n  const { t } = useI18n();\n  const { onClose, isOpen } = useDialogContext();\n  const internals = getControllerInternals(form, '<DialogForm>');\n  const transition = useOpenTransitionContext();\n  const isClosing =\n    isOpen === undefined\n      ? transition?.transitionState === 'exit' ||\n        transition?.transitionState === 'unmounted'\n      : !isOpen;\n  const session = useRef<DialogSession<T> | undefined>(undefined);\n  const dismiss = useEvent(() => {\n    finishSession(session.current);\n    onClose?.();\n    onDismiss?.();\n  });\n  const submitted = useEvent(() => {\n    finishSession(session.current);\n    onClose?.();\n  });\n\n  // Escape, outside clicks, and controlled closing belong to the container.\n  // Only an open -> closed transition ends a session; hidden initial mounts\n  // must not discard a controller that the caller has already populated.\n  useLayoutEffect(() => {\n    if (session.current?.form !== form) {\n      session.current = { form, preserve, ended: false, wasOpen: !isClosing };\n    }\n    const current = session.current;\n    current.preserve = preserve;\n    if (isClosing && current.wasOpen) finishSession(current);\n    if (!isClosing && !current.wasOpen) current.ended = false;\n    current.wasOpen = !isClosing;\n  });\n\n  // Portals may relocate (remounting this component) and Strict Mode reconnects\n  // effects. A replacement root owns the same session; only a detached\n  // controller should reset after real removal. Capture that controller's\n  // session, so replacing it cannot apply the new controller's preserve policy.\n  useLayoutEffect(() => {\n    const own = session.current;\n    return () => {\n      queueMicrotask(() => {\n        if (!internals.getRootElement()) finishSession(own);\n      });\n    };\n  }, [form, internals]);\n\n  return (\n    <Dialog {...dialogProps} qa={`${qa || ''}Dialog`} onDismiss={dismiss}>\n      <Header>\n        <Title ellipsis>{title}</Title>\n      </Header>\n      <Content>\n        <ModernFormRoot\n          data-popover-keep\n          form={form}\n          qa={qa || 'DialogForm'}\n          name={name}\n          defaultValues={defaultValues}\n          onSubmit={onSubmit}\n          onSubmitted={submitted}\n          onSubmitFailed={onSubmitFailed}\n          onValuesChange={onValuesChange}\n          onReset={onReset}\n          onResetCapture={onResetCapture}\n          submitValues={submitValues}\n          labelStyles={labelStyles}\n          labelPosition={labelPosition}\n          labelWidth={labelWidth}\n          orientation={orientation}\n          requiredMark={requiredMark}\n          necessityIndicator={necessityIndicator}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          isInvalid={isInvalid}\n          isValid={isValid}\n          validationState={validationState}\n          validateTrigger={validateTrigger}\n          showValid={showValid}\n          action={action}\n          method={method}\n          target={target}\n          encType={encType}\n          autoComplete={autoComplete}\n        >\n          {typeof children === 'function' ? children(dismiss) : children}\n          {!noActions && (\n            <ButtonGroup>\n              <SubmitButton\n                qa={`${qa || ''}SubmitButton`}\n                theme={danger ? 'danger' : undefined}\n                label={t('dialogForm.submit', 'Submit')}\n                {...submitProps}\n              />\n              <Button\n                qa={`${qa || ''}CancelButton`}\n                label={t('dialogForm.cancel', 'Cancel')}\n                onPress={dismiss}\n                {...cancelProps}\n              />\n            </ButtonGroup>\n          )}\n        </ModernFormRoot>\n      </Content>\n    </Dialog>\n  );\n}\n"],"mappings":"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"}

package/dist/components/overlays/Dialog/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import invariant from "tiny-invariant";
 

package/dist/components/overlays/Dialog/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../../src/components/overlays/Dialog/context.tsx"],"sourcesContent":["import { createContext, HTMLAttributes, useContext } from 'react';\nimport invariant from 'tiny-invariant';\n\nexport interface DialogContextValue extends HTMLAttributes<HTMLElement> {\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  isDismissable?: boolean;\n  onClose?: (arg?: string) => void;\n  isOpen?: boolean;\n  /**\n   * Whether closing the dialog restores focus to its trigger. Set by\n   * `DialogTrigger`'s `shouldRestoreFocus` prop; consumed by `Dialog`'s\n   * `FocusScope` (which owns the restore for popover-type dialogs). Defaults\n   * to `true` when absent, so a `Dialog` rendered outside a trigger keeps\n   * restoring focus.\n   */\n  shouldRestoreFocus?: boolean;\n}\n\nexport const DialogContext = createContext<DialogContextValue | null>({});\n\nexport function useDialogContext() {\n  const dialogContext = useContext(DialogContext);\n\n  invariant(dialogContext !== null, '');\n\n  return dialogContext;\n}\n"],"mappings":";;;;;AAwBA,MAAa,gBAAgB,cAAyC,EAAE,CAAC;AAEzE,SAAgB,mBAAmB;CACjC,MAAM,gBAAgB,WAAW,cAAc;AAE/C,WAAU,kBAAkB,MAAM,GAAG;AAErC,QAAO"}
+{"version":3,"file":"context.js","names":["createContext","HTMLAttributes","useContext","invariant","DialogContextValue","HTMLElement","type","isDismissable","onClose","arg","isOpen","shouldRestoreFocus","DialogContext","useDialogContext","dialogContext"],"sources":["../../../../src/components/overlays/Dialog/context.tsx"],"sourcesContent":["import { createContext, HTMLAttributes, useContext } from 'react';\nimport invariant from 'tiny-invariant';\n\nexport interface DialogContextValue extends HTMLAttributes<HTMLElement> {\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  isDismissable?: boolean;\n  onClose?: (arg?: string) => void;\n  isOpen?: boolean;\n  /**\n   * Whether closing the dialog restores focus to its trigger. Set by\n   * `DialogTrigger`'s `shouldRestoreFocus` prop; consumed by `Dialog`'s\n   * `FocusScope` (which owns the restore for popover-type dialogs). Defaults\n   * to `true` when absent, so a `Dialog` rendered outside a trigger keeps\n   * restoring focus.\n   */\n  shouldRestoreFocus?: boolean;\n}\n\nexport const DialogContext = createContext<DialogContextValue | null>({});\n\nexport function useDialogContext() {\n  const dialogContext = useContext(DialogContext);\n\n  invariant(dialogContext !== null, '');\n\n  return dialogContext;\n}\n"],"mappings":";;;;;AAwBA,MAAaY,gBAAgBZ,cAAyC,EAAE,CAAC;AAEzE,SAAOa,mBAAA;CACL,MAAAC,gBAAsBZ,WAAWU,cAAc;AAE/CT,WAAUW,kBAAkB,MAAM,GAAG;AAAA,QAE9BA"}

package/dist/components/overlays/Dialog/index.d.ts

@@ -1,6 +1,6 @@
 
 import { CubeDialogContainerProps, DialogContainer } from "./DialogContainer.js";
 import { CubeDialogProps, Dialog } from "./Dialog.js";
-import { CubeDialogFormProps, CubeDialogFormRef, DialogForm } from "./DialogForm.js";
+import { CubeDialogFormProps, CubeDialogFormRef, DialogForm, ModernDialogFormProps } from "./DialogForm.js";
 import { CubeDialogClose, CubeDialogTriggerProps, DialogTrigger } from "./DialogTrigger.js";
 import { useDialogContainer } from "./use-dialog-container.js";

package/dist/components/overlays/Dialog/use-dialog-container.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DialogContainer } from "./DialogContainer.js";
@@ -21,16 +21,16 @@ function useDialogContainer(Component, defaultContainerProps) {
 	function setupCheck() {
 		if (!setupRef.current) throw new Error("useDialogContainer: DialogContainer must be rendered. Use `rendered` property to include it in your component tree.");
 	}
-	const open = useEvent((props, containerProps) => {
+	const open = useEvent((props, containerProps_0) => {
 		setupCheck();
 		setComponentProps(props);
-		setContainerProps(containerProps ?? null);
+		setContainerProps(containerProps_0 ?? null);
 		setIsOpen(true);
 	});
-	const update = useEvent((props, containerProps) => {
+	const update = useEvent((props_0, containerProps_1) => {
 		setupCheck();
-		setComponentProps(props);
-		setContainerProps(containerProps ?? null);
+		setComponentProps(props_0);
+		setContainerProps(containerProps_1 ?? null);
 	});
 	const close = useEvent(() => {
 		setIsOpen(false);

package/dist/components/overlays/Dialog/use-dialog-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-dialog-container.js","names":[],"sources":["../../../../src/components/overlays/Dialog/use-dialog-container.tsx"],"sourcesContent":["import {\n  ComponentProps,\n  ComponentType,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { mergeProps } from '../../../utils/react';\n\nimport { DialogContainer } from './DialogContainer';\n\n/**\n * Generic hook to manage a dialog component.\n *\n * @param Component - A React component that represents the dialog content. It must accept props of type P.\n * @param defaultContainerProps - Default props to pass to the DialogContainer.\n * @returns An object with `open` function to open the dialog with provided props and `rendered` JSX element to include in your component tree.\n */\nexport function useDialogContainer<\n  P,\n  E = ComponentProps<typeof DialogContainer>,\n>(\n  Component: ComponentType<P>,\n  defaultContainerProps?: ComponentProps<typeof DialogContainer>,\n) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [componentProps, setComponentProps] = useState<P | null>(null);\n  const [containerProps, setContainerProps] = useState<E | null>(null);\n  const setupRef = useRef(false);\n\n  function setupCheck() {\n    if (!setupRef.current) {\n      throw new Error(\n        'useDialogContainer: DialogContainer must be rendered. Use `rendered` property to include it in your component tree.',\n      );\n    }\n  }\n\n  // 'open' accepts props required by the Component and opens the dialog\n  const open = useEvent((props: P, containerProps?: E) => {\n    setupCheck();\n\n    setComponentProps(props);\n    setContainerProps(containerProps ?? null);\n    setIsOpen(true);\n  });\n\n  const update = useEvent((props: P, containerProps?: E) => {\n    setupCheck();\n\n    setComponentProps(props);\n    setContainerProps(containerProps ?? null);\n  });\n\n  const close = useEvent(() => {\n    setIsOpen(false);\n  });\n\n  // Render the dialog only when componentProps is set\n  const renderedDialog = useMemo(() => {\n    if (!componentProps) return null;\n\n    return (\n      <DialogContainer\n        isOpen={isOpen}\n        onDismiss={close}\n        {...mergeProps(defaultContainerProps, containerProps || undefined)}\n      >\n        <Component {...componentProps} />\n      </DialogContainer>\n    );\n  }, [componentProps, containerProps, isOpen, defaultContainerProps]);\n\n  return {\n    open,\n    update,\n    close,\n    get rendered() {\n      setupRef.current = true;\n\n      return renderedDialog;\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAoBA,SAAgB,mBAId,WACA,uBACA;CACA,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAC3C,MAAM,CAAC,gBAAgB,qBAAqB,SAAmB,KAAK;CACpE,MAAM,CAAC,gBAAgB,qBAAqB,SAAmB,KAAK;CACpE,MAAM,WAAW,OAAO,MAAM;CAE9B,SAAS,aAAa;AACpB,MAAI,CAAC,SAAS,QACZ,OAAM,IAAI,MACR,sHACD;;CAKL,MAAM,OAAO,UAAU,OAAU,mBAAuB;AACtD,cAAY;AAEZ,oBAAkB,MAAM;AACxB,oBAAkB,kBAAkB,KAAK;AACzC,YAAU,KAAK;GACf;CAEF,MAAM,SAAS,UAAU,OAAU,mBAAuB;AACxD,cAAY;AAEZ,oBAAkB,MAAM;AACxB,oBAAkB,kBAAkB,KAAK;GACzC;CAEF,MAAM,QAAQ,eAAe;AAC3B,YAAU,MAAM;GAChB;CAGF,MAAM,iBAAiB,cAAc;AACnC,MAAI,CAAC,eAAgB,QAAO;AAE5B,SACE,oBAAC;GACS;GACR,WAAW;GACX,GAAI,WAAW,uBAAuB,kBAAkB,OAAU;aAElE,oBAAC,aAAU,GAAI,iBAAkB;IACjB;IAEnB;EAAC;EAAgB;EAAgB;EAAQ;EAAsB,CAAC;AAEnE,QAAO;EACL;EACA;EACA;EACA,IAAI,WAAW;AACb,YAAS,UAAU;AAEnB,UAAO;;EAEV"}
+{"version":3,"file":"use-dialog-container.js","names":["ComponentProps","ComponentType","useMemo","useRef","useState","useEvent","mergeProps","DialogContainer","useDialogContainer","Component","P","defaultContainerProps","isOpen","setIsOpen","componentProps","setComponentProps","containerProps","setContainerProps","E","setupRef","setupCheck","current","Error","open","props","update","close","renderedDialog","undefined","rendered"],"sources":["../../../../src/components/overlays/Dialog/use-dialog-container.tsx"],"sourcesContent":["import {\n  ComponentProps,\n  ComponentType,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { mergeProps } from '../../../utils/react';\n\nimport { DialogContainer } from './DialogContainer';\n\n/**\n * Generic hook to manage a dialog component.\n *\n * @param Component - A React component that represents the dialog content. It must accept props of type P.\n * @param defaultContainerProps - Default props to pass to the DialogContainer.\n * @returns An object with `open` function to open the dialog with provided props and `rendered` JSX element to include in your component tree.\n */\nexport function useDialogContainer<\n  P,\n  E = ComponentProps<typeof DialogContainer>,\n>(\n  Component: ComponentType<P>,\n  defaultContainerProps?: ComponentProps<typeof DialogContainer>,\n) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [componentProps, setComponentProps] = useState<P | null>(null);\n  const [containerProps, setContainerProps] = useState<E | null>(null);\n  const setupRef = useRef(false);\n\n  function setupCheck() {\n    if (!setupRef.current) {\n      throw new Error(\n        'useDialogContainer: DialogContainer must be rendered. Use `rendered` property to include it in your component tree.',\n      );\n    }\n  }\n\n  // 'open' accepts props required by the Component and opens the dialog\n  const open = useEvent((props: P, containerProps?: E) => {\n    setupCheck();\n\n    setComponentProps(props);\n    setContainerProps(containerProps ?? null);\n    setIsOpen(true);\n  });\n\n  const update = useEvent((props: P, containerProps?: E) => {\n    setupCheck();\n\n    setComponentProps(props);\n    setContainerProps(containerProps ?? null);\n  });\n\n  const close = useEvent(() => {\n    setIsOpen(false);\n  });\n\n  // Render the dialog only when componentProps is set\n  const renderedDialog = useMemo(() => {\n    if (!componentProps) return null;\n\n    return (\n      <DialogContainer\n        isOpen={isOpen}\n        onDismiss={close}\n        {...mergeProps(defaultContainerProps, containerProps || undefined)}\n      >\n        <Component {...componentProps} />\n      </DialogContainer>\n    );\n  }, [componentProps, containerProps, isOpen, defaultContainerProps]);\n\n  return {\n    open,\n    update,\n    close,\n    get rendered() {\n      setupRef.current = true;\n\n      return renderedDialog;\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAoBA,SAAgBQ,mBAIdC,WACAE,uBACA;CACA,MAAM,CAACC,QAAQC,aAAaT,SAAS,MAAM;CAC3C,MAAM,CAACU,gBAAgBC,qBAAqBX,SAAmB,KAAK;CACpE,MAAM,CAACY,gBAAgBC,qBAAqBb,SAAmB,KAAK;CACpE,MAAMe,WAAWhB,OAAO,MAAM;CAE9B,SAASiB,aAAa;AACpB,MAAI,CAACD,SAASE,QACZ,OAAM,IAAIC,MACR,sHACD;;CAKL,MAAMC,OAAOlB,UAAUmB,OAAUR,qBAAuB;AACtDI,cAAY;AAEZL,oBAAkBS,MAAM;AACxBP,oBAAkBD,oBAAkB,KAAK;AACzCH,YAAU,KAAK;GACf;CAEF,MAAMY,SAASpB,UAAUmB,SAAUR,qBAAuB;AACxDI,cAAY;AAEZL,oBAAkBS,QAAM;AACxBP,oBAAkBD,oBAAkB,KAAK;GACzC;CAEF,MAAMU,QAAQrB,eAAe;AAC3BQ,YAAU,MAAM;GAChB;CAGF,MAAMc,iBAAiBzB,cAAc;AACnC,MAAI,CAACY,eAAgB,QAAO;AAE5B,SACE,oBAAC;GACSF;GACR,WAAWc;GACX,GAAIpB,WAAWK,uBAAuBK,kBAAkBY,OAAU;aAElE,oBAAC,aAAU,GAAId,iBAAe;IACd;IAEnB;EAACA;EAAgBE;EAAgBJ;EAAQD;EAAsB,CAAC;AAEnE,QAAO;EACLY;EACAE;EACAC;EACA,IAAIG,WAAW;AACbV,YAASE,UAAU;AAEnB,UAAOM;;EAEV"}

package/dist/components/overlays/Modal/Modal.js

@@ -1,7 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -65,12 +66,48 @@ const ModalElement = tasty({ styles: {
 	}
 } });
 function Modal(props, ref) {
-	let { qa, children, onClose, type, styles, ...otherProps } = props;
-	let domRef = useObjectRef(ref);
-	let { overlayProps, underlayProps } = useOverlay({ ...props }, domRef);
-	return /* @__PURE__ */ jsxs(_Overlay, {
-		...otherProps,
-		children: [type !== "fullscreenTakeover" && type !== "panel" && /* @__PURE__ */ jsx(_Underlay, { ...underlayProps }), /* @__PURE__ */ jsx(ModalWrapper, {
+	const $ = c(24);
+	let children;
+	let onClose;
+	let otherProps;
+	let qa;
+	let styles;
+	let type;
+	if ($[0] !== props) {
+		({qa, children, onClose, type, styles, ...otherProps} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = onClose;
+		$[3] = otherProps;
+		$[4] = qa;
+		$[5] = styles;
+		$[6] = type;
+	} else {
+		children = $[1];
+		onClose = $[2];
+		otherProps = $[3];
+		qa = $[4];
+		styles = $[5];
+		type = $[6];
+	}
+	const domRef = useObjectRef(ref);
+	let t0;
+	if ($[7] !== props) {
+		t0 = { ...props };
+		$[7] = props;
+		$[8] = t0;
+	} else t0 = $[8];
+	const { overlayProps, underlayProps } = useOverlay(t0, domRef);
+	let t1;
+	if ($[9] !== type || $[10] !== underlayProps) {
+		t1 = type !== "fullscreenTakeover" && type !== "panel" && /* @__PURE__ */ jsx(_Underlay, { ...underlayProps });
+		$[9] = type;
+		$[10] = underlayProps;
+		$[11] = t1;
+	} else t1 = $[11];
+	let t2;
+	if ($[12] !== children || $[13] !== domRef || $[14] !== onClose || $[15] !== overlayProps || $[16] !== qa || $[17] !== styles || $[18] !== type) {
+		t2 = /* @__PURE__ */ jsx(ModalWrapper, {
 			ref: domRef,
 			qa,
 			type,
@@ -78,33 +115,109 @@ function Modal(props, ref) {
 			styles,
 			onClose,
 			children
-		})]
-	});
+		});
+		$[12] = children;
+		$[13] = domRef;
+		$[14] = onClose;
+		$[15] = overlayProps;
+		$[16] = qa;
+		$[17] = styles;
+		$[18] = type;
+		$[19] = t2;
+	} else t2 = $[19];
+	let t3;
+	if ($[20] !== otherProps || $[21] !== t1 || $[22] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(_Overlay, {
+			...otherProps,
+			children: [t1, t2]
+		});
+		$[20] = otherProps;
+		$[21] = t1;
+		$[22] = t2;
+		$[23] = t3;
+	} else t3 = $[23];
+	return t3;
 }
 let ModalWrapper = forwardRef(function ModalWrapper(props, ref) {
-	let { qa, children, isOpen, type, placement, styles, overlayProps, transitionState, ...otherProps } = props;
-	usePreventScroll({ isDisabled: transitionState !== "entered" });
-	let { modalProps } = useModal({ isDisabled: transitionState !== "entered" });
-	return /* @__PURE__ */ jsx(ModalWrapperElement, {
-		"data-type": type,
-		"data-placement": placement,
-		children: /* @__PURE__ */ jsx(ModalElement, {
-			qa: qa || "Modal",
+	const $ = c(25);
+	const { qa, children, isOpen, type, placement, styles, overlayProps, transitionState, ...otherProps } = props;
+	const t0 = transitionState !== "entered";
+	let t1;
+	if ($[0] !== t0) {
+		t1 = { isDisabled: t0 };
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	usePreventScroll(t1);
+	const t2 = transitionState !== "entered";
+	let t3;
+	if ($[2] !== t2) {
+		t3 = { isDisabled: t2 };
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	const { modalProps } = useModal(t3);
+	const T0 = ModalWrapperElement;
+	const T1 = ModalElement;
+	const t4 = qa || "Modal";
+	const t5 = transitionState === "enter";
+	const t6 = transitionState === "exit";
+	const t7 = transitionState === "unmounted";
+	const t8 = transitionState === "entered";
+	let t9;
+	if ($[4] !== isOpen || $[5] !== t5 || $[6] !== t6 || $[7] !== t7 || $[8] !== t8) {
+		t9 = {
+			open: isOpen,
+			enter: t5,
+			exit: t6,
+			unmounted: t7,
+			entered: t8
+		};
+		$[4] = isOpen;
+		$[5] = t5;
+		$[6] = t6;
+		$[7] = t7;
+		$[8] = t8;
+		$[9] = t9;
+	} else t9 = $[9];
+	const t10 = mergeProps$1(otherProps, overlayProps, modalProps);
+	let t11;
+	if ($[10] !== T1 || $[11] !== children || $[12] !== placement || $[13] !== ref || $[14] !== styles || $[15] !== t10 || $[16] !== t4 || $[17] !== t9 || $[18] !== type) {
+		t11 = /* @__PURE__ */ jsx(T1, {
+			qa: t4,
 			styles,
-			mods: {
-				open: isOpen,
-				enter: transitionState === "enter",
-				exit: transitionState === "exit",
-				unmounted: transitionState === "unmounted",
-				entered: transitionState === "entered"
-			},
+			mods: t9,
 			"data-type": type,
 			"data-placement": placement,
-			...mergeProps$1(otherProps, overlayProps, modalProps),
+			...t10,
 			ref,
 			children
-		})
-	});
+		});
+		$[10] = T1;
+		$[11] = children;
+		$[12] = placement;
+		$[13] = ref;
+		$[14] = styles;
+		$[15] = t10;
+		$[16] = t4;
+		$[17] = t9;
+		$[18] = type;
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== T0 || $[21] !== placement || $[22] !== t11 || $[23] !== type) {
+		t12 = /* @__PURE__ */ jsx(T0, {
+			"data-type": type,
+			"data-placement": placement,
+			children: t11
+		});
+		$[20] = T0;
+		$[21] = placement;
+		$[22] = t11;
+		$[23] = type;
+		$[24] = t12;
+	} else t12 = $[24];
+	return t12;
 });
 let _Modal = forwardRef(Modal);
 _Modal.displayName = "Modal";