@mittwald/flow-react-components 0.2.0-alpha.781 → 0.2.0-alpha.782

package/dist/js/packages/components/src/integrations/react-hook-form/components/SubmitButton/SubmitButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/SubmitButton/SubmitButton.tsx"],"sourcesContent":["import type { ActionProps } from \"@/components/Action\";\nimport { type ButtonProps } from \"@/components/Button\";\nimport FormAction from \"@/integrations/react-hook-form/components/FormAction\";\nimport ButtonView from \"@/views/ButtonView\";\nimport type { FC } from \"react\";\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport type SubmitButtonProps = ButtonProps & SupportedActionProps;\n\nexport const SubmitButton: FC<SubmitButtonProps> = (props) => {\n  const { showFeedback, ...buttonProps } = props;\n  return (\n    <FormAction submit showFeedback={showFeedback}>\n      <ButtonView {...buttonProps} />\n    </FormAction>\n  );\n};\n\nexport default SubmitButton;\n"],"names":[],"mappings":";;;;;AAUO,MAAM,YAAA,GAAsC,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,EAAE,YAAA,EAAc,GAAG,WAAA,EAAY,GAAI,KAAA;AACzC,EAAA,uBACE,GAAA,CAAC,cAAW,MAAA,EAAM,IAAA,EAAC,cACjB,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAY,GAAG,WAAA,EAAa,CAAA,EAC/B,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SubmitButton.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/SubmitButton/SubmitButton.tsx"],"sourcesContent":["import type { ActionProps } from \"@/components/Action\";\nimport { type ButtonProps } from \"@/components/Button\";\nimport FormAction from \"@/integrations/react-hook-form/components/FormAction\";\nimport ButtonView from \"@/views/ButtonView\";\nimport type { FC } from \"react\";\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport type SubmitButtonProps = ButtonProps & SupportedActionProps;\n\nexport const SubmitButton: FC<SubmitButtonProps> = (props) => {\n  const { showFeedback, ...buttonProps } = props;\n  return (\n    <FormAction submit showFeedback={showFeedback}>\n      <ButtonView {...buttonProps} />\n    </FormAction>\n  );\n};\n\nexport default SubmitButton;\n"],"mappings":";;;;;;AAUA,IAAa,gBAAuC,UAAU;CAC5D,MAAM,EAAE,cAAc,GAAG,gBAAgB;AACzC,QACE,oBAAC,YAAD;EAAY,QAAA;EAAqB;YAC/B,oBAAC,YAAD,EAAY,GAAI,aAAe,CAAA;EACpB,CAAA"}

package/dist/js/packages/components/src/integrations/react-hook-form/components/SubmitButton/index.mjs

@@ -0,0 +1 @@
+import "./SubmitButton.mjs";

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

@@ -1,9 +1,9 @@
 "use client"
 /* */
-const flags = {
-  requireCloseModalConfirmationOnUnsavedChanges: false
-};
+//#region src/integrations/react-hook-form/flags.ts
+var flags = { requireCloseModalConfirmationOnUnsavedChanges: false };
 ({ ...flags });
-
+//#endregion
 export { flags };
-//# sourceMappingURL=flags.mjs.map
+
+//# sourceMappingURL=flags.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/flags.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"flags.mjs","sources":["../../../../../../../src/integrations/react-hook-form/flags.ts"],"sourcesContent":["export const flags = {\n  requireCloseModalConfirmationOnUnsavedChanges: false,\n};\n\nconst defaultFlags = { ...flags };\n\nexport const resetFlags = () => {\n  Object.assign(flags, defaultFlags);\n};\n"],"names":[],"mappings":"AAAO,MAAM,KAAA,GAAQ;AAAA,EACnB,6CAAA,EAA+C;AACjD;CAEqB,EAAE,GAAG,KAAA;;;;"}
+{"version":3,"file":"flags.mjs","names":[],"sources":["../../../../../../../src/integrations/react-hook-form/flags.ts"],"sourcesContent":["export const flags = {\n  requireCloseModalConfirmationOnUnsavedChanges: false,\n};\n\nconst defaultFlags = { ...flags };\n\nexport const resetFlags = () => {\n  Object.assign(flags, defaultFlags);\n};\n"],"mappings":";AAAA,IAAa,QAAQ,EACnB,+CAA+C,OAChD;CAEoB,EAAE,GAAG,OAAO"}

package/dist/js/packages/components/src/integrations/react-hook-form/lib/FormRootError.mjs

@@ -1,13 +1,15 @@
 "use client"
 /* */
-class FormRootError extends Error {
-  type;
-  constructor(fieldError) {
-    super(fieldError.message);
-    this.name = "FormRootError";
-    this.type = fieldError.type;
-  }
-}
-
+//#region src/integrations/react-hook-form/lib/FormRootError.ts
+var FormRootError = class extends Error {
+	type;
+	constructor(fieldError) {
+		super(fieldError.message);
+		this.name = "FormRootError";
+		this.type = fieldError.type;
+	}
+};
+//#endregion
 export { FormRootError };
-//# sourceMappingURL=FormRootError.mjs.map
+
+//# sourceMappingURL=FormRootError.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/lib/FormRootError.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormRootError.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/lib/FormRootError.ts"],"sourcesContent":["import type { FieldError } from \"react-hook-form\";\n\nexport class FormRootError extends Error {\n  public readonly type: string;\n\n  public constructor(fieldError: FieldError) {\n    super(fieldError.message);\n    this.name = \"FormRootError\";\n    this.type = fieldError.type;\n  }\n}\n"],"names":[],"mappings":"AAEO,MAAM,sBAAsB,KAAA,CAAM;AAAA,EACvB,IAAA;AAAA,EAET,YAAY,UAAA,EAAwB;AACzC,IAAA,KAAA,CAAM,WAAW,OAAO,CAAA;AACxB,IAAA,IAAA,CAAK,IAAA,GAAO,eAAA;AACZ,IAAA,IAAA,CAAK,OAAO,UAAA,CAAW,IAAA;AAAA,EACzB;AACF;;;;"}
+{"version":3,"file":"FormRootError.mjs","names":[],"sources":["../../../../../../../../src/integrations/react-hook-form/lib/FormRootError.ts"],"sourcesContent":["import type { FieldError } from \"react-hook-form\";\n\nexport class FormRootError extends Error {\n  public readonly type: string;\n\n  public constructor(fieldError: FieldError) {\n    super(fieldError.message);\n    this.name = \"FormRootError\";\n    this.type = fieldError.type;\n  }\n}\n"],"mappings":";AAEA,IAAa,gBAAb,cAAmC,MAAM;CACvC;CAEA,YAAmB,YAAwB;AACzC,QAAM,WAAW,QAAQ;AACzB,OAAK,OAAO;AACZ,OAAK,OAAO,WAAW"}

package/dist/js/packages/components/src/lib/array/toArray.mjs

@@ -1,6 +1,8 @@
 "use client"
 /* */
-const toArray = (val) => Array.isArray(val) ? val : [val];
-
+//#region src/lib/array/toArray.ts
+var toArray = (val) => Array.isArray(val) ? val : [val];
+//#endregion
 export { toArray };
-//# sourceMappingURL=toArray.mjs.map
+
+//# sourceMappingURL=toArray.mjs.map

package/dist/js/packages/components/src/lib/array/toArray.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toArray.mjs","sources":["../../../../../../../src/lib/array/toArray.ts"],"sourcesContent":["export const toArray = <T>(val: T | T[]): T[] =>\n  Array.isArray(val) ? val : [val];\n"],"names":[],"mappings":"AAAO,MAAM,OAAA,GAAU,CAAI,GAAA,KACzB,KAAA,CAAM,QAAQ,GAAG,CAAA,GAAI,GAAA,GAAM,CAAC,GAAG;;;;"}
+{"version":3,"file":"toArray.mjs","names":[],"sources":["../../../../../../../src/lib/array/toArray.ts"],"sourcesContent":["export const toArray = <T>(val: T | T[]): T[] =>\n  Array.isArray(val) ? val : [val];\n"],"mappings":";AAAA,IAAa,WAAc,QACzB,MAAM,QAAQ,IAAI,GAAG,MAAM,CAAC,IAAI"}

package/dist/js/packages/components/src/lib/componentFactory/flowComponent.mjs

@@ -1,49 +1,63 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { memo, cloneElement } from 'react';
-import { TunnelEntry } from '@mittwald/react-tunnel';
-import { SlotContextProvider } from '../slotContext/SlotContextProvider.mjs';
-import { useProps } from '../hooks/useProps.mjs';
-import { useComponentPropsContext } from '../propsContext/propsContext.mjs';
-import { ComponentPropsContextProvider } from '../propsContext/components/ComponentPropsContextProvider.mjs';
-import { ClearPropsContext } from '../propsContext/components/ClearPropsContext.mjs';
-import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
-
+import SlotContextProvider from "../slotContext/SlotContextProvider.mjs";
+import { useComponentPropsContext } from "../propsContext/propsContext.mjs";
+import useProps from "../hooks/useProps.mjs";
+import { ComponentPropsContextProvider } from "../propsContext/components/ComponentPropsContextProvider.mjs";
+import "../../components/ComponentPropsContextProvider/index.mjs";
+import ClearPropsContext from "../propsContext/components/ClearPropsContext.mjs";
+import "../../components/ClearPropsContext/index.mjs";
+import ClearPropsContextView from "../../views/ClearPropsContextView.mjs";
+import { cloneElement, memo } from "react";
+import { TunnelEntry } from "@mittwald/react-tunnel";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/componentFactory/flowComponent.tsx
 function flowComponent(componentName, ImplementationComponentType, options = {}) {
-  const { type = "ui", isRemoteComponent = false } = options;
-  const MemoizedImplementationComponentType = memo(ImplementationComponentType);
-  function Component(props) {
-    const { tunnelId, wrapWith, ...propsWithContext } = useProps(
-      componentName,
-      props
-    );
-    const implementationTypeProps = propsWithContext;
-    const componentProps = useComponentPropsContext(componentName);
-    ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;
-    let element = /* @__PURE__ */ jsx(MemoizedImplementationComponentType, { ...implementationTypeProps });
-    element = /* @__PURE__ */ jsx(ComponentPropsContextProvider, { componentProps, children: element });
-    if (type === "ui") {
-      if (isRemoteComponent) {
-        element = /* @__PURE__ */ jsx(ClearPropsContext, { children: element });
-      } else {
-        element = /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(ClearPropsContextView, { children: element }) });
-      }
-    }
-    if ("slot" in props && !!props.slot && typeof props.slot === "string") {
-      element = /* @__PURE__ */ jsx(SlotContextProvider, { slot: props.slot, component: componentName, children: element });
-    }
-    if (wrapWith) {
-      element = cloneElement(wrapWith, void 0, element);
-    }
-    if (tunnelId) {
-      element = /* @__PURE__ */ jsx(TunnelEntry, { id: tunnelId, children: element });
-    }
-    return element;
-  }
-  Component.displayName = `FlowComponent(${componentName})`;
-  return memo(Component);
+	const { type = "ui", isRemoteComponent = false } = options;
+	const MemoizedImplementationComponentType = memo(ImplementationComponentType);
+	function Component(props) {
+		const { tunnelId, wrapWith, ...propsWithContext } = useProps(componentName, props);
+		const implementationTypeProps = propsWithContext;
+		const componentProps = useComponentPropsContext(componentName);
+		ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;
+		let element = /* @__PURE__ */ jsx(MemoizedImplementationComponentType, { ...implementationTypeProps });
+		element = /* @__PURE__ */ jsx(ComponentPropsContextProvider, {
+			componentProps,
+			children: element
+		});
+		if (type === "ui")
+ /**
+		* Protect the inside of UI components for accidental prop changes through
+		* the Props Context.
+		*/
+		if (isRemoteComponent) element = /* @__PURE__ */ jsx(ClearPropsContext, { children: element });
+		else
+ /**
+		* In case of a UI component that does not have a remote counterpart
+		* (like the Modal component), the <ClearPropsContext> must be
+		* additionally applied on the host side by using the
+		* <ClearPropsContextView>.
+		*
+		* This prevents Props Contexts created by parent components on the host
+		* side affecting the children of this UI component.
+		*/
+		element = /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(ClearPropsContextView, { children: element }) });
+		if ("slot" in props && !!props.slot && typeof props.slot === "string") element = /* @__PURE__ */ jsx(SlotContextProvider, {
+			slot: props.slot,
+			component: componentName,
+			children: element
+		});
+		if (wrapWith) element = cloneElement(wrapWith, void 0, element);
+		if (tunnelId) element = /* @__PURE__ */ jsx(TunnelEntry, {
+			id: tunnelId,
+			children: element
+		});
+		return element;
+	}
+	Component.displayName = `FlowComponent(${componentName})`;
+	return memo(Component);
 }
-
+//#endregion
 export { flowComponent };
-//# sourceMappingURL=flowComponent.mjs.map
+
+//# sourceMappingURL=flowComponent.mjs.map

package/dist/js/packages/components/src/lib/componentFactory/flowComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"flowComponent.mjs","sources":["../../../../../../../src/lib/componentFactory/flowComponent.tsx"],"sourcesContent":["import type {\n  FlowComponentName,\n  FlowComponentProps as FlowComponentPropsOfName,\n} from \"@/components/propTypes\";\nimport type {\n  ComponentProps,\n  ComponentType,\n  FunctionComponent,\n  ReactElement,\n  ReactNode,\n  RefAttributes,\n} from \"react\";\nimport { cloneElement, memo } from \"react\";\nimport type { PropsWithTunnel } from \"@/lib/types/props\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport SlotContextProvider from \"@/lib/slotContext/SlotContextProvider\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { useComponentPropsContext } from \"@/lib/propsContext/propsContext\";\nimport { ComponentPropsContextProvider } from \"@/components/ComponentPropsContextProvider\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\n\ntype RefType<T> = T extends RefAttributes<infer R> ? R : undefined;\n\nexport interface FlowComponentProps<R = HTMLDivElement>\n  extends PropsWithTunnel, RefAttributes<R> {\n  wrapWith?: ReactElement;\n}\n\nexport type FlowComponentImplementationProps<C extends FlowComponentName> =\n  Omit<FlowComponentPropsOfName<C>, keyof FlowComponentProps> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\ntype FlowComponentImplementationType<C extends FlowComponentName> =\n  ComponentType<FlowComponentImplementationProps<C>>;\n\ntype FlowComponentType<C extends FlowComponentName> = FunctionComponent<\n  FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>\n>;\n\nexport type FlowComponentProvisionType = \"provider\" | \"ui\" | \"layout\";\n\ninterface Options {\n  type?: FlowComponentProvisionType;\n  isRemoteComponent?: boolean;\n}\n\nexport function flowComponent<C extends FlowComponentName>(\n  componentName: C,\n  ImplementationComponentType: FlowComponentImplementationType<C>,\n  options: Options = {},\n): FlowComponentType<C> {\n  type Props = FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\n  const { type = \"ui\", isRemoteComponent = false } = options;\n\n  const MemoizedImplementationComponentType = memo(ImplementationComponentType);\n\n  function Component(props: Props) {\n    const { tunnelId, wrapWith, ...propsWithContext } = useProps(\n      componentName,\n      props as FlowComponentPropsOfName<C>,\n    ) as FlowComponentProps<RefType<FlowComponentPropsOfName<C>>>;\n\n    const implementationTypeProps = propsWithContext as ComponentProps<\n      typeof ImplementationComponentType\n    >;\n\n    const componentProps = useComponentPropsContext(componentName);\n\n    ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;\n\n    let element: ReactNode = (\n      <MemoizedImplementationComponentType {...implementationTypeProps} />\n    );\n\n    element = (\n      <ComponentPropsContextProvider componentProps={componentProps}>\n        {element}\n      </ComponentPropsContextProvider>\n    );\n\n    if (type === \"ui\") {\n      /**\n       * Protect the inside of UI components for accidental prop changes through\n       * the Props Context.\n       */\n      if (isRemoteComponent) {\n        element = <ClearPropsContext>{element}</ClearPropsContext>;\n      } else {\n        /**\n         * In case of a UI component that does not have a remote counterpart\n         * (like the Modal component), the <ClearPropsContext> must be\n         * additionally applied on the host side by using the\n         * <ClearPropsContextView>.\n         *\n         * This prevents Props Contexts created by parent components on the host\n         * side affecting the children of this UI component.\n         */\n        element = (\n          <ClearPropsContext>\n            <ClearPropsContextView>{element}</ClearPropsContextView>\n          </ClearPropsContext>\n        );\n      }\n    }\n\n    if (\"slot\" in props && !!props.slot && typeof props.slot === \"string\") {\n      element = (\n        <SlotContextProvider slot={props.slot} component={componentName}>\n          {element}\n        </SlotContextProvider>\n      );\n    }\n\n    if (wrapWith) {\n      element = cloneElement(wrapWith, undefined, element);\n    }\n\n    if (tunnelId) {\n      element = <TunnelEntry id={tunnelId}>{element}</TunnelEntry>;\n    }\n    return element;\n  }\n\n  Component.displayName = `FlowComponent(${componentName})`;\n  return memo(Component);\n}\n"],"names":[],"mappings":";;;;;;;;;;AAgDO,SAAS,aAAA,CACd,aAAA,EACA,2BAAA,EACA,OAAA,GAAmB,EAAC,EACE;AAItB,EAAA,MAAM,EAAE,IAAA,GAAO,IAAA,EAAM,iBAAA,GAAoB,OAAM,GAAI,OAAA;AAEnD,EAAA,MAAM,mCAAA,GAAsC,KAAK,2BAA2B,CAAA;AAE5E,EAAA,SAAS,UAAU,KAAA,EAAc;AAC/B,IAAA,MAAM,EAAE,QAAA,EAAU,QAAA,EAAU,GAAG,kBAAiB,GAAI,QAAA;AAAA,MAClD,aAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,uBAAA,GAA0B,gBAAA;AAIhC,IAAA,MAAM,cAAA,GAAiB,yBAAyB,aAAa,CAAA;AAE7D,IAAA,2BAAA,CAA4B,WAAA,GAAc,qBAAqB,aAAa,CAAA,CAAA,CAAA;AAE5E,IAAA,IAAI,OAAA,mBACF,GAAA,CAAC,mCAAA,EAAA,EAAqC,GAAG,uBAAA,EAAyB,CAAA;AAGpE,IAAA,OAAA,mBACE,GAAA,CAAC,6BAAA,EAAA,EAA8B,cAAA,EAC5B,QAAA,EAAA,OAAA,EACH,CAAA;AAGF,IAAA,IAAI,SAAS,IAAA,EAAM;AAKjB,MAAA,IAAI,iBAAA,EAAmB;AACrB,QAAA,OAAA,mBAAU,GAAA,CAAC,qBAAmB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,MACxC,CAAA,MAAO;AAUL,QAAA,OAAA,mBACE,GAAA,CAAC,iBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,qBAAA,EAAA,EAAuB,mBAAQ,CAAA,EAClC,CAAA;AAAA,MAEJ;AAAA,IACF;AAEA,IAAA,IAAI,MAAA,IAAU,SAAS,CAAC,CAAC,MAAM,IAAA,IAAQ,OAAO,KAAA,CAAM,IAAA,KAAS,QAAA,EAAU;AACrE,MAAA,OAAA,uBACG,mBAAA,EAAA,EAAoB,IAAA,EAAM,MAAM,IAAA,EAAM,SAAA,EAAW,eAC/C,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,IAEJ;AAEA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,OAAA,GAAU,YAAA,CAAa,QAAA,EAAU,MAAA,EAAW,OAAO,CAAA;AAAA,IACrD;AAEA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,OAAA,mBAAU,GAAA,CAAC,WAAA,EAAA,EAAY,EAAA,EAAI,QAAA,EAAW,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,IAChD;AACA,IAAA,OAAO,OAAA;AAAA,EACT;AAEA,EAAA,SAAA,CAAU,WAAA,GAAc,iBAAiB,aAAa,CAAA,CAAA,CAAA;AACtD,EAAA,OAAO,KAAK,SAAS,CAAA;AACvB;;;;"}
+{"version":3,"file":"flowComponent.mjs","names":[],"sources":["../../../../../../../src/lib/componentFactory/flowComponent.tsx"],"sourcesContent":["import type {\n  FlowComponentName,\n  FlowComponentProps as FlowComponentPropsOfName,\n} from \"@/components/propTypes\";\nimport type {\n  ComponentProps,\n  ComponentType,\n  FunctionComponent,\n  ReactElement,\n  ReactNode,\n  RefAttributes,\n} from \"react\";\nimport { cloneElement, memo } from \"react\";\nimport type { PropsWithTunnel } from \"@/lib/types/props\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport SlotContextProvider from \"@/lib/slotContext/SlotContextProvider\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { useComponentPropsContext } from \"@/lib/propsContext/propsContext\";\nimport { ComponentPropsContextProvider } from \"@/components/ComponentPropsContextProvider\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\n\ntype RefType<T> = T extends RefAttributes<infer R> ? R : undefined;\n\nexport interface FlowComponentProps<R = HTMLDivElement>\n  extends PropsWithTunnel, RefAttributes<R> {\n  wrapWith?: ReactElement;\n}\n\nexport type FlowComponentImplementationProps<C extends FlowComponentName> =\n  Omit<FlowComponentPropsOfName<C>, keyof FlowComponentProps> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\ntype FlowComponentImplementationType<C extends FlowComponentName> =\n  ComponentType<FlowComponentImplementationProps<C>>;\n\ntype FlowComponentType<C extends FlowComponentName> = FunctionComponent<\n  FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>\n>;\n\nexport type FlowComponentProvisionType = \"provider\" | \"ui\" | \"layout\";\n\ninterface Options {\n  type?: FlowComponentProvisionType;\n  isRemoteComponent?: boolean;\n}\n\nexport function flowComponent<C extends FlowComponentName>(\n  componentName: C,\n  ImplementationComponentType: FlowComponentImplementationType<C>,\n  options: Options = {},\n): FlowComponentType<C> {\n  type Props = FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\n  const { type = \"ui\", isRemoteComponent = false } = options;\n\n  const MemoizedImplementationComponentType = memo(ImplementationComponentType);\n\n  function Component(props: Props) {\n    const { tunnelId, wrapWith, ...propsWithContext } = useProps(\n      componentName,\n      props as FlowComponentPropsOfName<C>,\n    ) as FlowComponentProps<RefType<FlowComponentPropsOfName<C>>>;\n\n    const implementationTypeProps = propsWithContext as ComponentProps<\n      typeof ImplementationComponentType\n    >;\n\n    const componentProps = useComponentPropsContext(componentName);\n\n    ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;\n\n    let element: ReactNode = (\n      <MemoizedImplementationComponentType {...implementationTypeProps} />\n    );\n\n    element = (\n      <ComponentPropsContextProvider componentProps={componentProps}>\n        {element}\n      </ComponentPropsContextProvider>\n    );\n\n    if (type === \"ui\") {\n      /**\n       * Protect the inside of UI components for accidental prop changes through\n       * the Props Context.\n       */\n      if (isRemoteComponent) {\n        element = <ClearPropsContext>{element}</ClearPropsContext>;\n      } else {\n        /**\n         * In case of a UI component that does not have a remote counterpart\n         * (like the Modal component), the <ClearPropsContext> must be\n         * additionally applied on the host side by using the\n         * <ClearPropsContextView>.\n         *\n         * This prevents Props Contexts created by parent components on the host\n         * side affecting the children of this UI component.\n         */\n        element = (\n          <ClearPropsContext>\n            <ClearPropsContextView>{element}</ClearPropsContextView>\n          </ClearPropsContext>\n        );\n      }\n    }\n\n    if (\"slot\" in props && !!props.slot && typeof props.slot === \"string\") {\n      element = (\n        <SlotContextProvider slot={props.slot} component={componentName}>\n          {element}\n        </SlotContextProvider>\n      );\n    }\n\n    if (wrapWith) {\n      element = cloneElement(wrapWith, undefined, element);\n    }\n\n    if (tunnelId) {\n      element = <TunnelEntry id={tunnelId}>{element}</TunnelEntry>;\n    }\n    return element;\n  }\n\n  Component.displayName = `FlowComponent(${componentName})`;\n  return memo(Component);\n}\n"],"mappings":";;;;;;;;;;;;AAgDA,SAAgB,cACd,eACA,6BACA,UAAmB,EAAE,EACC;CAItB,MAAM,EAAE,OAAO,MAAM,oBAAoB,UAAU;CAEnD,MAAM,sCAAsC,KAAK,4BAA4B;CAE7E,SAAS,UAAU,OAAc;EAC/B,MAAM,EAAE,UAAU,UAAU,GAAG,qBAAqB,SAClD,eACA,MACD;EAED,MAAM,0BAA0B;EAIhC,MAAM,iBAAiB,yBAAyB,cAAc;AAE9D,8BAA4B,cAAc,qBAAqB,cAAc;EAE7E,IAAI,UACF,oBAAC,qCAAD,EAAqC,GAAI,yBAA2B,CAAA;AAGtE,YACE,oBAAC,+BAAD;GAA+C;aAC5C;GAC6B,CAAA;AAGlC,MAAI,SAAS;;;;;AAKX,MAAI,kBACF,WAAU,oBAAC,mBAAD,EAAA,UAAoB,SAA4B,CAAA;;;;;;;;;;;AAW1D,YACE,oBAAC,mBAAD,EAAA,UACE,oBAAC,uBAAD,EAAA,UAAwB,SAAgC,CAAA,EACtC,CAAA;AAK1B,MAAI,UAAU,SAAS,CAAC,CAAC,MAAM,QAAQ,OAAO,MAAM,SAAS,SAC3D,WACE,oBAAC,qBAAD;GAAqB,MAAM,MAAM;GAAM,WAAW;aAC/C;GACmB,CAAA;AAI1B,MAAI,SACF,WAAU,aAAa,UAAU,KAAA,GAAW,QAAQ;AAGtD,MAAI,SACF,WAAU,oBAAC,aAAD;GAAa,IAAI;aAAW;GAAsB,CAAA;AAE9D,SAAO;;AAGT,WAAU,cAAc,iBAAiB,cAAc;AACvD,QAAO,KAAK,UAAU"}

package/dist/js/packages/components/src/lib/controller/index.mjs

@@ -0,0 +1,4 @@
+import "./overlay/useModalController.mjs";
+import "./overlay/OverlayController.mjs";
+import "./overlay/useOverlayController.mjs";
+import "./overlay/index.mjs";

package/dist/js/packages/components/src/lib/controller/overlay/OverlayContextProvider.mjs

@@ -1,23 +1,21 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import { useOverlayContext, overlayContext } from './context.mjs';
-
-const OverlayContextProvider = (props) => {
-  const { type, controller, children } = props;
-  const parentContext = useOverlayContext();
-  return /* @__PURE__ */ jsx(
-    overlayContext.Provider,
-    {
-      value: {
-        ...parentContext,
-        [type]: controller
-      },
-      children
-    }
-  );
+import { overlayContext, useOverlayContext } from "./context.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/controller/overlay/OverlayContextProvider.tsx
+var OverlayContextProvider = (props) => {
+	const { type, controller, children } = props;
+	const parentContext = useOverlayContext();
+	return /* @__PURE__ */ jsx(overlayContext.Provider, {
+		value: {
+			...parentContext,
+			[type]: controller
+		},
+		children
+	});
 };
+//#endregion
+export { OverlayContextProvider as default };
 
-export { OverlayContextProvider, OverlayContextProvider as default };
-//# sourceMappingURL=OverlayContextProvider.mjs.map
+//# sourceMappingURL=OverlayContextProvider.mjs.map

package/dist/js/packages/components/src/lib/controller/overlay/OverlayContextProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayContextProvider.mjs","sources":["../../../../../../../../src/lib/controller/overlay/OverlayContextProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport {\n  overlayContext,\n  useOverlayContext,\n} from \"@/lib/controller/overlay/context\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport type { OverlayController } from \"@/lib/controller\";\n\ninterface Props extends PropsWithChildren {\n  type: FlowComponentName;\n  controller: OverlayController;\n}\n\nexport const OverlayContextProvider: FC<Props> = (props) => {\n  const { type, controller, children } = props;\n  const parentContext = useOverlayContext();\n\n  return (\n    <overlayContext.Provider\n      value={{\n        ...parentContext,\n        [type]: controller,\n      }}\n    >\n      {children}\n    </overlayContext.Provider>\n  );\n};\n\nexport default OverlayContextProvider;\n"],"names":[],"mappings":";;;;AAcO,MAAM,sBAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM,EAAE,IAAA,EAAM,UAAA,EAAY,QAAA,EAAS,GAAI,KAAA;AACvC,EAAA,MAAM,gBAAgB,iBAAA,EAAkB;AAExC,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA,CAAe,QAAA;AAAA,IAAf;AAAA,MACC,KAAA,EAAO;AAAA,QACL,GAAG,aAAA;AAAA,QACH,CAAC,IAAI,GAAG;AAAA,OACV;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"OverlayContextProvider.mjs","names":[],"sources":["../../../../../../../../src/lib/controller/overlay/OverlayContextProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport {\n  overlayContext,\n  useOverlayContext,\n} from \"@/lib/controller/overlay/context\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport type { OverlayController } from \"@/lib/controller\";\n\ninterface Props extends PropsWithChildren {\n  type: FlowComponentName;\n  controller: OverlayController;\n}\n\nexport const OverlayContextProvider: FC<Props> = (props) => {\n  const { type, controller, children } = props;\n  const parentContext = useOverlayContext();\n\n  return (\n    <overlayContext.Provider\n      value={{\n        ...parentContext,\n        [type]: controller,\n      }}\n    >\n      {children}\n    </overlayContext.Provider>\n  );\n};\n\nexport default OverlayContextProvider;\n"],"mappings":";;;;AAcA,IAAa,0BAAqC,UAAU;CAC1D,MAAM,EAAE,MAAM,YAAY,aAAa;CACvC,MAAM,gBAAgB,mBAAmB;AAEzC,QACE,oBAAC,eAAe,UAAhB;EACE,OAAO;GACL,GAAG;IACF,OAAO;GACT;EAEA;EACuB,CAAA"}

package/dist/js/packages/components/src/lib/controller/overlay/OverlayController.mjs

@@ -1,144 +1,118 @@
 "use client"
 /* */
-import { makeObservable, action, observable } from 'mobx';
-import useSelector from '../../mobx/useSelector.mjs';
-import { useStatic } from '../../hooks/useStatic.mjs';
-import { useEffect } from 'react';
-import { useCloseOverlayConfirmationController } from './useCloseOverlayConfirmationController.mjs';
-
-class OverlayController {
-  isOpen = false;
-  onOpenHandlers = /* @__PURE__ */ new Set();
-  onCloseHandlers = /* @__PURE__ */ new Set();
-  onOpenChangeHandlers = /* @__PURE__ */ new Set();
-  showConfirmationModal = false;
-  closeIsConfirmed = false;
-  confirmOnCloseEnabled;
-  constructor(options = {}) {
-    makeObservable(this, {
-      isOpen: observable,
-      showConfirmationModal: observable,
-      open: action.bound,
-      close: action.bound,
-      toggle: action.bound,
-      setOpen: action.bound,
-      confirmClose: action.bound
-    });
-    const { isDefaultOpen = false, confirmOnClose = false } = options;
-    this.isOpen = isDefaultOpen;
-    this.confirmOnCloseEnabled = confirmOnClose;
-  }
-  useUpdateOptions(options = {}) {
-    const {
-      onOpen,
-      onClose,
-      onOpenChange,
-      confirmOnClose = this.confirmOnCloseEnabled
-    } = options;
-    this.useOnHandler(
-      onOpen,
-      (h) => this.addOpenStateHandler(h, this.onOpenHandlers)
-    );
-    this.useOnHandler(
-      onClose,
-      (h) => this.addOpenStateHandler(h, this.onCloseHandlers)
-    );
-    this.useOnHandler(
-      onOpenChange,
-      (h) => this.addOpenStateHandler(h, this.onOpenChangeHandlers)
-    );
-    this.confirmOnCloseEnabled = confirmOnClose;
-  }
-  static useNew(options = {}) {
-    const controller = useStatic(() => new OverlayController(options));
-    controller.useUpdateOptions(options);
-    return controller;
-  }
-  addOpenStateHandler(handler, handlersSet) {
-    handlersSet.add(handler);
-    return () => {
-      handlersSet.delete(handler);
-    };
-  }
-  useOnHandler(handler, addHandlerFn) {
-    useEffect(
-      () => handler ? addHandlerFn(handler) : void 0,
-      [handler, this]
-    );
-  }
-  executeHandlers(isOpen, handlers) {
-    const handlerResult = Array.from(handlers).map(
-      (handler) => handler(isOpen)
-    );
-    return handlerResult.some((result) => result === false);
-  }
-  executeOnClose() {
-    return this.executeHandlers(false, this.onCloseHandlers);
-  }
-  executeOnOpen() {
-    return this.executeHandlers(true, this.onOpenHandlers);
-  }
-  executeOnOpenChange(isOpen) {
-    return this.executeHandlers(isOpen, this.onOpenChangeHandlers);
-  }
-  addOnClose(handler) {
-    return this.addOpenStateHandler(handler, this.onCloseHandlers);
-  }
-  addOnOpen(handler) {
-    return this.addOpenStateHandler(handler, this.onOpenHandlers);
-  }
-  addOnOpenChange(handler) {
-    return this.addOpenStateHandler(handler, this.onOpenChangeHandlers);
-  }
-  open() {
-    this.setOpen(true);
-  }
-  close(options) {
-    this.setOpen(false, options);
-  }
-  toggle() {
-    this.setOpen(!this.isOpen);
-  }
-  setOpen(toOpen, options = {}) {
-    if (this.isOpen === toOpen) {
-      return;
-    }
-    const { bypassConfirmation = false } = options;
-    if (toOpen === false && this.confirmOnCloseEnabled && !this.closeIsConfirmed && !bypassConfirmation) {
-      this.showConfirmationModal = true;
-      return;
-    }
-    let aborted = false;
-    if (toOpen) {
-      aborted = this.executeOnOpen();
-    } else {
-      aborted = this.executeOnClose();
-    }
-    if (!aborted) {
-      aborted = this.executeOnOpenChange(toOpen);
-    }
-    if (!aborted) {
-      this.isOpen = toOpen;
-      this.closeIsConfirmed = false;
-    }
-  }
-  useIsOpen() {
-    return useSelector(() => this.isOpen);
-  }
-  useShowConfirmationModal() {
-    return useSelector(() => this.showConfirmationModal);
-  }
-  useConfirmationController() {
-    return useCloseOverlayConfirmationController(this);
-  }
-  confirmClose() {
-    this.closeIsConfirmed = true;
-    this.showConfirmationModal = false;
-  }
-  cancelConfirmation() {
-    this.showConfirmationModal = false;
-  }
-}
-
+import useSelector from "../../mobx/useSelector.mjs";
+import { useStatic } from "../../hooks/useStatic.mjs";
+import { useCloseOverlayConfirmationController } from "./useCloseOverlayConfirmationController.mjs";
+import { useEffect } from "react";
+import { action, makeObservable, observable } from "mobx";
+//#region src/lib/controller/overlay/OverlayController.ts
+var OverlayController = class OverlayController {
+	isOpen = false;
+	onOpenHandlers = /* @__PURE__ */ new Set();
+	onCloseHandlers = /* @__PURE__ */ new Set();
+	onOpenChangeHandlers = /* @__PURE__ */ new Set();
+	showConfirmationModal = false;
+	closeIsConfirmed = false;
+	confirmOnCloseEnabled;
+	constructor(options = {}) {
+		makeObservable(this, {
+			isOpen: observable,
+			showConfirmationModal: observable,
+			open: action.bound,
+			close: action.bound,
+			toggle: action.bound,
+			setOpen: action.bound,
+			confirmClose: action.bound
+		});
+		const { isDefaultOpen = false, confirmOnClose = false } = options;
+		this.isOpen = isDefaultOpen;
+		this.confirmOnCloseEnabled = confirmOnClose;
+	}
+	useUpdateOptions(options = {}) {
+		const { onOpen, onClose, onOpenChange, confirmOnClose = this.confirmOnCloseEnabled } = options;
+		this.useOnHandler(onOpen, (h) => this.addOpenStateHandler(h, this.onOpenHandlers));
+		this.useOnHandler(onClose, (h) => this.addOpenStateHandler(h, this.onCloseHandlers));
+		this.useOnHandler(onOpenChange, (h) => this.addOpenStateHandler(h, this.onOpenChangeHandlers));
+		this.confirmOnCloseEnabled = confirmOnClose;
+	}
+	static useNew(options = {}) {
+		const controller = useStatic(() => new OverlayController(options));
+		controller.useUpdateOptions(options);
+		return controller;
+	}
+	addOpenStateHandler(handler, handlersSet) {
+		handlersSet.add(handler);
+		return () => {
+			handlersSet.delete(handler);
+		};
+	}
+	useOnHandler(handler, addHandlerFn) {
+		useEffect(() => handler ? addHandlerFn(handler) : void 0, [handler, this]);
+	}
+	executeHandlers(isOpen, handlers) {
+		return Array.from(handlers).map((handler) => handler(isOpen)).some((result) => result === false);
+	}
+	executeOnClose() {
+		return this.executeHandlers(false, this.onCloseHandlers);
+	}
+	executeOnOpen() {
+		return this.executeHandlers(true, this.onOpenHandlers);
+	}
+	executeOnOpenChange(isOpen) {
+		return this.executeHandlers(isOpen, this.onOpenChangeHandlers);
+	}
+	addOnClose(handler) {
+		return this.addOpenStateHandler(handler, this.onCloseHandlers);
+	}
+	addOnOpen(handler) {
+		return this.addOpenStateHandler(handler, this.onOpenHandlers);
+	}
+	addOnOpenChange(handler) {
+		return this.addOpenStateHandler(handler, this.onOpenChangeHandlers);
+	}
+	open() {
+		this.setOpen(true);
+	}
+	close(options) {
+		this.setOpen(false, options);
+	}
+	toggle() {
+		this.setOpen(!this.isOpen);
+	}
+	setOpen(toOpen, options = {}) {
+		if (this.isOpen === toOpen) return;
+		const { bypassConfirmation = false } = options;
+		if (toOpen === false && this.confirmOnCloseEnabled && !this.closeIsConfirmed && !bypassConfirmation) {
+			this.showConfirmationModal = true;
+			return;
+		}
+		let aborted = false;
+		if (toOpen) aborted = this.executeOnOpen();
+		else aborted = this.executeOnClose();
+		if (!aborted) aborted = this.executeOnOpenChange(toOpen);
+		if (!aborted) {
+			this.isOpen = toOpen;
+			this.closeIsConfirmed = false;
+		}
+	}
+	useIsOpen() {
+		return useSelector(() => this.isOpen);
+	}
+	useShowConfirmationModal() {
+		return useSelector(() => this.showConfirmationModal);
+	}
+	useConfirmationController() {
+		return useCloseOverlayConfirmationController(this);
+	}
+	confirmClose() {
+		this.closeIsConfirmed = true;
+		this.showConfirmationModal = false;
+	}
+	cancelConfirmation() {
+		this.showConfirmationModal = false;
+	}
+};
+//#endregion
 export { OverlayController };
-//# sourceMappingURL=OverlayController.mjs.map
+
+//# sourceMappingURL=OverlayController.mjs.map

package/dist/js/packages/components/src/lib/controller/overlay/OverlayController.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayController.mjs","sources":["../../../../../../../../src/lib/controller/overlay/OverlayController.ts"],"sourcesContent":["import { action, makeObservable, observable } from \"mobx\";\nimport useSelector from \"@/lib/mobx/useSelector\";\nimport { useStatic } from \"@/lib/hooks/useStatic\";\nimport { useEffect } from \"react\";\nimport { useCloseOverlayConfirmationController } from \"@/lib/controller/overlay/useCloseOverlayConfirmationController\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport type OverlayOpenHandler = () => unknown;\nexport type OverlayCloseHandler = () => unknown;\nexport type OverlayOpenStateHandler = (isOpen: boolean) => unknown;\ntype AnyOverlayOpenStateHandler =\n  | OverlayOpenHandler\n  | OverlayCloseHandler\n  | OverlayOpenStateHandler;\n\ntype DisposerFn = () => void;\n\nexport interface CloseOverlayOptions {\n  overlay: FlowComponentName | OverlayController;\n  bypassConfirmation?: boolean;\n}\n\nexport type CloseModalOptions = Omit<CloseOverlayOptions, \"overlay\">;\n\ntype CloseOptions = CloseOverlayOptions | CloseModalOptions;\n\nexport interface OverlayControllerOptions {\n  isDefaultOpen?: boolean;\n  onOpen?: OverlayOpenHandler;\n  onClose?: OverlayCloseHandler;\n  onOpenChange?: OverlayOpenStateHandler;\n  confirmOnClose?: boolean;\n}\n\ntype ConstructorOptions = Pick<\n  OverlayControllerOptions,\n  \"isDefaultOpen\" | \"confirmOnClose\"\n>;\n\nexport class OverlayController {\n  public isOpen = false;\n  private onOpenHandlers = new Set<OverlayOpenHandler>();\n  private onCloseHandlers = new Set<OverlayCloseHandler>();\n  private onOpenChangeHandlers = new Set<OverlayOpenStateHandler>();\n\n  public showConfirmationModal = false;\n  public closeIsConfirmed = false;\n  public confirmOnCloseEnabled: boolean;\n\n  public constructor(options: ConstructorOptions = {}) {\n    makeObservable(this, {\n      isOpen: observable,\n      showConfirmationModal: observable,\n      open: action.bound,\n      close: action.bound,\n      toggle: action.bound,\n      setOpen: action.bound,\n      confirmClose: action.bound,\n    });\n    const { isDefaultOpen = false, confirmOnClose = false } = options;\n    this.isOpen = isDefaultOpen;\n    this.confirmOnCloseEnabled = confirmOnClose;\n  }\n\n  public useUpdateOptions(options: OverlayControllerOptions = {}): void {\n    const {\n      onOpen,\n      onClose,\n      onOpenChange,\n      confirmOnClose = this.confirmOnCloseEnabled,\n    } = options;\n\n    this.useOnHandler(onOpen, (h) =>\n      this.addOpenStateHandler(h, this.onOpenHandlers),\n    );\n    this.useOnHandler(onClose, (h) =>\n      this.addOpenStateHandler(h, this.onCloseHandlers),\n    );\n    this.useOnHandler(onOpenChange, (h) =>\n      this.addOpenStateHandler(h, this.onOpenChangeHandlers),\n    );\n\n    this.confirmOnCloseEnabled = confirmOnClose;\n  }\n\n  public static useNew(\n    options: OverlayControllerOptions = {},\n  ): OverlayController {\n    const controller = useStatic(() => new OverlayController(options));\n    controller.useUpdateOptions(options);\n    return controller;\n  }\n\n  private addOpenStateHandler<T extends AnyOverlayOpenStateHandler>(\n    handler: T,\n    handlersSet: Set<T>,\n  ): DisposerFn {\n    handlersSet.add(handler);\n    return () => {\n      handlersSet.delete(handler);\n    };\n  }\n\n  private useOnHandler<T extends AnyOverlayOpenStateHandler>(\n    handler: T | undefined,\n    addHandlerFn: (handler: T) => DisposerFn,\n  ) {\n    useEffect(\n      () => (handler ? addHandlerFn(handler) : undefined),\n      [handler, this],\n    );\n  }\n\n  private executeHandlers(\n    isOpen: boolean,\n    handlers: Set<\n      OverlayOpenHandler | OverlayCloseHandler | OverlayOpenStateHandler\n    >,\n  ): boolean {\n    const handlerResult = Array.from(handlers).map((handler) =>\n      handler(isOpen),\n    );\n    return handlerResult.some((result) => result === false);\n  }\n\n  private executeOnClose(): boolean {\n    return this.executeHandlers(false, this.onCloseHandlers);\n  }\n\n  private executeOnOpen(): boolean {\n    return this.executeHandlers(true, this.onOpenHandlers);\n  }\n\n  private executeOnOpenChange(isOpen: boolean): boolean {\n    return this.executeHandlers(isOpen, this.onOpenChangeHandlers);\n  }\n\n  public addOnClose(handler: OverlayCloseHandler) {\n    return this.addOpenStateHandler(handler, this.onCloseHandlers);\n  }\n\n  public addOnOpen(handler: OverlayOpenHandler) {\n    return this.addOpenStateHandler(handler, this.onOpenHandlers);\n  }\n\n  public addOnOpenChange(handler: OverlayOpenStateHandler) {\n    return this.addOpenStateHandler(handler, this.onOpenChangeHandlers);\n  }\n\n  public open(): void {\n    this.setOpen(true);\n  }\n\n  public close(options?: CloseOptions): void {\n    this.setOpen(false, options);\n  }\n\n  public toggle(): void {\n    this.setOpen(!this.isOpen);\n  }\n\n  public setOpen(toOpen: boolean, options: CloseOptions = {}): void {\n    if (this.isOpen === toOpen) {\n      return;\n    }\n\n    const { bypassConfirmation = false } = options;\n\n    if (\n      toOpen === false &&\n      this.confirmOnCloseEnabled &&\n      !this.closeIsConfirmed &&\n      !bypassConfirmation\n    ) {\n      this.showConfirmationModal = true;\n      return;\n    }\n\n    let aborted = false;\n    if (toOpen) {\n      aborted = this.executeOnOpen();\n    } else {\n      aborted = this.executeOnClose();\n    }\n    if (!aborted) {\n      aborted = this.executeOnOpenChange(toOpen);\n    }\n\n    if (!aborted) {\n      this.isOpen = toOpen;\n      this.closeIsConfirmed = false;\n    }\n  }\n\n  public useIsOpen() {\n    return useSelector(() => this.isOpen);\n  }\n\n  public useShowConfirmationModal() {\n    return useSelector(() => this.showConfirmationModal);\n  }\n\n  public useConfirmationController() {\n    return useCloseOverlayConfirmationController(this);\n  }\n\n  public confirmClose(): void {\n    this.closeIsConfirmed = true;\n    this.showConfirmationModal = false;\n  }\n\n  public cancelConfirmation(): void {\n    this.showConfirmationModal = false;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"OverlayController.mjs","names":[],"sources":["../../../../../../../../src/lib/controller/overlay/OverlayController.ts"],"sourcesContent":["import { action, makeObservable, observable } from \"mobx\";\nimport useSelector from \"@/lib/mobx/useSelector\";\nimport { useStatic } from \"@/lib/hooks/useStatic\";\nimport { useEffect } from \"react\";\nimport { useCloseOverlayConfirmationController } from \"@/lib/controller/overlay/useCloseOverlayConfirmationController\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport type OverlayOpenHandler = () => unknown;\nexport type OverlayCloseHandler = () => unknown;\nexport type OverlayOpenStateHandler = (isOpen: boolean) => unknown;\ntype AnyOverlayOpenStateHandler =\n  | OverlayOpenHandler\n  | OverlayCloseHandler\n  | OverlayOpenStateHandler;\n\ntype DisposerFn = () => void;\n\nexport interface CloseOverlayOptions {\n  overlay: FlowComponentName | OverlayController;\n  bypassConfirmation?: boolean;\n}\n\nexport type CloseModalOptions = Omit<CloseOverlayOptions, \"overlay\">;\n\ntype CloseOptions = CloseOverlayOptions | CloseModalOptions;\n\nexport interface OverlayControllerOptions {\n  isDefaultOpen?: boolean;\n  onOpen?: OverlayOpenHandler;\n  onClose?: OverlayCloseHandler;\n  onOpenChange?: OverlayOpenStateHandler;\n  confirmOnClose?: boolean;\n}\n\ntype ConstructorOptions = Pick<\n  OverlayControllerOptions,\n  \"isDefaultOpen\" | \"confirmOnClose\"\n>;\n\nexport class OverlayController {\n  public isOpen = false;\n  private onOpenHandlers = new Set<OverlayOpenHandler>();\n  private onCloseHandlers = new Set<OverlayCloseHandler>();\n  private onOpenChangeHandlers = new Set<OverlayOpenStateHandler>();\n\n  public showConfirmationModal = false;\n  public closeIsConfirmed = false;\n  public confirmOnCloseEnabled: boolean;\n\n  public constructor(options: ConstructorOptions = {}) {\n    makeObservable(this, {\n      isOpen: observable,\n      showConfirmationModal: observable,\n      open: action.bound,\n      close: action.bound,\n      toggle: action.bound,\n      setOpen: action.bound,\n      confirmClose: action.bound,\n    });\n    const { isDefaultOpen = false, confirmOnClose = false } = options;\n    this.isOpen = isDefaultOpen;\n    this.confirmOnCloseEnabled = confirmOnClose;\n  }\n\n  public useUpdateOptions(options: OverlayControllerOptions = {}): void {\n    const {\n      onOpen,\n      onClose,\n      onOpenChange,\n      confirmOnClose = this.confirmOnCloseEnabled,\n    } = options;\n\n    this.useOnHandler(onOpen, (h) =>\n      this.addOpenStateHandler(h, this.onOpenHandlers),\n    );\n    this.useOnHandler(onClose, (h) =>\n      this.addOpenStateHandler(h, this.onCloseHandlers),\n    );\n    this.useOnHandler(onOpenChange, (h) =>\n      this.addOpenStateHandler(h, this.onOpenChangeHandlers),\n    );\n\n    this.confirmOnCloseEnabled = confirmOnClose;\n  }\n\n  public static useNew(\n    options: OverlayControllerOptions = {},\n  ): OverlayController {\n    const controller = useStatic(() => new OverlayController(options));\n    controller.useUpdateOptions(options);\n    return controller;\n  }\n\n  private addOpenStateHandler<T extends AnyOverlayOpenStateHandler>(\n    handler: T,\n    handlersSet: Set<T>,\n  ): DisposerFn {\n    handlersSet.add(handler);\n    return () => {\n      handlersSet.delete(handler);\n    };\n  }\n\n  private useOnHandler<T extends AnyOverlayOpenStateHandler>(\n    handler: T | undefined,\n    addHandlerFn: (handler: T) => DisposerFn,\n  ) {\n    useEffect(\n      () => (handler ? addHandlerFn(handler) : undefined),\n      [handler, this],\n    );\n  }\n\n  private executeHandlers(\n    isOpen: boolean,\n    handlers: Set<\n      OverlayOpenHandler | OverlayCloseHandler | OverlayOpenStateHandler\n    >,\n  ): boolean {\n    const handlerResult = Array.from(handlers).map((handler) =>\n      handler(isOpen),\n    );\n    return handlerResult.some((result) => result === false);\n  }\n\n  private executeOnClose(): boolean {\n    return this.executeHandlers(false, this.onCloseHandlers);\n  }\n\n  private executeOnOpen(): boolean {\n    return this.executeHandlers(true, this.onOpenHandlers);\n  }\n\n  private executeOnOpenChange(isOpen: boolean): boolean {\n    return this.executeHandlers(isOpen, this.onOpenChangeHandlers);\n  }\n\n  public addOnClose(handler: OverlayCloseHandler) {\n    return this.addOpenStateHandler(handler, this.onCloseHandlers);\n  }\n\n  public addOnOpen(handler: OverlayOpenHandler) {\n    return this.addOpenStateHandler(handler, this.onOpenHandlers);\n  }\n\n  public addOnOpenChange(handler: OverlayOpenStateHandler) {\n    return this.addOpenStateHandler(handler, this.onOpenChangeHandlers);\n  }\n\n  public open(): void {\n    this.setOpen(true);\n  }\n\n  public close(options?: CloseOptions): void {\n    this.setOpen(false, options);\n  }\n\n  public toggle(): void {\n    this.setOpen(!this.isOpen);\n  }\n\n  public setOpen(toOpen: boolean, options: CloseOptions = {}): void {\n    if (this.isOpen === toOpen) {\n      return;\n    }\n\n    const { bypassConfirmation = false } = options;\n\n    if (\n      toOpen === false &&\n      this.confirmOnCloseEnabled &&\n      !this.closeIsConfirmed &&\n      !bypassConfirmation\n    ) {\n      this.showConfirmationModal = true;\n      return;\n    }\n\n    let aborted = false;\n    if (toOpen) {\n      aborted = this.executeOnOpen();\n    } else {\n      aborted = this.executeOnClose();\n    }\n    if (!aborted) {\n      aborted = this.executeOnOpenChange(toOpen);\n    }\n\n    if (!aborted) {\n      this.isOpen = toOpen;\n      this.closeIsConfirmed = false;\n    }\n  }\n\n  public useIsOpen() {\n    return useSelector(() => this.isOpen);\n  }\n\n  public useShowConfirmationModal() {\n    return useSelector(() => this.showConfirmationModal);\n  }\n\n  public useConfirmationController() {\n    return useCloseOverlayConfirmationController(this);\n  }\n\n  public confirmClose(): void {\n    this.closeIsConfirmed = true;\n    this.showConfirmationModal = false;\n  }\n\n  public cancelConfirmation(): void {\n    this.showConfirmationModal = false;\n  }\n}\n"],"mappings":"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"}

package/dist/js/packages/components/src/lib/controller/overlay/context.mjs

@@ -1,9 +1,10 @@
 "use client"
 /* */
-import { createContext, useContext } from 'react';
-
-const overlayContext = createContext({});
-const useOverlayContext = () => useContext(overlayContext);
-
+import { createContext, useContext } from "react";
+//#region src/lib/controller/overlay/context.ts
+var overlayContext = createContext({});
+var useOverlayContext = () => useContext(overlayContext);
+//#endregion
 export { overlayContext, useOverlayContext };
-//# sourceMappingURL=context.mjs.map
+
+//# sourceMappingURL=context.mjs.map