@cube-dev/ui-kit 0.182.0 → 0.184.0

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

@@ -0,0 +1,357 @@
+/** @license MIT | @cube-dev/ui-kit v0.184.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 { Footer } from "../../content/Footer.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(107);
+	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] !== t9) {
+		t10 = /* @__PURE__ */ jsx(Content, { children: t9 });
+		$[59] = t9;
+		$[60] = t10;
+	} else t10 = $[60];
+	let t11;
+	if ($[61] !== cancelProps || $[62] !== danger || $[63] !== dismiss || $[64] !== noActions || $[65] !== qa || $[66] !== submitProps || $[67] !== t) {
+		t11 = !noActions && /* @__PURE__ */ jsx(Footer, { children: /* @__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
+		})] }) });
+		$[61] = cancelProps;
+		$[62] = danger;
+		$[63] = dismiss;
+		$[64] = noActions;
+		$[65] = qa;
+		$[66] = submitProps;
+		$[67] = t;
+		$[68] = t11;
+	} else t11 = $[68];
+	let t12;
+	if ($[69] !== action || $[70] !== autoComplete || $[71] !== defaultValues || $[72] !== encType || $[73] !== form || $[74] !== isDisabled || $[75] !== isInvalid || $[76] !== isReadOnly || $[77] !== isValid || $[78] !== labelPosition || $[79] !== labelStyles || $[80] !== labelWidth || $[81] !== method || $[82] !== name || $[83] !== necessityIndicator || $[84] !== onReset || $[85] !== onResetCapture || $[86] !== onSubmit || $[87] !== onSubmitFailed || $[88] !== onValuesChange || $[89] !== orientation || $[90] !== requiredMark || $[91] !== showValid || $[92] !== submitValues || $[93] !== submitted || $[94] !== t10 || $[95] !== t11 || $[96] !== t8 || $[97] !== target || $[98] !== validateTrigger || $[99] !== validationState) {
+		t12 = /* @__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: [t10, t11]
+		});
+		$[69] = action;
+		$[70] = autoComplete;
+		$[71] = defaultValues;
+		$[72] = encType;
+		$[73] = form;
+		$[74] = isDisabled;
+		$[75] = isInvalid;
+		$[76] = isReadOnly;
+		$[77] = isValid;
+		$[78] = labelPosition;
+		$[79] = labelStyles;
+		$[80] = labelWidth;
+		$[81] = method;
+		$[82] = name;
+		$[83] = necessityIndicator;
+		$[84] = onReset;
+		$[85] = onResetCapture;
+		$[86] = onSubmit;
+		$[87] = onSubmitFailed;
+		$[88] = onValuesChange;
+		$[89] = orientation;
+		$[90] = requiredMark;
+		$[91] = showValid;
+		$[92] = submitValues;
+		$[93] = submitted;
+		$[94] = t10;
+		$[95] = t11;
+		$[96] = t8;
+		$[97] = target;
+		$[98] = validateTrigger;
+		$[99] = validationState;
+		$[100] = t12;
+	} else t12 = $[100];
+	let t13;
+	if ($[101] !== dialogProps || $[102] !== dismiss || $[103] !== t12 || $[104] !== t6 || $[105] !== t7) {
+		t13 = /* @__PURE__ */ jsxs(Dialog, {
+			...dialogProps,
+			qa: t6,
+			onDismiss: dismiss,
+			children: [t7, t12]
+		});
+		$[101] = dialogProps;
+		$[102] = dismiss;
+		$[103] = t12;
+		$[104] = t6;
+		$[105] = t7;
+		$[106] = t13;
+	} else t13 = $[106];
+	return t13;
+}
+
+//#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","Footer","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","t13"],"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 { Footer } from '../../content/Footer';\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      {/*\n        The form wraps BOTH slots rather than sitting inside `Content`, so the\n        actions can live in a pinned `Footer` while the body scrolls. They still\n        have to be inside the `<form>` for submit to work, which is why the form\n        is the outer one of the two (CUB-4920). A form placed directly in a\n        `Dialog` lays itself out as the dialog's column (see `FormElement`).\n      */}\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        <Content>\n          {typeof children === 'function' ? children(dismiss) : children}\n        </Content>\n\n        {!noActions && (\n          <Footer>\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          </Footer>\n        )}\n      </ModernFormRoot>\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.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.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-content-overflow.js

@@ -0,0 +1,68 @@
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
+import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
+import { c } from "react-compiler-runtime";
+import { useState } from "react";
+
+//#region src/components/overlays/Dialog/use-content-overflow.ts
+const OVERFLOW_THRESHOLD = 2;
+const BODY_SELECTOR = ":scope > [data-id=\"Content\"], :scope > form > [data-id=\"Content\"]";
+/**
+* Whether the dialog's body is taller than the room it has, i.e. whether it
+* scrolls. The footer draws its top line on this (see `Dialog`).
+*
+* The body's own box is not enough to watch. Once the dialog reaches its max
+* height the box stops growing, and in a fixed-height dialog (`fullscreen`,
+* `panel`) it never changes at all — there, content growing past the fold is
+* visible only on the body's children. So both the body and its children are
+* observed, and the set is re-synced whenever the body or its child list is
+* replaced.
+*/
+function useContentOverflow(dialogRef) {
+	const $ = c(3);
+	const [overflows, setOverflows] = useState(false);
+	let t0;
+	let t1;
+	if ($[0] !== dialogRef) {
+		t0 = () => {
+			const dialog = dialogRef.current;
+			if (!dialog || typeof ResizeObserver === "undefined") return;
+			let body = null;
+			const measure = () => {
+				setOverflows(!!body && body.scrollHeight > body.clientHeight + OVERFLOW_THRESHOLD);
+			};
+			const resizeObserver = new ResizeObserver(measure);
+			const mutationObserver = new MutationObserver(() => sync());
+			const sync = () => {
+				body = dialog.querySelector(BODY_SELECTOR);
+				mutationObserver.disconnect();
+				resizeObserver.disconnect();
+				mutationObserver.observe(dialog, { childList: true });
+				for (const form of Array.from(dialog.querySelectorAll(":scope > form"))) mutationObserver.observe(form, { childList: true });
+				if (body) {
+					mutationObserver.observe(body, { childList: true });
+					resizeObserver.observe(body);
+					for (const child of Array.from(body.children)) resizeObserver.observe(child);
+				}
+				measure();
+			};
+			sync();
+			return () => {
+				mutationObserver.disconnect();
+				resizeObserver.disconnect();
+			};
+		};
+		t1 = [dialogRef];
+		$[0] = dialogRef;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	useLayoutEffect$1(t0, t1);
+	return overflows;
+}
+
+//#endregion
+export { useContentOverflow };
+//# sourceMappingURL=use-content-overflow.js.map

package/dist/components/overlays/Dialog/use-content-overflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-content-overflow.js","names":["RefObject","useState","useLayoutEffect","OVERFLOW_THRESHOLD","BODY_SELECTOR","useContentOverflow","dialogRef","$","_c","overflows","setOverflows","t0","t1","dialog","current","ResizeObserver","body","measure","scrollHeight","clientHeight","resizeObserver","mutationObserver","MutationObserver","sync","querySelector","disconnect","observe","childList","form","Array","from","querySelectorAll","child","children"],"sources":["../../../../src/components/overlays/Dialog/use-content-overflow.ts"],"sourcesContent":["import { RefObject, useState } from 'react';\n\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\n\n// Same slack as `useTinyScrollbar`: sub-pixel rounding can leave a body that\n// fits reporting a `scrollHeight` a pixel or two over its `clientHeight`.\nconst OVERFLOW_THRESHOLD = 2;\n\n// The body is the `Content` the dialog itself lays out: a direct child, or the\n// direct child of a direct-child `<form>` (a `Form` placed there lays itself\n// out as the dialog's column; see `FormElement`). Those are the two shapes in\n// which `Content` is the thing that scrolls. A `Content` nested anywhere else is\n// part of the body, not the body.\nconst BODY_SELECTOR =\n  ':scope > [data-id=\"Content\"], :scope > form > [data-id=\"Content\"]';\n\n/**\n * Whether the dialog's body is taller than the room it has, i.e. whether it\n * scrolls. The footer draws its top line on this (see `Dialog`).\n *\n * The body's own box is not enough to watch. Once the dialog reaches its max\n * height the box stops growing, and in a fixed-height dialog (`fullscreen`,\n * `panel`) it never changes at all — there, content growing past the fold is\n * visible only on the body's children. So both the body and its children are\n * observed, and the set is re-synced whenever the body or its child list is\n * replaced.\n */\nexport function useContentOverflow(dialogRef: RefObject<HTMLElement | null>) {\n  const [overflows, setOverflows] = useState(false);\n\n  useLayoutEffect(() => {\n    const dialog = dialogRef.current;\n\n    if (!dialog || typeof ResizeObserver === 'undefined') return;\n\n    let body: HTMLElement | null = null;\n\n    const measure = () => {\n      setOverflows(\n        !!body && body.scrollHeight > body.clientHeight + OVERFLOW_THRESHOLD,\n      );\n    };\n\n    const resizeObserver = new ResizeObserver(measure);\n\n    // Only the child lists of the dialog, a direct-child form and the body can\n    // move the body or change which children to watch, so those three are all\n    // it observes — never the subtree. A picker's popover is a dialog too, and\n    // a virtualized list scrolling inside it mutates on every frame. Deeper\n    // mutations that matter resize a child, which the resize observer sees.\n    const mutationObserver = new MutationObserver(() => sync());\n\n    const sync = () => {\n      body = dialog.querySelector<HTMLElement>(BODY_SELECTOR);\n\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n\n      mutationObserver.observe(dialog, { childList: true });\n\n      for (const form of Array.from(dialog.querySelectorAll(':scope > form'))) {\n        mutationObserver.observe(form, { childList: true });\n      }\n\n      if (body) {\n        mutationObserver.observe(body, { childList: true });\n        resizeObserver.observe(body);\n\n        for (const child of Array.from(body.children)) {\n          resizeObserver.observe(child);\n        }\n      }\n\n      measure();\n    };\n\n    sync();\n\n    return () => {\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n    };\n  }, [dialogRef]);\n\n  return overflows;\n}\n"],"mappings":";;;;;;AAMA,MAAMG,qBAAqB;AAO3B,MAAMC,gBACJ;;;;;;;;;;;;AAaF,SAAOC,mBAAAC,WAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,CAAAC,WAAAC,gBAAkCT,SAAS,MAAM;CAAC,IAAAU;CAAA,IAAAC;AAAA,KAAAL,EAAA,OAAAD,WAAA;AAElCK,aAAA;GACd,MAAAE,SAAeP,UAASQ;AAExB,OAAI,CAACD,UAAU,OAAOE,mBAAmB,YAAW;GAEpD,IAAAC,OAA+B;GAE/B,MAAAC,gBAAgB;AACdP,iBACE,CAAC,CAACM,QAAQA,KAAIE,eAAgBF,KAAIG,eAAgBhB,mBACnD;;GAGH,MAAAiB,iBAAuB,IAAIL,eAAeE,QAAQ;GAOlD,MAAAI,mBAAyB,IAAIC,uBAAuBC,MAAM,CAAC;GAE3D,MAAAA,aAAa;AACXP,WAAOH,OAAMW,cAA4BpB,cAAc;AAEvDiB,qBAAgBI,YAAa;AAC7BL,mBAAcK,YAAa;AAE3BJ,qBAAgBK,QAASb,QAAQ,EAAAc,WAAa,MAAM,CAAC;AAErD,SAAK,MAAAC,QAAcC,MAAKC,KAAMjB,OAAMkB,iBAAkB,gBAAgB,CAAC,CACrEV,kBAAgBK,QAASE,MAAM,EAAAD,WAAa,MAAM,CAAC;AAGrD,QAAIX,MAAI;AACNK,sBAAgBK,QAASV,MAAM,EAAAW,WAAa,MAAM,CAAC;AACnDP,oBAAcM,QAASV,KAAK;AAE5B,UAAK,MAAAgB,SAAeH,MAAKC,KAAMd,KAAIiB,SAAU,CAC3Cb,gBAAcM,QAASM,MAAM;;AAIjCf,aAAS;;AAGXM,SAAM;AAAA,gBAEC;AACLF,qBAAgBI,YAAa;AAC7BL,mBAAcK,YAAa;;;AAE5Bb,OAAA,CAACN,UAAU;AAAAC,IAAA,KAAAD;AAAAC,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;QAAA;AAAAD,OAAAJ,EAAA;AAAAK,OAAAL,EAAA;;AApDdL,mBAAgBS,IAoDbC,GAAY;AAAA,QAERH"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.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"}