@mittwald/flow-react-components 0.2.0-alpha.8 → 0.2.0-alpha.80

package/dist/js/_virtual/_.locale.json@c33938a00f4bfb40e033ada6b54e38f9.mjs

@@ -0,0 +1,8 @@
+"use client"
+/* */
+const locales = {"de-DE": {  "fileCard.delete": `Entfernen`,
+},"en-EN": {  "fileCard.delete": `delete`,
+}};
+
+export { locales as default };
+//# sourceMappingURL=_.locale.json@c33938a00f4bfb40e033ada6b54e38f9.mjs.map

package/dist/js/_virtual/_.locale.json@c33938a00f4bfb40e033ada6b54e38f9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_.locale.json@c33938a00f4bfb40e033ada6b54e38f9.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/js/_virtual/_.locale.json@d7a4ca29c343fa700bb5aa84d322958b.mjs

@@ -0,0 +1,10 @@
+"use client"
+/* */
+const locales = {"de-DE": {  "link.download": `Download`,
+  "link.external": `Externer Link`,
+},"en-EN": {  "link.download": `Download`,
+  "link.external": `External link`,
+}};
+
+export { locales as default };
+//# sourceMappingURL=_.locale.json@d7a4ca29c343fa700bb5aa84d322958b.mjs.map

package/dist/js/_virtual/_.locale.json@d7a4ca29c343fa700bb5aa84d322958b.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_.locale.json@d7a4ca29c343fa700bb5aa84d322958b.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/js/_virtual/_.locale.json@df0c8534e2e4f7c6c3d4365218df7347.mjs

@@ -0,0 +1,8 @@
+"use client"
+/* */
+const locales = {"de-DE": {  "contextualHelpButton.moreInformation": `Weitere Informationen`,
+},"en-EN": {  "contextualHelpButton.moreInformation": `More information`,
+}};
+
+export { locales as default };
+//# sourceMappingURL=_.locale.json@df0c8534e2e4f7c6c3d4365218df7347.mjs.map

package/dist/js/_virtual/_.locale.json@df0c8534e2e4f7c6c3d4365218df7347.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_.locale.json@df0c8534e2e4f7c6c3d4365218df7347.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/js/_virtual/_.locale.json@e940efc6da10fdf09417eb079b65a343.mjs

@@ -0,0 +1,8 @@
+"use client"
+/* */
+const locales = {"de-DE": {  "searchField.search": `Suche`,
+},"en-EN": {  "searchField.search": `Search`,
+}};
+
+export { locales as default };
+//# sourceMappingURL=_.locale.json@e940efc6da10fdf09417eb079b65a343.mjs.map

package/dist/js/_virtual/_.locale.json@e940efc6da10fdf09417eb079b65a343.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_.locale.json@e940efc6da10fdf09417eb079b65a343.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/js/components/Accordion/Accordion.mjs

@@ -0,0 +1,91 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useId } from 'react';
+import clsx from 'clsx';
+import styles from './Accordion.module.scss.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
+import { Button } from '../Button/Button.mjs';
+import '@tabler/icons-react';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+import '../../lib/slotContext/slotContext.mjs';
+import '@react-aria/utils';
+import 'remeda';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { IconChevronDown } from '../Icon/components/icons/IconChevronDown.mjs';
+import { Activity } from '../Activity/Activity.mjs';
+
+const Accordion = (props) => {
+  const {
+    children,
+    className,
+    defaultExpanded = false,
+    variant = "default",
+    ...rest
+  } = props;
+  const [expanded, setExpanded] = useState(defaultExpanded);
+  const rootClassName = clsx(
+    styles.accordion,
+    expanded && styles.expanded,
+    className,
+    variant === "outline" && styles.outline
+  );
+  const headerId = useId();
+  const contentId = useId();
+  const headerButton = (children2) => /* @__PURE__ */ jsxs(
+    Button,
+    {
+      unstyled: true,
+      "aria-expanded": expanded,
+      className: styles.headerButton,
+      onPress: () => setExpanded((expanded2) => !expanded2),
+      "aria-controls": contentId,
+      children: [
+        children2,
+        /* @__PURE__ */ jsx(IconChevronDown, { className: styles.chevron })
+      ]
+    }
+  );
+  const propsContext = {
+    Content: {
+      className: styles.contentInner,
+      tunnelId: "content"
+    },
+    Heading: {
+      className: styles.header,
+      level: 4,
+      children: dynamic((props2) => headerButton(props2.children))
+    },
+    Label: {
+      className: styles.header,
+      children: dynamic((props2) => headerButton(props2.children))
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { ...rest, className: rootClassName, children: /* @__PURE__ */ jsx(
+    PropsContextProvider,
+    {
+      mergeInParentContext: true,
+      props: propsContext,
+      dependencies: [expanded],
+      children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
+        children,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-labelledby": headerId,
+            id: contentId,
+            role: "region",
+            hidden: !expanded,
+            className: styles.content,
+            children: /* @__PURE__ */ jsx(Activity, { isActive: expanded, inactiveDelay: 1e3, children: /* @__PURE__ */ jsx(TunnelExit, { id: "content" }) })
+          }
+        )
+      ] })
+    }
+  ) });
+};
+
+export { Accordion, Accordion as default };
+//# sourceMappingURL=Accordion.mjs.map

package/dist/js/components/Accordion/Accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.mjs","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren, ReactNode } from \"react\";\nimport React, { useId, useState } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Accordion.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { Activity } from \"@/components/Activity\";\n\nexport interface AccordionProps\n  extends PropsWithChildren<ComponentProps<\"div\">> {\n  /** Whether the accordion should be initially expanded. */\n  defaultExpanded?: boolean;\n  /** The visual variant of the accordion. @default \"default\" */\n  variant?: \"default\" | \"outline\";\n}\n\n/** @flr-generate all */\nexport const Accordion: FC<AccordionProps> = (props) => {\n  const {\n    children,\n    className,\n    defaultExpanded = false,\n    variant = \"default\",\n    ...rest\n  } = props;\n  const [expanded, setExpanded] = useState(defaultExpanded);\n\n  const rootClassName = clsx(\n    styles.accordion,\n    expanded && styles.expanded,\n    className,\n    variant === \"outline\" && styles.outline,\n  );\n\n  const headerId = useId();\n  const contentId = useId();\n\n  const headerButton = (children: ReactNode) => (\n    <Button\n      unstyled\n      aria-expanded={expanded}\n      className={styles.headerButton}\n      onPress={() => setExpanded((expanded) => !expanded)}\n      aria-controls={contentId}\n    >\n      {children}\n      <IconChevronDown className={styles.chevron} />\n    </Button>\n  );\n\n  const propsContext: PropsContext = {\n    Content: {\n      className: styles.contentInner,\n      tunnelId: \"content\",\n    },\n    Heading: {\n      className: styles.header,\n      level: 4,\n      children: dynamic((props) => headerButton(props.children)),\n    },\n    Label: {\n      className: styles.header,\n      children: dynamic((props) => headerButton(props.children)),\n    },\n  };\n\n  return (\n    <div {...rest} className={rootClassName}>\n      <PropsContextProvider\n        mergeInParentContext\n        props={propsContext}\n        dependencies={[expanded]}\n      >\n        <TunnelProvider>\n          {children}\n          <div\n            aria-labelledby={headerId}\n            id={contentId}\n            role=\"region\"\n            hidden={!expanded}\n            className={styles.content}\n          >\n            <Activity isActive={expanded} inactiveDelay={1000}>\n              <TunnelExit id=\"content\" />\n            </Activity>\n          </div>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </div>\n  );\n};\n\nexport default Accordion;\n"],"names":["children","expanded","props"],"mappings":";;;;;;;;;;;;;;;;;AAoBa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAkB,GAAA,KAAA;AAAA,IAClB,OAAU,GAAA,SAAA;AAAA,IACV,GAAG;AAAA,GACD,GAAA,KAAA;AACJ,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,eAAe,CAAA;AAExD,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,SAAA;AAAA,IACP,YAAY,MAAO,CAAA,QAAA;AAAA,IACnB,SAAA;AAAA,IACA,OAAA,KAAY,aAAa,MAAO,CAAA;AAAA,GAClC;AAEA,EAAA,MAAM,WAAW,KAAM,EAAA;AACvB,EAAA,MAAM,YAAY,KAAM,EAAA;AAExB,EAAM,MAAA,YAAA,GAAe,CAACA,SACpB,qBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,QAAQ,EAAA,IAAA;AAAA,MACR,eAAe,EAAA,QAAA;AAAA,MACf,WAAW,MAAO,CAAA,YAAA;AAAA,MAClB,SAAS,MAAM,WAAA,CAAY,CAACC,SAAAA,KAAa,CAACA,SAAQ,CAAA;AAAA,MAClD,eAAe,EAAA,SAAA;AAAA,MAEd,QAAA,EAAA;AAAA,QAAAD,SAAAA;AAAA,wBACA,GAAA,CAAA,eAAA,EAAA,EAAgB,SAAW,EAAA,MAAA,CAAO,OAAS,EAAA;AAAA;AAAA;AAAA,GAC9C;AAGF,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,YAAA;AAAA,MAClB,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,UAAU,OAAQ,CAAA,CAACE,WAAU,YAAaA,CAAAA,MAAAA,CAAM,QAAQ,CAAC;AAAA,KAC3D;AAAA,IACA,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,UAAU,OAAQ,CAAA,CAACA,WAAU,YAAaA,CAAAA,MAAAA,CAAM,QAAQ,CAAC;AAAA;AAC3D,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,IAAA,EAAM,WAAW,aACxB,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,oBAAoB,EAAA,IAAA;AAAA,MACpB,KAAO,EAAA,YAAA;AAAA,MACP,YAAA,EAAc,CAAC,QAAQ,CAAA;AAAA,MAEvB,+BAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,iBAAiB,EAAA,QAAA;AAAA,YACjB,EAAI,EAAA,SAAA;AAAA,YACJ,IAAK,EAAA,QAAA;AAAA,YACL,QAAQ,CAAC,QAAA;AAAA,YACT,WAAW,MAAO,CAAA,OAAA;AAAA,YAElB,QAAA,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,QAAU,EAAA,aAAA,EAAe,KAC3C,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,SAAA,EAAU,CAC3B,EAAA;AAAA;AAAA;AACF,OACF,EAAA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/Accordion/Accordion.module.scss.mjs

@@ -0,0 +1,23 @@
+"use client"
+/* */
+const accordion = "flow--accordion";
+const header = "flow--accordion--header";
+const headerButton = "flow--accordion--header-button";
+const content = "flow--accordion--content";
+const contentInner = "flow--accordion--content-inner";
+const chevron = "flow--accordion--chevron";
+const outline = "flow--accordion--outline";
+const expanded = "flow--accordion--expanded";
+const styles = {
+	accordion: accordion,
+	header: header,
+	headerButton: headerButton,
+	content: content,
+	contentInner: contentInner,
+	chevron: chevron,
+	outline: outline,
+	expanded: expanded
+};
+
+export { accordion, chevron, content, contentInner, styles as default, expanded, header, headerButton, outline };
+//# sourceMappingURL=Accordion.module.scss.mjs.map

package/dist/js/components/Accordion/Accordion.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/components/Action/Action.mjs

@@ -0,0 +1,74 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { ActionModel } from './models/ActionModel.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
+import { ActionContextProvider } from './context.mjs';
+import { useActionStateContext } from './models/ActionStateContext.mjs';
+import { useConfirmationModalButtonSlot } from './hooks/useConfirmationModalButtonSlot.mjs';
+import { useActionButtonState } from './hooks/useActionButtonState.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+
+const actionButtonContext = {
+  onPress: dynamic((props) => {
+    const action = ActionModel.use();
+    const confirmAction = ActionModel.useConfirmationAction();
+    const isConfirmationButton = useConfirmationModalButtonSlot(props) === "primary";
+    const isAbortButton = useConfirmationModalButtonSlot(props) === "abort";
+    if (isAbortButton) {
+      return action.confirmationModalController.close;
+    }
+    return isConfirmationButton ? confirmAction.execute : action.execute;
+  }),
+  isPending: dynamic((props) => useActionButtonState(props) === "isPending"),
+  isSucceeded: dynamic(
+    (props) => useActionButtonState(props) === "isSucceeded"
+  ),
+  isFailed: dynamic((props) => useActionButtonState(props) === "isFailed"),
+  "aria-disabled": dynamic((props) => {
+    const state = useActionButtonState(props);
+    const someActionInContextIsBusy = useActionStateContext().useIsBusy();
+    return state === "isExecuting" || someActionInContextIsBusy;
+  })
+};
+const Action = flowComponent("Action", (props) => {
+  const { children, actionModel: actionModelFromProps, ...actionProps } = props;
+  const newActionModel = ActionModel.useNew(actionProps);
+  const actionModel = actionModelFromProps ?? newActionModel;
+  const propsContext = {
+    Button: actionButtonContext,
+    Link: {
+      onPress: dynamic(() => ActionModel.use().execute)
+    },
+    MenuItem: {
+      onAction: dynamic(() => ActionModel.use().execute)
+    },
+    Modal: {
+      slot: dynamic((props2) => {
+        const { slot } = props2;
+        const action = ActionModel.use();
+        action.needsConfirmation = slot === "actionConfirm";
+        return slot;
+      }),
+      isDismissable: dynamic((props2) => {
+        const action = ActionModel.use();
+        const actionState = action.state.useValue();
+        return actionState === "isExecuting" || actionState === "isPending" ? false : props2.isDismissable;
+      }),
+      controller: dynamic(() => {
+        const action = ActionModel.use();
+        return action.needsConfirmation ? action.confirmationModalController : action.getOverlayController("Modal");
+      }),
+      ActionGroup: {
+        Button: actionButtonContext
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx(ActionContextProvider, { value: actionModel, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children }) });
+});
+
+export { Action };
+//# sourceMappingURL=Action.mjs.map

package/dist/js/components/Action/Action.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.mjs","sources":["../../../../src/components/Action/Action.tsx"],"sourcesContent":["import React from \"react\";\nimport { ActionModel as ActionModel } from \"@/components/Action/models/ActionModel\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { ActionContextProvider } from \"@/components/Action/context\";\nimport { useActionStateContext } from \"@/components/Action/models/ActionStateContext\";\nimport { useConfirmationModalButtonSlot } from \"@/components/Action/hooks/useConfirmationModalButtonSlot\";\nimport { useActionButtonState } from \"@/components/Action/hooks/useActionButtonState\";\nimport type { ComponentPropsContext } from \"@/lib/propsContext/types\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nconst actionButtonContext: ComponentPropsContext<\"Button\"> = {\n  onPress: dynamic((props) => {\n    const action = ActionModel.use();\n    const confirmAction = ActionModel.useConfirmationAction();\n    const isConfirmationButton =\n      useConfirmationModalButtonSlot(props) === \"primary\";\n    const isAbortButton = useConfirmationModalButtonSlot(props) === \"abort\";\n    if (isAbortButton) {\n      return action.confirmationModalController.close;\n    }\n    return isConfirmationButton ? confirmAction.execute : action.execute;\n  }),\n\n  isPending: dynamic((props) => useActionButtonState(props) === \"isPending\"),\n\n  isSucceeded: dynamic(\n    (props) => useActionButtonState(props) === \"isSucceeded\",\n  ),\n\n  isFailed: dynamic((props) => useActionButtonState(props) === \"isFailed\"),\n\n  \"aria-disabled\": dynamic((props) => {\n    const state = useActionButtonState(props);\n    const someActionInContextIsBusy = useActionStateContext().useIsBusy();\n    return state === \"isExecuting\" || someActionInContextIsBusy;\n  }),\n};\n\nexport const Action = flowComponent(\"Action\", (props) => {\n  const { children, actionModel: actionModelFromProps, ...actionProps } = props;\n  const newActionModel = ActionModel.useNew(actionProps);\n  const actionModel = actionModelFromProps ?? newActionModel;\n\n  const propsContext: PropsContext = {\n    Button: actionButtonContext,\n\n    Link: {\n      onPress: dynamic(() => ActionModel.use().execute),\n    },\n\n    MenuItem: {\n      onAction: dynamic(() => ActionModel.use().execute),\n    },\n\n    Modal: {\n      slot: dynamic((props) => {\n        const { slot } = props;\n        const action = ActionModel.use();\n        action.needsConfirmation = slot === \"actionConfirm\";\n        return slot;\n      }),\n      isDismissable: dynamic((props) => {\n        const action = ActionModel.use();\n        const actionState = action.state.useValue();\n        return actionState === \"isExecuting\" || actionState === \"isPending\"\n          ? false\n          : props.isDismissable;\n      }),\n      controller: dynamic(() => {\n        const action = ActionModel.use();\n        return action.needsConfirmation\n          ? action.confirmationModalController\n          : action.getOverlayController(\"Modal\");\n      }),\n      ActionGroup: {\n        Button: actionButtonContext,\n      },\n    },\n  };\n\n  return (\n    <ActionContextProvider value={actionModel}>\n      <PropsContextProvider props={propsContext} mergeInParentContext>\n        {children}\n      </PropsContextProvider>\n    </ActionContextProvider>\n  );\n});\n"],"names":["props"],"mappings":"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"}

package/dist/js/components/Action/ActionStateContext.mjs

@@ -0,0 +1,24 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { ActionModel } from './models/ActionModel.mjs';
+import { Action } from './Action.mjs';
+
+const ActionStateContext = (props) => {
+  const { isStarted, hasFailedWithError, hasSucceeded, children } = props;
+  const action = ActionModel.useNew({});
+  useEffect(() => {
+    if (hasSucceeded) {
+      void action.state.onSucceeded();
+    } else if (hasFailedWithError) {
+      void action.state.onFailed(hasFailedWithError);
+    } else if (isStarted) {
+      void action.state.onAsyncStart();
+    }
+  }, [isStarted, hasFailedWithError, hasSucceeded]);
+  return /* @__PURE__ */ jsx(Action, { actionModel: action, children });
+};
+
+export { ActionStateContext };
+//# sourceMappingURL=ActionStateContext.mjs.map

package/dist/js/components/Action/ActionStateContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionStateContext.mjs","sources":["../../../../src/components/Action/ActionStateContext.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { useEffect } from \"react\";\nimport { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport Action from \"@/components/Action/index\";\n\ninterface Props extends PropsWithChildren {\n  isStarted?: boolean;\n  hasSucceeded?: boolean;\n  hasFailedWithError?: unknown;\n}\n\nexport const ActionStateContext: FC<Props> = (props) => {\n  const { isStarted, hasFailedWithError, hasSucceeded, children } = props;\n  const action = ActionModel.useNew({});\n\n  useEffect(() => {\n    if (hasSucceeded) {\n      void action.state.onSucceeded();\n    } else if (hasFailedWithError) {\n      void action.state.onFailed(hasFailedWithError);\n    } else if (isStarted) {\n      void action.state.onAsyncStart();\n    }\n  }, [isStarted, hasFailedWithError, hasSucceeded]);\n\n  return <Action actionModel={action}>{children}</Action>;\n};\n"],"names":[],"mappings":";;;;;AAWa,MAAA,kBAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAA,MAAM,EAAE,SAAA,EAAW,kBAAoB,EAAA,YAAA,EAAc,UAAa,GAAA,KAAA;AAClE,EAAA,MAAM,MAAS,GAAA,WAAA,CAAY,MAAO,CAAA,EAAE,CAAA;AAEpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAc,EAAA;AAChB,MAAK,KAAA,MAAA,CAAO,MAAM,WAAY,EAAA;AAAA,eACrB,kBAAoB,EAAA;AAC7B,MAAK,KAAA,MAAA,CAAO,KAAM,CAAA,QAAA,CAAS,kBAAkB,CAAA;AAAA,eACpC,SAAW,EAAA;AACpB,MAAK,KAAA,MAAA,CAAO,MAAM,YAAa,EAAA;AAAA;AACjC,GACC,EAAA,CAAC,SAAW,EAAA,kBAAA,EAAoB,YAAY,CAAC,CAAA;AAEhD,EAAA,uBAAQ,GAAA,CAAA,MAAA,EAAA,EAAO,WAAa,EAAA,MAAA,EAAS,QAAS,EAAA,CAAA;AAChD;;;;"}

package/dist/js/components/Action/context.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import { createContext } from 'react';
+
+const actionContext = createContext(void 0);
+const ActionContextProvider = actionContext.Provider;
+
+export { ActionContextProvider, actionContext };
+//# sourceMappingURL=context.mjs.map

package/dist/js/components/Action/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","sources":["../../../../src/components/Action/context.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type { ActionModel } from \"@/components/Action/models/ActionModel\";\n\nexport const actionContext = createContext<ActionModel | undefined>(undefined);\nexport const ActionContextProvider = actionContext.Provider;\n"],"names":[],"mappings":";;AAGa,MAAA,aAAA,GAAgB,cAAuC,MAAS;AACtE,MAAM,wBAAwB,aAAc,CAAA;;;;"}

package/dist/js/components/Action/hooks/useActionButtonState.mjs

@@ -0,0 +1,18 @@
+"use client"
+/* */
+import { ActionModel } from '../models/ActionModel.mjs';
+import { useConfirmationModalButtonSlot } from './useConfirmationModalButtonSlot.mjs';
+
+const useActionButtonState = (props) => {
+  const action = ActionModel.use();
+  const state = action.state.useValue();
+  const isConfirmationButton = useConfirmationModalButtonSlot(props) === "primary";
+  const confirmationModalIsOpen = action.confirmationModalController.useIsOpen();
+  if (action.needsConfirmation && confirmationModalIsOpen && !isConfirmationButton) {
+    return "isIdle";
+  }
+  return state;
+};
+
+export { useActionButtonState };
+//# sourceMappingURL=useActionButtonState.mjs.map

package/dist/js/components/Action/hooks/useActionButtonState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActionButtonState.mjs","sources":["../../../../../src/components/Action/hooks/useActionButtonState.ts"],"sourcesContent":["import type { ButtonProps } from \"@/components/Button\";\nimport type { ActionStateValue } from \"@/components/Action/models/ActionState\";\nimport { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { useConfirmationModalButtonSlot } from \"@/components/Action/hooks/useConfirmationModalButtonSlot\";\n\nexport const useActionButtonState = (props: ButtonProps): ActionStateValue => {\n  const action = ActionModel.use();\n  const state = action.state.useValue();\n  const isConfirmationButton =\n    useConfirmationModalButtonSlot(props) === \"primary\";\n  const confirmationModalIsOpen =\n    action.confirmationModalController.useIsOpen();\n\n  if (\n    action.needsConfirmation &&\n    confirmationModalIsOpen &&\n    !isConfirmationButton\n  ) {\n    return \"isIdle\";\n  }\n\n  return state;\n};\n"],"names":[],"mappings":";;;AAKa,MAAA,oBAAA,GAAuB,CAAC,KAAyC,KAAA;AAC5E,EAAM,MAAA,MAAA,GAAS,YAAY,GAAI,EAAA;AAC/B,EAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,KAAA,CAAM,QAAS,EAAA;AACpC,EAAM,MAAA,oBAAA,GACJ,8BAA+B,CAAA,KAAK,CAAM,KAAA,SAAA;AAC5C,EAAM,MAAA,uBAAA,GACJ,MAAO,CAAA,2BAAA,CAA4B,SAAU,EAAA;AAE/C,EAAA,IACE,MAAO,CAAA,iBAAA,IACP,uBACA,IAAA,CAAC,oBACD,EAAA;AACA,IAAO,OAAA,QAAA;AAAA;AAGT,EAAO,OAAA,KAAA;AACT;;;;"}

package/dist/js/components/Action/hooks/useConfirmationModalButtonSlot.mjs

@@ -0,0 +1,12 @@
+"use client"
+/* */
+import { useContextSlot } from '../../../lib/slotContext/useContextSlot.mjs';
+import { getActionGroupSlot } from '../../ActionGroup/lib/getActionGroupSlot.mjs';
+
+const useConfirmationModalButtonSlot = (props) => {
+  const inConfirmationModal = useContextSlot("Modal") === "actionConfirm";
+  return inConfirmationModal ? getActionGroupSlot(props) : void 0;
+};
+
+export { useConfirmationModalButtonSlot };
+//# sourceMappingURL=useConfirmationModalButtonSlot.mjs.map

package/dist/js/components/Action/hooks/useConfirmationModalButtonSlot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirmationModalButtonSlot.mjs","sources":["../../../../../src/components/Action/hooks/useConfirmationModalButtonSlot.ts"],"sourcesContent":["import type { ButtonProps } from \"@/components/Button\";\nimport useContextSlot from \"@/lib/slotContext/useContextSlot\";\nimport { getActionGroupSlot } from \"@/components/ActionGroup/lib/getActionGroupSlot\";\n\nexport const useConfirmationModalButtonSlot = (\n  props: ButtonProps,\n): string | undefined => {\n  const inConfirmationModal = useContextSlot(\"Modal\") === \"actionConfirm\";\n  return inConfirmationModal ? getActionGroupSlot(props) : undefined;\n};\n"],"names":[],"mappings":";;;AAIa,MAAA,8BAAA,GAAiC,CAC5C,KACuB,KAAA;AACvB,EAAM,MAAA,mBAAA,GAAsB,cAAe,CAAA,OAAO,CAAM,KAAA,eAAA;AACxD,EAAO,OAAA,mBAAA,GAAsB,kBAAmB,CAAA,KAAK,CAAI,GAAA,MAAA;AAC3D;;;;"}

package/dist/js/components/Action/index.mjs

@@ -0,0 +1,6 @@
+import { Action } from './Action.mjs';
+
+
+
+export { Action, Action as default };
+//# sourceMappingURL=index.mjs.map

package/dist/js/components/Action/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/js/components/Action/lib/ariaLive.mjs

@@ -0,0 +1,33 @@
+"use client"
+/* */
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../_virtual/_.locale.json@8b26c19d587a90f821a2307c8122f6d1.mjs';
+import { useEffect } from 'react';
+import { useLiveRegion } from '@chakra-ui/live-region';
+
+const useAriaAnnounceActionState = (actionState, options = {}) => {
+  const formater = useLocalizedStringFormatter(locales);
+  const {
+    isPendingText = formater.format("action.isPending"),
+    isSucceededText = formater.format("action.isSucceeded"),
+    isFailedText = formater.format("action.isFailed")
+  } = options;
+  const liveRegion = useLiveRegion({
+    "aria-live": "polite",
+    "aria-atomic": false,
+    "aria-relevant": "text additions",
+    role: "status"
+  });
+  useEffect(() => {
+    if (actionState === "isPending") {
+      liveRegion.speak(isPendingText);
+    } else if (actionState === "isSucceeded") {
+      liveRegion.speak(isSucceededText);
+    } else if (actionState === "isFailed") {
+      liveRegion.speak(isFailedText);
+    }
+  }, [actionState]);
+};
+
+export { useAriaAnnounceActionState };
+//# sourceMappingURL=ariaLive.mjs.map

package/dist/js/components/Action/lib/ariaLive.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ariaLive.mjs","sources":["../../../../../src/components/Action/lib/ariaLive.ts"],"sourcesContent":["import { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport { useEffect } from \"react\";\nimport { useLiveRegion } from \"@chakra-ui/live-region\";\nimport type { ActionStateValue } from \"@/components/Action/models/ActionState\";\n\ninterface Options {\n  isPendingText?: string;\n  isSucceededText?: string;\n  isFailedText?: string;\n}\n\nexport const useAriaAnnounceActionState = (\n  actionState: ActionStateValue,\n  options: Options = {},\n): void => {\n  const formater = useLocalizedStringFormatter(locales);\n\n  const {\n    isPendingText = formater.format(\"action.isPending\"),\n    isSucceededText = formater.format(\"action.isSucceeded\"),\n    isFailedText = formater.format(\"action.isFailed\"),\n  } = options;\n\n  const liveRegion = useLiveRegion({\n    \"aria-live\": \"polite\",\n    \"aria-atomic\": false,\n    \"aria-relevant\": \"text additions\",\n    role: \"status\",\n  });\n\n  useEffect(() => {\n    if (actionState === \"isPending\") {\n      liveRegion.speak(isPendingText);\n    } else if (actionState === \"isSucceeded\") {\n      liveRegion.speak(isSucceededText);\n    } else if (actionState === \"isFailed\") {\n      liveRegion.speak(isFailedText);\n    }\n  }, [actionState]);\n};\n"],"names":[],"mappings":";;;;;AAYO,MAAM,0BAA6B,GAAA,CACxC,WACA,EAAA,OAAA,GAAmB,EACV,KAAA;AACT,EAAM,MAAA,QAAA,GAAW,4BAA4B,OAAO,CAAA;AAEpD,EAAM,MAAA;AAAA,IACJ,aAAA,GAAgB,QAAS,CAAA,MAAA,CAAO,kBAAkB,CAAA;AAAA,IAClD,eAAA,GAAkB,QAAS,CAAA,MAAA,CAAO,oBAAoB,CAAA;AAAA,IACtD,YAAA,GAAe,QAAS,CAAA,MAAA,CAAO,iBAAiB;AAAA,GAC9C,GAAA,OAAA;AAEJ,EAAA,MAAM,aAAa,aAAc,CAAA;AAAA,IAC/B,WAAa,EAAA,QAAA;AAAA,IACb,aAAe,EAAA,KAAA;AAAA,IACf,eAAiB,EAAA,gBAAA;AAAA,IACjB,IAAM,EAAA;AAAA,GACP,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,gBAAgB,WAAa,EAAA;AAC/B,MAAA,UAAA,CAAW,MAAM,aAAa,CAAA;AAAA,KAChC,MAAA,IAAW,gBAAgB,aAAe,EAAA;AACxC,MAAA,UAAA,CAAW,MAAM,eAAe,CAAA;AAAA,KAClC,MAAA,IAAW,gBAAgB,UAAY,EAAA;AACrC,MAAA,UAAA,CAAW,MAAM,YAAY,CAAA;AAAA;AAC/B,GACF,EAAG,CAAC,WAAW,CAAC,CAAA;AAClB;;;;"}

package/dist/js/components/Action/models/ActionExecution.mjs

@@ -0,0 +1,60 @@
+"use client"
+/* */
+import { ActionExecutionBatch } from './ActionExecutionBatch.mjs';
+
+class ActionExecution {
+  action;
+  constructor(action) {
+    this.action = action;
+  }
+  execute = (...args) => {
+    const batches = this.getBatchedActions();
+    const executeAllBatches = async () => {
+      for (const batch of batches) {
+        await batch.executeBatch(args);
+      }
+    };
+    void executeAllBatches().catch((error) => console.error(error));
+  };
+  getBatchedActions = () => {
+    let currentAction = this.action;
+    const batches = [];
+    let currentBatch = new ActionExecutionBatch(
+      this.action
+    );
+    let skipCount = 0;
+    while (currentAction) {
+      const { action, break: $break, skip } = currentAction.actionProps;
+      if (currentAction.needsConfirmation) {
+        currentBatch.addAction(currentAction);
+        break;
+      }
+      if (skip) {
+        skipCount = skip === true ? 1 : skip;
+        currentAction = currentAction.parentAction;
+        continue;
+      }
+      if (skipCount > 0) {
+        currentAction = currentAction.parentAction;
+        skipCount--;
+        continue;
+      }
+      if ($break) {
+        break;
+      }
+      if (action) {
+        currentBatch.addAction(currentAction);
+      } else {
+        batches.push(currentBatch);
+        currentBatch = new ActionExecutionBatch(this.action);
+        currentBatch.addAction(currentAction);
+      }
+      currentAction = currentAction.parentAction;
+    }
+    batches.push(currentBatch);
+    return batches;
+  };
+}
+
+export { ActionExecution };
+//# sourceMappingURL=ActionExecution.mjs.map

package/dist/js/components/Action/models/ActionExecution.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionExecution.mjs","sources":["../../../../../src/components/Action/models/ActionExecution.tsx"],"sourcesContent":["import type { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { ActionExecutionBatch } from \"@/components/Action/models/ActionExecutionBatch\";\n\nexport class ActionExecution {\n  private readonly action: ActionModel;\n\n  public constructor(action: ActionModel) {\n    this.action = action;\n  }\n\n  public execute = (...args: unknown[]): void => {\n    const batches = this.getBatchedActions();\n\n    const executeAllBatches = async () => {\n      for (const batch of batches) {\n        await batch.executeBatch(args);\n      }\n    };\n\n    void executeAllBatches().catch((error) => console.error(error));\n  };\n\n  private getBatchedActions = (): ActionExecutionBatch[] => {\n    let currentAction: ActionModel | undefined = this.action;\n\n    const batches: ActionExecutionBatch[] = [];\n    let currentBatch: ActionExecutionBatch = new ActionExecutionBatch(\n      this.action,\n    );\n\n    let skipCount = 0;\n\n    while (currentAction) {\n      const { action, break: $break, skip } = currentAction.actionProps;\n\n      if (currentAction.needsConfirmation) {\n        currentBatch.addAction(currentAction);\n        break;\n      }\n\n      if (skip) {\n        skipCount = skip === true ? 1 : skip;\n        currentAction = currentAction.parentAction;\n        continue;\n      }\n\n      if (skipCount > 0) {\n        currentAction = currentAction.parentAction;\n        skipCount--;\n        continue;\n      }\n\n      if ($break) {\n        break;\n      }\n\n      if (action) {\n        currentBatch.addAction(currentAction);\n      } else {\n        batches.push(currentBatch);\n        currentBatch = new ActionExecutionBatch(this.action);\n        currentBatch.addAction(currentAction);\n      }\n\n      currentAction = currentAction.parentAction;\n    }\n\n    batches.push(currentBatch);\n    return batches;\n  };\n}\n"],"names":[],"mappings":";;AAGO,MAAM,eAAgB,CAAA;AAAA,EACV,MAAA;AAAA,EAEV,YAAY,MAAqB,EAAA;AACtC,IAAA,IAAA,CAAK,MAAS,GAAA,MAAA;AAAA;AAChB,EAEO,OAAA,GAAU,IAAI,IAA0B,KAAA;AAC7C,IAAM,MAAA,OAAA,GAAU,KAAK,iBAAkB,EAAA;AAEvC,IAAA,MAAM,oBAAoB,YAAY;AACpC,MAAA,KAAA,MAAW,SAAS,OAAS,EAAA;AAC3B,QAAM,MAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA;AAC/B,KACF;AAEA,IAAK,KAAA,iBAAA,GAAoB,KAAM,CAAA,CAAC,UAAU,OAAQ,CAAA,KAAA,CAAM,KAAK,CAAC,CAAA;AAAA,GAChE;AAAA,EAEQ,oBAAoB,MAA8B;AACxD,IAAA,IAAI,gBAAyC,IAAK,CAAA,MAAA;AAElD,IAAA,MAAM,UAAkC,EAAC;AACzC,IAAA,IAAI,eAAqC,IAAI,oBAAA;AAAA,MAC3C,IAAK,CAAA;AAAA,KACP;AAEA,IAAA,IAAI,SAAY,GAAA,CAAA;AAEhB,IAAA,OAAO,aAAe,EAAA;AACpB,MAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAO,MAAQ,EAAA,IAAA,KAAS,aAAc,CAAA,WAAA;AAEtD,MAAA,IAAI,cAAc,iBAAmB,EAAA;AACnC,QAAA,YAAA,CAAa,UAAU,aAAa,CAAA;AACpC,QAAA;AAAA;AAGF,MAAA,IAAI,IAAM,EAAA;AACR,QAAY,SAAA,GAAA,IAAA,KAAS,OAAO,CAAI,GAAA,IAAA;AAChC,QAAA,aAAA,GAAgB,aAAc,CAAA,YAAA;AAC9B,QAAA;AAAA;AAGF,MAAA,IAAI,YAAY,CAAG,EAAA;AACjB,QAAA,aAAA,GAAgB,aAAc,CAAA,YAAA;AAC9B,QAAA,SAAA,EAAA;AACA,QAAA;AAAA;AAGF,MAAA,IAAI,MAAQ,EAAA;AACV,QAAA;AAAA;AAGF,MAAA,IAAI,MAAQ,EAAA;AACV,QAAA,YAAA,CAAa,UAAU,aAAa,CAAA;AAAA,OAC/B,MAAA;AACL,QAAA,OAAA,CAAQ,KAAK,YAAY,CAAA;AACzB,QAAe,YAAA,GAAA,IAAI,oBAAqB,CAAA,IAAA,CAAK,MAAM,CAAA;AACnD,QAAA,YAAA,CAAa,UAAU,aAAa,CAAA;AAAA;AAGtC,MAAA,aAAA,GAAgB,aAAc,CAAA,YAAA;AAAA;AAGhC,IAAA,OAAA,CAAQ,KAAK,YAAY,CAAA;AACzB,IAAO,OAAA,OAAA;AAAA,GACT;AACF;;;;"}

package/dist/js/components/Action/models/ActionExecutionBatch.mjs

@@ -0,0 +1,42 @@
+"use client"
+/* */
+import { callFunctionsInOrder } from '../../../lib/promises/callFunctionsInOrder.mjs';
+import { callAndReact } from '../../../lib/promises/callAndReact.mjs';
+import { getExecutionFunction } from './getExecutionFunction.mjs';
+
+class ActionExecutionBatch {
+  actions = [];
+  baseAction;
+  constructor(baseAction) {
+    this.baseAction = baseAction;
+  }
+  addAction(action) {
+    this.actions.push(action);
+  }
+  async executeBatch(args) {
+    if (this.actions.length === 0) {
+      return;
+    }
+    const batchFeedback = this.actions[this.actions.length - 1]?.actionProps.showFeedback;
+    const executionState = this.baseAction.state.withFeedback(
+      this.baseAction.needsConfirmation ? false : batchFeedback
+    );
+    const executionFunctions = this.actions.map((c) => getExecutionFunction(c));
+    const executeBatch = callFunctionsInOrder(executionFunctions);
+    let caughtError;
+    await callAndReact(() => executeBatch(...args), {
+      onAsync: () => executionState.onAsyncStart(),
+      then: () => executionState.onSucceeded(),
+      catch: (error) => {
+        executionState.onFailed(error);
+        caughtError = error;
+      }
+    });
+    if (caughtError) {
+      throw caughtError;
+    }
+  }
+}
+
+export { ActionExecutionBatch };
+//# sourceMappingURL=ActionExecutionBatch.mjs.map

package/dist/js/components/Action/models/ActionExecutionBatch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionExecutionBatch.mjs","sources":["../../../../../src/components/Action/models/ActionExecutionBatch.ts"],"sourcesContent":["import type { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { callFunctionsInOrder } from \"@/lib/promises/callFunctionsInOrder\";\nimport { callAndReact } from \"@/lib/promises/callAndReact\";\nimport { getExecutionFunction } from \"@/components/Action/models/getExecutionFunction\";\n\nexport class ActionExecutionBatch {\n  private readonly actions: ActionModel[] = [];\n  public readonly baseAction: ActionModel;\n\n  constructor(baseAction: ActionModel) {\n    this.baseAction = baseAction;\n  }\n\n  public addAction(action: ActionModel): void {\n    this.actions.push(action);\n  }\n\n  public async executeBatch(args: unknown[]) {\n    if (this.actions.length === 0) {\n      return;\n    }\n\n    const batchFeedback =\n      this.actions[this.actions.length - 1]?.actionProps.showFeedback;\n\n    const executionState = this.baseAction.state.withFeedback(\n      this.baseAction.needsConfirmation ? false : batchFeedback,\n    );\n\n    const executionFunctions = this.actions.map((c) => getExecutionFunction(c));\n\n    const executeBatch = callFunctionsInOrder(executionFunctions);\n\n    let caughtError: unknown;\n\n    await callAndReact(() => executeBatch(...args), {\n      onAsync: () => executionState.onAsyncStart(),\n      then: () => executionState.onSucceeded(),\n      catch: (error) => {\n        executionState.onFailed(error);\n        caughtError = error;\n      },\n    });\n\n    if (caughtError) {\n      throw caughtError;\n    }\n  }\n}\n"],"names":[],"mappings":";;;;AAKO,MAAM,oBAAqB,CAAA;AAAA,EACf,UAAyB,EAAC;AAAA,EAC3B,UAAA;AAAA,EAEhB,YAAY,UAAyB,EAAA;AACnC,IAAA,IAAA,CAAK,UAAa,GAAA,UAAA;AAAA;AACpB,EAEO,UAAU,MAA2B,EAAA;AAC1C,IAAK,IAAA,CAAA,OAAA,CAAQ,KAAK,MAAM,CAAA;AAAA;AAC1B,EAEA,MAAa,aAAa,IAAiB,EAAA;AACzC,IAAI,IAAA,IAAA,CAAK,OAAQ,CAAA,MAAA,KAAW,CAAG,EAAA;AAC7B,MAAA;AAAA;AAGF,IAAM,MAAA,aAAA,GACJ,KAAK,OAAQ,CAAA,IAAA,CAAK,QAAQ,MAAS,GAAA,CAAC,GAAG,WAAY,CAAA,YAAA;AAErD,IAAM,MAAA,cAAA,GAAiB,IAAK,CAAA,UAAA,CAAW,KAAM,CAAA,YAAA;AAAA,MAC3C,IAAA,CAAK,UAAW,CAAA,iBAAA,GAAoB,KAAQ,GAAA;AAAA,KAC9C;AAEA,IAAM,MAAA,kBAAA,GAAqB,KAAK,OAAQ,CAAA,GAAA,CAAI,CAAC,CAAM,KAAA,oBAAA,CAAqB,CAAC,CAAC,CAAA;AAE1E,IAAM,MAAA,YAAA,GAAe,qBAAqB,kBAAkB,CAAA;AAE5D,IAAI,IAAA,WAAA;AAEJ,IAAA,MAAM,YAAa,CAAA,MAAM,YAAa,CAAA,GAAG,IAAI,CAAG,EAAA;AAAA,MAC9C,OAAA,EAAS,MAAM,cAAA,CAAe,YAAa,EAAA;AAAA,MAC3C,IAAA,EAAM,MAAM,cAAA,CAAe,WAAY,EAAA;AAAA,MACvC,KAAA,EAAO,CAAC,KAAU,KAAA;AAChB,QAAA,cAAA,CAAe,SAAS,KAAK,CAAA;AAC7B,QAAc,WAAA,GAAA,KAAA;AAAA;AAChB,KACD,CAAA;AAED,IAAA,IAAI,WAAa,EAAA;AACf,MAAM,MAAA,WAAA;AAAA;AACR;AAEJ;;;;"}

package/dist/js/components/Action/models/ActionModel.mjs

@@ -0,0 +1,86 @@
+"use client"
+/* */
+import { useContext } from 'react';
+import { OverlayController } from '../../../lib/controller/overlay/OverlayController.mjs';
+import { useOverlayContext } from '../../../lib/controller/overlay/context.mjs';
+import invariant from 'invariant';
+import { actionContext } from '../context.mjs';
+import { ActionState } from './ActionState.mjs';
+import { ActionExecution } from './ActionExecution.mjs';
+import { ActionStateContext } from './ActionStateContext.mjs';
+
+class ActionModel {
+  state;
+  needsConfirmation;
+  actionProps;
+  parentAction;
+  confirmationModalController;
+  overlayContext;
+  constructor(init) {
+    const {
+      actionProps,
+      needsConfirmation,
+      parentAction,
+      overlayContext,
+      confirmationModalController,
+      state
+    } = init;
+    this.actionProps = actionProps;
+    this.parentAction = parentAction;
+    this.confirmationModalController = confirmationModalController;
+    this.needsConfirmation = needsConfirmation;
+    this.overlayContext = overlayContext;
+    this.state = state;
+  }
+  static useNew(actionProps, init = {}) {
+    const parentAction = useContext(actionContext);
+    const overlayContext = useOverlayContext();
+    const confirmationModalController = OverlayController.useNew();
+    const state = ActionState.useNew();
+    return new ActionModel({
+      parentAction,
+      overlayContext,
+      confirmationModalController,
+      needsConfirmation: false,
+      actionProps,
+      state,
+      ...init
+    });
+  }
+  static use() {
+    const c = useContext(actionContext);
+    invariant(!!c, "Action context is not defined");
+    ActionStateContext.useRegisterState(c.state);
+    return c;
+  }
+  static useConfirmationAction() {
+    const action = ActionModel.use();
+    return new ActionModel({
+      actionProps: action.actionProps,
+      confirmationModalController: action.confirmationModalController,
+      overlayContext: action.overlayContext,
+      state: action.state,
+      needsConfirmation: false,
+      parentAction: ActionModel.useNew(
+        {
+          closeOverlay: action.confirmationModalController
+        },
+        {
+          parentAction: action.parentAction
+        }
+      )
+    });
+  }
+  getOverlayController(component) {
+    const getController = (controller) => {
+      return controller === void 0 ? void 0 : controller ? this.overlayContext[component] : void 0;
+    };
+    return getController(this.actionProps.openOverlay) ?? getController(this.actionProps.closeOverlay) ?? getController(this.actionProps.toggleOverlay);
+  }
+  execute = (...args) => {
+    new ActionExecution(this).execute(...args);
+  };
+}
+
+export { ActionModel };
+//# sourceMappingURL=ActionModel.mjs.map