@tsed/react-formio 2.3.6 → 3.0.0-alpha.10

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

@@ -0,0 +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;"}

package/dist/molecules/forms/input-tags/all.d.ts

@@ -0,0 +1,2 @@
+export * from './InputTags';
+export * from './InputTags.interface';

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

@@ -0,0 +1,9 @@
+import "../form-control/FormControl.js";
+import "./components/ChoicesTags.js";
+import "./components/ReactTags.js";
+import "../input-text/InputText.js";
+import { InputTags as a } from "./InputTags.js";
+export {
+  a as InputTags
+};
+//# sourceMappingURL=all.js.map

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

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

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

@@ -0,0 +1,307 @@
+import { default as Choices } from '@formio/choices.js';
+import { InputTagsProps } from '../InputTags.interface';
+export declare function useChoiceTags<Data = string>(props: InputTagsProps<Data>): {
+    otherProps: {
+        name: string;
+        layout?: "html5" | "react" | "choicesjs";
+        label?: string;
+        description?: string | import('react').ReactNode;
+        before?: import('react').ReactNode | string;
+        after?: import('react').ReactNode | string;
+        shadow?: boolean;
+        size?: "small" | string;
+        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;
+        autoCapitalize?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        color?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        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;
+        'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        'aria-busy'?: (boolean | "true" | "false") | undefined;
+        'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        'aria-colcount'?: number | undefined | undefined;
+        'aria-colindex'?: number | undefined | undefined;
+        'aria-colspan'?: number | undefined | undefined;
+        'aria-controls'?: string | undefined | undefined;
+        'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        'aria-describedby'?: string | undefined | undefined;
+        'aria-details'?: string | undefined | undefined;
+        'aria-disabled'?: (boolean | "true" | "false") | undefined;
+        'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        'aria-errormessage'?: string | undefined | undefined;
+        'aria-expanded'?: (boolean | "true" | "false") | undefined;
+        'aria-flowto'?: string | undefined | undefined;
+        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+        'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        'aria-hidden'?: (boolean | "true" | "false") | undefined;
+        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        'aria-keyshortcuts'?: string | undefined | undefined;
+        'aria-label'?: string | undefined | undefined;
+        'aria-labelledby'?: string | undefined | undefined;
+        'aria-level'?: number | undefined | undefined;
+        'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
+        'aria-modal'?: (boolean | "true" | "false") | undefined;
+        'aria-multiline'?: (boolean | "true" | "false") | undefined;
+        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+        'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
+        'aria-owns'?: string | undefined | undefined;
+        'aria-placeholder'?: string | undefined | undefined;
+        'aria-posinset'?: number | undefined | undefined;
+        'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        'aria-readonly'?: (boolean | "true" | "false") | undefined;
+        'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        'aria-required'?: (boolean | "true" | "false") | undefined;
+        'aria-roledescription'?: string | undefined | undefined;
+        'aria-rowcount'?: number | undefined | undefined;
+        'aria-rowindex'?: number | undefined | undefined;
+        'aria-rowspan'?: number | undefined | undefined;
+        'aria-selected'?: (boolean | "true" | "false") | undefined;
+        'aria-setsize'?: number | undefined | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        'aria-valuemax'?: number | undefined | undefined;
+        '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;
+        onCutCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
+        onPaste?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
+        onPasteCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCompositionEnd?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionStart?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionUpdate?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
+        onFocus?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
+        onFocusCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
+        onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
+        onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
+        onChangeCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onBeforeInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onBeforeInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onReset?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onResetCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onSubmit?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onSubmitCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onInvalid?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onInvalidCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+        onLoad?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onError?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onErrorCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onKeyDown?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyPress?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyUp?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
+        onAbort?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onAbortCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlayThrough?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onDurationChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onDurationChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onEmptied?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onEmptiedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onEncrypted?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onEncryptedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onEnded?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onEndedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedData?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedDataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedMetadata?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadStart?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadStartCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onPause?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onPauseCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onPlaying?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onPlayingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onProgress?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onSeekingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onStalled?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onStalledCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onSuspend?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onSuspendCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onTimeUpdate?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onVolumeChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onWaiting?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onWaitingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onAuxClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onAuxClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onContextMenu?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onContextMenuCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onDoubleClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onDoubleClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onDrag?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnd?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragEndCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnter?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnterCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragExit?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragExitCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragLeave?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragLeaveCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragOver?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragOverCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragStart?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragStartCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDrop?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDropCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onMouseDown?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseDownCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseEnter?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseLeave?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseMove?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseMoveCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOut?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOutCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOver?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOverCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseUp?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseUpCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onSelect?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onSelectCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onTouchCancel?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchCancelCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchEnd?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchEndCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchMove?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchMoveCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchStart?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchStartCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
+        onPointerDown?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerDownCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerMove?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerMoveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerUp?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerUpCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOutCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onGotPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onLostPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
+        onScroll?: import('react').UIEventHandler<HTMLInputElement> | undefined;
+        onScrollCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
+        onWheel?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
+        onWheelCapture?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
+        onAnimationStart?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationEnd?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationIteration?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
+        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;
+        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>;
+};
+export declare function ChoicesTags<Data = string>(props: InputTagsProps<Data>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +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]);
+  });
+  return P(() => {
+    if (i.current) {
+      const t = new E(i.current, {
+        duplicateItemsAllowed: !1,
+        ...a,
+        delimiter: m,
+        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);
+      });
+    }
+    return () => {
+      s.current && s.current.destroy();
+    };
+  }, [m]), {
+    otherProps: {
+      ...p,
+      name: c
+    },
+    ref: i,
+    instanceRef: s
+  };
+}
+function j(n) {
+  const { ref: o, otherProps: e } = T(n);
+  return /* @__PURE__ */ I("input", { type: "text", ...x(e), ref: o });
+}
+h("InputTags.choicesjs", j);
+export {
+  j as ChoicesTags,
+  T as useChoiceTags
+};
+//# sourceMappingURL=ChoicesTags.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+import { InputTagsProps } from '../InputTags.interface';
+export declare function ReactTags(props: InputTagsProps): import("react/jsx-runtime").JSX.Element;