@tsed/react-formio 3.0.0-alpha.9 → 3.0.0-rc.2

package/dist/molecules/forms/form-control/FormControl.js

@@ -1,23 +1,26 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { c } from "../../../chunks/index.js";
-import u from "lodash/omit";
-import { registerComponent as f } from "../../../registries/components.js";
-function C(t, r = []) {
-  return u(t, ["label", "description", "prefix", "suffix", "size", "shadow", ...r]);
+import { g as u } from "../../../chunks/_commonjsHelpers.js";
+import { r as f } from "../../../chunks/omit.js";
+import { registerComponent as x } from "../../../registries/components.js";
+var h = f();
+const g = /* @__PURE__ */ u(h);
+function w(t, r = []) {
+  return g(t, ["label", "description", "prefix", "suffix", "size", "shadow", ...r]);
 }
-function h({
+function N({
   children: t,
   name: r = "",
-  id: d = r,
-  required: m,
+  id: n = r,
+  required: p,
   before: i,
   after: e,
   description: s,
-  label: l,
-  size: a,
-  className: p
+  label: a,
+  size: l,
+  className: d
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ m(
     "div",
     {
       "data-testid": r && `form-group-${r}`,
@@ -28,12 +31,12 @@ function h({
           "-with-before": !!i,
           "-with-after": !!e
         },
-        a && `-size-${a}`,
-        p
+        l && `-size-${l}`,
+        d
       ),
       children: [
-        l && /* @__PURE__ */ o("label", { htmlFor: d, "data-testid": "form-control-label", className: `col-form-label ${m ? " field-required" : ""}`, children: l }),
-        /* @__PURE__ */ n("div", { className: "input-group", children: [
+        a && /* @__PURE__ */ o("label", { htmlFor: n, "data-testid": "form-control-label", className: `col-form-label ${p ? " field-required" : ""}`, children: a }),
+        /* @__PURE__ */ m("div", { className: "input-group", children: [
           i && /* @__PURE__ */ o("div", { className: "input-group-prepend", children: /* @__PURE__ */ o("span", { className: "input-group-text", "data-testid": "form-control-prefix", children: i }) }),
           t,
           e && /* @__PURE__ */ o("div", { className: "input-group-append", children: /* @__PURE__ */ o("span", { className: "input-group-text", "data-testid": "form-control-suffix", children: e }) })
@@ -43,9 +46,9 @@ function h({
     }
   );
 }
-f("FormControl", h);
+x("FormControl", N);
 export {
-  h as FormControl,
-  C as cleanFormControlProps
+  N as FormControl,
+  w as cleanFormControlProps
 };
 //# sourceMappingURL=FormControl.js.map

package/dist/molecules/forms/form-control/FormControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.js","sources":["../../../../src/molecules/forms/form-control/FormControl.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport omit from \"lodash/omit\";\nimport { HTMLAttributes, InputHTMLAttributes, PropsWithChildren, ReactNode } from \"react\";\n\nimport { registerComponent } from \"../../../registries/components\";\n\nexport type BaseFormControlProps<Value = unknown> = {\n  label?: string;\n  description?: string | ReactNode;\n  before?: ReactNode | string;\n  after?: ReactNode | string;\n  shadow?: boolean;\n  value?: Value;\n  onChange?: (name: string | undefined, value: Value) => void;\n  /**\n   * The input size\n   */\n  size?: \"small\" | string;\n};\nexport type FormControlProps<\n  Value = unknown,\n  Attributes extends HTMLAttributes<HTMLElement> = InputHTMLAttributes<HTMLInputElement>\n> = BaseFormControlProps<Value> & Omit<Attributes, \"onChange\" | \"value\" | \"size\">;\n\nexport function cleanFormControlProps(props: FormControlProps, omitted: string[] = []): any {\n  return omit(props, [\"label\", \"description\", \"prefix\", \"suffix\", \"size\", \"shadow\", ...omitted]);\n}\n\nexport function FormControl<Value = unknown>({\n  children,\n  name = \"\",\n  id = name,\n  required,\n  before,\n  after,\n  description,\n  label,\n  size,\n  className\n}: PropsWithChildren<FormControlProps<Value>>) {\n  return (\n    <div\n      data-testid={name && `form-group-${name}`}\n      id={`form-group-${name || \"\"}`}\n      className={classnames(\n        \"form-group\",\n        {\n          \"-with-before\": !!before,\n          \"-with-after\": !!after\n        },\n        size && `-size-${size}`,\n        className\n      )}\n    >\n      {label && (\n        <label htmlFor={id} data-testid='form-control-label' className={`col-form-label ${required ? \" field-required\" : \"\"}`}>\n          {label}\n        </label>\n      )}\n      <div className={\"input-group\"}>\n        {before && (\n          <div className='input-group-prepend'>\n            <span className='input-group-text' data-testid='form-control-prefix'>\n              {before}\n            </span>\n          </div>\n        )}\n        {children}\n        {after && (\n          <div className='input-group-append'>\n            <span className='input-group-text' data-testid='form-control-suffix'>\n              {after}\n            </span>\n          </div>\n        )}\n      </div>\n      {description && (\n        <div data-testid='form-control-description' className='form-text text-muted'>\n          {description}\n        </div>\n      )}\n    </div>\n  );\n}\n\nregisterComponent(\"FormControl\", FormControl);\n"],"names":["cleanFormControlProps","props","omitted","omit","FormControl","children","name","id","required","before","after","description","label","size","className","jsxs","classnames","jsx","registerComponent"],"mappings":";;;;AAwBO,SAASA,EAAsBC,GAAyBC,IAAoB,IAAS;AACnF,SAAAC,EAAKF,GAAO,CAAC,SAAS,eAAe,UAAU,UAAU,QAAQ,UAAU,GAAGC,CAAO,CAAC;AAC/F;AAEO,SAASE,EAA6B;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,IAAAC,IAAKD;AAAA,EACL,UAAAE;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACF,GAA+C;AAE3C,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAaT,KAAQ,cAAcA,CAAI;AAAA,MACvC,IAAI,cAAcA,KAAQ,EAAE;AAAA,MAC5B,WAAWU;AAAA,QACT;AAAA,QACA;AAAA,UACE,gBAAgB,CAAC,CAACP;AAAA,UAClB,eAAe,CAAC,CAACC;AAAA,QACnB;AAAA,QACAG,KAAQ,SAASA,CAAI;AAAA,QACrBC;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAAAF,KACE,gBAAAK,EAAA,SAAA,EAAM,SAASV,GAAI,eAAY,sBAAqB,WAAW,kBAAkBC,IAAW,oBAAoB,EAAE,IAChH,UACHI,GAAA;AAAA,QAEF,gBAAAG,EAAC,OAAI,EAAA,WAAW,eACb,UAAA;AAAA,UACCN,KAAA,gBAAAQ,EAAC,OAAI,EAAA,WAAU,uBACb,UAAA,gBAAAA,EAAC,QAAK,EAAA,WAAU,oBAAmB,eAAY,uBAC5C,UAAAR,EACH,CAAA,GACF;AAAA,UAEDJ;AAAA,UACAK,KACC,gBAAAO,EAAC,OAAI,EAAA,WAAU,sBACb,UAAA,gBAAAA,EAAC,QAAK,EAAA,WAAU,oBAAmB,eAAY,uBAC5C,UAAAP,EAAA,CACH,EACF,CAAA;AAAA,QAAA,GAEJ;AAAA,QACCC,KACE,gBAAAM,EAAA,OAAA,EAAI,eAAY,4BAA2B,WAAU,wBACnD,UACHN,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;AAEAO,EAAkB,eAAed,CAAW;"}
+{"version":3,"file":"FormControl.js","sources":["../../../../src/molecules/forms/form-control/FormControl.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport omit from \"lodash/omit\";\nimport { HTMLAttributes, InputHTMLAttributes, PropsWithChildren, ReactNode } from \"react\";\n\nimport { registerComponent } from \"../../../registries/components\";\n\nexport type BaseFormControlProps<Value = unknown> = {\n  label?: string;\n  description?: string | ReactNode;\n  before?: ReactNode | string;\n  after?: ReactNode | string;\n  shadow?: boolean;\n  value?: Value;\n  onChange?: (name: string | undefined, value: Value) => void;\n  /**\n   * The input size\n   */\n  size?: \"small\" | string;\n};\nexport type FormControlProps<\n  Value = unknown,\n  Attributes extends HTMLAttributes<HTMLElement> = InputHTMLAttributes<HTMLInputElement>\n> = BaseFormControlProps<Value> & Omit<Attributes, \"onChange\" | \"value\" | \"size\">;\n\nexport function cleanFormControlProps(props: FormControlProps, omitted: string[] = []): any {\n  return omit(props, [\"label\", \"description\", \"prefix\", \"suffix\", \"size\", \"shadow\", ...omitted]);\n}\n\nexport function FormControl<Value = unknown>({\n  children,\n  name = \"\",\n  id = name,\n  required,\n  before,\n  after,\n  description,\n  label,\n  size,\n  className\n}: PropsWithChildren<FormControlProps<Value>>) {\n  return (\n    <div\n      data-testid={name && `form-group-${name}`}\n      id={`form-group-${name || \"\"}`}\n      className={classnames(\n        \"form-group\",\n        {\n          \"-with-before\": !!before,\n          \"-with-after\": !!after\n        },\n        size && `-size-${size}`,\n        className\n      )}\n    >\n      {label && (\n        <label htmlFor={id} data-testid='form-control-label' className={`col-form-label ${required ? \" field-required\" : \"\"}`}>\n          {label}\n        </label>\n      )}\n      <div className={\"input-group\"}>\n        {before && (\n          <div className='input-group-prepend'>\n            <span className='input-group-text' data-testid='form-control-prefix'>\n              {before}\n            </span>\n          </div>\n        )}\n        {children}\n        {after && (\n          <div className='input-group-append'>\n            <span className='input-group-text' data-testid='form-control-suffix'>\n              {after}\n            </span>\n          </div>\n        )}\n      </div>\n      {description && (\n        <div data-testid='form-control-description' className='form-text text-muted'>\n          {description}\n        </div>\n      )}\n    </div>\n  );\n}\n\nregisterComponent(\"FormControl\", FormControl);\n"],"names":["cleanFormControlProps","props","omitted","omit","FormControl","children","name","id","required","before","after","description","label","size","className","jsxs","classnames","jsx","registerComponent"],"mappings":";;;;;;;AAwBO,SAASA,EAAsBC,GAAyBC,IAAoB,IAAS;AAC1F,SAAOC,EAAKF,GAAO,CAAC,SAAS,eAAe,UAAU,UAAU,QAAQ,UAAU,GAAGC,CAAO,CAAC;AAC/F;AAEO,SAASE,EAA6B;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,IAAAC,IAAKD;AAAA,EACL,UAAAE;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACF,GAA+C;AAC7C,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAaT,KAAQ,cAAcA,CAAI;AAAA,MACvC,IAAI,cAAcA,KAAQ,EAAE;AAAA,MAC5B,WAAWU;AAAAA,QACT;AAAA,QACA;AAAA,UACE,gBAAgB,CAAC,CAACP;AAAA,UAClB,eAAe,CAAC,CAACC;AAAA,QAAA;AAAA,QAEnBG,KAAQ,SAASA,CAAI;AAAA,QACrBC;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAF,KACC,gBAAAK,EAAC,SAAA,EAAM,SAASV,GAAI,eAAY,sBAAqB,WAAW,kBAAkBC,IAAW,oBAAoB,EAAE,IAChH,UAAAI,GACH;AAAA,QAEF,gBAAAG,EAAC,OAAA,EAAI,WAAW,eACb,UAAA;AAAA,UAAAN,KACC,gBAAAQ,EAAC,OAAA,EAAI,WAAU,uBACb,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,oBAAmB,eAAY,uBAC5C,UAAAR,EAAA,CACH,GACF;AAAA,UAEDJ;AAAA,UACAK,KACC,gBAAAO,EAAC,OAAA,EAAI,WAAU,sBACb,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,oBAAmB,eAAY,uBAC5C,UAAAP,EAAA,CACH,EAAA,CACF;AAAA,QAAA,GAEJ;AAAA,QACCC,KACC,gBAAAM,EAAC,OAAA,EAAI,eAAY,4BAA2B,WAAU,wBACnD,UAAAN,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAO,EAAkB,eAAed,CAAW;"}

package/dist/molecules/forms/input-tags/InputTags.js

@@ -1,20 +1,20 @@
-import { jsx as r } from "react/jsx-runtime";
-import { registerComponent as d, getComponent as s } from "../../../registries/components.js";
-function I(e) {
-  const { name: o, id: t = o, label: i, required: n, description: m, before: a, after: c, size: l, className: p, layout: u = "choicesjs", ...g } = e, f = s("FormControl"), C = s([`InputTags.${u}`, "Input"]);
-  return console.log("VALUE", e.value), /* @__PURE__ */ r(
-    f,
+import { jsx as n } from "react/jsx-runtime";
+import { registerComponent as d, getComponent as r } from "../../../registries/components.js";
+function I(s) {
+  const { name: o, id: t = o, label: p, required: e, description: i, before: m, after: a, size: c, className: u, layout: l = "choicesjs", ...f } = s, g = r("FormControl"), C = r([`InputTags.${l}`, "Input"]);
+  return /* @__PURE__ */ n(
+    g,
     {
       id: t,
       name: o,
-      label: i,
-      required: n,
-      description: m,
-      before: a,
-      after: c,
-      size: l,
-      className: p,
-      children: /* @__PURE__ */ r(C, { ...g, id: t, name: o, required: n })
+      label: p,
+      required: e,
+      description: i,
+      before: m,
+      after: a,
+      size: c,
+      className: u,
+      children: /* @__PURE__ */ n(C, { ...f, id: t, name: o, required: e })
     }
   );
 }

package/dist/molecules/forms/input-tags/InputTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputTags.js","sources":["../../../../src/molecules/forms/input-tags/InputTags.tsx"],"sourcesContent":["import { ComponentType } from \"react\";\n\nimport { getComponent, registerComponent } from \"../../../registries/components\";\nimport { type FormControl as DefaultFormControl } from \"../form-control/FormControl\";\nimport type { InputTagsProps } from \"./InputTags.interface\";\n\nexport function InputTags<Data = string>(props: InputTagsProps) {\n  const { name, id = name, label, required, description, before, after, size, className, layout = \"choicesjs\", ...otherProps } = props;\n\n  const FormControl = getComponent<typeof DefaultFormControl>(\"FormControl\");\n  const Component = getComponent<ComponentType<InputTagsProps<Data>>>([`InputTags.${layout}`, \"Input\"]);\n  console.log(\"VALUE\", props.value);\n  return (\n    <FormControl\n      id={id}\n      name={name}\n      label={label}\n      required={required}\n      description={description}\n      before={before}\n      after={after}\n      size={size}\n      className={className}\n    >\n      <Component {...(otherProps as any)} id={id} name={name} required={required} />\n    </FormControl>\n  );\n}\n\nregisterComponent(\"InputTags\", InputTags);\n"],"names":["InputTags","props","name","id","label","required","description","before","after","size","className","layout","otherProps","FormControl","getComponent","Component","jsx","registerComponent"],"mappings":";;AAMO,SAASA,EAAyBC,GAAuB;AAC9D,QAAM,EAAE,MAAAC,GAAM,IAAAC,IAAKD,GAAM,OAAAE,GAAO,UAAAC,GAAU,aAAAC,GAAa,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,QAAAC,IAAS,aAAa,GAAGC,MAAeX,GAEzHY,IAAcC,EAAwC,aAAa,GACnEC,IAAYD,EAAkD,CAAC,aAAaH,CAAM,IAAI,OAAO,CAAC;AAC5F,iBAAA,IAAI,SAASV,EAAM,KAAK,GAE9B,gBAAAe;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,IAAAV;AAAA,MACA,MAAAD;AAAA,MACA,OAAAE;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,QAAAC;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAAC;AAAA,MAEA,4BAACK,GAAW,EAAA,GAAIH,GAAoB,IAAAT,GAAQ,MAAAD,GAAY,UAAAG,EAAoB,CAAA;AAAA,IAAA;AAAA,EAC9E;AAEJ;AAEAY,EAAkB,aAAajB,CAAS;"}
+{"version":3,"file":"InputTags.js","sources":["../../../../src/molecules/forms/input-tags/InputTags.tsx"],"sourcesContent":["import { ComponentType } from \"react\";\n\nimport { getComponent, registerComponent } from \"../../../registries/components\";\nimport { type FormControl as DefaultFormControl } from \"../form-control/FormControl\";\nimport type { InputTagsProps } from \"./InputTags.interface\";\n\nexport function InputTags<Data = string>(props: InputTagsProps) {\n  const { name, id = name, label, required, description, before, after, size, className, layout = \"choicesjs\", ...otherProps } = props;\n\n  const FormControl = getComponent<typeof DefaultFormControl>(\"FormControl\");\n  const Component = getComponent<ComponentType<InputTagsProps<Data>>>([`InputTags.${layout}`, \"Input\"]);\n\n  return (\n    <FormControl\n      id={id}\n      name={name}\n      label={label}\n      required={required}\n      description={description}\n      before={before}\n      after={after}\n      size={size}\n      className={className}\n    >\n      <Component {...(otherProps as any)} id={id} name={name} required={required} />\n    </FormControl>\n  );\n}\n\nregisterComponent(\"InputTags\", InputTags);\n"],"names":["InputTags","props","name","id","label","required","description","before","after","size","className","layout","otherProps","FormControl","getComponent","Component","jsx","registerComponent"],"mappings":";;AAMO,SAASA,EAAyBC,GAAuB;AAC9D,QAAM,EAAE,MAAAC,GAAM,IAAAC,IAAKD,GAAM,OAAAE,GAAO,UAAAC,GAAU,aAAAC,GAAa,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,QAAAC,IAAS,aAAa,GAAGC,MAAeX,GAEzHY,IAAcC,EAAwC,aAAa,GACnEC,IAAYD,EAAkD,CAAC,aAAaH,CAAM,IAAI,OAAO,CAAC;AAEpG,SACE,gBAAAK;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,IAAAV;AAAA,MACA,MAAAD;AAAA,MACA,OAAAE;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,QAAAC;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAAC;AAAA,MAEA,4BAACK,GAAA,EAAW,GAAIH,GAAoB,IAAAT,GAAQ,MAAAD,GAAY,UAAAG,EAAA,CAAoB;AAAA,IAAA;AAAA,EAAA;AAGlF;AAEAY,EAAkB,aAAajB,CAAS;"}

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

@@ -10,46 +10,47 @@ export declare function useChoiceTags<Data = string>(props: InputTagsProps<Data>
         after?: import('react').ReactNode | string;
         shadow?: boolean;
         size?: "small" | string;
-        title?: string | undefined | undefined;
+        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;
-        slot?: string | undefined | undefined;
-        style?: import('react').CSSProperties | undefined;
-        pattern?: string | undefined | undefined;
-        children?: import('react').ReactNode;
-        className?: string | undefined | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined | undefined;
-        id?: 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;
         autoFocus?: boolean | undefined | undefined;
+        className?: string | undefined | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         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;
         tabIndex?: number | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         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;
@@ -65,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;
@@ -115,6 +115,10 @@ export declare function useChoiceTags<Data = string>(props: InputTagsProps<Data>
         'aria-valuemin'?: number | undefined | undefined;
         'aria-valuenow'?: number | undefined | undefined;
         'aria-valuetext'?: string | undefined | undefined;
+        children?: import('react').ReactNode;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined | undefined;
         onCopy?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
         onCopyCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
         onCut?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
@@ -275,31 +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;
+        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;
     };
     ref: import('react').MutableRefObject<HTMLInputElement | null>;
     instanceRef: import('react').MutableRefObject<Choices | null>;

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

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

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;AAClE,QAAA,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,KAAA,QAAAA,EAAWC,GAAM,CAAC,GAAGU,CAAM;AAAA,KAC1B,GAAG,GAEAC,IAAWH,EAAqB,CAACI,MAAiB;AAChD,UAAAF,KAAUZ,KAAS,CAAC,GAAG,OAAO,CAAC,MAAM,MAAMc,CAAM;AAEvD,IAAAb,KAAA,QAAAA,EAAWC,GAAM,CAAC,GAAGU,CAAM;AAAA,EAAC,CAC7B;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;AAEQ,MAAAa,EAAA,SAAUhB,KAAS,EAAe,GAE3CQ,EAAY,UAAUQ,GAEtBA,EAAS,cAAc,QAAQ,iBAAiB,WAAW,CAACE,MAA0C;AAC9F,QAAAT,EAAAS,EAAM,OAAO,KAAa;AAAA,MAAA,CACjC,GAEDF,EAAS,cAAc,QAAQ,iBAAiB,cAAc,CAACE,MAA0C;AAC9F,QAAAL,EAAAK,EAAM,OAAO,KAAa;AAAA,MAAA,CACpC;AAAA,IAAA;AAGH,WAAO,MAAM;AACX,MAAIV,EAAY,WACdA,EAAY,QAAQ,QAAQ;AAAA,IAEhC;AAAA,EAAA,GACC,CAACL,CAAS,CAAC,GAEP;AAAA,IACL,YAAY;AAAA,MACV,GAAGE;AAAA,MACH,MAAAH;AAAA,IACF;AAAA,IACA,KAAAI;AAAA,IACA,aAAAE;AAAA,EACF;AACF;AAEO,SAASW,EAA2BpB,GAA6B;AACtE,QAAM,EAAE,KAAAO,GAAK,YAAAD,MAAeP,EAAoBC,CAAK;AAE9C,SAAA,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;"}