@mittwald/flow-react-components 0.2.0-alpha.5 → 0.2.0-alpha.500

package/dist/js/components/src/integrations/nextjs/components/LinkProvider/LinkProvider.mjs

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { Link } from '../Link/Link.mjs';
+import { LinkContextProvider } from '../../../../components/Link/context.mjs';
+
+const LinkProvider = (props) => /* @__PURE__ */ jsx(LinkContextProvider, { value: { linkComponent: Link }, children: props.children });
+
+export { LinkProvider, LinkProvider as default };
+//# sourceMappingURL=LinkProvider.mjs.map

package/dist/js/components/src/integrations/nextjs/components/LinkProvider/LinkProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkProvider.mjs","sources":["../../../../../../../../src/integrations/nextjs/components/LinkProvider/LinkProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { Link } from \"@/integrations/nextjs/components/Link\";\nimport { LinkContextProvider } from \"@/components/Link/context\";\n\n/** @deprecated Use RouterProvider instead */\nexport const LinkProvider: FC<PropsWithChildren> = (props) => (\n  <LinkContextProvider value={{ linkComponent: Link }}>\n    {props.children}\n  </LinkContextProvider>\n);\n\nexport default LinkProvider;\n"],"names":[],"mappings":";;;;AAKa,MAAA,YAAA,GAAsC,CAAC,KAAA,qBACjD,GAAA,CAAA,mBAAA,EAAA,EAAoB,KAAO,EAAA,EAAE,aAAe,EAAA,IAAA,EAC1C,EAAA,QAAA,EAAA,KAAA,CAAM,QACT,EAAA;;;;"}

package/dist/js/components/src/integrations/nextjs/components/RouterProvider/RouterProvider.mjs

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { RouterProvider as RouterProvider$1 } from 'react-aria-components';
+import { useRouter } from 'next/navigation';
+import { addBasePath } from 'next/dist/client/add-base-path';
+
+const RouterProvider = (props) => {
+  const router = useRouter();
+  return /* @__PURE__ */ jsx(RouterProvider$1, { navigate: router.push, useHref: addBasePath, children: props.children });
+};
+
+export { RouterProvider, RouterProvider as default };
+//# sourceMappingURL=RouterProvider.mjs.map

package/dist/js/components/src/integrations/nextjs/components/RouterProvider/RouterProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterProvider.mjs","sources":["../../../../../../../../src/integrations/nextjs/components/RouterProvider/RouterProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { RouterProvider as BaseRouterProvider } from \"react-aria-components\";\nimport { useRouter } from \"next/navigation\";\nimport { addBasePath } from \"next/dist/client/add-base-path\";\n\nexport const RouterProvider: FC<PropsWithChildren> = (props) => {\n  const router = useRouter();\n  return (\n    <BaseRouterProvider navigate={router.push} useHref={addBasePath}>\n      {props.children}\n    </BaseRouterProvider>\n  );\n};\n\nexport default RouterProvider;\n"],"names":["BaseRouterProvider"],"mappings":";;;;;AAKa,MAAA,cAAA,GAAwC,CAAC,KAAU,KAAA;AAC9D,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EACE,uBAAA,GAAA,CAACA,oBAAmB,QAAU,EAAA,MAAA,CAAO,MAAM,OAAS,EAAA,WAAA,EACjD,gBAAM,QACT,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,110 @@
+"use client"
+/* */
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useFormContext } from '../context/formContext.mjs';
+import { dynamic } from '../../../../lib/propsContext/dynamicProps/dynamic.mjs';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+import { useController, useWatch } from 'react-hook-form';
+import FieldErrorView from '../../../../views/FieldErrorView.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../../_virtual/_.locale.json@72ba2ce40f190df671686fec50c04ddf.mjs';
+import { inheritProps } from '../../../../lib/propsContext/inherit/types.mjs';
+
+function Field(props) {
+  const { children, name, defaultValue, ...rest } = props;
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const controller = useController({
+    ...props,
+    rules: {
+      ...props.rules,
+      minLength: typeof rest.rules?.minLength === "number" ? {
+        value: rest.rules.minLength,
+        message: stringFormatter.format("minLength", {
+          number: rest.rules.minLength
+        })
+      } : rest.rules?.minLength,
+      maxLength: typeof rest.rules?.maxLength === "number" ? {
+        value: rest.rules.maxLength,
+        message: stringFormatter.format("maxLength", {
+          number: rest.rules.maxLength
+        })
+      } : rest.rules?.maxLength
+    }
+  });
+  const formContext = useFormContext();
+  const value = useWatch({
+    control: formContext.form.control,
+    name
+  }) ?? controller.field.value;
+  const fieldProps = {
+    ...inheritProps,
+    ...controller.field,
+    value,
+    name,
+    form: formContext.id,
+    isRequired: !!rest.rules?.required,
+    validationBehavior: "aria",
+    defaultValue,
+    isInvalid: controller.fieldState.invalid,
+    children: dynamic((p) => {
+      if (controller.fieldState.invalid) {
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          p.children,
+          /* @__PURE__ */ jsx(FieldErrorView, { children: controller.fieldState.error?.message })
+        ] });
+      }
+      return p.children;
+    })
+  };
+  const { value: ignoredValue, ...fieldPropsWithoutValue } = fieldProps;
+  const propsContext = {
+    SearchField: fieldProps,
+    TextField: fieldProps,
+    TextArea: fieldProps,
+    MarkdownEditor: fieldProps,
+    Checkbox: {
+      ...fieldProps,
+      isSelected: value
+    },
+    CheckboxGroup: fieldProps,
+    CheckboxButton: {
+      ...fieldProps,
+      isSelected: value
+    },
+    FileField: fieldProps,
+    FileDropZone: fieldProps,
+    NumberField: fieldProps,
+    RadioGroup: fieldProps,
+    Switch: {
+      ...fieldProps,
+      isSelected: value
+    },
+    Slider: fieldProps,
+    PasswordCreationField: fieldProps,
+    DatePicker: fieldProps,
+    DateRangePicker: fieldProps,
+    TimeField: fieldProps,
+    SegmentedControl: fieldProps,
+    Select: {
+      ...fieldProps,
+      selectedKey: value
+    },
+    ComboBox: {
+      ...fieldPropsWithoutValue,
+      selectedKey: value
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    PropsContextProvider,
+    {
+      props: propsContext,
+      dependencies: [controller.fieldState, controller.field, value],
+      children
+    }
+  );
+}
+const typedField = (ignoredForm) => Field;
+
+export { Field, Field as default, typedField };
+//# sourceMappingURL=Field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithChildren } from \"react\";\nimport {\n  type ControllerProps,\n  type FieldValues,\n  useController,\n  type UseFormReturn,\n  useWatch,\n} from \"react-hook-form\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\nimport { inheritProps } from \"@/lib/propsContext/inherit/types\";\n\nexport interface FieldProps<T extends FieldValues>\n  extends Omit<ControllerProps<T>, \"render\">,\n    PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n  const { children, name, defaultValue, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const controller = useController({\n    ...props,\n    rules: {\n      ...props.rules,\n      minLength:\n        typeof rest.rules?.minLength === \"number\"\n          ? {\n              value: rest.rules.minLength,\n              message: stringFormatter.format(\"minLength\", {\n                number: rest.rules.minLength,\n              }),\n            }\n          : rest.rules?.minLength,\n      maxLength:\n        typeof rest.rules?.maxLength === \"number\"\n          ? {\n              value: rest.rules.maxLength,\n              message: stringFormatter.format(\"maxLength\", {\n                number: rest.rules.maxLength,\n              }),\n            }\n          : rest.rules?.maxLength,\n    },\n  });\n  const formContext = useFormContext<T>();\n  /**\n   * We don't use controller.field.value here, because it doesn't update when\n   * the form value is updated outside of this field (e.g. when setting values\n   * with form.setValue or resetting the form), and the Field unmounts in\n   * between. This is generally a feature of React Hook Form, but this breaks\n   * dynamic forms where fields are conditionally rendered.\n   *\n   * By using formContext.form.watch(name), we ensure that the field value is\n   * always in sync with the form state. See:\n   * https://react-hook-form.com/api/usecontroller/controller/\n   */\n  const value =\n    useWatch({\n      control: formContext.form.control,\n      name,\n    }) ?? controller.field.value;\n\n  const fieldProps = {\n    ...inheritProps,\n    ...controller.field,\n    value,\n    name,\n    form: formContext.id,\n    isRequired: !!rest.rules?.required,\n    validationBehavior: \"aria\" as const,\n    defaultValue,\n    isInvalid: controller.fieldState.invalid,\n    children: dynamic((p) => {\n      if (controller.fieldState.invalid) {\n        return (\n          <>\n            {p.children}\n            <FieldErrorView>\n              {controller.fieldState.error?.message}\n            </FieldErrorView>\n          </>\n        );\n      }\n\n      return p.children;\n    }),\n  };\n\n  const { value: ignoredValue, ...fieldPropsWithoutValue } = fieldProps;\n\n  const propsContext: PropsContext = {\n    SearchField: fieldProps,\n    TextField: fieldProps,\n    TextArea: fieldProps,\n    MarkdownEditor: fieldProps,\n    Checkbox: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    CheckboxGroup: fieldProps,\n    CheckboxButton: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    FileField: fieldProps,\n    FileDropZone: fieldProps,\n    NumberField: fieldProps,\n    RadioGroup: fieldProps,\n    Switch: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    Slider: fieldProps,\n    PasswordCreationField: fieldProps,\n    DatePicker: fieldProps,\n    DateRangePicker: fieldProps,\n    TimeField: fieldProps,\n    SegmentedControl: fieldProps,\n    Select: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    ComboBox: {\n      ...fieldPropsWithoutValue,\n      selectedKey: value,\n    },\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      dependencies={[controller.fieldState, controller.field, value]}\n    >\n      {children}\n    </PropsContextProvider>\n  );\n}\n\nexport const typedField = <T extends FieldValues>(\n  ignoredForm: UseFormReturn<T> | UseFormReturn<T>[\"control\"],\n): typeof Field<T> => Field;\n\nexport default Field;\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,77 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { FormContextProvider } from '../context/formContext.mjs';
+import { useId, useMemo } from 'react';
+import { FormProvider } from 'react-hook-form';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+import { Action } from '../../../../components/Action/Action.mjs';
+import { useRegisterActionStateContext } from './lib/useRegisterActionStateContext.mjs';
+
+const DefaultFormComponent = (p) => /* @__PURE__ */ jsx("form", { ...p });
+function Form(props) {
+  const {
+    form,
+    children,
+    onSubmit,
+    formComponent: FormView = DefaultFormComponent,
+    isReadOnly,
+    ...formProps
+  } = props;
+  const formId = useId();
+  const FormViewComponent = useMemo(() => FormView, [formId]);
+  const { action, registerSubmitResult } = useRegisterActionStateContext(form);
+  const handleOnSubmit = (e) => {
+    const { isSubmitting, isValidating } = form.control._formState;
+    const formEvent = e && "nativeEvent" in e ? e : void 0;
+    formEvent?.stopPropagation();
+    if (isSubmitting || isValidating) {
+      formEvent?.preventDefault();
+      return;
+    }
+    form.handleSubmit((values) => {
+      const result = onSubmit(values, formEvent);
+      registerSubmitResult(result);
+      return result;
+    })(formEvent);
+  };
+  const readonlyPropsContext = {
+    isReadOnly: true
+  };
+  const propsContext = {
+    SearchField: readonlyPropsContext,
+    TextField: readonlyPropsContext,
+    TextArea: readonlyPropsContext,
+    MarkdownEditor: readonlyPropsContext,
+    Checkbox: readonlyPropsContext,
+    CheckboxGroup: readonlyPropsContext,
+    CheckboxButton: readonlyPropsContext,
+    FileField: readonlyPropsContext,
+    FileDropZone: readonlyPropsContext,
+    NumberField: readonlyPropsContext,
+    RadioGroup: readonlyPropsContext,
+    Switch: readonlyPropsContext,
+    Slider: readonlyPropsContext,
+    PasswordCreationField: readonlyPropsContext,
+    DatePicker: readonlyPropsContext,
+    DateRangePicker: readonlyPropsContext,
+    TimeField: readonlyPropsContext,
+    SegmentedControl: readonlyPropsContext,
+    Select: readonlyPropsContext,
+    ComboBox: readonlyPropsContext,
+    Button: readonlyPropsContext
+  };
+  return /* @__PURE__ */ jsx(PropsContextProvider, { props: isReadOnly ? propsContext : {}, children: /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(FormContextProvider, { value: { form, id: formId }, children: /* @__PURE__ */ jsx(Action, { actionModel: action, children: /* @__PURE__ */ jsx(
+    FormViewComponent,
+    {
+      ...formProps,
+      id: formId,
+      onSubmit: handleOnSubmit,
+      children
+    }
+  ) }) }) }) });
+}
+
+export { Form, Form as default };
+//# sourceMappingURL=Form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"sourcesContent":["import { FormContextProvider } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport {\n  type ComponentProps,\n  type ComponentType,\n  type FormEvent,\n  type FormEventHandler,\n  type PropsWithChildren,\n  useId,\n  useMemo,\n} from \"react\";\nimport type {\n  FieldValues,\n  SubmitHandler,\n  UseFormReturn,\n} from \"react-hook-form\";\nimport { FormProvider as RhfFormContextProvider } from \"react-hook-form\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { Action } from \"@/components/Action\";\nimport { useRegisterActionStateContext } from \"@/integrations/react-hook-form/components/Form/lib/useRegisterActionStateContext\";\n\nexport type FormOnSubmitHandler<F extends FieldValues> = SubmitHandler<F>;\n\ntype FormComponentType = ComponentType<\n  PropsWithChildren<{\n    id: string;\n    onSubmit?: FormEventHandler | FormOnSubmitHandler<never>;\n  }>\n>;\n\nexport interface FormProps<F extends FieldValues>\n  extends Omit<ComponentProps<\"form\">, \"onSubmit\">,\n    PropsWithChildren {\n  form: UseFormReturn<F>;\n  onSubmit: FormOnSubmitHandler<F>;\n  formComponent?: FormComponentType;\n  isReadOnly?: boolean;\n}\n\nconst DefaultFormComponent: FormComponentType = (p) => <form {...p} />;\n\nexport function Form<F extends FieldValues>(props: FormProps<F>) {\n  const {\n    form,\n    children,\n    onSubmit,\n    formComponent: FormView = DefaultFormComponent,\n    isReadOnly,\n    ...formProps\n  } = props;\n\n  const formId = useId();\n  const FormViewComponent = useMemo(() => FormView, [formId]);\n  const { action, registerSubmitResult } = useRegisterActionStateContext(form);\n\n  const handleOnSubmit = (e?: FormEvent<HTMLFormElement> | F) => {\n    const { isSubmitting, isValidating } = form.control._formState;\n    const formEvent =\n      e && \"nativeEvent\" in e ? (e as FormEvent<HTMLFormElement>) : undefined;\n\n    formEvent?.stopPropagation();\n\n    if (isSubmitting || isValidating) {\n      formEvent?.preventDefault();\n      return;\n    }\n\n    form.handleSubmit((values) => {\n      const result = onSubmit(values, formEvent);\n      registerSubmitResult(result);\n      return result;\n    })(formEvent);\n  };\n\n  const readonlyPropsContext = {\n    isReadOnly: true,\n  } as const;\n\n  const propsContext: PropsContext = {\n    SearchField: readonlyPropsContext,\n    TextField: readonlyPropsContext,\n    TextArea: readonlyPropsContext,\n    MarkdownEditor: readonlyPropsContext,\n    Checkbox: readonlyPropsContext,\n    CheckboxGroup: readonlyPropsContext,\n    CheckboxButton: readonlyPropsContext,\n    FileField: readonlyPropsContext,\n    FileDropZone: readonlyPropsContext,\n    NumberField: readonlyPropsContext,\n    RadioGroup: readonlyPropsContext,\n    Switch: readonlyPropsContext,\n    Slider: readonlyPropsContext,\n    PasswordCreationField: readonlyPropsContext,\n    DatePicker: readonlyPropsContext,\n    DateRangePicker: readonlyPropsContext,\n    TimeField: readonlyPropsContext,\n    SegmentedControl: readonlyPropsContext,\n    Select: readonlyPropsContext,\n    ComboBox: readonlyPropsContext,\n    Button: readonlyPropsContext,\n  };\n\n  return (\n    <PropsContextProvider props={isReadOnly ? propsContext : {}}>\n      <RhfFormContextProvider {...form}>\n        <FormContextProvider value={{ form, id: formId }}>\n          <Action actionModel={action}>\n            <FormViewComponent\n              {...formProps}\n              id={formId}\n              onSubmit={handleOnSubmit}\n            >\n              {children}\n            </FormViewComponent>\n          </Action>\n        </FormContextProvider>\n      </RhfFormContextProvider>\n    </PropsContextProvider>\n  );\n}\n\nexport default Form;\n"],"names":["RhfFormContextProvider"],"mappings":";;;;;;;;;AAsCA,MAAM,uBAA0C,CAAC,CAAA,qBAAO,GAAA,CAAA,MAAA,EAAA,EAAM,GAAG,CAAG,EAAA,CAAA;AAE7D,SAAS,KAA4B,KAAqB,EAAA;AAC/D,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAe,QAAW,GAAA,oBAAA;AAAA,IAC1B,UAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,SAAS,KAAM,EAAA;AACrB,EAAA,MAAM,oBAAoB,OAAQ,CAAA,MAAM,QAAU,EAAA,CAAC,MAAM,CAAC,CAAA;AAC1D,EAAA,MAAM,EAAE,MAAA,EAAQ,oBAAqB,EAAA,GAAI,8BAA8B,IAAI,CAAA;AAE3E,EAAM,MAAA,cAAA,GAAiB,CAAC,CAAuC,KAAA;AAC7D,IAAA,MAAM,EAAE,YAAA,EAAc,YAAa,EAAA,GAAI,KAAK,OAAQ,CAAA,UAAA;AACpD,IAAA,MAAM,SACJ,GAAA,CAAA,IAAK,aAAiB,IAAA,CAAA,GAAK,CAAmC,GAAA,MAAA;AAEhE,IAAA,SAAA,EAAW,eAAgB,EAAA;AAE3B,IAAA,IAAI,gBAAgB,YAAc,EAAA;AAChC,MAAA,SAAA,EAAW,cAAe,EAAA;AAC1B,MAAA;AAAA;AAGF,IAAK,IAAA,CAAA,YAAA,CAAa,CAAC,MAAW,KAAA;AAC5B,MAAM,MAAA,MAAA,GAAS,QAAS,CAAA,MAAA,EAAQ,SAAS,CAAA;AACzC,MAAA,oBAAA,CAAqB,MAAM,CAAA;AAC3B,MAAO,OAAA,MAAA;AAAA,KACR,EAAE,SAAS,CAAA;AAAA,GACd;AAEA,EAAA,MAAM,oBAAuB,GAAA;AAAA,IAC3B,UAAY,EAAA;AAAA,GACd;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA,oBAAA;AAAA,IACb,SAAW,EAAA,oBAAA;AAAA,IACX,QAAU,EAAA,oBAAA;AAAA,IACV,cAAgB,EAAA,oBAAA;AAAA,IAChB,QAAU,EAAA,oBAAA;AAAA,IACV,aAAe,EAAA,oBAAA;AAAA,IACf,cAAgB,EAAA,oBAAA;AAAA,IAChB,SAAW,EAAA,oBAAA;AAAA,IACX,YAAc,EAAA,oBAAA;AAAA,IACd,WAAa,EAAA,oBAAA;AAAA,IACb,UAAY,EAAA,oBAAA;AAAA,IACZ,MAAQ,EAAA,oBAAA;AAAA,IACR,MAAQ,EAAA,oBAAA;AAAA,IACR,qBAAuB,EAAA,oBAAA;AAAA,IACvB,UAAY,EAAA,oBAAA;AAAA,IACZ,eAAiB,EAAA,oBAAA;AAAA,IACjB,SAAW,EAAA,oBAAA;AAAA,IACX,gBAAkB,EAAA,oBAAA;AAAA,IAClB,MAAQ,EAAA,oBAAA;AAAA,IACR,QAAU,EAAA,oBAAA;AAAA,IACV,MAAQ,EAAA;AAAA,GACV;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,UAAA,GAAa,eAAe,EAAC,EACxD,QAAC,kBAAA,GAAA,CAAAA,YAAA,EAAA,EAAwB,GAAG,IAAA,EAC1B,8BAAC,mBAAoB,EAAA,EAAA,KAAA,EAAO,EAAE,IAAM,EAAA,EAAA,EAAI,QACtC,EAAA,QAAA,kBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,WAAA,EAAa,MACnB,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,EAAI,EAAA,MAAA;AAAA,MACJ,QAAU,EAAA,cAAA;AAAA,MAET;AAAA;AAAA,GACH,EACF,CACF,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,74 @@
+"use client"
+/* */
+import { ActionModel } from '../../../../../components/Action/models/ActionModel.mjs';
+import { useRef, useEffect } from 'react';
+import { isPromise } from 'remeda';
+
+const callAfterSubmitFunction = (result) => {
+  const callFn = (something) => {
+    if (typeof something === "function") {
+      something();
+    }
+  };
+  if (result instanceof Promise) {
+    result.then(callFn);
+  } else {
+    callFn(result);
+  }
+};
+const useRegisterActionStateContext = (form) => {
+  const action = ActionModel.useNew({});
+  const trackedSubmitCount = useRef(0);
+  const submitHandlerResultRef = useRef(null);
+  useEffect(() => {
+    return form.subscribe({
+      formState: {
+        errors: true,
+        isValid: true
+      },
+      callback: ({
+        isValid,
+        isSubmitted = false,
+        isSubmitSuccessful = false,
+        submitCount = 0,
+        errors
+      }) => {
+        if (submitCount === 0 && trackedSubmitCount.current > 0) {
+          trackedSubmitCount.current = 0;
+        }
+        if (trackedSubmitCount.current === submitCount) {
+          return;
+        }
+        trackedSubmitCount.current = submitCount;
+        if (isSubmitted) {
+          if (isSubmitSuccessful) {
+            void action.state.onSucceeded();
+            if (isValid) {
+              callAfterSubmitFunction(submitHandlerResultRef.current);
+            }
+          } else {
+            const hasFailedWithError = isSubmitted && errors && Object.entries(errors).length > 0 ? errors : void 0;
+            void action.state.onFailed(hasFailedWithError);
+          }
+        }
+      }
+    });
+  }, [form.subscribe, action.state]);
+  const registerSubmitResult = (result) => {
+    if (isPromise(result)) {
+      void action.state.onAsyncStart();
+      result.then((submitResult) => {
+        submitHandlerResultRef.current = submitResult;
+      });
+    } else {
+      submitHandlerResultRef.current = result;
+    }
+  };
+  return {
+    action,
+    registerSubmitResult
+  };
+};
+
+export { useRegisterActionStateContext };
+//# sourceMappingURL=useRegisterActionStateContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRegisterActionStateContext.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/Form/lib/useRegisterActionStateContext.ts"],"sourcesContent":["import { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { useEffect, useRef } from \"react\";\nimport { isPromise } from \"remeda\";\nimport type { FieldValues, UseFormReturn } from \"react-hook-form\";\n\nconst callAfterSubmitFunction = (result: unknown) => {\n  const callFn = (something: unknown) => {\n    if (typeof something === \"function\") {\n      something();\n    }\n  };\n\n  if (result instanceof Promise) {\n    result.then(callFn);\n  } else {\n    callFn(result);\n  }\n};\n\nexport const useRegisterActionStateContext = <T extends FieldValues>(\n  form: UseFormReturn<T>,\n) => {\n  const action = ActionModel.useNew({});\n  const trackedSubmitCount = useRef(0);\n  const submitHandlerResultRef = useRef<unknown>(null);\n\n  useEffect(() => {\n    return form.subscribe({\n      formState: {\n        errors: true,\n        isValid: true,\n      },\n      callback: ({\n        isValid,\n        isSubmitted = false,\n        isSubmitSuccessful = false,\n        submitCount = 0,\n        errors,\n      }) => {\n        if (submitCount === 0 && trackedSubmitCount.current > 0) {\n          trackedSubmitCount.current = 0;\n        }\n\n        if (trackedSubmitCount.current === submitCount) {\n          return;\n        }\n        trackedSubmitCount.current = submitCount;\n\n        if (isSubmitted) {\n          if (isSubmitSuccessful) {\n            void action.state.onSucceeded();\n\n            if (isValid) {\n              callAfterSubmitFunction(submitHandlerResultRef.current);\n            }\n          } else {\n            const hasFailedWithError =\n              isSubmitted && errors && Object.entries(errors).length > 0\n                ? errors\n                : undefined;\n\n            void action.state.onFailed(hasFailedWithError);\n          }\n        }\n      },\n    });\n  }, [form.subscribe, action.state]);\n\n  const registerSubmitResult = (result: unknown) => {\n    if (isPromise(result)) {\n      void action.state.onAsyncStart();\n      result.then((submitResult) => {\n        submitHandlerResultRef.current = submitResult;\n      });\n    } else {\n      submitHandlerResultRef.current = result;\n    }\n  };\n\n  return {\n    action,\n    registerSubmitResult,\n  } as const;\n};\n"],"names":[],"mappings":";;;;AAKA,MAAM,uBAAA,GAA0B,CAAC,MAAoB,KAAA;AACnD,EAAM,MAAA,MAAA,GAAS,CAAC,SAAuB,KAAA;AACrC,IAAI,IAAA,OAAO,cAAc,UAAY,EAAA;AACnC,MAAU,SAAA,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,IAAI,kBAAkB,OAAS,EAAA;AAC7B,IAAA,MAAA,CAAO,KAAK,MAAM,CAAA;AAAA,GACb,MAAA;AACL,IAAA,MAAA,CAAO,MAAM,CAAA;AAAA;AAEjB,CAAA;AAEa,MAAA,6BAAA,GAAgC,CAC3C,IACG,KAAA;AACH,EAAA,MAAM,MAAS,GAAA,WAAA,CAAY,MAAO,CAAA,EAAE,CAAA;AACpC,EAAM,MAAA,kBAAA,GAAqB,OAAO,CAAC,CAAA;AACnC,EAAM,MAAA,sBAAA,GAAyB,OAAgB,IAAI,CAAA;AAEnD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,KAAK,SAAU,CAAA;AAAA,MACpB,SAAW,EAAA;AAAA,QACT,MAAQ,EAAA,IAAA;AAAA,QACR,OAAS,EAAA;AAAA,OACX;AAAA,MACA,UAAU,CAAC;AAAA,QACT,OAAA;AAAA,QACA,WAAc,GAAA,KAAA;AAAA,QACd,kBAAqB,GAAA,KAAA;AAAA,QACrB,WAAc,GAAA,CAAA;AAAA,QACd;AAAA,OACI,KAAA;AACJ,QAAA,IAAI,WAAgB,KAAA,CAAA,IAAK,kBAAmB,CAAA,OAAA,GAAU,CAAG,EAAA;AACvD,UAAA,kBAAA,CAAmB,OAAU,GAAA,CAAA;AAAA;AAG/B,QAAI,IAAA,kBAAA,CAAmB,YAAY,WAAa,EAAA;AAC9C,UAAA;AAAA;AAEF,QAAA,kBAAA,CAAmB,OAAU,GAAA,WAAA;AAE7B,QAAA,IAAI,WAAa,EAAA;AACf,UAAA,IAAI,kBAAoB,EAAA;AACtB,YAAK,KAAA,MAAA,CAAO,MAAM,WAAY,EAAA;AAE9B,YAAA,IAAI,OAAS,EAAA;AACX,cAAA,uBAAA,CAAwB,uBAAuB,OAAO,CAAA;AAAA;AACxD,WACK,MAAA;AACL,YAAM,MAAA,kBAAA,GACJ,eAAe,MAAU,IAAA,MAAA,CAAO,QAAQ,MAAM,CAAA,CAAE,MAAS,GAAA,CAAA,GACrD,MACA,GAAA,MAAA;AAEN,YAAK,KAAA,MAAA,CAAO,KAAM,CAAA,QAAA,CAAS,kBAAkB,CAAA;AAAA;AAC/C;AACF;AACF,KACD,CAAA;AAAA,KACA,CAAC,IAAA,CAAK,SAAW,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAEjC,EAAM,MAAA,oBAAA,GAAuB,CAAC,MAAoB,KAAA;AAChD,IAAI,IAAA,SAAA,CAAU,MAAM,CAAG,EAAA;AACrB,MAAK,KAAA,MAAA,CAAO,MAAM,YAAa,EAAA;AAC/B,MAAO,MAAA,CAAA,IAAA,CAAK,CAAC,YAAiB,KAAA;AAC5B,QAAA,sBAAA,CAAuB,OAAU,GAAA,YAAA;AAAA,OAClC,CAAA;AAAA,KACI,MAAA;AACL,MAAA,sBAAA,CAAuB,OAAU,GAAA,MAAA;AAAA;AACnC,GACF;AAEA,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

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

@@ -0,0 +1,18 @@
+"use client"
+/* */
+import { createContext, useContext } from 'react';
+import invariant from 'invariant';
+
+const formContext = createContext(void 0);
+const FormContextProvider = formContext.Provider;
+const useFormContext = () => {
+  const ctx = useContext(formContext);
+  invariant(
+    !!ctx,
+    "Could not useFormContext() outside a Form, or multiple versions of Flow installed."
+  );
+  return ctx;
+};
+
+export { FormContextProvider, formContext, useFormContext };
+//# sourceMappingURL=formContext.mjs.map

package/dist/js/components/src/integrations/react-hook-form/components/context/formContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formContext.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/context/formContext.ts"],"sourcesContent":["import type { FieldValues, UseFormReturn } from \"react-hook-form\";\nimport { createContext, useContext } from \"react\";\nimport invariant from \"invariant\";\n\ninterface FormContext<F extends FieldValues> {\n  form: UseFormReturn<F>;\n  id: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype AnyFormContext = FormContext<any>;\n\nexport const formContext = createContext<AnyFormContext | undefined>(undefined);\n\nexport const FormContextProvider = formContext.Provider;\n\nexport const useFormContext = <F extends FieldValues>(): FormContext<F> => {\n  const ctx = useContext(formContext);\n  invariant(\n    !!ctx,\n    \"Could not useFormContext() outside a Form, or multiple versions of Flow installed.\",\n  );\n  return ctx;\n};\n"],"names":[],"mappings":";;;AAYa,MAAA,WAAA,GAAc,cAA0C,MAAS;AAEvE,MAAM,sBAAsB,WAAY,CAAA;AAExC,MAAM,iBAAiB,MAA6C;AACzE,EAAM,MAAA,GAAA,GAAM,WAAW,WAAW,CAAA;AAClC,EAAA,SAAA;AAAA,IACE,CAAC,CAAC,GAAA;AAAA,IACF;AAAA,GACF;AACA,EAAO,OAAA,GAAA;AACT;;;;"}

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

@@ -0,0 +1,6 @@
+"use client"
+/* */
+const toArray = (val) => Array.isArray(val) ? val : [val];
+
+export { toArray };
+//# sourceMappingURL=toArray.mjs.map

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

@@ -0,0 +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":"AAAa,MAAA,OAAA,GAAU,CAAI,GACzB,KAAA,KAAA,CAAM,QAAQ,GAAG,CAAA,GAAI,GAAM,GAAA,CAAC,GAAG;;;;"}

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

@@ -0,0 +1,63 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, useMemo, 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 { increaseNestingLevel } from '../propsContext/nestedPropsContext/lib.mjs';
+import { ComponentPropsContextProvider } from '../propsContext/components/ComponentPropsContextProvider.mjs';
+import ComponentPropsContextProviderView from '../../views/ComponentPropsContextProviderView.mjs';
+
+function flowComponent(componentName, ImplementationComponentType, options = {}) {
+  const { type = "ui", isRemoteComponent = false } = options;
+  const propsContextLevelMode = type === "ui" ? "increment" : "keep";
+  const MemoizedImplementationComponentType = memo(ImplementationComponentType);
+  function Component(props) {
+    const { tunnelId, wrapWith, ...propsWithContext } = useProps(
+      componentName,
+      props
+    );
+    const implementationTypeProps = propsWithContext;
+    const emptyProps = useMemo(() => ({}), []);
+    const componentProps = useComponentPropsContext(componentName) ?? emptyProps;
+    increaseNestingLevel(componentProps);
+    ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;
+    let element = /* @__PURE__ */ jsx(MemoizedImplementationComponentType, { ...implementationTypeProps });
+    if (isRemoteComponent) {
+      element = /* @__PURE__ */ jsx(
+        ComponentPropsContextProvider,
+        {
+          componentProps,
+          levelModel: propsContextLevelMode,
+          children: element
+        }
+      );
+    } else {
+      element = /* @__PURE__ */ jsx(
+        ComponentPropsContextProviderView,
+        {
+          componentProps,
+          levelModel: propsContextLevelMode,
+          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);
+}
+
+export { flowComponent };
+//# sourceMappingURL=flowComponent.mjs.map

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

@@ -0,0 +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  ReactElement,\n  ReactNode,\n  RefAttributes,\n  FunctionComponent,\n} from \"react\";\nimport { cloneElement, memo, useMemo } 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 { increaseNestingLevel } from \"@/lib/propsContext/nestedPropsContext/lib\";\nimport { ComponentPropsContextProvider } from \"@/components/ComponentPropsContextProvider\";\nimport type { PropsContextLevelMode } from \"@/lib/propsContext/inherit/types\";\nimport ComponentPropsContextProviderView from \"@/views/ComponentPropsContextProviderView\";\n\ntype RefType<T> = T extends RefAttributes<infer R> ? R : undefined;\n\nexport interface FlowComponentProps<R = HTMLDivElement>\n  extends PropsWithTunnel,\n    RefAttributes<R> {\n  wrapWith?: ReactElement;\n}\n\ntype FlowComponentImplementationProps<C extends FlowComponentName> = Omit<\n  FlowComponentPropsOfName<C>,\n  keyof FlowComponentProps\n> &\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\ntype FlowComponentProvisionType = \"provider\" | \"ui\";\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 propsContextLevelMode: PropsContextLevelMode =\n    type === \"ui\" ? \"increment\" : \"keep\";\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 emptyProps = useMemo(() => ({}), []);\n    const componentProps =\n      useComponentPropsContext(componentName) ?? emptyProps;\n    increaseNestingLevel(componentProps);\n\n    ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;\n\n    let element: ReactNode = (\n      <MemoizedImplementationComponentType {...implementationTypeProps} />\n    );\n\n    if (isRemoteComponent) {\n      element = (\n        <ComponentPropsContextProvider\n          componentProps={componentProps}\n          levelModel={propsContextLevelMode}\n        >\n          {element}\n        </ComponentPropsContextProvider>\n      );\n    } else {\n      /**\n       * In case of a Flow component that does not have a remote counterpart\n       * (like the List component), the ComponentPropsContext must be applied on\n       * the host side, so that nesting and inheritance is working correctly.\n       */\n      element = (\n        <ComponentPropsContextProviderView\n          componentProps={componentProps}\n          levelModel={propsContextLevelMode}\n        >\n          {element}\n        </ComponentPropsContextProviderView>\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":";;;;;;;;;;AAoDO,SAAS,aACd,CAAA,aAAA,EACA,2BACA,EAAA,OAAA,GAAmB,EACG,EAAA;AAItB,EAAA,MAAM,EAAE,IAAA,GAAO,IAAM,EAAA,iBAAA,GAAoB,OAAU,GAAA,OAAA;AAEnD,EAAM,MAAA,qBAAA,GACJ,IAAS,KAAA,IAAA,GAAO,WAAc,GAAA,MAAA;AAEhC,EAAM,MAAA,mCAAA,GAAsC,KAAK,2BAA2B,CAAA;AAE5E,EAAA,SAAS,UAAU,KAAc,EAAA;AAC/B,IAAA,MAAM,EAAE,QAAA,EAAU,QAAU,EAAA,GAAG,kBAAqB,GAAA,QAAA;AAAA,MAClD,aAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,uBAA0B,GAAA,gBAAA;AAIhC,IAAA,MAAM,aAAa,OAAQ,CAAA,OAAO,EAAC,CAAA,EAAI,EAAE,CAAA;AACzC,IAAM,MAAA,cAAA,GACJ,wBAAyB,CAAA,aAAa,CAAK,IAAA,UAAA;AAC7C,IAAA,oBAAA,CAAqB,cAAc,CAAA;AAEnC,IAA4B,2BAAA,CAAA,WAAA,GAAc,qBAAqB,aAAa,CAAA,CAAA,CAAA;AAE5E,IAAA,IAAI,OACF,mBAAA,GAAA,CAAC,mCAAqC,EAAA,EAAA,GAAG,uBAAyB,EAAA,CAAA;AAGpE,IAAA,IAAI,iBAAmB,EAAA;AACrB,MACE,OAAA,mBAAA,GAAA;AAAA,QAAC,6BAAA;AAAA,QAAA;AAAA,UACC,cAAA;AAAA,UACA,UAAY,EAAA,qBAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,KAEG,MAAA;AAML,MACE,OAAA,mBAAA,GAAA;AAAA,QAAC,iCAAA;AAAA,QAAA;AAAA,UACC,cAAA;AAAA,UACA,UAAY,EAAA,qBAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA;AAIJ,IAAI,IAAA,MAAA,IAAU,SAAS,CAAC,CAAC,MAAM,IAAQ,IAAA,OAAO,KAAM,CAAA,IAAA,KAAS,QAAU,EAAA;AACrE,MAAA,OAAA,uBACG,mBAAoB,EAAA,EAAA,IAAA,EAAM,MAAM,IAAM,EAAA,SAAA,EAAW,eAC/C,QACH,EAAA,OAAA,EAAA,CAAA;AAAA;AAIJ,IAAA,IAAI,QAAU,EAAA;AACZ,MAAU,OAAA,GAAA,YAAA,CAAa,QAAU,EAAA,MAAA,EAAW,OAAO,CAAA;AAAA;AAGrD,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,OAAA,mBAAW,GAAA,CAAA,WAAA,EAAA,EAAY,EAAI,EAAA,QAAA,EAAW,QAAQ,EAAA,OAAA,EAAA,CAAA;AAAA;AAEhD,IAAO,OAAA,OAAA;AAAA;AAGT,EAAU,SAAA,CAAA,WAAA,GAAc,iBAAiB,aAAa,CAAA,CAAA,CAAA;AACtD,EAAA,OAAO,KAAK,SAAS,CAAA;AACvB;;;;"}

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

@@ -0,0 +1,23 @@
+"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
+    }
+  );
+};
+
+export { OverlayContextProvider, OverlayContextProvider as default };
+//# sourceMappingURL=OverlayContextProvider.mjs.map

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

@@ -0,0 +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":";;;;AAca,MAAA,sBAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAA,MAAM,EAAE,IAAA,EAAM,UAAY,EAAA,QAAA,EAAa,GAAA,KAAA;AACvC,EAAA,MAAM,gBAAgB,iBAAkB,EAAA;AAExC,EACE,uBAAA,GAAA;AAAA,IAAC,cAAe,CAAA,QAAA;AAAA,IAAf;AAAA,MACC,KAAO,EAAA;AAAA,QACL,GAAG,aAAA;AAAA,QACH,CAAC,IAAI,GAAG;AAAA,OACV;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

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

@@ -0,0 +1,78 @@
+"use client"
+/* */
+import { makeObservable, action, observable } from 'mobx';
+import { useSelector } from '../../mobx/useSelector.mjs';
+import { useStatic } from '../../hooks/useStatic.mjs';
+
+class OverlayController {
+  isOpen = false;
+  onOpenHandlers = /* @__PURE__ */ new Set();
+  onCloseHandlers = /* @__PURE__ */ new Set();
+  constructor(options) {
+    makeObservable(this, {
+      isOpen: observable,
+      open: action.bound,
+      close: action.bound,
+      toggle: action.bound,
+      setOpen: action.bound
+    });
+    this.isOpen = options?.isDefaultOpen ?? false;
+    if (options?.onOpen) {
+      this.onOpenHandlers.add(options.onOpen);
+    }
+    if (options?.onClose) {
+      this.onCloseHandlers.add(options.onClose);
+    }
+  }
+  static useNew(options) {
+    return useStatic(() => new OverlayController(options));
+  }
+  addOnOpen(handler) {
+    this.onOpenHandlers.add(handler);
+    return () => {
+      this.onOpenHandlers.delete(handler);
+    };
+  }
+  addOnClose(handler) {
+    this.onCloseHandlers.add(handler);
+    return () => {
+      this.onCloseHandlers.delete(handler);
+    };
+  }
+  executeOnClose() {
+    this.onCloseHandlers.forEach((handler) => handler());
+  }
+  executeOnOpen() {
+    this.onOpenHandlers.forEach((handler) => handler());
+  }
+  open() {
+    this.isOpen = true;
+    this.executeOnOpen();
+  }
+  close() {
+    this.isOpen = false;
+    this.executeOnClose();
+  }
+  toggle() {
+    this.isOpen = !this.isOpen;
+    if (this.isOpen) {
+      this.executeOnOpen();
+    } else {
+      this.executeOnClose();
+    }
+  }
+  setOpen(to) {
+    this.isOpen = to;
+    if (to) {
+      this.executeOnOpen();
+    } else {
+      this.executeOnClose();
+    }
+  }
+  useIsOpen() {
+    return useSelector(() => this.isOpen);
+  }
+}
+
+export { OverlayController };
+//# sourceMappingURL=OverlayController.mjs.map

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

@@ -0,0 +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\";\n\ntype OpenStateHandler = () => void;\ntype DisposerFn = () => void;\n\nexport interface OverlayControllerOptions {\n  isDefaultOpen?: boolean;\n  onOpen?: OpenStateHandler;\n  onClose?: OpenStateHandler;\n}\n\nexport class OverlayController {\n  public isOpen = false;\n  private onOpenHandlers = new Set<OpenStateHandler>();\n  private onCloseHandlers = new Set<OpenStateHandler>();\n\n  public constructor(options?: OverlayControllerOptions) {\n    makeObservable(this, {\n      isOpen: observable,\n      open: action.bound,\n      close: action.bound,\n      toggle: action.bound,\n      setOpen: action.bound,\n    });\n    this.isOpen = options?.isDefaultOpen ?? false;\n\n    if (options?.onOpen) {\n      this.onOpenHandlers.add(options.onOpen);\n    }\n    if (options?.onClose) {\n      this.onCloseHandlers.add(options.onClose);\n    }\n  }\n\n  public static useNew(options?: OverlayControllerOptions): OverlayController {\n    return useStatic(() => new OverlayController(options));\n  }\n\n  public addOnOpen(handler: OpenStateHandler): DisposerFn {\n    this.onOpenHandlers.add(handler);\n    return () => {\n      this.onOpenHandlers.delete(handler);\n    };\n  }\n\n  public addOnClose(handler: OpenStateHandler): DisposerFn {\n    this.onCloseHandlers.add(handler);\n    return () => {\n      this.onCloseHandlers.delete(handler);\n    };\n  }\n\n  private executeOnClose(): void {\n    this.onCloseHandlers.forEach((handler) => handler());\n  }\n\n  private executeOnOpen(): void {\n    this.onOpenHandlers.forEach((handler) => handler());\n  }\n\n  public open(): void {\n    this.isOpen = true;\n    this.executeOnOpen();\n  }\n\n  public close(): void {\n    this.isOpen = false;\n    this.executeOnClose();\n  }\n\n  public toggle(): void {\n    this.isOpen = !this.isOpen;\n\n    if (this.isOpen) {\n      this.executeOnOpen();\n    } else {\n      this.executeOnClose();\n    }\n  }\n\n  public setOpen(to: boolean): void {\n    this.isOpen = to;\n\n    if (to) {\n      this.executeOnOpen();\n    } else {\n      this.executeOnClose();\n    }\n  }\n\n  public useIsOpen(): boolean {\n    return useSelector(() => this.isOpen);\n  }\n}\n"],"names":[],"mappings":";;;;AAaO,MAAM,iBAAkB,CAAA;AAAA,EACtB,MAAS,GAAA,KAAA;AAAA,EACR,cAAA,uBAAqB,GAAsB,EAAA;AAAA,EAC3C,eAAA,uBAAsB,GAAsB,EAAA;AAAA,EAE7C,YAAY,OAAoC,EAAA;AACrD,IAAA,cAAA,CAAe,IAAM,EAAA;AAAA,MACnB,MAAQ,EAAA,UAAA;AAAA,MACR,MAAM,MAAO,CAAA,KAAA;AAAA,MACb,OAAO,MAAO,CAAA,KAAA;AAAA,MACd,QAAQ,MAAO,CAAA,KAAA;AAAA,MACf,SAAS,MAAO,CAAA;AAAA,KACjB,CAAA;AACD,IAAK,IAAA,CAAA,MAAA,GAAS,SAAS,aAAiB,IAAA,KAAA;AAExC,IAAA,IAAI,SAAS,MAAQ,EAAA;AACnB,MAAK,IAAA,CAAA,cAAA,CAAe,GAAI,CAAA,OAAA,CAAQ,MAAM,CAAA;AAAA;AAExC,IAAA,IAAI,SAAS,OAAS,EAAA;AACpB,MAAK,IAAA,CAAA,eAAA,CAAgB,GAAI,CAAA,OAAA,CAAQ,OAAO,CAAA;AAAA;AAC1C;AACF,EAEA,OAAc,OAAO,OAAuD,EAAA;AAC1E,IAAA,OAAO,SAAU,CAAA,MAAM,IAAI,iBAAA,CAAkB,OAAO,CAAC,CAAA;AAAA;AACvD,EAEO,UAAU,OAAuC,EAAA;AACtD,IAAK,IAAA,CAAA,cAAA,CAAe,IAAI,OAAO,CAAA;AAC/B,IAAA,OAAO,MAAM;AACX,MAAK,IAAA,CAAA,cAAA,CAAe,OAAO,OAAO,CAAA;AAAA,KACpC;AAAA;AACF,EAEO,WAAW,OAAuC,EAAA;AACvD,IAAK,IAAA,CAAA,eAAA,CAAgB,IAAI,OAAO,CAAA;AAChC,IAAA,OAAO,MAAM;AACX,MAAK,IAAA,CAAA,eAAA,CAAgB,OAAO,OAAO,CAAA;AAAA,KACrC;AAAA;AACF,EAEQ,cAAuB,GAAA;AAC7B,IAAA,IAAA,CAAK,eAAgB,CAAA,OAAA,CAAQ,CAAC,OAAA,KAAY,SAAS,CAAA;AAAA;AACrD,EAEQ,aAAsB,GAAA;AAC5B,IAAA,IAAA,CAAK,cAAe,CAAA,OAAA,CAAQ,CAAC,OAAA,KAAY,SAAS,CAAA;AAAA;AACpD,EAEO,IAAa,GAAA;AAClB,IAAA,IAAA,CAAK,MAAS,GAAA,IAAA;AACd,IAAA,IAAA,CAAK,aAAc,EAAA;AAAA;AACrB,EAEO,KAAc,GAAA;AACnB,IAAA,IAAA,CAAK,MAAS,GAAA,KAAA;AACd,IAAA,IAAA,CAAK,cAAe,EAAA;AAAA;AACtB,EAEO,MAAe,GAAA;AACpB,IAAK,IAAA,CAAA,MAAA,GAAS,CAAC,IAAK,CAAA,MAAA;AAEpB,IAAA,IAAI,KAAK,MAAQ,EAAA;AACf,MAAA,IAAA,CAAK,aAAc,EAAA;AAAA,KACd,MAAA;AACL,MAAA,IAAA,CAAK,cAAe,EAAA;AAAA;AACtB;AACF,EAEO,QAAQ,EAAmB,EAAA;AAChC,IAAA,IAAA,CAAK,MAAS,GAAA,EAAA;AAEd,IAAA,IAAI,EAAI,EAAA;AACN,MAAA,IAAA,CAAK,aAAc,EAAA;AAAA,KACd,MAAA;AACL,MAAA,IAAA,CAAK,cAAe,EAAA;AAAA;AACtB;AACF,EAEO,SAAqB,GAAA;AAC1B,IAAO,OAAA,WAAA,CAAY,MAAM,IAAA,CAAK,MAAM,CAAA;AAAA;AAExC;;;;"}

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

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import { createContext, useContext } from 'react';
+
+const overlayContext = createContext({});
+const useOverlayContext = () => useContext(overlayContext);
+
+export { overlayContext, useOverlayContext };
+//# sourceMappingURL=context.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","sources":["../../../../../../../src/lib/controller/overlay/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { OverlayController } from \"@/lib/controller/overlay/OverlayController\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport type OverlayContext = Partial<\n  Record<FlowComponentName, OverlayController | undefined>\n>;\n\nexport const overlayContext = createContext<OverlayContext>({});\n\nexport const useOverlayContext = (): OverlayContext =>\n  useContext(overlayContext);\n"],"names":[],"mappings":";;AAQa,MAAA,cAAA,GAAiB,aAA8B,CAAA,EAAE;AAEjD,MAAA,iBAAA,GAAoB,MAC/B,UAAA,CAAW,cAAc;;;;"}

package/dist/js/components/src/lib/controller/overlay/useOverlayController.mjs

@@ -0,0 +1,37 @@
+"use client"
+/* */
+import { useOverlayContext } from './context.mjs';
+import { OverlayController } from './OverlayController.mjs';
+import { useEffect } from 'react';
+
+const useOverlayController = (overlayType, opts = {}) => {
+  const {
+    reuseControllerFromContext = true,
+    isDefaultOpen,
+    onOpen,
+    onClose
+  } = opts;
+  const newController = OverlayController.useNew({
+    isDefaultOpen,
+    onOpen,
+    onClose
+  });
+  const controllerFromContext = useOverlayContext()[overlayType];
+  const controller = reuseControllerFromContext && controllerFromContext ? controllerFromContext : newController;
+  useEffect(() => {
+    const disposers = [];
+    if (onOpen) {
+      disposers.push(controller.addOnOpen(onOpen));
+    }
+    if (onClose) {
+      disposers.push(controller.addOnClose(onClose));
+    }
+    return () => {
+      disposers.forEach((dispose) => dispose());
+    };
+  }, [onOpen, onClose]);
+  return controller;
+};
+
+export { useOverlayController };
+//# sourceMappingURL=useOverlayController.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayController.mjs","sources":["../../../../../../../src/lib/controller/overlay/useOverlayController.ts"],"sourcesContent":["import { useOverlayContext } from \"@/lib/controller/overlay/context\";\nimport type { OverlayControllerOptions } from \"@/lib/controller/overlay/OverlayController\";\nimport { OverlayController } from \"@/lib/controller/overlay/OverlayController\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { useEffect } from \"react\";\n\ninterface Options extends OverlayControllerOptions {\n  reuseControllerFromContext?: boolean;\n}\n\nexport const useOverlayController = (\n  overlayType: FlowComponentName,\n  opts: Options = {},\n): OverlayController => {\n  const {\n    reuseControllerFromContext = true,\n    isDefaultOpen,\n    onOpen,\n    onClose,\n  } = opts;\n\n  const newController = OverlayController.useNew({\n    isDefaultOpen,\n    onOpen,\n    onClose,\n  });\n  const controllerFromContext = useOverlayContext()[overlayType];\n\n  const controller =\n    reuseControllerFromContext && controllerFromContext\n      ? controllerFromContext\n      : newController;\n\n  useEffect(() => {\n    const disposers: (() => void)[] = [];\n\n    if (onOpen) {\n      disposers.push(controller.addOnOpen(onOpen));\n    }\n\n    if (onClose) {\n      disposers.push(controller.addOnClose(onClose));\n    }\n\n    return () => {\n      disposers.forEach((dispose) => dispose());\n    };\n  }, [onOpen, onClose]);\n\n  return controller;\n};\n"],"names":[],"mappings":";;;;AAUO,MAAM,oBAAuB,GAAA,CAClC,WACA,EAAA,IAAA,GAAgB,EACM,KAAA;AACtB,EAAM,MAAA;AAAA,IACJ,0BAA6B,GAAA,IAAA;AAAA,IAC7B,aAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACE,GAAA,IAAA;AAEJ,EAAM,MAAA,aAAA,GAAgB,kBAAkB,MAAO,CAAA;AAAA,IAC7C,aAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACD,CAAA;AACD,EAAM,MAAA,qBAAA,GAAwB,iBAAkB,EAAA,CAAE,WAAW,CAAA;AAE7D,EAAM,MAAA,UAAA,GACJ,0BAA8B,IAAA,qBAAA,GAC1B,qBACA,GAAA,aAAA;AAEN,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,YAA4B,EAAC;AAEnC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,SAAA,CAAU,IAAK,CAAA,UAAA,CAAW,SAAU,CAAA,MAAM,CAAC,CAAA;AAAA;AAG7C,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,SAAA,CAAU,IAAK,CAAA,UAAA,CAAW,UAAW,CAAA,OAAO,CAAC,CAAA;AAAA;AAG/C,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,OAAQ,CAAA,CAAC,OAAY,KAAA,OAAA,EAAS,CAAA;AAAA,KAC1C;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,OAAO,CAAC,CAAA;AAEpB,EAAO,OAAA,UAAA;AACT;;;;"}