@mittwald/flow-react-components 0.2.0-alpha.680 → 0.2.0-alpha.681

package/dist/js/_virtual/_.locale.json@4119db69ca94e24d796b8e08482bc927.mjs

@@ -0,0 +1,14 @@
+"use client"
+/* */
+const locales = {"de-DE": {  "unsavedChangesConfirmationModal.close": `Schließen`,
+  "unsavedChangesConfirmationModal.heading": `Ungespeicherte Änderungen`,
+  "unsavedChangesConfirmationModal.keepOpen": `Weiter bearbeiten`,
+  "unsavedChangesConfirmationModal.text": `Du hast ungespeicherte Änderungen. Möchtest du das Modal wirklich schließen? Alle Änderungen gehen dabei verloren.`,
+},"en-US": {  "unsavedChangesConfirmationModal.close": `Close`,
+  "unsavedChangesConfirmationModal.heading": `Unsaved changes`,
+  "unsavedChangesConfirmationModal.keepOpen": `Keep editing`,
+  "unsavedChangesConfirmationModal.text": `You have unsaved changes. Are you sure you want to close the modal? All changes will be lost.`,
+}};
+
+export { locales as default };
+//# sourceMappingURL=_.locale.json@4119db69ca94e24d796b8e08482bc927.mjs.map

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

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

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

@@ -19,7 +19,7 @@ const actionButtonContext = {
     const isConfirmationButton = useConfirmationModalButtonSlot(props) === "primary";
     const isAbortButton = useConfirmationModalButtonSlot(props) === "abort";
     if (isAbortButton) {
-      return action.confirmationModalController.close;
+      return () => action.confirmationModalController.close();
     }
     return isConfirmationButton ? confirmAction.execute : action.execute;
   }),

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

@@ -1 +1 @@
-{"version":3,"file":"Action.mjs","sources":["../../../../../../src/components/Action/Action.tsx"],"sourcesContent":["import { 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\";\nimport type { ActionFn } from \"@/components/Action/types\";\nimport { useActionState } from \"@/components/Action/hooks/useActionState\";\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) => {\n    const actionState = useActionButtonState(props);\n    return props.isPending ?? actionState === \"isPending\";\n  }),\n\n  isSucceeded: dynamic((props) => {\n    const actionState = useActionButtonState(props);\n    return props.isSucceeded ?? actionState === \"isSucceeded\";\n  }),\n\n  isFailed: dynamic((props) => {\n    const actionState = useActionButtonState(props);\n    return props.isFailed ?? actionState === \"isFailed\";\n  }),\n\n  \"aria-disabled\": dynamic((props) => {\n    const state = useActionButtonState(props);\n    const someActionInContextIsBusy = useActionStateContext().useIsBusy();\n    return (\n      props[\"aria-disabled\"] ??\n      (state === \"isExecuting\" || someActionInContextIsBusy)\n    );\n  }),\n};\n\nexport const Action = flowComponent(\n  \"Action\",\n  (props) => {\n    const {\n      children,\n      actionModel: actionModelFromProps,\n      ...actionProps\n    } = props;\n\n    if (\"action\" in actionProps && typeof actionProps.action === \"function\") {\n      console.warn(\n        \"The 'action' prop is now deprecated. Use 'onAction' instead.\",\n      );\n      if (\"onAction\" in actionProps === false) {\n        actionProps.onAction = actionProps.action as ActionFn;\n      }\n    }\n\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        isPending: dynamic((props) => {\n          const actionState = useActionState();\n          return props.isPending ?? actionState === \"isPending\";\n        }),\n        isSucceeded: dynamic((props) => {\n          const actionState = useActionState();\n          return props.isSucceeded ?? actionState === \"isSucceeded\";\n        }),\n        isFailed: dynamic((props) => {\n          const actionState = useActionState();\n          return props.isFailed ?? actionState === \"isFailed\";\n        }),\n        \"aria-disabled\": dynamic((props) => {\n          const state = useActionState();\n          const someActionInContextIsBusy = useActionStateContext().useIsBusy();\n          return (\n            props[\"aria-disabled\"] ??\n            (state === \"isExecuting\" || someActionInContextIsBusy)\n          );\n        }),\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}>\n          {children}\n        </PropsContextProvider>\n      </ActionContextProvider>\n    );\n  },\n  {\n    type: \"provider\",\n  },\n);\n\nexport default Action;\n"],"names":["props"],"mappings":"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"}
+{"version":3,"file":"Action.mjs","sources":["../../../../../../src/components/Action/Action.tsx"],"sourcesContent":["import { 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\";\nimport type { ActionFn } from \"@/components/Action/types\";\nimport { useActionState } from \"@/components/Action/hooks/useActionState\";\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) => {\n    const actionState = useActionButtonState(props);\n    return props.isPending ?? actionState === \"isPending\";\n  }),\n\n  isSucceeded: dynamic((props) => {\n    const actionState = useActionButtonState(props);\n    return props.isSucceeded ?? actionState === \"isSucceeded\";\n  }),\n\n  isFailed: dynamic((props) => {\n    const actionState = useActionButtonState(props);\n    return props.isFailed ?? actionState === \"isFailed\";\n  }),\n\n  \"aria-disabled\": dynamic((props) => {\n    const state = useActionButtonState(props);\n    const someActionInContextIsBusy = useActionStateContext().useIsBusy();\n    return (\n      props[\"aria-disabled\"] ??\n      (state === \"isExecuting\" || someActionInContextIsBusy)\n    );\n  }),\n};\n\nexport const Action = flowComponent(\n  \"Action\",\n  (props) => {\n    const {\n      children,\n      actionModel: actionModelFromProps,\n      ...actionProps\n    } = props;\n\n    if (\"action\" in actionProps && typeof actionProps.action === \"function\") {\n      console.warn(\n        \"The 'action' prop is now deprecated. Use 'onAction' instead.\",\n      );\n      if (\"onAction\" in actionProps === false) {\n        actionProps.onAction = actionProps.action as ActionFn;\n      }\n    }\n\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        isPending: dynamic((props) => {\n          const actionState = useActionState();\n          return props.isPending ?? actionState === \"isPending\";\n        }),\n        isSucceeded: dynamic((props) => {\n          const actionState = useActionState();\n          return props.isSucceeded ?? actionState === \"isSucceeded\";\n        }),\n        isFailed: dynamic((props) => {\n          const actionState = useActionState();\n          return props.isFailed ?? actionState === \"isFailed\";\n        }),\n        \"aria-disabled\": dynamic((props) => {\n          const state = useActionState();\n          const someActionInContextIsBusy = useActionStateContext().useIsBusy();\n          return (\n            props[\"aria-disabled\"] ??\n            (state === \"isExecuting\" || someActionInContextIsBusy)\n          );\n        }),\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}>\n          {children}\n        </PropsContextProvider>\n      </ActionContextProvider>\n    );\n  },\n  {\n    type: \"provider\",\n  },\n);\n\nexport default Action;\n"],"names":["props"],"mappings":"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"}

package/dist/js/components/src/components/Action/models/getExecutionFunction.mjs

@@ -21,7 +21,7 @@ function getExecutionFunction(action) {
     closeModal,
     toggleModal
   } = action.actionProps;
-  const maybeAction = onAction ? onAction : openOverlay ? () => action.getOverlayController(openOverlay)?.open() : closeOverlay ? () => action.getOverlayController(closeOverlay)?.close() : toggleOverlay ? () => action.getOverlayController(toggleOverlay)?.toggle() : openModal ? () => action.getOverlayController("Modal")?.open() : toggleModal ? () => action.getOverlayController("Modal")?.toggle() : closeModal ? () => action.getOverlayController("Modal")?.close() : voidAction;
+  const maybeAction = onAction ? onAction : openOverlay ? () => action.getOverlayController(openOverlay)?.open() : closeOverlay ? () => action.getOverlayController(closeOverlay)?.close() : toggleOverlay ? () => action.getOverlayController(toggleOverlay)?.toggle() : openModal ? () => action.getOverlayController("Modal")?.open() : toggleModal ? () => action.getOverlayController("Modal")?.toggle() : closeModal ? () => action.getOverlayController("Modal")?.close(typeof closeModal === "boolean" ? {} : closeModal) : voidAction;
   return maybeAction ?? voidAction;
 }
 

package/dist/js/components/src/components/Action/models/getExecutionFunction.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getExecutionFunction.mjs","sources":["../../../../../../../src/components/Action/models/getExecutionFunction.ts"],"sourcesContent":["import type { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { type ActionFn } from \"@/components/Action\";\n\nconst voidAction = () => {\n  // do nothing\n};\n\nexport function getExecutionFunction(action: ActionModel): ActionFn {\n  if (action.needsConfirmation) {\n    return action.confirmationModalController.open;\n  }\n\n  const {\n    onAction,\n    toggleOverlay,\n    closeOverlay,\n    openOverlay,\n    openModal,\n    closeModal,\n    toggleModal,\n  } = action.actionProps;\n\n  const maybeAction = onAction\n    ? onAction\n    : openOverlay\n      ? () => action.getOverlayController(openOverlay)?.open()\n      : closeOverlay\n        ? () => action.getOverlayController(closeOverlay)?.close()\n        : toggleOverlay\n          ? () => action.getOverlayController(toggleOverlay)?.toggle()\n          : openModal\n            ? () => action.getOverlayController(\"Modal\")?.open()\n            : toggleModal\n              ? () => action.getOverlayController(\"Modal\")?.toggle()\n              : closeModal\n                ? () => action.getOverlayController(\"Modal\")?.close()\n                : voidAction;\n\n  return maybeAction ?? voidAction;\n}\n"],"names":[],"mappings":";;;;;;AAGA,MAAM,aAAa,MAAM;AAEzB,CAAA;AAEO,SAAS,qBAAqB,MAAA,EAA+B;AAClE,EAAA,IAAI,OAAO,iBAAA,EAAmB;AAC5B,IAAA,OAAO,OAAO,2BAAA,CAA4B,IAAA;AAAA,EAC5C;AAEA,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,MAAA,CAAO,WAAA;AAEX,EAAA,MAAM,WAAA,GAAc,WAChB,QAAA,GACA,WAAA,GACE,MAAM,MAAA,CAAO,oBAAA,CAAqB,WAAW,CAAA,EAAG,IAAA,EAAK,GACrD,eACE,MAAM,MAAA,CAAO,oBAAA,CAAqB,YAAY,CAAA,EAAG,KAAA,KACjD,aAAA,GACE,MAAM,MAAA,CAAO,oBAAA,CAAqB,aAAa,CAAA,EAAG,QAAO,GACzD,SAAA,GACE,MAAM,MAAA,CAAO,oBAAA,CAAqB,OAAO,CAAA,EAAG,IAAA,EAAK,GACjD,WAAA,GACE,MAAM,MAAA,CAAO,qBAAqB,OAAO,CAAA,EAAG,MAAA,EAAO,GACnD,UAAA,GACE,MAAM,OAAO,oBAAA,CAAqB,OAAO,CAAA,EAAG,KAAA,EAAM,GAClD,UAAA;AAEhB,EAAA,OAAO,WAAA,IAAe,UAAA;AACxB;;;;"}
+{"version":3,"file":"getExecutionFunction.mjs","sources":["../../../../../../../src/components/Action/models/getExecutionFunction.ts"],"sourcesContent":["import type { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { type ActionFn } from \"@/components/Action\";\n\nconst voidAction = () => {\n  // do nothing\n};\n\nexport function getExecutionFunction(action: ActionModel): ActionFn {\n  if (action.needsConfirmation) {\n    return action.confirmationModalController.open;\n  }\n\n  const {\n    onAction,\n    toggleOverlay,\n    closeOverlay,\n    openOverlay,\n    openModal,\n    closeModal,\n    toggleModal,\n  } = action.actionProps;\n\n  const maybeAction = onAction\n    ? onAction\n    : openOverlay\n      ? () => action.getOverlayController(openOverlay)?.open()\n      : closeOverlay\n        ? () => action.getOverlayController(closeOverlay)?.close()\n        : toggleOverlay\n          ? () => action.getOverlayController(toggleOverlay)?.toggle()\n          : openModal\n            ? () => action.getOverlayController(\"Modal\")?.open()\n            : toggleModal\n              ? () => action.getOverlayController(\"Modal\")?.toggle()\n              : closeModal\n                ? () =>\n                    action\n                      .getOverlayController(\"Modal\")\n                      ?.close(typeof closeModal === \"boolean\" ? {} : closeModal)\n                : voidAction;\n\n  return maybeAction ?? voidAction;\n}\n"],"names":[],"mappings":";;;;;;AAGA,MAAM,aAAa,MAAM;AAEzB,CAAA;AAEO,SAAS,qBAAqB,MAAA,EAA+B;AAClE,EAAA,IAAI,OAAO,iBAAA,EAAmB;AAC5B,IAAA,OAAO,OAAO,2BAAA,CAA4B,IAAA;AAAA,EAC5C;AAEA,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,MAAA,CAAO,WAAA;AAEX,EAAA,MAAM,WAAA,GAAc,QAAA,GAChB,QAAA,GACA,WAAA,GACE,MAAM,MAAA,CAAO,oBAAA,CAAqB,WAAW,CAAA,EAAG,IAAA,EAAK,GACrD,YAAA,GACE,MAAM,OAAO,oBAAA,CAAqB,YAAY,CAAA,EAAG,KAAA,EAAM,GACvD,aAAA,GACE,MAAM,MAAA,CAAO,oBAAA,CAAqB,aAAa,CAAA,EAAG,MAAA,EAAO,GACzD,SAAA,GACE,MAAM,MAAA,CAAO,oBAAA,CAAqB,OAAO,CAAA,EAAG,IAAA,EAAK,GACjD,WAAA,GACE,MAAM,MAAA,CAAO,oBAAA,CAAqB,OAAO,CAAA,EAAG,MAAA,EAAO,GACnD,aACE,MACE,MAAA,CACG,oBAAA,CAAqB,OAAO,CAAA,EAC3B,KAAA,CAAM,OAAO,UAAA,KAAe,SAAA,GAAY,EAAC,GAAI,UAAU,CAAA,GAC7D,UAAA;AAEhB,EAAA,OAAO,WAAA,IAAe,UAAA;AACxB;;;;"}

package/dist/js/components/src/components/Autocomplete/Autocomplete.mjs

@@ -6,10 +6,10 @@ import '../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import * as Aria from 'react-aria-components';
 import 'mobx';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import 'remeda';
 import '@react-aria/utils';
 import 'dot-prop';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { Options } from '../Options/Options.mjs';
 import { TunnelExit } from '@mittwald/react-tunnel';
@@ -31,7 +31,7 @@ const Autocomplete = flowComponent("Autocomplete", (props) => {
     reuseControllerFromContext: false
   });
   const focusWithin = useFocusWithin({
-    onBlurWithin: optionsOverlayController.close
+    onBlurWithin: () => optionsOverlayController.close()
   });
   const renderEmptyState = () => /* @__PURE__ */ jsx(Text, { className: styles.empty, children: stringFormatter.format("autocomplete.empty") });
   const handleInputChange = (value) => {

package/dist/js/components/src/components/Autocomplete/Autocomplete.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.mjs","sources":["../../../../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { useRef, type PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport Options from \"@/components/Options\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport locales from \"./locales/*.locale.json\";\nimport Text from \"@/components/Text\";\nimport styles from \"./Autocomplete.module.scss\";\nimport {\n  UNSAFE_PortalProvider,\n  useFocusWithin,\n  useLocalizedStringFormatter,\n  useObjectRef,\n} from \"react-aria\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { isFocused } from \"@/lib/form/isFocused\";\nimport { emitElementValueChange } from \"@/lib/react/emitElementValueChange\";\n\nexport interface AutocompleteProps\n  extends\n    PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps<HTMLInputElement>,\n    Omit<\n      Aria.AutocompleteProps,\n      \"children\" | \"onInputChange\" | \"inputValue\" | \"defaultInputValue\" | \"ref\"\n    > {}\n\n/** @flr-generate all */\nexport const Autocomplete = flowComponent(\"Autocomplete\", (props) => {\n  const { children, ref, ...rest } = props;\n\n  const inputRef = useObjectRef(ref);\n\n  const { contains } = Aria.useFilter({ sensitivity: \"base\" });\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const container = useRef(null);\n\n  const optionsOverlayController = useOverlayController(\"Popover\", {\n    reuseControllerFromContext: false,\n  });\n\n  const focusWithin = useFocusWithin({\n    onBlurWithin: optionsOverlayController.close,\n  });\n\n  const renderEmptyState = () => (\n    <Text className={styles.empty}>\n      {stringFormatter.format(\"autocomplete.empty\")}\n    </Text>\n  );\n\n  const handleInputChange = (value: string) => {\n    if (value === \"\") {\n      optionsOverlayController.close();\n    } else if (isFocused(inputRef.current)) {\n      optionsOverlayController.open();\n    }\n  };\n\n  const handleOptionAction = (key: Aria.Key) => {\n    const value = String(key);\n    if (inputRef.current) {\n      emitElementValueChange(inputRef.current, value);\n    }\n    optionsOverlayController.close();\n  };\n\n  const inputProps: SearchFieldProps & TextFieldProps = {\n    onKeyDown: (e) => {\n      if (e.key === \"Enter\" && optionsOverlayController.isOpen) {\n        e.preventDefault();\n      }\n    },\n    ref: inputRef,\n    onChange: handleInputChange,\n  };\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props);\n\n  const propsContext: PropsContext = {\n    SearchField: inputProps,\n    TextField: inputProps,\n    Option: {\n      tunnelId: \"options\",\n    },\n    Popover: {\n      className: styles.popover,\n    },\n    ...fieldPropsContext,\n  };\n\n  return (\n    <div {...fieldProps}>\n      <FieldErrorCaptureContext>\n        <PropsContextProvider\n          props={propsContext}\n          dependencies={[optionsOverlayController]}\n        >\n          <div {...focusWithin.focusWithinProps} ref={container}>\n            <UNSAFE_PortalProvider getContainer={() => container.current}>\n              <Aria.Autocomplete\n                filter={contains}\n                disableAutoFocusFirst\n                {...rest}\n              >\n                {children}\n                <Options\n                  onAction={handleOptionAction}\n                  triggerRef={inputRef}\n                  controller={optionsOverlayController}\n                  renderEmptyState={renderEmptyState}\n                  isNonModal\n                  placement=\"bottom start\"\n                >\n                  <TunnelExit id=\"options\" />\n                </Options>\n              </Aria.Autocomplete>\n            </UNSAFE_PortalProvider>\n          </div>\n        </PropsContextProvider>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </div>\n  );\n});\n\nexport default Autocomplete;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Autocomplete.mjs","sources":["../../../../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { useRef, type PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport Options from \"@/components/Options\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport locales from \"./locales/*.locale.json\";\nimport Text from \"@/components/Text\";\nimport styles from \"./Autocomplete.module.scss\";\nimport {\n  UNSAFE_PortalProvider,\n  useFocusWithin,\n  useLocalizedStringFormatter,\n  useObjectRef,\n} from \"react-aria\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { isFocused } from \"@/lib/form/isFocused\";\nimport { emitElementValueChange } from \"@/lib/react/emitElementValueChange\";\n\nexport interface AutocompleteProps\n  extends\n    PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps<HTMLInputElement>,\n    Omit<\n      Aria.AutocompleteProps,\n      \"children\" | \"onInputChange\" | \"inputValue\" | \"defaultInputValue\" | \"ref\"\n    > {}\n\n/** @flr-generate all */\nexport const Autocomplete = flowComponent(\"Autocomplete\", (props) => {\n  const { children, ref, ...rest } = props;\n\n  const inputRef = useObjectRef(ref);\n\n  const { contains } = Aria.useFilter({ sensitivity: \"base\" });\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const container = useRef(null);\n\n  const optionsOverlayController = useOverlayController(\"Popover\", {\n    reuseControllerFromContext: false,\n  });\n\n  const focusWithin = useFocusWithin({\n    onBlurWithin: () => optionsOverlayController.close(),\n  });\n\n  const renderEmptyState = () => (\n    <Text className={styles.empty}>\n      {stringFormatter.format(\"autocomplete.empty\")}\n    </Text>\n  );\n\n  const handleInputChange = (value: string) => {\n    if (value === \"\") {\n      optionsOverlayController.close();\n    } else if (isFocused(inputRef.current)) {\n      optionsOverlayController.open();\n    }\n  };\n\n  const handleOptionAction = (key: Aria.Key) => {\n    const value = String(key);\n    if (inputRef.current) {\n      emitElementValueChange(inputRef.current, value);\n    }\n    optionsOverlayController.close();\n  };\n\n  const inputProps: SearchFieldProps & TextFieldProps = {\n    onKeyDown: (e) => {\n      if (e.key === \"Enter\" && optionsOverlayController.isOpen) {\n        e.preventDefault();\n      }\n    },\n    ref: inputRef,\n    onChange: handleInputChange,\n  };\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props);\n\n  const propsContext: PropsContext = {\n    SearchField: inputProps,\n    TextField: inputProps,\n    Option: {\n      tunnelId: \"options\",\n    },\n    Popover: {\n      className: styles.popover,\n    },\n    ...fieldPropsContext,\n  };\n\n  return (\n    <div {...fieldProps}>\n      <FieldErrorCaptureContext>\n        <PropsContextProvider\n          props={propsContext}\n          dependencies={[optionsOverlayController]}\n        >\n          <div {...focusWithin.focusWithinProps} ref={container}>\n            <UNSAFE_PortalProvider getContainer={() => container.current}>\n              <Aria.Autocomplete\n                filter={contains}\n                disableAutoFocusFirst\n                {...rest}\n              >\n                {children}\n                <Options\n                  onAction={handleOptionAction}\n                  triggerRef={inputRef}\n                  controller={optionsOverlayController}\n                  renderEmptyState={renderEmptyState}\n                  isNonModal\n                  placement=\"bottom start\"\n                >\n                  <TunnelExit id=\"options\" />\n                </Options>\n              </Aria.Autocomplete>\n            </UNSAFE_PortalProvider>\n          </div>\n        </PropsContextProvider>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </div>\n  );\n});\n\nexport default Autocomplete;\n"],"names":[],"mappings":"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"}

package/dist/js/components/src/components/ComboBox/ComboBox.mjs

@@ -18,10 +18,10 @@ import locales from '../../../../_virtual/_.locale.json@51dcf4944c990e2cbe264723
 import { useLocalizedStringFormatter } from 'react-aria';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import 'mobx';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import 'remeda';
 import '@react-aria/utils';
 import 'dot-prop';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
 
 const ComboBox = flowComponent("ComboBox", (props) => {

package/dist/js/components/src/components/ContextMenu/ContextMenu.mjs

@@ -9,11 +9,11 @@ import { getCloseOverlayType, getAriaSelectionMode, getMenuItemSelectionVariant
 import { Popover } from '../Popover/Popover.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import 'mobx';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import '../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import '@react-aria/utils';
 import 'dot-prop';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import { OverlayContextProvider } from '../../lib/controller/overlay/OverlayContextProvider.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import ContextMenuContentView from '../../views/ContextMenuContentView.mjs';

package/dist/js/components/src/components/ContextualHelp/ContextualHelp.mjs

@@ -8,10 +8,10 @@ import { PropsContextProvider } from '../../lib/propsContext/components/PropsCon
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import 'mobx';
 import 'react';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import 'remeda';
 import '@react-aria/utils';
 import 'dot-prop';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 
 const ContextualHelp = flowComponent("ContextualHelp", (props) => {
   const {

package/dist/js/components/src/components/DatePicker/DatePicker.mjs

@@ -10,10 +10,10 @@ import { DateInput } from './components/DateInput/DateInput.mjs';
 import formFieldStyles from '../FormField/FormField.module.scss.mjs';
 import { Popover } from '../Popover/Popover.mjs';
 import 'mobx';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import 'remeda';
 import '@react-aria/utils';
 import 'dot-prop';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { Calendar } from '../Calendar/Calendar.mjs';
 import '../Button/Button.mjs';

package/dist/js/components/src/components/DateRangePicker/DateRangePicker.mjs

@@ -10,10 +10,10 @@ import { RangeCalendar } from '../Calendar/RangeCalendar.mjs';
 import { DateRangeInput } from './components/DateRangeInput/DateRangeInput.mjs';
 import 'mobx';
 import 'react';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import 'remeda';
 import '@react-aria/utils';
 import 'dot-prop';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
 

package/dist/js/components/src/components/LightBox/LightBox.mjs

@@ -6,11 +6,11 @@ import { Overlay } from '../Overlay/Overlay.mjs';
 import clsx from 'clsx';
 import 'mobx';
 import 'react';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import '../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import '@react-aria/utils';
 import 'dot-prop';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
@@ -61,7 +61,7 @@ const LightBox = flowComponent("LightBox", (props) => {
             {
               color: "light",
               variant: "solid",
-              onPress: controller.close,
+              onPress: () => controller.close(),
               children: /* @__PURE__ */ jsx(IconClose, {})
             }
           ),

package/dist/js/components/src/components/LightBox/LightBox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LightBox.mjs","sources":["../../../../../../src/components/LightBox/LightBox.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { Overlay } from \"@/components/Overlay/Overlay\";\nimport clsx from \"clsx\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport styles from \"./LightBox.module.scss\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport DivView from \"@/views/DivView\";\nimport ButtonView from \"@/views/ButtonView\";\n\nexport interface LightBoxProps\n  extends PropsWithChildren, FlowComponentProps, PropsWithClassName {\n  /** An overlay controller to control the light box state. */\n  controller?: OverlayController;\n  /**\n   * Whether content can be displayed larger than the available space in the\n   * screen. @default true\n   */\n  fitScreen?: boolean;\n}\n\nexport const LightBox = flowComponent(\"LightBox\", (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    ref: ignoredRef,\n    className,\n    fitScreen = true,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.lightBox,\n    fitScreen && styles.fitScreen,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      className: styles.actionGroup,\n      Button: { variant: \"solid\", color: \"light\" },\n      tunnelId: \"actionGroup\",\n    },\n  };\n\n  const controllerFromContext = useOverlayController(\"LightBox\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  return (\n    <Overlay\n      overlayType=\"LightBox\"\n      className={rootClassName}\n      controller={controller}\n      {...rest}\n    >\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          <DivView className={styles.content}>{children}</DivView>\n          <DivView className={styles.actions}>\n            <ButtonView\n              color=\"light\"\n              variant=\"solid\"\n              onPress={controller.close}\n            >\n              <IconClose />\n            </ButtonView>\n            <TunnelExit id=\"actionGroup\" />\n          </DivView>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </Overlay>\n  );\n});\n\nexport default LightBox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6BO,MAAM,QAAA,GAAW,aAAA,CAAc,UAAA,EAAY,CAAC,KAAA,KAAU;AAC3D,EAAA,MAAM;AAAA,IACJ,UAAA,EAAY,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,GAAA,EAAK,UAAA;AAAA,IACL,SAAA;AAAA,IACA,SAAA,GAAY,IAAA;AAAA,IACZ,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,QAAA;AAAA,IACP,aAAa,MAAA,CAAO,SAAA;AAAA,IACpB;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,WAAA,EAAa;AAAA,MACX,WAAW,MAAA,CAAO,WAAA;AAAA,MAClB,MAAA,EAAQ,EAAE,OAAA,EAAS,OAAA,EAAS,OAAO,OAAA,EAAQ;AAAA,MAC3C,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,MAAM,qBAAA,GAAwB,qBAAqB,UAAA,EAAY;AAAA,IAC7D,0BAAA,EAA4B;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAA,IAAuB,qBAAA;AAE1C,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAY,UAAA;AAAA,MACZ,SAAA,EAAW,aAAA;AAAA,MACX,UAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,+BAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,OAAA,EAAU,QAAA,EAAS,CAAA;AAAA,wBAC9C,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,OAAA,EACzB,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,OAAA;AAAA,cACN,OAAA,EAAQ,OAAA;AAAA,cACR,SAAS,UAAA,CAAW,KAAA;AAAA,cAEpB,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,WACb;AAAA,0BACA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,aAAA,EAAc;AAAA,SAAA,EAC/B;AAAA,OAAA,EACF,CAAA,EACF;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"LightBox.mjs","sources":["../../../../../../src/components/LightBox/LightBox.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { Overlay } from \"@/components/Overlay/Overlay\";\nimport clsx from \"clsx\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport styles from \"./LightBox.module.scss\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport DivView from \"@/views/DivView\";\nimport ButtonView from \"@/views/ButtonView\";\n\nexport interface LightBoxProps\n  extends PropsWithChildren, FlowComponentProps, PropsWithClassName {\n  /** An overlay controller to control the light box state. */\n  controller?: OverlayController;\n  /**\n   * Whether content can be displayed larger than the available space in the\n   * screen. @default true\n   */\n  fitScreen?: boolean;\n}\n\nexport const LightBox = flowComponent(\"LightBox\", (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    ref: ignoredRef,\n    className,\n    fitScreen = true,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.lightBox,\n    fitScreen && styles.fitScreen,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      className: styles.actionGroup,\n      Button: { variant: \"solid\", color: \"light\" },\n      tunnelId: \"actionGroup\",\n    },\n  };\n\n  const controllerFromContext = useOverlayController(\"LightBox\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  return (\n    <Overlay\n      overlayType=\"LightBox\"\n      className={rootClassName}\n      controller={controller}\n      {...rest}\n    >\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          <DivView className={styles.content}>{children}</DivView>\n          <DivView className={styles.actions}>\n            <ButtonView\n              color=\"light\"\n              variant=\"solid\"\n              onPress={() => controller.close()}\n            >\n              <IconClose />\n            </ButtonView>\n            <TunnelExit id=\"actionGroup\" />\n          </DivView>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </Overlay>\n  );\n});\n\nexport default LightBox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6BO,MAAM,QAAA,GAAW,aAAA,CAAc,UAAA,EAAY,CAAC,KAAA,KAAU;AAC3D,EAAA,MAAM;AAAA,IACJ,UAAA,EAAY,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,GAAA,EAAK,UAAA;AAAA,IACL,SAAA;AAAA,IACA,SAAA,GAAY,IAAA;AAAA,IACZ,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,QAAA;AAAA,IACP,aAAa,MAAA,CAAO,SAAA;AAAA,IACpB;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,WAAA,EAAa;AAAA,MACX,WAAW,MAAA,CAAO,WAAA;AAAA,MAClB,MAAA,EAAQ,EAAE,OAAA,EAAS,OAAA,EAAS,OAAO,OAAA,EAAQ;AAAA,MAC3C,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,MAAM,qBAAA,GAAwB,qBAAqB,UAAA,EAAY;AAAA,IAC7D,0BAAA,EAA4B;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAA,IAAuB,qBAAA;AAE1C,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAY,UAAA;AAAA,MACZ,SAAA,EAAW,aAAA;AAAA,MACX,UAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,+BAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,OAAA,EAAU,QAAA,EAAS,CAAA;AAAA,wBAC9C,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,OAAA,EACzB,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,OAAA;AAAA,cACN,OAAA,EAAQ,OAAA;AAAA,cACR,OAAA,EAAS,MAAM,UAAA,CAAW,KAAA,EAAM;AAAA,cAEhC,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,WACb;AAAA,0BACA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,aAAA,EAAc;AAAA,SAAA,EAC/B;AAAA,OAAA,EACF,CAAA,EACF;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.mjs

@@ -34,10 +34,10 @@ import { ViewModeAccordion } from './ViewModeAccordion.mjs';
 import TextView from '../../../../../../views/TextView.mjs';
 import { SortingAccordion } from './SortingAccordion.mjs';
 import ActionGroupView from '../../../../../../views/ActionGroupView.mjs';
-import { useOverlayController } from '../../../../../../lib/controller/overlay/useOverlayController.mjs';
 import 'remeda';
 import '@react-aria/utils';
 import 'dot-prop';
+import { useOverlayController } from '../../../../../../lib/controller/overlay/useOverlayController.mjs';
 import HeadingView from '../../../../../../views/HeadingView.mjs';
 import { ModalTrigger } from '../../../../../Modal/components/ModalTrigger/ModalTrigger.mjs';
 import { Modal } from '../../../../../Modal/Modal.mjs';

package/dist/js/components/src/components/Modal/Modal.mjs

@@ -30,7 +30,7 @@ const Modal = flowComponent("Modal", (props) => {
     ref,
     className,
     offCanvasOrientation = "right",
-    ...rest
+    ...overlayProps
   } = props;
   const rootClassName = clsx(
     offCanvas ? styles.offCanvas : styles.modal,
@@ -40,7 +40,7 @@ const Modal = flowComponent("Modal", (props) => {
   );
   const header = (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
     children2,
-    /* @__PURE__ */ jsx(Action, { closeModal: true, children: /* @__PURE__ */ jsx(ButtonView, { variant: "plain", color: "secondary", children: /* @__PURE__ */ jsx(IconClose, {}) }) })
+    /* @__PURE__ */ jsx(Action, { closeModal: { bypassConfirmation: true }, children: /* @__PURE__ */ jsx(ButtonView, { variant: "plain", color: "secondary", children: /* @__PURE__ */ jsx(IconClose, {}) }) })
   ] });
   const nestedHeadingLevel = 3;
   const nestedHeadingProps = {
@@ -72,7 +72,15 @@ const Modal = flowComponent("Modal", (props) => {
     },
     ActionGroup: {
       className: styles.actionGroup,
-      spacing: "m"
+      spacing: "m",
+      Action: {
+        closeModal: dynamic((props2) => {
+          if (props2.closeModal === true) {
+            return { bypassConfirmation: true };
+          }
+          return props2.closeModal;
+        })
+      }
     }
   };
   return /* @__PURE__ */ jsx(
@@ -81,7 +89,7 @@ const Modal = flowComponent("Modal", (props) => {
       className: rootClassName,
       controller,
       ref,
-      ...rest,
+      ...overlayProps,
       children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(Wrap, { if: offCanvas, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(OffCanvasSuspenseFallback, {}), children }) }) })
     }
   );

package/dist/js/components/src/components/Modal/Modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","sources":["../../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { Suspense, type PropsWithChildren, type ReactNode } from \"react\";\nimport styles from \"./Modal.module.scss\";\nimport clsx from \"clsx\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { OverlayController } from \"@/lib/controller/overlay\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Overlay, type OverlayProps } from \"@/components/Overlay/Overlay\";\nimport { Action } from \"@/components/Action\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { OffCanvasSuspenseFallback } from \"@/components/Modal/components/OffCanvasSuspenseFallback\";\nimport Wrap from \"@/components/Wrap\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext/ClearPropsContext\";\n\ntype SupportedOverlayProps = Pick<\n  OverlayProps,\n  \"isOpen\" | \"isDefaultOpen\" | \"onOpen\" | \"onClose\" | \"onOpenChange\"\n>;\n\nexport interface ModalProps\n  extends\n    PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName,\n    SupportedOverlayProps {\n  /** The size of the modal. @default \"s\" */\n  size?: \"s\" | \"m\" | \"l\";\n  /** Whether the modal should be displayed as an off canvas. */\n  offCanvas?: boolean;\n  /**\n   * Whether the off canvas should be displayed on the right or left side of the\n   * screen. @default \"right\"\n   */\n  offCanvasOrientation?: \"left\" | \"right\";\n  /** An overlay controller to control the modal state. */\n  controller?: OverlayController;\n  /**\n   * Accepts \"actionConfirm\" to use the modal as a confirmation modal for an\n   * action.\n   */\n  slot?: string;\n  /** Whether the modal can be closed by clicking outside of it. */\n  isDismissable?: boolean;\n}\n\nexport const Modal = flowComponent(\"Modal\", (props) => {\n  const {\n    size = \"s\",\n    offCanvas,\n    controller,\n    children,\n    ref,\n    className,\n    offCanvasOrientation = \"right\",\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    offCanvas ? styles.offCanvas : styles.modal,\n    styles[`size-${size}`],\n    offCanvasOrientation === \"left\" && styles[\"left\"],\n    className,\n  );\n\n  const header = (children: ReactNode) => (\n    <>\n      {children}\n      <Action closeModal>\n        <ButtonView variant=\"plain\" color=\"secondary\">\n          <IconClose />\n        </ButtonView>\n      </Action>\n    </>\n  );\n\n  const nestedHeadingLevel = 3;\n\n  const nestedHeadingProps: PropsContext = {\n    Heading: { level: nestedHeadingLevel },\n    Section: {\n      Header: { Heading: { level: nestedHeadingLevel } },\n      Heading: { level: nestedHeadingLevel },\n    },\n    Header: { Heading: { level: nestedHeadingLevel } },\n  };\n\n  const propsContext: PropsContext = {\n    Content: {\n      ...nestedHeadingProps,\n      className: styles.content,\n    },\n    ColumnLayout: {\n      ...nestedHeadingProps,\n      l: [2, 1],\n      m: [1],\n      className: styles.columnLayout,\n      AccentBox: { className: styles.accentBox, color: \"neutral\" },\n      wrapWith: <ClearPropsContext />,\n    },\n    Heading: {\n      className: styles.header,\n      level: 2,\n      slot: \"title\",\n      children: dynamic((props) => header(props.children)),\n    },\n    ActionGroup: {\n      className: styles.actionGroup,\n      spacing: \"m\",\n    },\n  };\n\n  return (\n    <Overlay\n      className={rootClassName}\n      controller={controller}\n      ref={ref}\n      {...rest}\n    >\n      <PropsContextProvider props={propsContext}>\n        <Wrap if={offCanvas}>\n          <Suspense fallback={<OffCanvasSuspenseFallback />}>\n            {children}\n          </Suspense>\n        </Wrap>\n      </PropsContextProvider>\n    </Overlay>\n  );\n});\n\nexport default Modal;\n"],"names":["children","props"],"mappings":"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"}
+{"version":3,"file":"Modal.mjs","sources":["../../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { Suspense, type PropsWithChildren, type ReactNode } from \"react\";\nimport styles from \"./Modal.module.scss\";\nimport clsx from \"clsx\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { OverlayController } from \"@/lib/controller/overlay\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Overlay, type OverlayProps } from \"@/components/Overlay/Overlay\";\nimport { Action } from \"@/components/Action\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { OffCanvasSuspenseFallback } from \"@/components/Modal/components/OffCanvasSuspenseFallback\";\nimport Wrap from \"@/components/Wrap\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext/ClearPropsContext\";\n\ntype SupportedOverlayProps = Pick<\n  OverlayProps,\n  \"isOpen\" | \"isDefaultOpen\" | \"onOpen\" | \"onClose\" | \"onOpenChange\"\n>;\n\nexport interface ModalProps\n  extends\n    PropsWithChildren,\n    FlowComponentProps,\n    PropsWithClassName,\n    SupportedOverlayProps {\n  /** The size of the modal. @default \"s\" */\n  size?: \"s\" | \"m\" | \"l\";\n  /** Whether the modal should be displayed as an off canvas. */\n  offCanvas?: boolean;\n  /**\n   * Whether the off canvas should be displayed on the right or left side of the\n   * screen. @default \"right\"\n   */\n  offCanvasOrientation?: \"left\" | \"right\";\n  /** An overlay controller to control the modal state. */\n  controller?: OverlayController;\n  /**\n   * Accepts \"actionConfirm\" to use the modal as a confirmation modal for an\n   * action.\n   */\n  slot?: string;\n  /** Whether the modal can be closed by clicking outside of it. */\n  isDismissable?: boolean;\n}\n\nexport const Modal = flowComponent(\"Modal\", (props) => {\n  const {\n    size = \"s\",\n    offCanvas,\n    controller,\n    children,\n    ref,\n    className,\n    offCanvasOrientation = \"right\",\n    ...overlayProps\n  } = props;\n\n  const rootClassName = clsx(\n    offCanvas ? styles.offCanvas : styles.modal,\n    styles[`size-${size}`],\n    offCanvasOrientation === \"left\" && styles[\"left\"],\n    className,\n  );\n\n  const header = (children: ReactNode) => (\n    <>\n      {children}\n      <Action closeModal={{ bypassConfirmation: true }}>\n        <ButtonView variant=\"plain\" color=\"secondary\">\n          <IconClose />\n        </ButtonView>\n      </Action>\n    </>\n  );\n\n  const nestedHeadingLevel = 3;\n\n  const nestedHeadingProps: PropsContext = {\n    Heading: { level: nestedHeadingLevel },\n    Section: {\n      Header: { Heading: { level: nestedHeadingLevel } },\n      Heading: { level: nestedHeadingLevel },\n    },\n    Header: { Heading: { level: nestedHeadingLevel } },\n  };\n\n  const propsContext: PropsContext = {\n    Content: {\n      ...nestedHeadingProps,\n      className: styles.content,\n    },\n    ColumnLayout: {\n      ...nestedHeadingProps,\n      l: [2, 1],\n      m: [1],\n      className: styles.columnLayout,\n      AccentBox: { className: styles.accentBox, color: \"neutral\" },\n      wrapWith: <ClearPropsContext />,\n    },\n    Heading: {\n      className: styles.header,\n      level: 2,\n      slot: \"title\",\n      children: dynamic((props) => header(props.children)),\n    },\n    ActionGroup: {\n      className: styles.actionGroup,\n      spacing: \"m\",\n      Action: {\n        closeModal: dynamic((props) => {\n          if (props.closeModal === true) {\n            return { bypassConfirmation: true };\n          }\n          return props.closeModal;\n        }),\n      },\n    },\n  };\n\n  return (\n    <Overlay\n      className={rootClassName}\n      controller={controller}\n      ref={ref}\n      {...overlayProps}\n    >\n      <PropsContextProvider props={propsContext}>\n        <Wrap if={offCanvas}>\n          <Suspense fallback={<OffCanvasSuspenseFallback />}>\n            {children}\n          </Suspense>\n        </Wrap>\n      </PropsContextProvider>\n    </Overlay>\n  );\n});\n\nexport default Modal;\n"],"names":["children","props"],"mappings":"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"}

package/dist/js/components/src/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.mjs

@@ -0,0 +1,40 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import ContentView from '../../../../views/ContentView.mjs';
+import HeadingView from '../../../../views/HeadingView.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../../_virtual/_.locale.json@4119db69ca94e24d796b8e08482bc927.mjs';
+import { Modal } from '../../Modal.mjs';
+import TextView from '../../../../views/TextView.mjs';
+import ActionGroupView from '../../../../views/ActionGroupView.mjs';
+import { Action } from '../../../Action/Action.mjs';
+import 'react';
+import '@react-aria/live-announcer';
+import ButtonView from '../../../../views/ButtonView.mjs';
+import 'mobx';
+import { useModalController } from '../../../../lib/controller/overlay/useModalController.mjs';
+import '../../../../lib/controller/overlay/context.mjs';
+
+const ConfirmUnsavedChangesModal = () => {
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const closeConfirmationController = useModalController().useConfirmationController();
+  if (closeConfirmationController) {
+    const { controller, confirm, cancel } = closeConfirmationController;
+    return /* @__PURE__ */ jsxs(Modal, { controller, children: [
+      /* @__PURE__ */ jsx(HeadingView, { children: stringFormatter.format("unsavedChangesConfirmationModal.heading") }),
+      /* @__PURE__ */ jsx(ContentView, { children: /* @__PURE__ */ jsx(TextView, { children: stringFormatter.format("unsavedChangesConfirmationModal.text") }) }),
+      /* @__PURE__ */ jsx(ActionGroupView, { children: /* @__PURE__ */ jsxs(Action, { closeModal: true, children: [
+        /* @__PURE__ */ jsx(Action, { onAction: confirm, children: /* @__PURE__ */ jsx(ButtonView, { color: "danger", children: stringFormatter.format(
+          "unsavedChangesConfirmationModal.close"
+        ) }) }),
+        /* @__PURE__ */ jsx(Action, { onAction: cancel, children: /* @__PURE__ */ jsx(ButtonView, { color: "secondary", variant: "soft", children: stringFormatter.format(
+          "unsavedChangesConfirmationModal.keepOpen"
+        ) }) })
+      ] }) })
+    ] });
+  }
+};
+
+export { ConfirmUnsavedChangesModal, ConfirmUnsavedChangesModal as default };
+//# sourceMappingURL=ConfirmUnsavedChangesModal.mjs.map

package/dist/js/components/src/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmUnsavedChangesModal.mjs","sources":["../../../../../../../../src/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.tsx"],"sourcesContent":["import ContentView from \"@/views/ContentView\";\nimport HeadingView from \"@/views/HeadingView\";\nimport type { FC } from \"react\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../locales/*.locale.json\";\nimport Modal from \"@/components/Modal/Modal\";\nimport TextView from \"@/views/TextView\";\nimport ActionGroupView from \"@/views/ActionGroupView\";\nimport Action from \"@/components/Action\";\nimport ButtonView from \"@/views/ButtonView\";\nimport { useModalController } from \"@/lib/controller\";\n\nexport const ConfirmUnsavedChangesModal: FC = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const closeConfirmationController =\n    useModalController().useConfirmationController();\n\n  if (closeConfirmationController) {\n    const { controller, confirm, cancel } = closeConfirmationController;\n\n    return (\n      <Modal controller={controller}>\n        <HeadingView>\n          {stringFormatter.format(\"unsavedChangesConfirmationModal.heading\")}\n        </HeadingView>\n        <ContentView>\n          <TextView>\n            {stringFormatter.format(\"unsavedChangesConfirmationModal.text\")}\n          </TextView>\n        </ContentView>\n        <ActionGroupView>\n          <Action closeModal>\n            <Action onAction={confirm}>\n              <ButtonView color=\"danger\">\n                {stringFormatter.format(\n                  \"unsavedChangesConfirmationModal.close\",\n                )}\n              </ButtonView>\n            </Action>\n            <Action onAction={cancel}>\n              <ButtonView color=\"secondary\" variant=\"soft\">\n                {stringFormatter.format(\n                  \"unsavedChangesConfirmationModal.keepOpen\",\n                )}\n              </ButtonView>\n            </Action>\n          </Action>\n        </ActionGroupView>\n      </Modal>\n    );\n  }\n};\n\nexport default ConfirmUnsavedChangesModal;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAYO,MAAM,6BAAiC,MAAM;AAClD,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAC3D,EAAA,MAAM,2BAAA,GACJ,kBAAA,EAAmB,CAAE,yBAAA,EAA0B;AAEjD,EAAA,IAAI,2BAAA,EAA6B;AAC/B,IAAA,MAAM,EAAE,UAAA,EAAY,OAAA,EAAS,MAAA,EAAO,GAAI,2BAAA;AAExC,IAAA,uBACE,IAAA,CAAC,SAAM,UAAA,EACL,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAA,EAAA,EACE,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,yCAAyC,CAAA,EACnE,CAAA;AAAA,sBACA,GAAA,CAAC,eACC,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EACE,0BAAgB,MAAA,CAAO,sCAAsC,GAChE,CAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAO,YAAU,IAAA,EAChB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAO,QAAA,EAAU,OAAA,EAChB,8BAAC,UAAA,EAAA,EAAW,KAAA,EAAM,UACf,QAAA,EAAA,eAAA,CAAgB,MAAA;AAAA,UACf;AAAA,WAEJ,CAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAO,QAAA,EAAU,MAAA,EAChB,QAAA,kBAAA,GAAA,CAAC,cAAW,KAAA,EAAM,WAAA,EAAY,OAAA,EAAQ,MAAA,EACnC,QAAA,EAAA,eAAA,CAAgB,MAAA;AAAA,UACf;AAAA,WAEJ,CAAA,EACF;AAAA,OAAA,EACF,CAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist/js/components/src/components/Overlay/Overlay.mjs

@@ -5,11 +5,11 @@ import styles from './Overlay.module.scss.mjs';
 import clsx from 'clsx';
 import 'mobx';
 import 'react';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import '../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import '@react-aria/utils';
 import 'dot-prop';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import { OverlayContextProvider } from '../../lib/controller/overlay/OverlayContextProvider.mjs';
 import OverlayContentView from '../../views/OverlayContentView.mjs';
 
@@ -22,19 +22,15 @@ const Overlay = (props) => {
     overlayType = "Modal",
     isDefaultOpen,
     isOpen: isOpenFromProps,
-    onOpen,
-    onClose,
-    onOpenChange,
-    ref
+    ref,
+    ...controllerOptions
   } = props;
   const controllerFromContext = useOverlayController(overlayType, {
     reuseControllerFromContext: true,
-    isDefaultOpen,
-    onClose,
-    onOpen,
-    onOpenChange
+    isDefaultOpen
   });
   const controller = controllerFromProps ?? controllerFromContext;
+  controller.useUpdateOptions(controllerOptions);
   const isOpen = isOpenFromProps ?? controller.useIsOpen();
   const rootClassName = clsx(styles.overlay, className);
   return /* @__PURE__ */ jsx(

package/dist/js/components/src/components/Overlay/Overlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.mjs","sources":["../../../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref } from \"react\";\nimport styles from \"./Overlay.module.scss\";\nimport clsx from \"clsx\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport OverlayContentView from \"@/views/OverlayContentView\";\nimport type {\n  OverlayCloseHandler,\n  OverlayOpenHandler,\n  OverlayOpenStateHandler,\n} from \"@/lib/controller/overlay/OverlayController\";\n\nexport interface OverlayProps extends PropsWithChildren, PropsWithClassName {\n  ref?: Ref<HTMLDivElement>;\n  /** The controller to control the overlay state. */\n  controller?: OverlayController;\n  /** Whether the overlay can be closed by clicking outside of it. */\n  isDismissable?: boolean;\n  /** Whether the overlay is a modal or a light box. */\n  overlayType?: \"Modal\" | \"LightBox\";\n  isOpen?: boolean;\n  isDefaultOpen?: boolean;\n  onOpen?: OverlayOpenHandler;\n  onClose?: OverlayCloseHandler;\n  onOpenChange?: OverlayOpenStateHandler;\n}\n\nexport const Overlay: FC<OverlayProps> = (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    isDismissable = true,\n    className,\n    overlayType = \"Modal\",\n    isDefaultOpen,\n    isOpen: isOpenFromProps,\n    onOpen,\n    onClose,\n    onOpenChange,\n    ref,\n  } = props;\n\n  const controllerFromContext = useOverlayController(overlayType, {\n    reuseControllerFromContext: true,\n    isDefaultOpen,\n    onClose,\n    onOpen,\n    onOpenChange,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const isOpen = isOpenFromProps ?? controller.useIsOpen();\n\n  const rootClassName = clsx(styles.overlay, className);\n\n  return (\n    <OverlayContentView\n      onOpenChange={controller.setOpen}\n      isOpen={isOpen}\n      ref={ref}\n      isDismissable={isDismissable}\n      className={rootClassName}\n    >\n      <OverlayContextProvider type=\"Modal\" controller={controller}>\n        {children}\n      </OverlayContextProvider>\n    </OverlayContentView>\n  );\n};\n\nexport default Overlay;\n"],"names":[],"mappings":";;;;;;;;;;;;;AA6BO,MAAM,OAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM;AAAA,IACJ,UAAA,EAAY,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,aAAA,GAAgB,IAAA;AAAA,IAChB,SAAA;AAAA,IACA,WAAA,GAAc,OAAA;AAAA,IACd,aAAA;AAAA,IACA,MAAA,EAAQ,eAAA;AAAA,IACR,MAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,qBAAA,GAAwB,qBAAqB,WAAA,EAAa;AAAA,IAC9D,0BAAA,EAA4B,IAAA;AAAA,IAC5B,aAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,aAAa,mBAAA,IAAuB,qBAAA;AAE1C,EAAA,MAAM,MAAA,GAAS,eAAA,IAAmB,UAAA,CAAW,SAAA,EAAU;AAEvD,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACE,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,cAAc,UAAA,CAAW,OAAA;AAAA,MACzB,MAAA;AAAA,MACA,GAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA,EAAW,aAAA;AAAA,MAEX,QAAA,kBAAA,GAAA,CAAC,sBAAA,EAAA,EAAuB,IAAA,EAAK,OAAA,EAAQ,YAClC,QAAA,EACH;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"Overlay.mjs","sources":["../../../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref } from \"react\";\nimport styles from \"./Overlay.module.scss\";\nimport clsx from \"clsx\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport OverlayContentView from \"@/views/OverlayContentView\";\nimport type {\n  OverlayCloseHandler,\n  OverlayOpenHandler,\n  OverlayOpenStateHandler,\n} from \"@/lib/controller/overlay/OverlayController\";\n\nexport interface OverlayProps extends PropsWithChildren, PropsWithClassName {\n  ref?: Ref<HTMLDivElement>;\n  /** The controller to control the overlay state. */\n  controller?: OverlayController;\n  /** Whether the overlay can be closed by clicking outside of it. */\n  isDismissable?: boolean;\n  /** Whether the overlay is a modal or a light box. */\n  overlayType?: \"Modal\" | \"LightBox\";\n  isOpen?: boolean;\n  isDefaultOpen?: boolean;\n  onOpen?: OverlayOpenHandler;\n  onClose?: OverlayCloseHandler;\n  onOpenChange?: OverlayOpenStateHandler;\n}\n\nexport const Overlay: FC<OverlayProps> = (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    isDismissable = true,\n    className,\n    overlayType = \"Modal\",\n    isDefaultOpen,\n    isOpen: isOpenFromProps,\n    ref,\n    ...controllerOptions\n  } = props;\n\n  const controllerFromContext = useOverlayController(overlayType, {\n    reuseControllerFromContext: true,\n    isDefaultOpen,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n  controller.useUpdateOptions(controllerOptions);\n\n  const isOpen = isOpenFromProps ?? controller.useIsOpen();\n\n  const rootClassName = clsx(styles.overlay, className);\n\n  return (\n    <OverlayContentView\n      onOpenChange={controller.setOpen}\n      isOpen={isOpen}\n      ref={ref}\n      isDismissable={isDismissable}\n      className={rootClassName}\n    >\n      <OverlayContextProvider type=\"Modal\" controller={controller}>\n        {children}\n      </OverlayContextProvider>\n    </OverlayContentView>\n  );\n};\n\nexport default Overlay;\n"],"names":[],"mappings":";;;;;;;;;;;;;AA6BO,MAAM,OAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM;AAAA,IACJ,UAAA,EAAY,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,aAAA,GAAgB,IAAA;AAAA,IAChB,SAAA;AAAA,IACA,WAAA,GAAc,OAAA;AAAA,IACd,aAAA;AAAA,IACA,MAAA,EAAQ,eAAA;AAAA,IACR,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,qBAAA,GAAwB,qBAAqB,WAAA,EAAa;AAAA,IAC9D,0BAAA,EAA4B,IAAA;AAAA,IAC5B;AAAA,GACD,CAAA;AAED,EAAA,MAAM,aAAa,mBAAA,IAAuB,qBAAA;AAC1C,EAAA,UAAA,CAAW,iBAAiB,iBAAiB,CAAA;AAE7C,EAAA,MAAM,MAAA,GAAS,eAAA,IAAmB,UAAA,CAAW,SAAA,EAAU;AAEvD,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACE,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,cAAc,UAAA,CAAW,OAAA;AAAA,MACzB,MAAA;AAAA,MACA,GAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA,EAAW,aAAA;AAAA,MAEX,QAAA,kBAAA,GAAA,CAAC,sBAAA,EAAA,EAAuB,IAAA,EAAK,OAAA,EAAQ,YAClC,QAAA,EACH;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/js/components/src/components/Popover/Popover.mjs

@@ -4,11 +4,11 @@ import { jsx } from 'react/jsx-runtime';
 import 'react';
 import clsx from 'clsx';
 import 'mobx';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import '../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import '@react-aria/utils';
 import 'dot-prop';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { OverlayContextProvider } from '../../lib/controller/overlay/OverlayContextProvider.mjs';
 import styles from './Popover.module.scss.mjs';

package/dist/js/components/src/components/Select/Select.mjs

@@ -16,10 +16,10 @@ import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { Options } from '../Options/Options.mjs';
 import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
 import 'mobx';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import 'remeda';
 import '@react-aria/utils';
 import 'dot-prop';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
 
 const Select = flowComponent("Select", (props) => {

package/dist/js/components/src/integrations/react-hook-form/components/Form/Form.mjs

@@ -1,9 +1,13 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ConfirmUnsavedChangesModal } from '../../../../components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.mjs';
 import { useHotkeySubmit } from './useHotkeySubmit.mjs';
 import { FormContextProvider } from '../FormContextProvider/FormContextProvider.mjs';
+import 'mobx';
 import { useId, useMemo, useRef } from 'react';
+import { useModalController } from '../../../../lib/controller/overlay/useModalController.mjs';
+import '../../../../lib/controller/overlay/context.mjs';
 import { FormProvider } from 'react-hook-form';
 
 const DefaultFormComponent = (p) => /* @__PURE__ */ jsx("form", { ...p });
@@ -22,7 +26,11 @@ function Form(props) {
   const formId = idProp ?? newFormId;
   const FormComponent = useMemo(() => formComponent, [formId]);
   const afterSubmitCallback = useRef(void 0);
-  const { isSubmitting, isValidating } = form.formState;
+  const { isSubmitting, isValidating, isDirty } = form.formState;
+  const modalController = useModalController();
+  modalController.useUpdateOptions({
+    confirmOnClose: isDirty
+  });
   const handleSubmitResult = (result) => {
     if (typeof result === "function") {
       afterSubmitCallback.current = result;
@@ -34,6 +42,7 @@ function Form(props) {
     if (isSubmitting || isValidating) {
       return;
     }
+    modalController.confirmClose();
     return form.handleSubmit((values, event) => {
       const submitResult = onSubmit(values, event);
       if (submitResult instanceof Promise) {
@@ -49,25 +58,28 @@ function Form(props) {
     ref,
     handleSubmit
   });
-  return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(
-    FormContextProvider,
-    {
-      form,
-      isReadOnly,
-      id: formId,
-      onAfterSuccessFeedback,
-      children: /* @__PURE__ */ jsx(
-        FormComponent,
-        {
-          ...formProps,
-          ref: refWithHotkeySubmit,
-          id: formId,
-          onSubmit: handleSubmit,
-          children
-        }
-      )
-    }
-  ) });
+  return /* @__PURE__ */ jsxs(FormProvider, { ...form, children: [
+    /* @__PURE__ */ jsx(
+      FormContextProvider,
+      {
+        form,
+        isReadOnly,
+        id: formId,
+        onAfterSuccessFeedback,
+        children: /* @__PURE__ */ jsx(
+          FormComponent,
+          {
+            ...formProps,
+            ref: refWithHotkeySubmit,
+            id: formId,
+            onSubmit: handleSubmit,
+            children
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(ConfirmUnsavedChangesModal, {})
+  ] });
 }
 
 export { Form };