@cube-dev/ui-kit 0.0.0-canary-dcac044 → 0.0.0-canary-dc34c88

package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dcac044 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dc34c88 | Cube Dev Team */
 import { AlertDialogZone } from "./AlertDialogZone.js";
 import { c } from "react-compiler-runtime";
 import { createContext, useContext, useRef, useState } from "react";
@@ -11,15 +11,15 @@ const DialogApiContext = createContext(null);
 * @internal Do not use it in your code!
 */
 function AlertDialogApiProvider(props) {
-	const $ = c(7);
+	const $ = c(6);
 	const [openedDialog, setOpenedDialog] = useState(null);
 	const id = useRef(0);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = (dialogProps, params, resolveOnCancel) => {
+		t0 = { open: (dialogProps, t1) => {
+			const params = t1 === void 0 ? {} : t1;
 			const { onDismiss, ...restProps } = dialogProps;
 			const { cancelToken } = params;
-			if (cancelToken?.aborted) return resolveOnCancel ? Promise.resolve("cancel") : Promise.reject(void 0);
 			const currentId = id.current = id.current + 1;
 			const currentDialog = {
 				props: null,
@@ -43,6 +43,7 @@ function AlertDialogApiProvider(props) {
 				});
 				setTimeout(() => setOpenedDialog((currentState_0) => currentState_0?.meta.id !== currentId ? currentState_0 : null), 300);
 			};
+			if (cancelToken?.aborted) return Promise.reject(void 0);
 			currentDialog.meta.promise = new Promise((resolve, reject) => {
 				currentDialog.meta.resolve = (status) => {
 					close();
@@ -50,8 +51,7 @@ function AlertDialogApiProvider(props) {
 				};
 				currentDialog.meta.reject = (reason) => {
 					close();
-					if (reason === void 0 && resolveOnCancel) resolve("cancel");
-					else reject(reason);
+					reject(reason);
 				};
 			});
 			cancelToken?.addEventListener("abort", onAbort, { once: true });
@@ -63,95 +63,92 @@ function AlertDialogApiProvider(props) {
 				}
 			};
 			setOpenedDialog((openedDialog_0) => {
-				if (openedDialog_0 !== null) {
+				if (openedDialog_0 !== null && !openedDialog_0.meta.isClosed) {
 					currentDialog.meta.reject(/* @__PURE__ */ new Error("Another dialog is already opened. It's a bad practice to open more than one <AlertDialog /> at the same time"));
 					return openedDialog_0;
 				}
 				return currentDialog;
 			});
 			return currentDialog.meta.promise;
-		};
+		} };
 		$[0] = t0;
 	} else t0 = $[0];
-	const show = t0;
+	const api = t0;
 	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = {
-			open: (dialogProps_0, t2) => {
-				return show(dialogProps_0, t2 === void 0 ? {} : t2, false);
-			},
-			confirm: (dialogProps_1, t3) => {
-				return show(dialogProps_1, t3 === void 0 ? {} : t3, true);
-			}
-		};
-		$[1] = t1;
-	} else t1 = $[1];
-	const api = t1;
+	if ($[1] !== openedDialog) {
+		t1 = /* @__PURE__ */ jsx(AlertDialogZone, { openedDialog });
+		$[1] = openedDialog;
+		$[2] = t1;
+	} else t1 = $[2];
 	let t2;
-	if ($[2] !== openedDialog) {
-		t2 = /* @__PURE__ */ jsx(AlertDialogZone, { openedDialog });
-		$[2] = openedDialog;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== props.children || $[5] !== t2) {
-		t3 = /* @__PURE__ */ jsxs(DialogApiContext.Provider, {
+	if ($[3] !== props.children || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsxs(DialogApiContext.Provider, {
 			value: api,
-			children: [t2, props.children]
+			children: [t1, props.children]
 		});
-		$[4] = props.children;
+		$[3] = props.children;
+		$[4] = t1;
 		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
-	return t3;
+	} else t2 = $[5];
+	return t2;
 }
 /**
 * Hook gives the ability to open `<AlertDialog />` imperatively.
 *
-* Prefer `confirm`: it resolves `'cancel'` when the user closes the dialog
-* without an action, so a forgotten `.catch` can't leave an unhandled
-* rejection. `'cancel'` is truthy, so compare the status, never test it.
-* `open` rejects with `undefined` in that case instead.
+* `open` resolves with the action the user picked. It rejects with `undefined`
+* when the user cancels or dismisses the dialog, or its `cancelToken` aborts,
+* and with an `Error` when the dialog cannot open. Handle the rejection, and
+* tell the two apart: a cancel is not a failure.
 *
-* ***Important*** it's commonly a bad practice when you open multiple dialogs in a row;
-* that means this api will reject all dialogs when there is already open one
+* ***Important*** only one alert dialog can be open at a time: `open` rejects
+* while another one is open. A dialog that is already closing gives way.
 *
 * @example opening dialog on Button click.
-* const { confirm } = useAlertDialogAPI();
+* const { open } = useAlertDialogAPI();
 *
 * const onPress = async () => {
-*   const status = await confirm({
-*     title: 'Delete the item?',
-*     danger: true,
-*     actions: { confirm: { children: 'Delete' }, cancel: true },
-*   });
+*   let status;
+*
+*   try {
+*     status = await open({
+*       title: 'Delete the item?',
+*       danger: true,
+*       actions: { confirm: { children: 'Delete' }, cancel: true },
+*     });
+*   } catch (reason) {
+*     // Cancel or dismissal
+*     if (reason === undefined) return;
 *
-*   if (status !== 'confirm') return;
+*     // A real failure, e.g. another dialog is already open
+*     throw reason;
+*   }
 *
-*   // Handle confirm
+*   if (status === 'confirm') {
+*     // Handle confirm
+*   }
 * };
 *
 * return <Button onPress={onPress}>Delete</Button>
 *
-* @example closing the dialog from a side effect
-* const { confirm } = useAlertDialogAPI();
+* @example closing the dialog from code with a cancel token.
+* const { open } = useAlertDialogAPI();
+* const controllerRef = useRef<AbortController | null>(null);
 *
-* useEffect(() => {
-*   const abortDialog = new AbortController();
+* const onPress = () => {
+*   // A signal stays aborted, so every dialog needs a fresh controller.
+*   controllerRef.current = new AbortController();
 *
-*   confirm({
-*     title: 'Are you sure?',
-*     content: <Paragraph>Test content</Paragraph>
-*   }, {
-*     cancelToken: abortDialog.signal
-*   }).then((status) => {
-*     // 'cancel' when the user cancelled, dismissed or the effect cleaned up
+*   open(
+*     { title: 'Waiting for approval', actions: { confirm: { children: 'Hide' } } },
+*     { cancelToken: controllerRef.current.signal },
+*   ).catch((reason) => {
+*     // Aborting rejects with `undefined`, like Cancel does
+*     if (reason !== undefined) throw reason;
 *   });
+* };
 *
-*   return () => {
-*     abortDialog.abort();
-*   }
-* }, [])
+* // Later, e.g. when the approval arrives:
+* controllerRef.current?.abort();
 */
 function useAlertDialogAPI() {
 	const api = useContext(DialogApiContext);

package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogApiProvider.js","names":["createContext","useContext","useMemo","useRef","useState","invariant","AlertDialogZone","AlertDialogConfirmStatus","AlertDialogResolveStatus","Dialog","DialogProps","DialogApiContext","AlertDialogApi","open","dialogProps","params","AlertDialogApiParams","Promise","confirm","cancelToken","AbortSignal","AlertDialogApiProvider","props","$","_c","openedDialog","setOpenedDialog","id","t0","Symbol","for","resolveOnCancel","onDismiss","restProps","aborted","resolve","reject","undefined","currentId","current","currentDialog","meta","isClosed","isVisible","onAbort","close","removeEventListener","currentState","setTimeout","currentState_0","promise","status","reason","addEventListener","once","e","openedDialog_0","Error","show","t1","dialogProps_0","t2","params_0","dialogProps_1","t3","params_1","api","children","useAlertDialogAPI"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialogApiProvider.tsx"],"sourcesContent":["import { createContext, useContext, useMemo, useRef, useState } from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { AlertDialogZone } from './AlertDialogZone';\nimport {\n  AlertDialogConfirmStatus,\n  AlertDialogResolveStatus,\n  Dialog,\n  DialogProps,\n} from './types';\n\nconst DialogApiContext = createContext<AlertDialogApi | null>(null);\n\nexport interface AlertDialogApi {\n  /**\n   * Opens the dialog. Resolves with the action the user picked; rejects with\n   * `undefined` when the dialog closes without one (Cancel, dismissal or an\n   * aborted `cancelToken`).\n   */\n  open: (\n    dialogProps: DialogProps,\n    params?: AlertDialogApiParams,\n  ) => Promise<AlertDialogResolveStatus>;\n  /**\n   * Opens the dialog like `open`, but a dialog closed without an action\n   * resolves `'cancel'` instead of rejecting. It rejects only when the dialog\n   * cannot open, or when `content` calls `reject` with a reason.\n   */\n  confirm: (\n    dialogProps: DialogProps,\n    params?: AlertDialogApiParams,\n  ) => Promise<AlertDialogConfirmStatus>;\n}\n\nexport interface AlertDialogApiParams {\n  /** Closes the dialog when aborted, which settles it as a cancel. */\n  cancelToken?: AbortSignal;\n}\n\n/**\n * @internal Do not use it in your code!\n */\nexport function AlertDialogApiProvider(props) {\n  const [openedDialog, setOpenedDialog] = useState<Dialog | null>(null);\n  const id = useRef(0);\n\n  // The API object is a context value, so its identity is the contract.\n  const api = useMemo<AlertDialogApi>(() => {\n    /**\n     * A rejection without a reason is a cancel: the Cancel action, a dismissal,\n     * an aborted `cancelToken`, or `content` calling `reject()`. With\n     * `resolveOnCancel` it resolves `'cancel'` instead.\n     */\n    const show = (\n      dialogProps: DialogProps,\n      params: AlertDialogApiParams,\n      resolveOnCancel: boolean,\n    ): Promise<AlertDialogConfirmStatus> => {\n      const { onDismiss, ...restProps } = dialogProps;\n      const { cancelToken } = params;\n\n      if (cancelToken?.aborted) {\n        return resolveOnCancel\n          ? Promise.resolve('cancel')\n          : Promise.reject(undefined);\n      }\n\n      const currentId = ++id.current;\n      const currentDialog = {\n        props: null,\n        meta: { id: currentId, isClosed: false, isVisible: true },\n      } as unknown as Dialog;\n\n      const onAbort = () => currentDialog.meta.reject(undefined);\n\n      const close = () => {\n        if (currentDialog.meta.isClosed) return;\n\n        currentDialog.meta.isClosed = true;\n        cancelToken?.removeEventListener('abort', onAbort);\n\n        setOpenedDialog((currentState) =>\n          currentState?.meta.id !== currentId\n            ? currentState\n            : {\n                props: currentState.props,\n                meta: { ...currentState.meta, isVisible: false },\n              },\n        );\n\n        setTimeout(\n          () =>\n            setOpenedDialog((currentState) =>\n              currentState?.meta.id !== currentId ? currentState : null,\n            ),\n          300,\n        );\n      };\n\n      currentDialog.meta.promise = new Promise((resolve, reject) => {\n        currentDialog.meta.resolve = (status) => {\n          close();\n          resolve(status);\n        };\n        currentDialog.meta.reject = (reason) => {\n          close();\n\n          if (reason === undefined && resolveOnCancel) {\n            resolve('cancel');\n          } else {\n            reject(reason);\n          }\n        };\n      });\n\n      cancelToken?.addEventListener('abort', onAbort, { once: true });\n\n      currentDialog.props = {\n        ...restProps,\n        onDismiss: (e) => {\n          onDismiss?.(e);\n          currentDialog.meta.reject(undefined);\n        },\n      };\n\n      setOpenedDialog((openedDialog) => {\n        // we already have opened dialog, so we reject opening another\n        if (openedDialog !== null) {\n          currentDialog.meta.reject(\n            new Error(\n              \"Another dialog is already opened. It's a bad practice to open more than one <AlertDialog /> at the same time\",\n            ),\n          );\n\n          return openedDialog;\n        }\n\n        return currentDialog;\n      });\n\n      return currentDialog.meta.promise;\n    };\n\n    return {\n      // Never resolves `'cancel'`: a cancel rejects instead.\n      open: (dialogProps, params = {}) =>\n        show(dialogProps, params, false) as Promise<AlertDialogResolveStatus>,\n      confirm: (dialogProps, params = {}) => show(dialogProps, params, true),\n    };\n  }, []);\n\n  return (\n    <DialogApiContext.Provider value={api}>\n      <AlertDialogZone openedDialog={openedDialog} />\n      {props.children}\n    </DialogApiContext.Provider>\n  );\n}\n\n/**\n * Hook gives the ability to open `<AlertDialog />` imperatively.\n *\n * Prefer `confirm`: it resolves `'cancel'` when the user closes the dialog\n * without an action, so a forgotten `.catch` can't leave an unhandled\n * rejection. `'cancel'` is truthy, so compare the status, never test it.\n * `open` rejects with `undefined` in that case instead.\n *\n * ***Important*** it's commonly a bad practice when you open multiple dialogs in a row;\n * that means this api will reject all dialogs when there is already open one\n *\n * @example opening dialog on Button click.\n * const { confirm } = useAlertDialogAPI();\n *\n * const onPress = async () => {\n *   const status = await confirm({\n *     title: 'Delete the item?',\n *     danger: true,\n *     actions: { confirm: { children: 'Delete' }, cancel: true },\n *   });\n *\n *   if (status !== 'confirm') return;\n *\n *   // Handle confirm\n * };\n *\n * return <Button onPress={onPress}>Delete</Button>\n *\n * @example closing the dialog from a side effect\n * const { confirm } = useAlertDialogAPI();\n *\n * useEffect(() => {\n *   const abortDialog = new AbortController();\n *\n *   confirm({\n *     title: 'Are you sure?',\n *     content: <Paragraph>Test content</Paragraph>\n *   }, {\n *     cancelToken: abortDialog.signal\n *   }).then((status) => {\n *     // 'cancel' when the user cancelled, dismissed or the effect cleaned up\n *   });\n *\n *   return () => {\n *     abortDialog.abort();\n *   }\n * }, [])\n */\nexport function useAlertDialogAPI(): AlertDialogApi {\n  const api = useContext(DialogApiContext);\n\n  invariant(\n    api !== null,\n    \"You can't use DialogApi outside of <Root /> component. Please, check if your component is descendant of <Root/> component\",\n  );\n\n  return api;\n}\n"],"mappings":"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"}
+{"version":3,"file":"AlertDialogApiProvider.js","names":["createContext","useContext","useMemo","useRef","useState","invariant","AlertDialogZone","AlertDialogResolveStatus","Dialog","DialogProps","DialogApiContext","AlertDialogApi","open","dialogProps","params","AlertDialogApiParams","Promise","cancelToken","AbortSignal","AlertDialogApiProvider","props","$","_c","openedDialog","setOpenedDialog","id","t0","Symbol","for","t1","undefined","onDismiss","restProps","currentId","current","currentDialog","meta","isClosed","isVisible","onAbort","reject","close","removeEventListener","currentState","setTimeout","currentState_0","aborted","promise","resolve","status","reason","addEventListener","once","e","openedDialog_0","Error","api","t2","children","useAlertDialogAPI"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialogApiProvider.tsx"],"sourcesContent":["import { createContext, useContext, useMemo, useRef, useState } from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { AlertDialogZone } from './AlertDialogZone';\nimport { AlertDialogResolveStatus, Dialog, DialogProps } from './types';\n\nconst DialogApiContext = createContext<AlertDialogApi | null>(null);\n\nexport interface AlertDialogApi {\n  /**\n   * Opens the dialog. Resolves with the action the user picked. Rejects with\n   * `undefined` when the dialog closes without one (Cancel, dismissal or an\n   * aborted `cancelToken`), and with an `Error` when it cannot open.\n   */\n  open: (\n    dialogProps: DialogProps,\n    params?: AlertDialogApiParams,\n  ) => Promise<AlertDialogResolveStatus>;\n}\n\nexport interface AlertDialogApiParams {\n  /** Closes the dialog when aborted, rejecting the promise with `undefined`. */\n  cancelToken?: AbortSignal;\n}\n\n/**\n * @internal Do not use it in your code!\n */\nexport function AlertDialogApiProvider(props) {\n  const [openedDialog, setOpenedDialog] = useState<Dialog | null>(null);\n  const id = useRef(0);\n\n  // A context value: consumers rely on its identity staying the same.\n  const api = useMemo<AlertDialogApi>(\n    () => ({\n      open: (dialogProps, params = {}) => {\n        const { onDismiss, ...restProps } = dialogProps;\n        const { cancelToken } = params;\n        const currentId = ++id.current;\n        const currentDialog = {\n          props: null,\n          meta: { id: currentId, isClosed: false, isVisible: true },\n        } as unknown as Dialog;\n\n        // Aborting is a cancel, so it settles the promise the way Cancel does.\n        const onAbort = () => currentDialog.meta.reject(undefined);\n\n        const close = () => {\n          if (currentDialog.meta.isClosed) return;\n\n          currentDialog.meta.isClosed = true;\n          cancelToken?.removeEventListener('abort', onAbort);\n\n          setOpenedDialog((currentState) =>\n            currentState?.meta.id !== currentId\n              ? currentState\n              : {\n                  props: currentState.props,\n                  meta: { ...currentState.meta, isVisible: false },\n                },\n          );\n\n          setTimeout(\n            () =>\n              setOpenedDialog((currentState) =>\n                currentState?.meta.id !== currentId ? currentState : null,\n              ),\n            300,\n          );\n        };\n\n        if (cancelToken?.aborted) return Promise.reject(undefined);\n\n        currentDialog.meta.promise = new Promise((resolve, reject) => {\n          currentDialog.meta.resolve = (status: AlertDialogResolveStatus) => {\n            close();\n            resolve(status);\n          };\n          currentDialog.meta.reject = (reason) => {\n            close();\n            reject(reason);\n          };\n        });\n\n        cancelToken?.addEventListener('abort', onAbort, { once: true });\n\n        currentDialog.props = {\n          ...restProps,\n          onDismiss: (e) => {\n            onDismiss?.(e);\n            currentDialog.meta.reject(undefined);\n          },\n        };\n\n        setOpenedDialog((openedDialog) => {\n          // Another dialog is open, so this one can't be. One that is only\n          // animating out gives way: its cleanup checks the id, so it leaves\n          // the new dialog alone.\n          if (openedDialog !== null && !openedDialog.meta.isClosed) {\n            currentDialog.meta.reject(\n              new Error(\n                \"Another dialog is already opened. It's a bad practice to open more than one <AlertDialog /> at the same time\",\n              ),\n            );\n\n            return openedDialog;\n          }\n\n          return currentDialog;\n        });\n\n        return currentDialog.meta.promise;\n      },\n    }),\n    [],\n  );\n\n  return (\n    <DialogApiContext.Provider value={api}>\n      <AlertDialogZone openedDialog={openedDialog} />\n      {props.children}\n    </DialogApiContext.Provider>\n  );\n}\n\n/**\n * Hook gives the ability to open `<AlertDialog />` imperatively.\n *\n * `open` resolves with the action the user picked. It rejects with `undefined`\n * when the user cancels or dismisses the dialog, or its `cancelToken` aborts,\n * and with an `Error` when the dialog cannot open. Handle the rejection, and\n * tell the two apart: a cancel is not a failure.\n *\n * ***Important*** only one alert dialog can be open at a time: `open` rejects\n * while another one is open. A dialog that is already closing gives way.\n *\n * @example opening dialog on Button click.\n * const { open } = useAlertDialogAPI();\n *\n * const onPress = async () => {\n *   let status;\n *\n *   try {\n *     status = await open({\n *       title: 'Delete the item?',\n *       danger: true,\n *       actions: { confirm: { children: 'Delete' }, cancel: true },\n *     });\n *   } catch (reason) {\n *     // Cancel or dismissal\n *     if (reason === undefined) return;\n *\n *     // A real failure, e.g. another dialog is already open\n *     throw reason;\n *   }\n *\n *   if (status === 'confirm') {\n *     // Handle confirm\n *   }\n * };\n *\n * return <Button onPress={onPress}>Delete</Button>\n *\n * @example closing the dialog from code with a cancel token.\n * const { open } = useAlertDialogAPI();\n * const controllerRef = useRef<AbortController | null>(null);\n *\n * const onPress = () => {\n *   // A signal stays aborted, so every dialog needs a fresh controller.\n *   controllerRef.current = new AbortController();\n *\n *   open(\n *     { title: 'Waiting for approval', actions: { confirm: { children: 'Hide' } } },\n *     { cancelToken: controllerRef.current.signal },\n *   ).catch((reason) => {\n *     // Aborting rejects with `undefined`, like Cancel does\n *     if (reason !== undefined) throw reason;\n *   });\n * };\n *\n * // Later, e.g. when the approval arrives:\n * controllerRef.current?.abort();\n */\nexport function useAlertDialogAPI(): AlertDialogApi {\n  const api = useContext(DialogApiContext);\n\n  invariant(\n    api !== null,\n    \"You can't use DialogApi outside of <Root /> component. Please, check if your component is descendant of <Root/> component\",\n  );\n\n  return api;\n}\n"],"mappings":";;;;;;;;AAMA,MAAMU,mBAAmBV,cAAqC,KAAK;;;;AAsBnE,SAAOmB,uBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,CAAAC,cAAAC,mBAAwCpB,SAAwB,KAAK;CACrE,MAAAqB,KAAWtB,OAAO,EAAE;CAAC,IAAAuB;AAAA,KAAAL,EAAA,OAAAM,OAAAC,IAAA,4BAAA,EAAA;AAIZF,OAAA,EAAAd,OACCC,aAAAgB,OAAA;GAAc,MAAAf,SAAAe,OAAAC,SAAA,EAAW,GAAXD;GAClB,MAAA,EAAAE,WAAA,GAAAC,cAAoCnB;GACpC,MAAA,EAAAI,gBAAwBH;GACxB,MAAAmB,YAAoBR,GAAES,UAAFT,GAAES,UAAQ;GAC9B,MAAAC,gBAAsB;IAAAf,OACb;IAAIgB,MACL;KAAAX,IAAMQ;KAASI,UAAY;KAAKC,WAAa;KAAK;IACzD;GAGD,MAAAC,gBAAsBJ,cAAaC,KAAKI,OAAQV,OAAU;GAE1D,MAAAW,cAAc;AACZ,QAAIN,cAAaC,KAAKC,SAAS;AAE/BF,kBAAaC,KAAKC,WAAY;AAC9BpB,iBAAWyB,oBAAsB,SAASH,QAAQ;AAElDf,qBAAgBmB,iBACdA,cAAYP,KAASX,OAAKQ,YAA1BU,eAAA;KAAAvB,OAGauB,aAAYvB;KAAMgB,MACnB;MAAA,GAAKO,aAAYP;MAAKE,WAAa;MAAM;KAEvD,CAAC;AAEDM,qBAEIpB,iBAAgBqB,mBACdF,gBAAYP,KAASX,OAAKQ,YAA1BY,iBAAA,KACD,EACH,IACD;;AAGH,OAAI5B,aAAW6B,QAAS,QAAS9B,QAAOwB,OAAQV,OAAU;AAE1DK,iBAAaC,KAAKW,UAAW,IAAI/B,SAAQgC,SAAAR,WAAA;AACvCL,kBAAaC,KAAKY,WAAWC,WAAA;AAC3BR,YAAO;AACPO,aAAQC,OAAO;;AAEjBd,kBAAaC,KAAKI,UAAUU,WAAA;AAC1BT,YAAO;AACPD,YAAOU,OAAO;;KAPQ;AAW1BjC,gBAAWkC,iBAAmB,SAASZ,SAAS,EAAAa,MAAQ,MAAM,CAAC;AAE/DjB,iBAAaf,QAAS;IAAA,GACjBY;IAASD,YACDsB,MAAA;AACTtB,iBAAYsB,EAAE;AACdlB,mBAAaC,KAAKI,OAAQV,OAAU;;IAJrB;AAQnBN,oBAAgB8B,mBAAA;AAId,QAAI/B,mBAAiB,QAAjB,CAA0BA,eAAYa,KAAKC,UAAS;AACtDF,mBAAaC,KAAKI,uBAChB,IAAIe,MACF,+GAEJ,CAAC;AAAA,YAEMhC;;AACR,WAEMY;KACP;AAAA,UAEKA,cAAaC,KAAKW;KAE5B;AAAA1B,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAhFH,MAAAmC,MACS9B;CAiFP,IAAAG;AAAA,KAAAR,EAAA,OAAAE,cAAA;AAIEM,OAAA,oBAAC,mBAA8BN,eAAgB;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAoC;AAAA,KAAApC,EAAA,OAAAD,MAAAsC,YAAArC,EAAA,OAAAQ,IAAA;AADjD4B,OAAA,qBAAA,iBAAA;GAAkCD,OAAAA;cAChC3B,IACCT,MAAKsC;IACoB;AAAArC,IAAA,KAAAD,MAAAsC;AAAArC,IAAA,KAAAQ;AAAAR,IAAA,KAAAoC;OAAAA,MAAApC,EAAA;AAAA,QAH5BoC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEJ,SAAOE,oBAAA;CACL,MAAAH,MAAYvD,WAAWS,iBAAiB;AAExCL,WACEmD,QAAQ,MACR,4HACD;AAAA,QAEMA"}

package/dist/components/overlays/AlertDialog/AlertDialogZone.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dcac044 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dc34c88 | Cube Dev Team */
 import { Portal } from "../../portal/Portal.js";
 import { DialogContainer } from "../Dialog/DialogContainer.js";
 import { _AlertDialog } from "./AlertDialog.js";
@@ -11,7 +11,7 @@ const PORTAL_KEY = "AlertDialogZone";
 * @internal Do not use it
 */
 function AlertDialogZone(props) {
-	const $ = c(40);
+	const $ = c(41);
 	const { openedDialog } = props;
 	if (openedDialog === null) {
 		let t0;
@@ -47,122 +47,117 @@ function AlertDialogZone(props) {
 	const isDismissable = t0 === void 0 ? true : t0;
 	const { resolve, reject, isVisible, dialogType } = openedDialog.meta;
 	let t1;
-	bb0: {
-		let t2;
-		if ($[8] !== resolve) {
-			t2 = (action, status) => {
-				if (typeof action === "undefined") return;
-				if (typeof action === "boolean") return action ? { onPress: () => resolve(status) } : false;
-				const onPress = action.onPress;
-				return {
-					...action,
-					onPress: (e) => {
-						onPress?.(e);
-						resolve(status);
-					}
-				};
-			};
-			$[8] = resolve;
-			$[9] = t2;
-		} else t2 = $[9];
-		const mergeActionProps = t2;
-		if (typeof actions === "undefined") {
-			let t3;
-			if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-				t3 = {};
-				$[10] = t3;
-			} else t3 = $[10];
-			t1 = t3;
-			break bb0;
-		}
-		let t3;
-		if ($[11] !== actions.confirm || $[12] !== mergeActionProps) {
-			t3 = mergeActionProps(actions.confirm, "confirm");
-			$[11] = actions.confirm;
-			$[12] = mergeActionProps;
-			$[13] = t3;
-		} else t3 = $[13];
-		let t4;
-		if ($[14] !== actions.secondary || $[15] !== mergeActionProps) {
-			t4 = mergeActionProps(actions.secondary, "secondary");
-			$[14] = actions.secondary;
-			$[15] = mergeActionProps;
-			$[16] = t4;
-		} else t4 = $[16];
-		let t5;
-		if ($[17] !== actions.cancel || $[18] !== reject) {
-			t5 = typeof actions.cancel === "undefined" ? void 0 : typeof actions.cancel === "boolean" ? actions.cancel ? { onPress: () => reject(void 0) } : false : {
-				...actions.cancel,
-				onPress: (e_0) => {
-					actions.cancel.onPress?.(e_0);
-					reject(void 0);
+	if ($[8] !== resolve) {
+		t1 = (action, status) => {
+			if (typeof action === "undefined") return;
+			if (typeof action === "boolean") return action ? { onPress: () => resolve(status) } : false;
+			const onPress = action.onPress;
+			return {
+				...action,
+				onPress: (e) => {
+					onPress?.(e);
+					resolve(status);
 				}
 			};
-			$[17] = actions.cancel;
-			$[18] = reject;
-			$[19] = t5;
-		} else t5 = $[19];
-		let t6;
-		if ($[20] !== t3 || $[21] !== t4 || $[22] !== t5) {
-			t6 = {
-				confirm: t3,
-				secondary: t4,
-				cancel: t5
-			};
-			$[20] = t3;
-			$[21] = t4;
-			$[22] = t5;
-			$[23] = t6;
-		} else t6 = $[23];
-		t1 = t6;
-	}
-	const _actions = t1;
-	const t2 = dialogType === "form";
-	const t3 = !isVisible;
+		};
+		$[8] = resolve;
+		$[9] = t1;
+	} else t1 = $[9];
+	const mergeActionProps = t1;
+	let t2;
+	if ($[10] !== actions) {
+		t2 = actions ?? {};
+		$[10] = actions;
+		$[11] = t2;
+	} else t2 = $[11];
+	const { confirm: t3, secondary, cancel } = t2;
+	const confirm = t3 === void 0 ? true : t3;
 	let t4;
-	if ($[24] !== content || $[25] !== reject || $[26] !== resolve) {
-		t4 = typeof content === "function" ? content({
+	if ($[12] !== confirm || $[13] !== mergeActionProps) {
+		t4 = mergeActionProps(confirm, "confirm");
+		$[12] = confirm;
+		$[13] = mergeActionProps;
+		$[14] = t4;
+	} else t4 = $[14];
+	let t5;
+	if ($[15] !== mergeActionProps || $[16] !== secondary) {
+		t5 = mergeActionProps(secondary, "secondary");
+		$[15] = mergeActionProps;
+		$[16] = secondary;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== cancel || $[19] !== reject) {
+		t6 = typeof cancel === "undefined" ? void 0 : typeof cancel === "boolean" ? cancel ? { onPress: () => reject(void 0) } : false : {
+			...cancel,
+			onPress: (e_0) => {
+				cancel.onPress?.(e_0);
+				reject(void 0);
+			}
+		};
+		$[18] = cancel;
+		$[19] = reject;
+		$[20] = t6;
+	} else t6 = $[20];
+	let t7;
+	if ($[21] !== t4 || $[22] !== t5 || $[23] !== t6) {
+		t7 = {
+			confirm: t4,
+			secondary: t5,
+			cancel: t6
+		};
+		$[21] = t4;
+		$[22] = t5;
+		$[23] = t6;
+		$[24] = t7;
+	} else t7 = $[24];
+	const _actions = t7;
+	const t8 = dialogType === "form";
+	const t9 = !isVisible;
+	let t10;
+	if ($[25] !== content || $[26] !== reject || $[27] !== resolve) {
+		t10 = typeof content === "function" ? content({
 			resolve,
 			reject
 		}) : content;
-		$[24] = content;
-		$[25] = reject;
-		$[26] = resolve;
-		$[27] = t4;
-	} else t4 = $[27];
-	let t5;
-	if ($[28] !== _actions || $[29] !== options || $[30] !== t2 || $[31] !== t3 || $[32] !== t4) {
-		t5 = /* @__PURE__ */ jsx(_AlertDialog, {
-			noActions: t2,
+		$[25] = content;
+		$[26] = reject;
+		$[27] = resolve;
+		$[28] = t10;
+	} else t10 = $[28];
+	let t11;
+	if ($[29] !== _actions || $[30] !== options || $[31] !== t10 || $[32] !== t8 || $[33] !== t9) {
+		t11 = /* @__PURE__ */ jsx(_AlertDialog, {
+			noActions: t8,
 			actions: _actions,
-			isHidden: t3,
-			content: t4,
+			isHidden: t9,
+			content: t10,
 			...options
 		});
-		$[28] = _actions;
-		$[29] = options;
-		$[30] = t2;
-		$[31] = t3;
-		$[32] = t4;
-		$[33] = t5;
-	} else t5 = $[33];
-	let t6;
-	if ($[34] !== isDismissable || $[35] !== isVisible || $[36] !== onDismiss || $[37] !== t5 || $[38] !== type) {
-		t6 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(DialogContainer, {
+		$[29] = _actions;
+		$[30] = options;
+		$[31] = t10;
+		$[32] = t8;
+		$[33] = t9;
+		$[34] = t11;
+	} else t11 = $[34];
+	let t12;
+	if ($[35] !== isDismissable || $[36] !== isVisible || $[37] !== onDismiss || $[38] !== t11 || $[39] !== type) {
+		t12 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(DialogContainer, {
 			isOpen: isVisible,
 			isDismissable,
 			type,
 			onDismiss,
-			children: t5
+			children: t11
 		}) }, PORTAL_KEY);
-		$[34] = isDismissable;
-		$[35] = isVisible;
-		$[36] = onDismiss;
-		$[37] = t5;
-		$[38] = type;
-		$[39] = t6;
-	} else t6 = $[39];
-	return t6;
+		$[35] = isDismissable;
+		$[36] = isVisible;
+		$[37] = onDismiss;
+		$[38] = t11;
+		$[39] = type;
+		$[40] = t12;
+	} else t12 = $[40];
+	return t12;
 }
 
 //#endregion

package/dist/components/overlays/AlertDialog/AlertDialogZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogZone.js","names":["Portal","DialogContainer","AlertDialog","CubeAlertDialogActionsProps","AlertDialogResolveStatus","Dialog","CubeButtonProps","DialogZoneProps","openedDialog","PORTAL_KEY","AlertDialogZone","props","$","_c","t0","Symbol","for","actions","content","onDismiss","options","type","isDismissable","undefined","resolve","reject","isVisible","dialogType","meta","t1","bb0","t2","action","status","T","onPress","e","mergeActionProps","t3","confirm","t4","secondary","t5","cancel","e_0","t6","_actions"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialogZone.tsx"],"sourcesContent":["import { Portal } from '../../portal';\nimport { DialogContainer } from '../Dialog/DialogContainer';\n\nimport { AlertDialog, CubeAlertDialogActionsProps } from './AlertDialog';\nimport { AlertDialogResolveStatus, Dialog } from './types';\n\nimport type { CubeButtonProps } from '../../actions/Button/Button';\n\nexport interface DialogZoneProps {\n  openedDialog: Dialog | null;\n}\n\nconst PORTAL_KEY = 'AlertDialogZone';\n\n/**\n * @internal Do not use it\n */\nexport function AlertDialogZone(props: DialogZoneProps) {\n  const { openedDialog } = props;\n\n  if (openedDialog === null) return <Portal key={PORTAL_KEY} />;\n\n  const {\n    type,\n    isDismissable = true,\n    actions,\n    onDismiss,\n    content,\n    ...options\n  } = openedDialog.props;\n  const { resolve, reject, isVisible, dialogType } = openedDialog.meta;\n\n  const _actions: CubeAlertDialogActionsProps = (() => {\n    const mergeActionProps = <\n      T extends\n        | CubeAlertDialogActionsProps['confirm']\n        | CubeAlertDialogActionsProps['secondary'],\n    >(\n      action: T,\n      status: AlertDialogResolveStatus,\n    ): T => {\n      if (typeof action === 'undefined') {\n        return undefined as unknown as T;\n      }\n\n      if (typeof action === 'boolean') {\n        return (action\n          ? { onPress: () => resolve(status) }\n          : false) as unknown as T;\n      }\n\n      const onPress = action.onPress;\n\n      return {\n        ...(action as CubeButtonProps),\n        onPress: (e) => {\n          onPress?.(e);\n          resolve(status);\n        },\n      } as unknown as T;\n    };\n\n    if (typeof actions === 'undefined') return {};\n\n    return {\n      confirm: mergeActionProps(actions.confirm, 'confirm'),\n      secondary: mergeActionProps(actions.secondary, 'secondary'),\n      cancel:\n        typeof actions.cancel === 'undefined'\n          ? undefined\n          : typeof actions.cancel === 'boolean'\n            ? actions.cancel\n              ? { onPress: () => reject(undefined) }\n              : false\n            : {\n                ...(actions.cancel as CubeButtonProps),\n                onPress: (e) => {\n                  (actions.cancel as CubeButtonProps).onPress?.(e);\n                  reject(undefined);\n                },\n              },\n    };\n  })();\n\n  return (\n    <Portal key={PORTAL_KEY}>\n      <DialogContainer\n        isOpen={isVisible}\n        isDismissable={isDismissable}\n        type={type}\n        onDismiss={onDismiss}\n      >\n        <AlertDialog\n          noActions={dialogType === 'form'}\n          actions={_actions}\n          isHidden={!isVisible}\n          content={\n            typeof content === 'function'\n              ? content({ resolve, reject })\n              : content\n          }\n          {...options}\n        />\n      </DialogContainer>\n    </Portal>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AlertDialogZone.js","names":["Portal","DialogContainer","AlertDialog","CubeAlertDialogActionsProps","AlertDialogResolveStatus","Dialog","CubeButtonProps","DialogZoneProps","openedDialog","PORTAL_KEY","AlertDialogZone","props","$","_c","t0","Symbol","for","actions","content","onDismiss","options","type","isDismissable","undefined","resolve","reject","isVisible","dialogType","meta","t1","action","status","T","onPress","e","mergeActionProps","t2","confirm","t3","secondary","cancel","t4","t5","t6","e_0","t7","_actions","t8","t9","t10","t11","t12"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialogZone.tsx"],"sourcesContent":["import { Portal } from '../../portal';\nimport { DialogContainer } from '../Dialog/DialogContainer';\n\nimport { AlertDialog, CubeAlertDialogActionsProps } from './AlertDialog';\nimport { AlertDialogResolveStatus, Dialog } from './types';\n\nimport type { CubeButtonProps } from '../../actions/Button/Button';\n\nexport interface DialogZoneProps {\n  openedDialog: Dialog | null;\n}\n\nconst PORTAL_KEY = 'AlertDialogZone';\n\n/**\n * @internal Do not use it\n */\nexport function AlertDialogZone(props: DialogZoneProps) {\n  const { openedDialog } = props;\n\n  if (openedDialog === null) return <Portal key={PORTAL_KEY} />;\n\n  const {\n    type,\n    isDismissable = true,\n    actions,\n    onDismiss,\n    content,\n    ...options\n  } = openedDialog.props;\n  const { resolve, reject, isVisible, dialogType } = openedDialog.meta;\n\n  const _actions: CubeAlertDialogActionsProps = (() => {\n    const mergeActionProps = <\n      T extends\n        | CubeAlertDialogActionsProps['confirm']\n        | CubeAlertDialogActionsProps['secondary'],\n    >(\n      action: T,\n      status: AlertDialogResolveStatus,\n    ): T => {\n      if (typeof action === 'undefined') {\n        return undefined as unknown as T;\n      }\n\n      if (typeof action === 'boolean') {\n        return (action\n          ? { onPress: () => resolve(status) }\n          : false) as unknown as T;\n      }\n\n      const onPress = action.onPress;\n\n      return {\n        ...(action as CubeButtonProps),\n        onPress: (e) => {\n          onPress?.(e);\n          resolve(status);\n        },\n      } as unknown as T;\n    };\n\n    // `AlertDialog` shows the confirm button unless it is `false`, so an\n    // omitted one has to resolve too, not fall through to the dismissal.\n    const { confirm = true, secondary, cancel } = actions ?? {};\n\n    return {\n      confirm: mergeActionProps(confirm, 'confirm'),\n      secondary: mergeActionProps(secondary, 'secondary'),\n      cancel:\n        typeof cancel === 'undefined'\n          ? undefined\n          : typeof cancel === 'boolean'\n            ? cancel\n              ? { onPress: () => reject(undefined) }\n              : false\n            : {\n                ...(cancel as CubeButtonProps),\n                onPress: (e) => {\n                  (cancel as CubeButtonProps).onPress?.(e);\n                  reject(undefined);\n                },\n              },\n    };\n  })();\n\n  return (\n    <Portal key={PORTAL_KEY}>\n      <DialogContainer\n        isOpen={isVisible}\n        isDismissable={isDismissable}\n        type={type}\n        onDismiss={onDismiss}\n      >\n        <AlertDialog\n          noActions={dialogType === 'form'}\n          actions={_actions}\n          isHidden={!isVisible}\n          content={\n            typeof content === 'function'\n              ? content({ resolve, reject })\n              : content\n          }\n          {...options}\n        />\n      </DialogContainer>\n    </Portal>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 
 import { CubeAlertDialogActionsProps, CubeAlertDialogProps, _AlertDialog } from "./AlertDialog.js";
-import { AlertDialogConfirmStatus, AlertDialogResolveStatus } from "./types.js";
+import { AlertDialogResolveStatus } from "./types.js";
 import { AlertDialogApi, AlertDialogApiParams, useAlertDialogAPI } from "./AlertDialogApiProvider.js";
 import "./AlertDialogZone.js";

package/dist/components/overlays/AlertDialog/types.d.ts

@@ -17,8 +17,6 @@ interface DialogProps extends Omit<CubeDialogContainerProps, 'onDismiss' | 'chil
   }) => ReactNode);
 }
 type AlertDialogResolveStatus = 'confirm' | 'secondary';
-/** What `useAlertDialogAPI().confirm()` resolves with. */
-type AlertDialogConfirmStatus = AlertDialogResolveStatus | 'cancel';
 //#endregion
-export { AlertDialogConfirmStatus, AlertDialogResolveStatus, DialogProps };
+export { AlertDialogResolveStatus, DialogProps };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dcac044 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dc34c88 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { SlotProvider } from "../../../utils/react/Slots.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dcac044 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dc34c88 | Cube Dev Team */
 import { _Modal } from "../Modal/Modal.js";
 import { DialogContext } from "./context.js";
 import { c } from "react-compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dcac044 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dc34c88 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/Button/Button.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dcac044 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dc34c88 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dcac044 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dc34c88 | 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";

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

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

package/dist/components/overlays/Dialog/default-button-text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dcac044 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dc34c88 | Cube Dev Team */
 //#region src/components/overlays/Dialog/default-button-text.ts
 /**
 * Gives a dialog's built-in button its default text without overriding the

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dcac044 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dc34c88 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { c } from "react-compiler-runtime";
 import { useState } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dcac044 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dc34c88 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DialogContainer } from "./DialogContainer.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dcac044 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-dc34c88 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";