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

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;"}