@tsed/react-formio 3.0.0-alpha.12 → 3.0.0-alpha.13

package/dist/contexts/FormioContext.d.ts

@@ -0,0 +1,20 @@
+import { Formio as ImportedFormio } from '@formio/js';
+type BaseConfigurationArgs = {
+    baseUrl?: string;
+    projectUrl?: string;
+    Formio?: typeof ImportedFormio;
+};
+export declare const FormioContext: import('react').Context<({
+    Formio: any;
+    baseUrl: any;
+    projectUrl: any;
+} & {
+    token: any;
+    setToken: import('react').Dispatch<any>;
+    isAuthenticated: boolean;
+    logout: () => Promise<void>;
+}) | null>;
+export declare function FormioProvider({ children, baseUrl, projectUrl, Formio }: {
+    children: React.ReactNode;
+} & BaseConfigurationArgs): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/contexts/FormioContext.js

@@ -0,0 +1,40 @@
+import { jsx as f } from "react/jsx-runtime";
+import { c as r } from "../chunks/index2.js";
+import { createContext as g, useState as c, useEffect as U } from "react";
+const m = ({ baseUrl: t, projectUrl: o, Formio: e }) => e ? (t && e.setBaseUrl(t), o && e.setProjectUrl(o), {
+  Formio: e,
+  baseUrl: e.baseUrl,
+  projectUrl: e.projectUrl
+}) : (t && r.Formio.setBaseUrl(t), o && r.Formio.setProjectUrl(o), {
+  Formio: r.Formio,
+  baseUrl: r.Formio.baseUrl,
+  projectUrl: r.Formio.projectUrl
+}), d = ({ Formio: t }) => {
+  const [o, e] = c(t.getToken() || null), [s, n] = c(!!o);
+  return U(() => {
+    const u = async (l) => {
+      l ? (e(t.getToken()), n(!0)) : s && (await t.logout(), e(null), n(!1));
+    }, i = async () => {
+      s && (await t.currentUser() || (e(null), n(!1)));
+    };
+    return t.events.on("formio.user", u), i(), () => {
+      t.events.off("formio.user", u);
+    };
+  }, [s, t]), { token: o, setToken: e, isAuthenticated: s, logout: async () => {
+    await t.logout(), e(null), n(!1);
+  } };
+}, h = g(null);
+function k({
+  children: t,
+  baseUrl: o,
+  projectUrl: e,
+  Formio: s
+}) {
+  const n = m({ baseUrl: o, projectUrl: e, Formio: s }), a = d({ Formio: n.Formio }), u = { ...n, ...a };
+  return /* @__PURE__ */ f(h.Provider, { value: u, children: t });
+}
+export {
+  h as FormioContext,
+  k as FormioProvider
+};
+//# sourceMappingURL=FormioContext.js.map

package/dist/contexts/FormioContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormioContext.js","sources":["../../src/contexts/FormioContext.tsx"],"sourcesContent":["import { Formio as ImportedFormio } from \"@formio/js\";\nimport { createContext, useEffect, useState } from \"react\";\n\ntype BaseConfigurationArgs = {\n  baseUrl?: string;\n  projectUrl?: string;\n  Formio?: typeof ImportedFormio;\n};\n\nconst useBaseConfiguration = ({ baseUrl, projectUrl, Formio }: BaseConfigurationArgs) => {\n  if (!Formio) {\n    if (baseUrl) {\n      ImportedFormio.setBaseUrl(baseUrl);\n    }\n    if (projectUrl) {\n      ImportedFormio.setProjectUrl(projectUrl);\n    }\n    return {\n      Formio: ImportedFormio,\n      baseUrl: ImportedFormio.baseUrl,\n      projectUrl: ImportedFormio.projectUrl\n    };\n  }\n\n  if (baseUrl) {\n    Formio.setBaseUrl(baseUrl);\n  }\n  if (projectUrl) {\n    Formio.setProjectUrl(projectUrl);\n  }\n\n  return {\n    Formio,\n    baseUrl: Formio.baseUrl,\n    projectUrl: Formio.projectUrl\n  };\n};\n\nconst useAuthentication = ({ Formio }: { Formio: typeof ImportedFormio }) => {\n  const [token, setToken] = useState(Formio.getToken() || null);\n  const [isAuthenticated, setIsAuthenticated] = useState(!!token);\n\n  useEffect(() => {\n    const handleUserEvent = async (user: unknown) => {\n      if (user) {\n        setToken(Formio.getToken());\n        setIsAuthenticated(true);\n      } else if (isAuthenticated) {\n        await Formio.logout();\n        setToken(null);\n        setIsAuthenticated(false);\n      }\n    };\n\n    const handleStaleToken = async () => {\n      if (isAuthenticated) {\n        const user = await Formio.currentUser();\n        if (!user) {\n          setToken(null);\n          setIsAuthenticated(false);\n        }\n      }\n    };\n\n    Formio.events.on(\"formio.user\", handleUserEvent);\n    handleStaleToken();\n\n    return () => {\n      Formio.events.off(\"formio.user\", handleUserEvent);\n    };\n  }, [isAuthenticated, Formio]);\n\n  const logout = async () => {\n    await Formio.logout();\n    setToken(null);\n    setIsAuthenticated(false);\n  };\n\n  return { token, setToken, isAuthenticated, logout };\n};\n\nexport const FormioContext = createContext<(ReturnType<typeof useBaseConfiguration> & ReturnType<typeof useAuthentication>) | null>(null);\n\nexport function FormioProvider({\n  children,\n  baseUrl,\n  projectUrl,\n  Formio\n}: {\n  children: React.ReactNode;\n} & BaseConfigurationArgs) {\n  const baseConfig = useBaseConfiguration({ baseUrl, projectUrl, Formio });\n  const auth = useAuthentication({ Formio: baseConfig.Formio });\n  const formio = { ...baseConfig, ...auth };\n  return <FormioContext.Provider value={formio}>{children}</FormioContext.Provider>;\n}\n"],"names":["useBaseConfiguration","baseUrl","projectUrl","Formio","ImportedFormio","useAuthentication","token","setToken","useState","isAuthenticated","setIsAuthenticated","useEffect","handleUserEvent","user","handleStaleToken","FormioContext","createContext","FormioProvider","children","baseConfig","auth","formio"],"mappings":";;;AASA,MAAMA,IAAuB,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,QAAAC,QAC9CA,KAcDF,KACFE,EAAO,WAAWF,CAAO,GAEvBC,KACFC,EAAO,cAAcD,CAAU,GAG1B;AAAA,EACL,QAAAC;AAAA,EACA,SAASA,EAAO;AAAA,EAChB,YAAYA,EAAO;AAAA,MAvBfF,KACFG,EAAAA,OAAe,WAAWH,CAAO,GAE/BC,KACFE,EAAAA,OAAe,cAAcF,CAAU,GAElC;AAAA,EACL,QAAQE,EAAAA;AAAAA,EACR,SAASA,EAAAA,OAAe;AAAA,EACxB,YAAYA,EAAAA,OAAe;AAAA,IAkB3BC,IAAoB,CAAC,EAAE,QAAAF,QAAgD;AAC3E,QAAM,CAACG,GAAOC,CAAQ,IAAIC,EAASL,EAAO,SAAA,KAAc,IAAI,GACtD,CAACM,GAAiBC,CAAkB,IAAIF,EAAS,CAAC,CAACF,CAAK;AAE9D,SAAAK,EAAU,MAAM;AACd,UAAMC,IAAkB,OAAOC,MAAkB;AAC/C,MAAIA,KACFN,EAASJ,EAAO,UAAU,GAC1BO,EAAmB,EAAI,KACdD,MACT,MAAMN,EAAO,OAAA,GACbI,EAAS,IAAI,GACbG,EAAmB,EAAK;AAAA,IAE5B,GAEMI,IAAmB,YAAY;AACnC,MAAIL,MACW,MAAMN,EAAO,YAAA,MAExBI,EAAS,IAAI,GACbG,EAAmB,EAAK;AAAA,IAG9B;AAEA,WAAAP,EAAO,OAAO,GAAG,eAAeS,CAAe,GAC/CE,EAAA,GAEO,MAAM;AACX,MAAAX,EAAO,OAAO,IAAI,eAAeS,CAAe;AAAA,IAClD;AAAA,EACF,GAAG,CAACH,GAAiBN,CAAM,CAAC,GAQrB,EAAE,OAAAG,GAAO,UAAAC,GAAU,iBAAAE,GAAiB,QAN5B,YAAY;AACzB,UAAMN,EAAO,OAAA,GACbI,EAAS,IAAI,GACbG,EAAmB,EAAK;AAAA,EAC1B,EAE2C;AAC7C,GAEaK,IAAgBC,EAAuG,IAAI;AAEjI,SAASC,EAAe;AAAA,EAC7B,UAAAC;AAAA,EACA,SAAAjB;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AACF,GAE2B;AACzB,QAAMgB,IAAanB,EAAqB,EAAE,SAAAC,GAAS,YAAAC,GAAY,QAAAC,GAAQ,GACjEiB,IAAOf,EAAkB,EAAE,QAAQc,EAAW,QAAQ,GACtDE,IAAS,EAAE,GAAGF,GAAY,GAAGC,EAAA;AACnC,2BAAQL,EAAc,UAAd,EAAuB,OAAOM,GAAS,UAAAH,GAAS;AAC1D;"}

package/dist/hooks/useFormioContext.d.ts

@@ -0,0 +1,10 @@
+export declare function useFormioContext(): {
+    Formio: any;
+    baseUrl: any;
+    projectUrl: any;
+} & {
+    token: any;
+    setToken: import('react').Dispatch<any>;
+    isAuthenticated: boolean;
+    logout: () => Promise<void>;
+};

package/dist/hooks/useFormioContext.js

@@ -0,0 +1,12 @@
+import { useContext as t } from "react";
+import { FormioContext as r } from "../contexts/FormioContext.js";
+function i() {
+  const o = t(r);
+  if (!o)
+    throw new Error("useFormioContext must be used within a FormioProvider component.");
+  return o;
+}
+export {
+  i as useFormioContext
+};
+//# sourceMappingURL=useFormioContext.js.map

package/dist/hooks/useFormioContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormioContext.js","sources":["../../src/hooks/useFormioContext.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { FormioContext } from \"../contexts/FormioContext\";\n\nexport function useFormioContext() {\n  const context = useContext(FormioContext);\n\n  if (!context) {\n    throw new Error(\"useFormioContext must be used within a FormioProvider component.\");\n  }\n\n  return context;\n}\n"],"names":["useFormioContext","context","useContext","FormioContext"],"mappings":";;AAIO,SAASA,IAAmB;AACjC,QAAMC,IAAUC,EAAWC,CAAa;AAExC,MAAI,CAACF;AACH,UAAM,IAAI,MAAM,kEAAkE;AAGpF,SAAOA;AACT;"}

package/dist/hooks/useI18n.d.ts

@@ -0,0 +1,4 @@
+import { FormOptions } from '../interfaces/index.js';
+export declare function useI18n(labels?: FormOptions["i18n"]): {
+    t: (key: string, defaultValue?: string) => string;
+};

package/dist/hooks/useI18n.js

@@ -0,0 +1,9 @@
+function u(r) {
+  return {
+    t: (n, t = n) => r?.[n] || t
+  };
+}
+export {
+  u as useI18n
+};
+//# sourceMappingURL=useI18n.js.map

package/dist/hooks/useI18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useI18n.js","sources":["../../src/hooks/useI18n.ts"],"sourcesContent":["import type { FormOptions } from \"../interfaces/index.js\";\n\nexport function useI18n(labels?: FormOptions[\"i18n\"]) {\n  return {\n    t: (key: string, defaultValue: string = key) => {\n      return labels?.[key] || defaultValue;\n    }\n  };\n}\n"],"names":["useI18n","labels","key","defaultValue"],"mappings":"AAEO,SAASA,EAAQC,GAA8B;AACpD,SAAO;AAAA,IACL,GAAG,CAACC,GAAaC,IAAuBD,MAC/BD,IAASC,CAAG,KAAKC;AAAA,EAC1B;AAEJ;"}

package/dist/index.d.ts

@@ -1,7 +1,2 @@
-import { default as Webform } from 'formiojs/Webform';
-import { default as WebformBuilder } from 'formiojs/WebformBuilder';
-import { default as Wizard } from 'formiojs/Wizard';
-import { default as WizardBuilder } from 'formiojs/WizardBuilder';
-export { Webform, WebformBuilder, Wizard, WizardBuilder };
 export * from './interfaces';
-export { Components, Formio, Templates, Utils } from 'formiojs';
+export { Builders, Components, DefaultEvaluator, Displays, EventEmitter, Form, FormBuilder, Formio, Licenses, Providers, registerModule, Templates, useModule, Utils, Webform, Widgets } from '@formio/js';

package/dist/index.js

@@ -1,16 +1,21 @@
-import { default as o } from "formiojs/Webform";
-import { default as a } from "formiojs/WebformBuilder";
-import { default as m } from "formiojs/Wizard";
-import { default as l } from "formiojs/WizardBuilder";
-import { Components as s, Formio as i, Templates as u, Utils as x } from "formiojs";
+import { c as s } from "./chunks/index2.js";
+const t = s.Builders, e = s.Components, r = s.DefaultEvaluator, n = s.Displays, i = s.EventEmitter, c = s.Form, l = s.FormBuilder, m = s.Formio, u = s.Licenses, d = s.Providers, a = s.Templates, p = s.Utils, E = s.Webform, v = s.Widgets, F = s.registerModule, f = s.useModule;
 export {
-  s as Components,
-  i as Formio,
-  u as Templates,
-  x as Utils,
-  o as Webform,
-  a as WebformBuilder,
-  m as Wizard,
-  l as WizardBuilder
+  t as Builders,
+  e as Components,
+  r as DefaultEvaluator,
+  n as Displays,
+  i as EventEmitter,
+  c as Form,
+  l as FormBuilder,
+  m as Formio,
+  u as Licenses,
+  d as Providers,
+  a as Templates,
+  p as Utils,
+  E as Webform,
+  v as Widgets,
+  F as registerModule,
+  f as useModule
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/interfaces/ComponentType.d.ts

@@ -1,2 +1,6 @@
-import { ExtendedComponentSchema } from 'formiojs';
-export type ComponentType = ExtendedComponentSchema;
+import { Component } from '@formio/core';
+export type ComponentType = Omit<Component, "components"> & {
+    components?: ComponentType[];
+} & {
+    title?: string;
+} & Record<string, unknown>;

package/dist/interfaces/FormBuilderOptions.d.ts

@@ -0,0 +1,7 @@
+import { FormBuilder } from '@formio/js';
+import { FormOptions } from './FormOptions.js';
+export type FormBuilderOptions = FormBuilder["options"] & {
+    template?: string;
+    iconset?: string;
+    i18n?: FormOptions["i18n"];
+};

package/dist/interfaces/FormBuilderOptions.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=FormBuilderOptions.js.map

package/dist/interfaces/FormBuilderOptions.js.map

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

package/dist/interfaces/FormOptions.d.ts

@@ -1,13 +1,6 @@
-import { EventEmitter2 } from 'eventemitter2';
-export interface FormOptions {
-    iconset?: string;
-    readOnly?: boolean;
-    noAlerts?: boolean;
-    i18n?: (f: string) => string;
-    template?: string;
-    saveDraft?: boolean;
-    events?: EventEmitter2;
-    hooks?: {
-        customValidation?: Function;
-    };
-}
+import { EventEmitter, Form } from '@formio/js';
+import { FormType } from './FormType.js';
+export type FormOptions = Form["options"] & {
+    events?: EventEmitter;
+    currentForm?: FormType;
+};

package/dist/interfaces/FormType.d.ts

@@ -1,12 +1,5 @@
-import { ComponentType } from './ComponentType';
-export type FormType = {
-    _id?: string;
-    title?: string;
-    name?: string;
-    machineName?: string;
+import { Form } from '@formio/core';
+import { ComponentType } from './ComponentType.js';
+export type FormType = Omit<Form, "components"> & {
     components: ComponentType[];
-    tags?: string[];
-    action?: string;
-    properties?: Record<string, any>;
-    [key: string]: any;
-};
+} & Record<string, unknown>;

package/dist/interfaces/SubmissionType.d.ts

@@ -1,19 +1,14 @@
-import { ComponentType } from './ComponentType';
+import { Component, Submission } from '@formio/core';
 export type JSON = unknown | string | number | boolean | null | undefined | JSON[] | {
     [key: string]: JSON;
 };
-export interface SubmissionType<Data extends {
+export type SubmissionType<Data extends {
     [key: string]: JSON;
 } = {
     [key: string]: JSON;
-}> extends Record<string, JSON> {
-    _id?: string;
+}> = Omit<Partial<Submission>, "data"> & {
     data: Data;
-    metadata?: {
-        [key: string]: JSON;
-    };
-    state?: string;
-}
+};
 export interface ChangedSubmission<Data extends {
     [key: string]: JSON;
 } = {
@@ -21,7 +16,7 @@ export interface ChangedSubmission<Data extends {
 }> extends SubmissionType<Data> {
     data: Data;
     changed?: {
-        component: ComponentType;
+        component: Component;
         instance: any;
         value: unknown;
     } & Record<string, JSON>;

package/dist/interfaces/index.d.ts

@@ -1,6 +1,7 @@
 export * from './ActionType';
 export * from './ColumnIdentifier';
 export * from './ComponentType';
+export * from './FormBuilderOptions';
 export * from './FormOptions';
 export * from './FormType';
 export * from './Operation';

package/dist/molecules/forms/input-tags/components/ChoicesTags.d.ts

@@ -10,10 +10,23 @@ export declare function useChoiceTags<Data = string>(props: InputTagsProps<Data>
         after?: import('react').ReactNode | string;
         shadow?: boolean;
         size?: "small" | string;
+        resource?: string | undefined | undefined;
+        type?: import('react').HTMLInputTypeAttribute | undefined;
+        placeholder?: string | undefined | undefined;
+        prefix?: string | undefined | undefined;
+        multiple?: boolean | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
+        disabled?: boolean | undefined | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        src?: string | undefined | undefined;
+        form?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        width?: number | string | undefined | undefined;
+        height?: number | string | undefined | undefined;
         title?: string | undefined | undefined;
         onClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
         defaultChecked?: boolean | undefined | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
         suppressHydrationWarning?: boolean | undefined | undefined;
         accessKey?: string | undefined | undefined;
@@ -23,11 +36,9 @@ export declare function useChoiceTags<Data = string>(props: InputTagsProps<Data>
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined | undefined;
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
-        placeholder?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import('react').CSSProperties | undefined;
@@ -36,13 +47,10 @@ export declare function useChoiceTags<Data = string>(props: InputTagsProps<Data>
         radioGroup?: string | undefined | undefined;
         role?: import('react').AriaRole | undefined;
         about?: string | undefined | undefined;
-        content?: string | undefined | undefined;
         datatype?: string | undefined | undefined;
         inlist?: any;
-        prefix?: string | undefined | undefined;
         property?: string | undefined | undefined;
         rel?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
         rev?: string | undefined | undefined;
         typeof?: string | undefined | undefined;
         vocab?: string | undefined | undefined;
@@ -58,7 +66,6 @@ export declare function useChoiceTags<Data = string>(props: InputTagsProps<Data>
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
         is?: string | undefined | undefined;
         'aria-activedescendant'?: string | undefined | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -272,34 +279,27 @@ export declare function useChoiceTags<Data = string>(props: InputTagsProps<Data>
         onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
         onTransitionEnd?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
-        form?: string | undefined | undefined;
         pattern?: string | undefined | undefined;
         list?: string | undefined | undefined;
         step?: number | string | undefined | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined | undefined;
+        formMethod?: string | undefined | undefined;
+        formNoValidate?: boolean | undefined | undefined;
+        formTarget?: string | undefined | undefined;
         accept?: string | undefined | undefined;
         alt?: string | undefined | undefined;
         autoComplete?: string | undefined | undefined;
         capture?: boolean | "user" | "environment" | undefined | undefined;
         checked?: boolean | undefined | undefined;
         crossOrigin?: "anonymous" | "use-credentials" | "" | undefined | undefined;
-        disabled?: boolean | undefined | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        formAction?: string | undefined;
-        formEncType?: string | undefined | undefined;
-        formMethod?: string | undefined | undefined;
-        formNoValidate?: boolean | undefined | undefined;
-        formTarget?: string | undefined | undefined;
-        height?: number | string | undefined | undefined;
         max?: number | string | undefined | undefined;
         maxLength?: number | undefined | undefined;
         min?: number | string | undefined | undefined;
         minLength?: number | undefined | undefined;
-        multiple?: boolean | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
         required?: boolean | undefined | undefined;
-        src?: string | undefined | undefined;
-        type?: import('react').HTMLInputTypeAttribute | undefined;
-        width?: number | string | undefined | undefined;
     };
     ref: import('react').MutableRefObject<HTMLInputElement | null>;
     instanceRef: import('react').MutableRefObject<Choices | null>;

package/dist/molecules/forms/input-tags/components/ChoicesTags.js

@@ -1,41 +1,41 @@
 import { jsx as h } from "react/jsx-runtime";
-import C from "@formio/choices.js";
-import { useRef as u, useEffect as I } from "react";
-import { c as l } from "../../../../chunks/index.module.js";
-import { registerComponent as g } from "../../../../registries/components.js";
+import g from "@formio/choices.js";
+import { useRef as i, useEffect as C } from "react";
+import { c as a } from "../../../../chunks/index.module.js";
+import { registerComponent as I } from "../../../../registries/components.js";
 import { cleanFormControlProps as E } from "../../form-control/FormControl.js";
 function P(s) {
-  const { value: r, onChange: o, name: c = "", delimiter: m, customProperties: a, ...p } = s, i = u(null), n = u(null), f = l((e) => {
+  const { value: r, onChange: o, name: c = "", delimiter: u, customProperties: l, ...p } = s, m = i(null), n = i(null), f = a((e) => {
     const t = (r || []).concat(e);
     o?.(c, [...t]);
-  }, 100), d = l((e) => {
+  }, 100), d = a((e) => {
     const t = (r || []).filter((v) => v !== e);
     o?.(c, [...t]);
   });
-  return I(() => {
-    if (i.current) {
-      const e = new C(i.current, {
+  return C(() => {
+    if (m.current) {
+      const e = new g(m.current, {
         duplicateItemsAllowed: !1,
-        ...a,
-        delimiter: m,
+        ...l,
+        delimiter: u,
         editItems: !0,
         removeItemButton: !0
       });
       e.setValue(r || []), n.current = e, e.passedElement.element.addEventListener("addItem", (t) => {
-        f(t.detail.value);
+        f(t.target.value);
       }), e.passedElement.element.addEventListener("removeItem", (t) => {
-        d(t.detail.value);
+        d(t.target.value);
       });
     }
     return () => {
       n.current && n.current.destroy();
     };
-  }, [m]), {
+  }, [u]), {
     otherProps: {
       ...p,
       name: c
     },
-    ref: i,
+    ref: m,
     instanceRef: n
   };
 }
@@ -43,7 +43,7 @@ function x(s) {
   const { ref: r, otherProps: o } = P(s);
   return /* @__PURE__ */ h("input", { type: "text", ...E(o), ref: r });
 }
-g("InputTags.choicesjs", x);
+I("InputTags.choicesjs", x);
 export {
   x as ChoicesTags,
   P as useChoiceTags

package/dist/molecules/forms/input-tags/components/ChoicesTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChoicesTags.js","sources":["../../../../../src/molecules/forms/input-tags/components/ChoicesTags.tsx"],"sourcesContent":["import Choices from \"@formio/choices.js\";\nimport { useEffect, useRef } from \"react\";\nimport { useDebouncedCallback } from \"use-debounce\";\n\nimport { registerComponent } from \"../../../../registries/components\";\nimport { cleanFormControlProps } from \"../../form-control/FormControl\";\nimport type { InputTagsProps } from \"../InputTags.interface\";\n\nexport function useChoiceTags<Data = string>(props: InputTagsProps<Data>) {\n  const { value, onChange, name = \"\", delimiter, customProperties, ...otherProps } = props;\n  const ref = useRef<HTMLInputElement | null>(null);\n  const instanceRef = useRef<Choices | null>(null);\n\n  const onAdd = useDebouncedCallback((add: Data) => {\n    const values = ((value || []) as Data[]).concat(add);\n\n    onChange?.(name, [...values]);\n  }, 100);\n\n  const onDelete = useDebouncedCallback((remove: Data) => {\n    const values = (value || []).filter((v) => v !== remove);\n\n    onChange?.(name, [...values]);\n  });\n\n  useEffect(() => {\n    if (ref.current) {\n      const instance = new Choices(ref.current!, {\n        duplicateItemsAllowed: false,\n        ...customProperties,\n        delimiter,\n        editItems: true,\n        removeItemButton: true\n      });\n\n      instance.setValue((value || []) as string[]);\n\n      instanceRef.current = instance;\n\n      instance.passedElement.element.addEventListener(\"addItem\", (event: { detail: { value: unknown } }) => {\n        onAdd(event.detail.value as Data);\n      });\n\n      instance.passedElement.element.addEventListener(\"removeItem\", (event: { detail: { value: unknown } }) => {\n        onDelete(event.detail.value as Data);\n      });\n    }\n\n    return () => {\n      if (instanceRef.current) {\n        instanceRef.current.destroy();\n      }\n    };\n  }, [delimiter]);\n\n  return {\n    otherProps: {\n      ...otherProps,\n      name\n    },\n    ref,\n    instanceRef\n  };\n}\n\nexport function ChoicesTags<Data = string>(props: InputTagsProps<Data>) {\n  const { ref, otherProps } = useChoiceTags<Data>(props);\n\n  return <input type='text' {...cleanFormControlProps(otherProps)} ref={ref} />;\n}\n\nregisterComponent(\"InputTags.choicesjs\", ChoicesTags);\n"],"names":["useChoiceTags","props","value","onChange","name","delimiter","customProperties","otherProps","ref","useRef","instanceRef","onAdd","useDebouncedCallback","add","values","onDelete","remove","useEffect","instance","Choices","event","ChoicesTags","jsx","cleanFormControlProps","registerComponent"],"mappings":";;;;;;AAQO,SAASA,EAA6BC,GAA6B;AACxE,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,IAAO,IAAI,WAAAC,GAAW,kBAAAC,GAAkB,GAAGC,EAAA,IAAeN,GAC7EO,IAAMC,EAAgC,IAAI,GAC1CC,IAAcD,EAAuB,IAAI,GAEzCE,IAAQC,EAAqB,CAACC,MAAc;AAChD,UAAMC,KAAWZ,KAAS,CAAA,GAAe,OAAOW,CAAG;AAEnD,IAAAV,IAAWC,GAAM,CAAC,GAAGU,CAAM,CAAC;AAAA,EAC9B,GAAG,GAAG,GAEAC,IAAWH,EAAqB,CAACI,MAAiB;AACtD,UAAMF,KAAUZ,KAAS,CAAA,GAAI,OAAO,CAAC,MAAM,MAAMc,CAAM;AAEvD,IAAAb,IAAWC,GAAM,CAAC,GAAGU,CAAM,CAAC;AAAA,EAC9B,CAAC;AAED,SAAAG,EAAU,MAAM;AACd,QAAIT,EAAI,SAAS;AACf,YAAMU,IAAW,IAAIC,EAAQX,EAAI,SAAU;AAAA,QACzC,uBAAuB;AAAA,QACvB,GAAGF;AAAA,QACH,WAAAD;AAAA,QACA,WAAW;AAAA,QACX,kBAAkB;AAAA,MAAA,CACnB;AAED,MAAAa,EAAS,SAAUhB,KAAS,EAAe,GAE3CQ,EAAY,UAAUQ,GAEtBA,EAAS,cAAc,QAAQ,iBAAiB,WAAW,CAACE,MAA0C;AACpG,QAAAT,EAAMS,EAAM,OAAO,KAAa;AAAA,MAClC,CAAC,GAEDF,EAAS,cAAc,QAAQ,iBAAiB,cAAc,CAACE,MAA0C;AACvG,QAAAL,EAASK,EAAM,OAAO,KAAa;AAAA,MACrC,CAAC;AAAA,IACH;AAEA,WAAO,MAAM;AACX,MAAIV,EAAY,WACdA,EAAY,QAAQ,QAAA;AAAA,IAExB;AAAA,EACF,GAAG,CAACL,CAAS,CAAC,GAEP;AAAA,IACL,YAAY;AAAA,MACV,GAAGE;AAAA,MACH,MAAAH;AAAA,IAAA;AAAA,IAEF,KAAAI;AAAA,IACA,aAAAE;AAAA,EAAA;AAEJ;AAEO,SAASW,EAA2BpB,GAA6B;AACtE,QAAM,EAAE,KAAAO,GAAK,YAAAD,MAAeP,EAAoBC,CAAK;AAErD,SAAO,gBAAAqB,EAAC,WAAM,MAAK,QAAQ,GAAGC,EAAsBhB,CAAU,GAAG,KAAAC,GAAU;AAC7E;AAEAgB,EAAkB,uBAAuBH,CAAW;"}
+{"version":3,"file":"ChoicesTags.js","sources":["../../../../../src/molecules/forms/input-tags/components/ChoicesTags.tsx"],"sourcesContent":["import Choices from \"@formio/choices.js\";\nimport { useEffect, useRef } from \"react\";\nimport { useDebouncedCallback } from \"use-debounce\";\n\nimport { registerComponent } from \"../../../../registries/components\";\nimport { cleanFormControlProps } from \"../../form-control/FormControl\";\nimport type { InputTagsProps } from \"../InputTags.interface\";\n\nexport function useChoiceTags<Data = string>(props: InputTagsProps<Data>) {\n  const { value, onChange, name = \"\", delimiter, customProperties, ...otherProps } = props;\n  const ref = useRef<HTMLInputElement | null>(null);\n  const instanceRef = useRef<Choices | null>(null);\n\n  const onAdd = useDebouncedCallback((add: Data) => {\n    const values = ((value || []) as Data[]).concat(add);\n\n    onChange?.(name, [...values]);\n  }, 100);\n\n  const onDelete = useDebouncedCallback((remove: Data) => {\n    const values = (value || []).filter((v) => v !== remove);\n\n    onChange?.(name, [...values]);\n  });\n\n  useEffect(() => {\n    if (ref.current) {\n      const instance = new Choices(ref.current!, {\n        duplicateItemsAllowed: false,\n        ...customProperties,\n        delimiter,\n        editItems: true,\n        removeItemButton: true\n      });\n\n      instance.setValue((value || []) as string[]);\n\n      instanceRef.current = instance;\n\n      instance.passedElement.element.addEventListener(\"addItem\", (event) => {\n        onAdd((event.target as any).value as Data);\n      });\n\n      instance.passedElement.element.addEventListener(\"removeItem\", (event) => {\n        onDelete((event.target as any).value as Data);\n      });\n    }\n\n    return () => {\n      if (instanceRef.current) {\n        instanceRef.current.destroy();\n      }\n    };\n  }, [delimiter]);\n\n  return {\n    otherProps: {\n      ...otherProps,\n      name\n    },\n    ref,\n    instanceRef\n  };\n}\n\nexport function ChoicesTags<Data = string>(props: InputTagsProps<Data>) {\n  const { ref, otherProps } = useChoiceTags<Data>(props);\n\n  return <input type='text' {...cleanFormControlProps(otherProps)} ref={ref} />;\n}\n\nregisterComponent(\"InputTags.choicesjs\", ChoicesTags);\n"],"names":["useChoiceTags","props","value","onChange","name","delimiter","customProperties","otherProps","ref","useRef","instanceRef","onAdd","useDebouncedCallback","add","values","onDelete","remove","useEffect","instance","Choices","event","ChoicesTags","jsx","cleanFormControlProps","registerComponent"],"mappings":";;;;;;AAQO,SAASA,EAA6BC,GAA6B;AACxE,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,IAAO,IAAI,WAAAC,GAAW,kBAAAC,GAAkB,GAAGC,EAAA,IAAeN,GAC7EO,IAAMC,EAAgC,IAAI,GAC1CC,IAAcD,EAAuB,IAAI,GAEzCE,IAAQC,EAAqB,CAACC,MAAc;AAChD,UAAMC,KAAWZ,KAAS,CAAA,GAAe,OAAOW,CAAG;AAEnD,IAAAV,IAAWC,GAAM,CAAC,GAAGU,CAAM,CAAC;AAAA,EAC9B,GAAG,GAAG,GAEAC,IAAWH,EAAqB,CAACI,MAAiB;AACtD,UAAMF,KAAUZ,KAAS,CAAA,GAAI,OAAO,CAAC,MAAM,MAAMc,CAAM;AAEvD,IAAAb,IAAWC,GAAM,CAAC,GAAGU,CAAM,CAAC;AAAA,EAC9B,CAAC;AAED,SAAAG,EAAU,MAAM;AACd,QAAIT,EAAI,SAAS;AACf,YAAMU,IAAW,IAAIC,EAAQX,EAAI,SAAU;AAAA,QACzC,uBAAuB;AAAA,QACvB,GAAGF;AAAA,QACH,WAAAD;AAAA,QACA,WAAW;AAAA,QACX,kBAAkB;AAAA,MAAA,CACnB;AAED,MAAAa,EAAS,SAAUhB,KAAS,EAAe,GAE3CQ,EAAY,UAAUQ,GAEtBA,EAAS,cAAc,QAAQ,iBAAiB,WAAW,CAACE,MAAU;AACpE,QAAAT,EAAOS,EAAM,OAAe,KAAa;AAAA,MAC3C,CAAC,GAEDF,EAAS,cAAc,QAAQ,iBAAiB,cAAc,CAACE,MAAU;AACvE,QAAAL,EAAUK,EAAM,OAAe,KAAa;AAAA,MAC9C,CAAC;AAAA,IACH;AAEA,WAAO,MAAM;AACX,MAAIV,EAAY,WACdA,EAAY,QAAQ,QAAA;AAAA,IAExB;AAAA,EACF,GAAG,CAACL,CAAS,CAAC,GAEP;AAAA,IACL,YAAY;AAAA,MACV,GAAGE;AAAA,MACH,MAAAH;AAAA,IAAA;AAAA,IAEF,KAAAI;AAAA,IACA,aAAAE;AAAA,EAAA;AAEJ;AAEO,SAASW,EAA2BpB,GAA6B;AACtE,QAAM,EAAE,KAAAO,GAAK,YAAAD,MAAeP,EAAoBC,CAAK;AAErD,SAAO,gBAAAqB,EAAC,WAAM,MAAK,QAAQ,GAAGC,EAAsBhB,CAAU,GAAG,KAAAC,GAAU;AAC7E;AAEAgB,EAAkB,uBAAuBH,CAAW;"}

package/dist/molecules/forms/select/components/ChoicesSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChoicesSelect.js","sources":["../../../../../src/molecules/forms/select/components/ChoicesSelect.tsx"],"sourcesContent":["import Choices from \"@formio/choices.js\";\nimport cx from \"classnames\";\nimport { useEffect, useMemo, useRef } from \"react\";\nimport { useDebouncedCallback } from \"use-debounce\";\n\nimport { registerComponent } from \"../../../../registries/components\";\nimport { cleanFormControlProps } from \"../../form-control/FormControl\";\nimport type { AllSelectProps } from \"../Select.interface\";\nimport { callbackOnCreateTemplates } from \"./choices.template\";\n\nexport function useChoices({\n  name,\n  disabled,\n  multiple,\n  options,\n  placeholder,\n  searchEnabled = true,\n  customProperties = {},\n  size,\n  value,\n  required,\n  onChange\n}: AllSelectProps) {\n  const ref = useRef<any>();\n  const choicesRef = useRef<Choices>();\n\n  const opts = useMemo(() => {\n    const isSelected = (itemValue: any) => [].concat(value as any).includes(itemValue as never);\n\n    const opts = options.map((item) => {\n      if (item.options) {\n        item = {\n          ...item,\n          choices: item.options.map((item: any) => ({\n            ...item,\n            selected: isSelected(item.value)\n          }))\n        };\n      }\n\n      return {\n        ...item,\n        selected: isSelected(item.value)\n      };\n    });\n\n    if (!multiple && placeholder) {\n      return [\n        {\n          disabled: required,\n          label: placeholder,\n          value: \"\"\n        },\n        ...opts\n      ];\n    }\n\n    return opts;\n  }, [options, value, required, multiple, placeholder]);\n\n  const onChangeCallback = useDebouncedCallback((name: string | undefined, value: any) => {\n    onChange?.(name, value);\n  }, 50);\n\n  useEffect(() => {\n    if (choicesRef.current) {\n      if (multiple) {\n        choicesRef.current.clearStore();\n        choicesRef.current.setChoices(opts, \"value\", \"label\", true);\n      } else {\n        choicesRef.current.setChoices(opts, \"value\", \"label\", true);\n      }\n    }\n  }, [opts]);\n\n  useEffect(() => {\n    if (!choicesRef.current) {\n      const { allowHTML = true, silent = true, removeItemButton = true, shouldSort = false, itemSelectText = \"\" } = customProperties;\n      choicesRef.current = new Choices(ref.current, {\n        ...customProperties,\n        allowHTML,\n        silent,\n        searchEnabled,\n        removeItemButton,\n        choices: opts,\n        placeholder: placeholder as string,\n        placeholderValue: \"\" as string,\n        itemSelectText,\n        shouldSort,\n        callbackOnCreateTemplates\n      } as any);\n    }\n\n    if (disabled) {\n      choicesRef.current?.disable();\n    } else {\n      choicesRef.current?.enable();\n    }\n\n    const addItem = ({ detail: { value: newValue } }: any) => {\n      onChangeCallback(name, multiple ? [...new Set([...new Set(value as string[]), newValue])] : newValue);\n    };\n\n    const removeItem = ({ detail: { value: newValue } }: any) => {\n      if (multiple) {\n        onChangeCallback(\n          name,\n          (value as string[]).filter((v) => v !== newValue)\n        );\n      } else {\n        onChangeCallback(name, undefined as any);\n      }\n    };\n\n    choicesRef.current?.passedElement.element.addEventListener(\"addItem\", addItem);\n    choicesRef.current?.passedElement.element.addEventListener(\"removeItem\", removeItem);\n\n    return () => {\n      choicesRef.current?.passedElement.element.removeEventListener(\"addItem\", addItem);\n      choicesRef.current?.passedElement.element.removeEventListener(\"removeItem\", removeItem);\n    };\n  }, [disabled, onChange, opts, placeholder, searchEnabled, size, value]);\n\n  return {\n    ref,\n    choicesRef\n  };\n}\n\nexport function ChoiceSelect(props: AllSelectProps) {\n  const { ref } = useChoices({\n    ...props,\n    searchEnabled: !props.disableSearch\n  });\n\n  return (\n    <select\n      ref={ref}\n      data-testid={`select_${props.name}`}\n      {...cleanFormControlProps(props as any, [\n        \"className\",\n        \"size\",\n        \"value\",\n        \"options\",\n        \"placeholder\",\n        \"onChange\",\n        \"allowHTML\",\n        \"silent\",\n        \"removeItemButton\",\n        \"shouldSort\",\n        \"itemSelectText\",\n        \"customProperties\"\n      ])}\n      className={cx(\"form-control\", props.size && `form-control-${props.size}`)}\n    />\n  );\n}\n\nregisterComponent(\"Select.choicesjs\", ChoiceSelect);\n"],"names":["useChoices","name","disabled","multiple","options","placeholder","searchEnabled","customProperties","size","value","required","onChange","ref","useRef","choicesRef","opts","useMemo","isSelected","itemValue","item","onChangeCallback","useDebouncedCallback","useEffect","allowHTML","silent","removeItemButton","shouldSort","itemSelectText","Choices","callbackOnCreateTemplates","addItem","newValue","removeItem","v","ChoiceSelect","props","jsx","cleanFormControlProps","cx","registerComponent"],"mappings":"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"}
+{"version":3,"file":"ChoicesSelect.js","sources":["../../../../../src/molecules/forms/select/components/ChoicesSelect.tsx"],"sourcesContent":["import Choices from \"@formio/choices.js\";\nimport cx from \"classnames\";\nimport { useEffect, useMemo, useRef } from \"react\";\nimport { useDebouncedCallback } from \"use-debounce\";\n\nimport { registerComponent } from \"../../../../registries/components\";\nimport { cleanFormControlProps } from \"../../form-control/FormControl\";\nimport type { AllSelectProps } from \"../Select.interface\";\nimport { callbackOnCreateTemplates } from \"./choices.template\";\n\nexport function useChoices({\n  name,\n  disabled,\n  multiple,\n  options,\n  placeholder,\n  searchEnabled = true,\n  customProperties = {},\n  size,\n  value,\n  required,\n  onChange\n}: AllSelectProps) {\n  const ref = useRef<any>();\n  const choicesRef = useRef<Choices>();\n\n  const opts = useMemo(() => {\n    const isSelected = (itemValue: any) => [].concat(value as any).includes(itemValue as never);\n\n    const opts = options.map((item) => {\n      if (item.options) {\n        item = {\n          ...item,\n          choices: item.options.map((item: any) => ({\n            ...item,\n            selected: isSelected(item.value)\n          }))\n        };\n      }\n\n      return {\n        ...item,\n        selected: isSelected(item.value)\n      };\n    });\n\n    if (!multiple && placeholder) {\n      return [\n        {\n          disabled: required,\n          label: placeholder,\n          value: \"\"\n        },\n        ...opts\n      ];\n    }\n\n    return opts;\n  }, [options, value, required, multiple, placeholder]);\n\n  const onChangeCallback = useDebouncedCallback((name: string | undefined, value: any) => {\n    onChange?.(name, value);\n  }, 50);\n\n  useEffect(() => {\n    if (choicesRef.current) {\n      if (multiple) {\n        choicesRef.current.clearStore();\n        choicesRef.current.setChoices(opts as any, \"value\", \"label\", true);\n      } else {\n        choicesRef.current.setChoices(opts as any, \"value\", \"label\", true);\n      }\n    }\n  }, [opts]);\n\n  useEffect(() => {\n    if (!choicesRef.current) {\n      const { allowHTML = true, silent = true, removeItemButton = true, shouldSort = false, itemSelectText = \"\" } = customProperties;\n      choicesRef.current = new Choices(ref.current, {\n        ...customProperties,\n        allowHTML,\n        silent,\n        searchEnabled,\n        removeItemButton,\n        choices: opts,\n        placeholder: placeholder as string,\n        placeholderValue: \"\" as string,\n        itemSelectText,\n        shouldSort,\n        callbackOnCreateTemplates\n      } as any);\n    }\n\n    if (disabled) {\n      choicesRef.current?.disable();\n    } else {\n      choicesRef.current?.enable();\n    }\n\n    const addItem = ({ detail: { value: newValue } }: any) => {\n      onChangeCallback(name, multiple ? [...new Set([...new Set(value as string[]), newValue])] : newValue);\n    };\n\n    const removeItem = ({ detail: { value: newValue } }: any) => {\n      if (multiple) {\n        onChangeCallback(\n          name,\n          (value as string[]).filter((v) => v !== newValue)\n        );\n      } else {\n        onChangeCallback(name, undefined as any);\n      }\n    };\n\n    choicesRef.current?.passedElement.element.addEventListener(\"addItem\", addItem);\n    choicesRef.current?.passedElement.element.addEventListener(\"removeItem\", removeItem);\n\n    return () => {\n      choicesRef.current?.passedElement.element.removeEventListener(\"addItem\", addItem);\n      choicesRef.current?.passedElement.element.removeEventListener(\"removeItem\", removeItem);\n    };\n  }, [disabled, onChange, opts, placeholder, searchEnabled, size, value]);\n\n  return {\n    ref,\n    choicesRef\n  };\n}\n\nexport function ChoiceSelect(props: AllSelectProps) {\n  const { ref } = useChoices({\n    ...props,\n    searchEnabled: !props.disableSearch\n  });\n\n  return (\n    <select\n      ref={ref}\n      data-testid={`select_${props.name}`}\n      {...cleanFormControlProps(props as any, [\n        \"className\",\n        \"size\",\n        \"value\",\n        \"options\",\n        \"placeholder\",\n        \"onChange\",\n        \"allowHTML\",\n        \"silent\",\n        \"removeItemButton\",\n        \"shouldSort\",\n        \"itemSelectText\",\n        \"customProperties\"\n      ])}\n      className={cx(\"form-control\", props.size && `form-control-${props.size}`)}\n    />\n  );\n}\n\nregisterComponent(\"Select.choicesjs\", ChoiceSelect);\n"],"names":["useChoices","name","disabled","multiple","options","placeholder","searchEnabled","customProperties","size","value","required","onChange","ref","useRef","choicesRef","opts","useMemo","isSelected","itemValue","item","onChangeCallback","useDebouncedCallback","useEffect","allowHTML","silent","removeItemButton","shouldSort","itemSelectText","Choices","callbackOnCreateTemplates","addItem","newValue","removeItem","v","ChoiceSelect","props","jsx","cleanFormControlProps","cx","registerComponent"],"mappings":"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"}

package/dist/molecules/modal/Modal.js

@@ -14,7 +14,7 @@ function H() {
     }
   };
 }
-function k({
+function $({
   show: e,
   children: t,
   closeModal: s = f,
@@ -22,8 +22,8 @@ function k({
   title: d,
   footer: n,
   style: h,
-  className: p = "",
-  ...v
+  className: v = "",
+  ...p
 }) {
   const l = m(), a = m(), [N, c] = u(), i = () => {
     s(), g();
@@ -34,13 +34,13 @@ function k({
       c(`calc(85vh - ${b}px)`);
     } else
       c("auto");
-  }, [e]), e ? /* @__PURE__ */ r("div", { role: "dialog", className: `formio-dialog formio-dialog-theme-default ${p}`, children: [
+  }, [e]), e ? /* @__PURE__ */ r("div", { role: "dialog", className: `formio-dialog formio-dialog-theme-default ${v}`, children: [
     /* @__PURE__ */ o("div", { className: "formio-dialog-overlay", onClick: i }),
     /* @__PURE__ */ r("div", { style: h, className: "formio-dialog-content", children: [
       /* @__PURE__ */ r("div", { className: "formio-dialog-wrapper", children: [
         d ? /* @__PURE__ */ o("div", { className: "formio-dialog-title", ref: l, "data-testid": "modalTitle", children: d }) : null,
         /* @__PURE__ */ o("div", { className: "formio-dialog-body", style: { maxHeight: N }, "data-testid": "modalBody", children: e && t }),
-        n ? /* @__PURE__ */ o("div", { className: "formio-dialog-footer", ref: a, "data-testid": "modalFooter", children: /* @__PURE__ */ o(n, { ...v, closeModal: s, onClose: i }) }) : null
+        n ? /* @__PURE__ */ o("div", { className: "formio-dialog-footer", ref: a, "data-testid": "modalFooter", children: /* @__PURE__ */ o(n, { ...p, closeModal: s, onClose: i }) }) : null
       ] }),
       /* @__PURE__ */ o(
         "button",
@@ -55,7 +55,7 @@ function k({
   ] }) : null;
 }
 export {
-  k as Modal,
+  $ as Modal,
   H as useModal
 };
 //# sourceMappingURL=Modal.js.map

package/dist/molecules/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/molecules/modal/Modal.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport noop from \"lodash\";\nimport { PropsWithChildren, useEffect, useRef, useState } from \"react\";\n\nexport function useModal() {\n  const [show, setShowModal] = useState(false);\n\n  return {\n    show,\n    setShowModal,\n    openModal() {\n      setShowModal(true);\n    },\n    closeModal() {\n      setShowModal(false);\n    }\n  };\n}\n\nexport interface ModalProps extends Record<string, any> {\n  show?: boolean;\n  closeModal?: () => void;\n  onClose?: () => void;\n  footer?: any;\n  title?: string;\n}\n\nexport function Modal({\n  show,\n  children,\n  closeModal = noop as any,\n  onClose = noop as any,\n  title,\n  footer: ModalFooter,\n  style,\n  className = \"\",\n  ...props\n}: PropsWithChildren<ModalProps>) {\n  const titleRef: any = useRef<HTMLDivElement>();\n  const footerRef: any = useRef<HTMLDivElement>();\n  const [maxHeight, setMaxHeight] = useState<string>();\n\n  const onClickClose = () => {\n    closeModal();\n    onClose();\n  };\n\n  useEffect(() => {\n    if (titleRef.current || footerRef.current) {\n      const height = (titleRef?.current?.offsetHeight || 0) + (footerRef?.current?.offsetHeight || 0);\n\n      setMaxHeight(`calc(85vh - ${height}px)`);\n    } else {\n      setMaxHeight(\"auto\");\n    }\n  }, [show]);\n\n  if (!show) {\n    return null;\n  }\n\n  return (\n    <div role={\"dialog\"} className={`formio-dialog formio-dialog-theme-default ${className}`}>\n      <div className='formio-dialog-overlay' onClick={onClickClose} />\n      <div style={style} className={\"formio-dialog-content\"}>\n        <div className={\"formio-dialog-wrapper\"}>\n          {title ? (\n            <div className={\"formio-dialog-title\"} ref={titleRef} data-testid={\"modalTitle\"}>\n              {title}\n            </div>\n          ) : null}\n\n          <div className='formio-dialog-body' style={{ maxHeight }} data-testid={\"modalBody\"}>\n            {show && children}\n          </div>\n\n          {ModalFooter ? (\n            <div className={\"formio-dialog-footer\"} ref={footerRef} data-testid={\"modalFooter\"}>\n              <ModalFooter {...props} closeModal={closeModal} onClose={onClickClose} />\n            </div>\n          ) : null}\n        </div>\n        <button\n          className='formio-dialog-close float-right btn btn-secondary btn-sm'\n          aria-label='close'\n          data-testid={\"closeModal\"}\n          onClick={onClickClose}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["useModal","show","setShowModal","useState","Modal","children","closeModal","noop","onClose","title","ModalFooter","style","className","props","titleRef","useRef","footerRef","maxHeight","setMaxHeight","onClickClose","useEffect","height","jsx","jsxs"],"mappings":";;;AAKO,SAASA,IAAW;AACzB,QAAM,CAACC,GAAMC,CAAY,IAAIC,EAAS,EAAK;AAE3C,SAAO;AAAA,IACL,MAAAF;AAAA,IACA,cAAAC;AAAA,IACA,YAAY;AACV,MAAAA,EAAa,EAAI;AAAA,IACnB;AAAA,IACA,aAAa;AACX,MAAAA,EAAa,EAAK;AAAA,IACpB;AAAA,EAAA;AAEJ;AAUO,SAASE,EAAM;AAAA,EACpB,MAAAH;AAAA,EACA,UAAAI;AAAA,EACA,YAAAC,IAAaC;AAAA,EACb,SAAAC,IAAUD;AAAA,EACV,OAAAE;AAAA,EACA,QAAQC;AAAA,EACR,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAkC;AAChC,QAAMC,IAAgBC,EAAA,GAChBC,IAAiBD,EAAA,GACjB,CAACE,GAAWC,CAAY,IAAIf,EAAA,GAE5BgB,IAAe,MAAM;AACzB,IAAAb,EAAA,GACAE,EAAA;AAAA,EACF;AAYA,SAVAY,EAAU,MAAM;AACd,QAAIN,EAAS,WAAWE,EAAU,SAAS;AACzC,YAAMK,KAAUP,GAAU,SAAS,gBAAgB,MAAME,GAAW,SAAS,gBAAgB;AAE7F,MAAAE,EAAa,eAAeG,CAAM,KAAK;AAAA,IACzC;AACE,MAAAH,EAAa,MAAM;AAAA,EAEvB,GAAG,CAACjB,CAAI,CAAC,GAEJA,sBAKF,OAAA,EAAI,MAAM,UAAU,WAAW,6CAA6CW,CAAS,IACpF,UAAA;AAAA,IAAA,gBAAAU,EAAC,OAAA,EAAI,WAAU,yBAAwB,SAASH,GAAc;AAAA,IAC9D,gBAAAI,EAAC,OAAA,EAAI,OAAAZ,GAAc,WAAW,yBAC5B,UAAA;AAAA,MAAA,gBAAAY,EAAC,OAAA,EAAI,WAAW,yBACb,UAAA;AAAA,QAAAd,IACC,gBAAAa,EAAC,SAAI,WAAW,uBAAuB,KAAKR,GAAU,eAAa,cAChE,UAAAL,EAAA,CACH,IACE;AAAA,QAEJ,gBAAAa,EAAC,OAAA,EAAI,WAAU,sBAAqB,OAAO,EAAE,WAAAL,EAAA,GAAa,eAAa,aACpE,UAAAhB,KAAQI,EAAA,CACX;AAAA,QAECK,IACC,gBAAAY,EAAC,OAAA,EAAI,WAAW,wBAAwB,KAAKN,GAAW,eAAa,eACnE,UAAA,gBAAAM,EAACZ,KAAa,GAAGG,GAAO,YAAAP,GAAwB,SAASa,GAAc,GACzE,IACE;AAAA,MAAA,GACN;AAAA,MACA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,cAAW;AAAA,UACX,eAAa;AAAA,UACb,SAASH;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,EAAA,CACF;AAAA,EAAA,GACF,IA/BO;AAiCX;"}
+{"version":3,"file":"Modal.js","sources":["../../../src/molecules/modal/Modal.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport noop from \"lodash\";\nimport { PropsWithChildren, useEffect, useRef, useState } from \"react\";\n\nexport function useModal() {\n  const [show, setShowModal] = useState(false);\n\n  return {\n    show,\n    setShowModal,\n    openModal() {\n      setShowModal(true);\n    },\n    closeModal() {\n      setShowModal(false);\n    }\n  };\n}\n\nexport interface ModalProps extends Record<string, any> {\n  show?: boolean;\n  closeModal?: () => void;\n  onClose?: () => void;\n  footer?: any;\n  title?: string;\n}\n\nexport function Modal({\n  show,\n  children,\n  closeModal = noop as any,\n  onClose = noop as any,\n  title,\n  footer: ModalFooter,\n  style,\n  className = \"\",\n  ...props\n}: PropsWithChildren<ModalProps>) {\n  const titleRef: any = useRef<HTMLDivElement>();\n  const footerRef: any = useRef<HTMLDivElement>();\n  const [maxHeight, setMaxHeight] = useState<string>();\n\n  const onClickClose = () => {\n    closeModal();\n    onClose();\n  };\n\n  useEffect(() => {\n    if (titleRef.current || footerRef.current) {\n      const height = (titleRef?.current?.offsetHeight || 0) + (footerRef?.current?.offsetHeight || 0);\n\n      setMaxHeight(`calc(85vh - ${height}px)`);\n    } else {\n      setMaxHeight(\"auto\");\n    }\n  }, [show]);\n\n  if (!show) {\n    return null;\n  }\n\n  return (\n    <div role={\"dialog\"} className={`formio-dialog formio-dialog-theme-default ${className}`}>\n      <div className='formio-dialog-overlay' onClick={onClickClose} />\n      <div style={style} className={\"formio-dialog-content\"}>\n        <div className={\"formio-dialog-wrapper\"}>\n          {title ? (\n            <div className={\"formio-dialog-title\"} ref={titleRef} data-testid={\"modalTitle\"}>\n              {title}\n            </div>\n          ) : null}\n\n          <div className='formio-dialog-body' style={{ maxHeight }} data-testid={\"modalBody\"}>\n            {show && children}\n          </div>\n\n          {ModalFooter ? (\n            <div className={\"formio-dialog-footer\"} ref={footerRef} data-testid={\"modalFooter\"}>\n              <ModalFooter {...props} closeModal={closeModal} onClose={onClickClose} />\n            </div>\n          ) : null}\n        </div>\n        <button\n          className='formio-dialog-close float-right btn btn-secondary btn-sm'\n          aria-label='close'\n          data-testid={\"closeModal\"}\n          onClick={onClickClose}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["useModal","show","setShowModal","useState","Modal","children","closeModal","noop","onClose","title","ModalFooter","style","className","props","titleRef","useRef","footerRef","maxHeight","setMaxHeight","onClickClose","useEffect","height","jsx","jsxs"],"mappings":";;;AAKO,SAASA,IAAW;AACzB,QAAM,CAACC,GAAMC,CAAY,IAAIC,EAAS,EAAK;AAE3C,SAAO;AAAA,IACL,MAAAF;AAAA,IACA,cAAAC;AAAA,IACA,YAAY;AACV,MAAAA,EAAa,EAAI;AAAA,IACnB;AAAA,IACA,aAAa;AACX,MAAAA,EAAa,EAAK;AAAA,IACpB;AAAA,EAAA;AAEJ;AAUO,SAASE,EAAM;AAAA,EACpB,MAAAH;AAAA,EACA,UAAAI;AAAA,EACA,YAAAC,IAAaC;AAAAA,EACb,SAAAC,IAAUD;AAAAA,EACV,OAAAE;AAAA,EACA,QAAQC;AAAA,EACR,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAkC;AAChC,QAAMC,IAAgBC,EAAA,GAChBC,IAAiBD,EAAA,GACjB,CAACE,GAAWC,CAAY,IAAIf,EAAA,GAE5BgB,IAAe,MAAM;AACzB,IAAAb,EAAA,GACAE,EAAA;AAAA,EACF;AAYA,SAVAY,EAAU,MAAM;AACd,QAAIN,EAAS,WAAWE,EAAU,SAAS;AACzC,YAAMK,KAAUP,GAAU,SAAS,gBAAgB,MAAME,GAAW,SAAS,gBAAgB;AAE7F,MAAAE,EAAa,eAAeG,CAAM,KAAK;AAAA,IACzC;AACE,MAAAH,EAAa,MAAM;AAAA,EAEvB,GAAG,CAACjB,CAAI,CAAC,GAEJA,sBAKF,OAAA,EAAI,MAAM,UAAU,WAAW,6CAA6CW,CAAS,IACpF,UAAA;AAAA,IAAA,gBAAAU,EAAC,OAAA,EAAI,WAAU,yBAAwB,SAASH,GAAc;AAAA,IAC9D,gBAAAI,EAAC,OAAA,EAAI,OAAAZ,GAAc,WAAW,yBAC5B,UAAA;AAAA,MAAA,gBAAAY,EAAC,OAAA,EAAI,WAAW,yBACb,UAAA;AAAA,QAAAd,IACC,gBAAAa,EAAC,SAAI,WAAW,uBAAuB,KAAKR,GAAU,eAAa,cAChE,UAAAL,EAAA,CACH,IACE;AAAA,QAEJ,gBAAAa,EAAC,OAAA,EAAI,WAAU,sBAAqB,OAAO,EAAE,WAAAL,EAAA,GAAa,eAAa,aACpE,UAAAhB,KAAQI,EAAA,CACX;AAAA,QAECK,IACC,gBAAAY,EAAC,OAAA,EAAI,WAAW,wBAAwB,KAAKN,GAAW,eAAa,eACnE,UAAA,gBAAAM,EAACZ,KAAa,GAAGG,GAAO,YAAAP,GAAwB,SAASa,GAAc,GACzE,IACE;AAAA,MAAA,GACN;AAAA,MACA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,cAAW;AAAA,UACX,eAAa;AAAA,UACb,SAASH;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,EAAA,CACF;AAAA,EAAA,GACF,IA/BO;AAiCX;"}

package/dist/molecules/pagination/Pagination.d.ts

@@ -1,3 +1,4 @@
+import { FormOptions } from '../../interfaces/index.js';
 export interface PaginationProps {
     className?: string;
     pageSizes?: number[];
@@ -9,7 +10,7 @@ export interface PaginationProps {
     pageSize: number;
     rowCount?: number;
     layout?: "html5" | "react" | "choicesjs";
-    i18n?: (f: string) => string;
+    i18n?: FormOptions["i18n"];
     onPageIndexChange: (pageIndex: number) => void;
     onClickPreviousPage: () => void;
     onClickNextPage: () => void;