@webiny/admin-ui 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

package/MultiAutoComplete/domains/ListCache.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","runInAction","toJS","ListCache","constructor","state","count","length","clear","hasItems","getItems","predicate","filter","item","map","getItem","find","undefined","addItems","items","updateItems","updater","removeItems"],"sources":["ListCache.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, toJS } from \"mobx\";\n\nexport type Constructor<T> = new (...args: any[]) => T;\n\nexport interface IListCachePredicate<T> {\n    (item: T): boolean;\n}\n\nexport interface IListCacheItemUpdater<T> {\n    (item: T): T;\n}\n\nexport interface IListCache<T> {\n    count(): number;\n    clear(): void;\n    hasItems(): boolean;\n    getItems(predicate?: IListCachePredicate<T>): T[];\n    getItem(predicate: IListCachePredicate<T>): T | undefined;\n    addItems(items: T[]): void;\n    updateItems(updater: IListCacheItemUpdater<T>): void;\n    removeItems(predicate: IListCachePredicate<T>): void;\n}\n\nexport class ListCache<T> implements IListCache<T> {\n    private state: T[];\n\n    constructor() {\n        this.state = [];\n\n        makeAutoObservable(this);\n    }\n\n    count() {\n        return this.state.length;\n    }\n\n    clear() {\n        runInAction(() => {\n            this.state = [];\n        });\n    }\n\n    hasItems() {\n        return this.state.length > 0;\n    }\n\n    getItems(predicate?: IListCachePredicate<T>): T[] {\n        if (predicate) {\n            return [...this.state.filter(item => predicate(item)).map(item => toJS(item))];\n        }\n\n        return [...this.state.map(item => toJS(item))];\n    }\n\n    getItem(predicate: IListCachePredicate<T>): T | undefined {\n        const item = this.state.find(item => predicate(item));\n\n        return item ? toJS(item) : undefined;\n    }\n\n    addItems(items: T[]) {\n        runInAction(() => {\n            this.state = [...this.state, ...items];\n        });\n    }\n\n    updateItems(updater: IListCacheItemUpdater<T>) {\n        runInAction(() => {\n            this.state = [...this.state.map(item => updater(item))];\n        });\n    }\n\n    removeItems(predicate: IListCachePredicate<T>) {\n        runInAction(() => {\n            this.state = this.state.filter(item => !predicate(item));\n        });\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,WAAW,EAAEC,IAAI,QAAQ,MAAM;AAuB5D,OAAO,MAAMC,SAAS,CAA6B;EAG/CC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,KAAK,GAAG,EAAE;IAEfL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAM,KAAKA,CAAA,EAAG;IACJ,OAAO,IAAI,CAACD,KAAK,CAACE,MAAM;EAC5B;EAEAC,KAAKA,CAAA,EAAG;IACJP,WAAW,CAAC,MAAM;MACd,IAAI,CAACI,KAAK,GAAG,EAAE;IACnB,CAAC,CAAC;EACN;EAEAI,QAAQA,CAAA,EAAG;IACP,OAAO,IAAI,CAACJ,KAAK,CAACE,MAAM,GAAG,CAAC;EAChC;EAEAG,QAAQA,CAACC,SAAkC,EAAO;IAC9C,IAAIA,SAAS,EAAE;MACX,OAAO,CAAC,GAAG,IAAI,CAACN,KAAK,CAACO,MAAM,CAACC,IAAI,IAAIF,SAAS,CAACE,IAAI,CAAC,CAAC,CAACC,GAAG,CAACD,IAAI,IAAIX,IAAI,CAACW,IAAI,CAAC,CAAC,CAAC;IAClF;IAEA,OAAO,CAAC,GAAG,IAAI,CAACR,KAAK,CAACS,GAAG,CAACD,IAAI,IAAIX,IAAI,CAACW,IAAI,CAAC,CAAC,CAAC;EAClD;EAEAE,OAAOA,CAACJ,SAAiC,EAAiB;IACtD,MAAME,IAAI,GAAG,IAAI,CAACR,KAAK,CAACW,IAAI,CAACH,IAAI,IAAIF,SAAS,CAACE,IAAI,CAAC,CAAC;IAErD,OAAOA,IAAI,GAAGX,IAAI,CAACW,IAAI,CAAC,GAAGI,SAAS;EACxC;EAEAC,QAAQA,CAACC,KAAU,EAAE;IACjBlB,WAAW,CAAC,MAAM;MACd,IAAI,CAACI,KAAK,GAAG,CAAC,GAAG,IAAI,CAACA,KAAK,EAAE,GAAGc,KAAK,CAAC;IAC1C,CAAC,CAAC;EACN;EAEAC,WAAWA,CAACC,OAAiC,EAAE;IAC3CpB,WAAW,CAAC,MAAM;MACd,IAAI,CAACI,KAAK,GAAG,CAAC,GAAG,IAAI,CAACA,KAAK,CAACS,GAAG,CAACD,IAAI,IAAIQ,OAAO,CAACR,IAAI,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC;EACN;EAEAS,WAAWA,CAACX,SAAiC,EAAE;IAC3CV,WAAW,CAAC,MAAM;MACd,IAAI,CAACI,KAAK,GAAG,IAAI,CAACA,KAAK,CAACO,MAAM,CAACC,IAAI,IAAI,CAACF,SAAS,CAACE,IAAI,CAAC,CAAC;IAC5D,CAAC,CAAC;EACN;AACJ","ignoreList":[]}
+{"version":3,"file":"MultiAutoComplete/domains/ListCache.js","sources":["../../../src/MultiAutoComplete/domains/ListCache.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, toJS } from \"mobx\";\n\nexport type Constructor<T> = new (...args: any[]) => T;\n\nexport interface IListCachePredicate<T> {\n    (item: T): boolean;\n}\n\nexport interface IListCacheItemUpdater<T> {\n    (item: T): T;\n}\n\nexport interface IListCache<T> {\n    count(): number;\n    clear(): void;\n    hasItems(): boolean;\n    getItems(predicate?: IListCachePredicate<T>): T[];\n    getItem(predicate: IListCachePredicate<T>): T | undefined;\n    addItems(items: T[]): void;\n    updateItems(updater: IListCacheItemUpdater<T>): void;\n    removeItems(predicate: IListCachePredicate<T>): void;\n}\n\nexport class ListCache<T> implements IListCache<T> {\n    private state: T[];\n\n    constructor() {\n        this.state = [];\n\n        makeAutoObservable(this);\n    }\n\n    count() {\n        return this.state.length;\n    }\n\n    clear() {\n        runInAction(() => {\n            this.state = [];\n        });\n    }\n\n    hasItems() {\n        return this.state.length > 0;\n    }\n\n    getItems(predicate?: IListCachePredicate<T>): T[] {\n        if (predicate) {\n            return [...this.state.filter(item => predicate(item)).map(item => toJS(item))];\n        }\n\n        return [...this.state.map(item => toJS(item))];\n    }\n\n    getItem(predicate: IListCachePredicate<T>): T | undefined {\n        const item = this.state.find(item => predicate(item));\n\n        return item ? toJS(item) : undefined;\n    }\n\n    addItems(items: T[]) {\n        runInAction(() => {\n            this.state = [...this.state, ...items];\n        });\n    }\n\n    updateItems(updater: IListCacheItemUpdater<T>) {\n        runInAction(() => {\n            this.state = [...this.state.map(item => updater(item))];\n        });\n    }\n\n    removeItems(predicate: IListCachePredicate<T>) {\n        runInAction(() => {\n            this.state = this.state.filter(item => !predicate(item));\n        });\n    }\n}\n"],"names":["ListCache","makeAutoObservable","runInAction","predicate","item","toJS","undefined","items","updater"],"mappings":";AAuBO,MAAMA;IAGT,aAAc;QACV,IAAI,CAAC,KAAK,GAAG,EAAE;QAEfC,mBAAmB,IAAI;IAC3B;IAEA,QAAQ;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM;IAC5B;IAEA,QAAQ;QACJC,YAAY;YACR,IAAI,CAAC,KAAK,GAAG,EAAE;QACnB;IACJ;IAEA,WAAW;QACP,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG;IAC/B;IAEA,SAASC,SAAkC,EAAO;QAC9C,IAAIA,WACA,OAAO;eAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAACC,CAAAA,OAAQD,UAAUC,OAAO,GAAG,CAACA,CAAAA,OAAQC,KAAKD;SAAO;QAGlF,OAAO;eAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAACA,CAAAA,OAAQC,KAAKD;SAAO;IAClD;IAEA,QAAQD,SAAiC,EAAiB;QACtD,MAAMC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAACA,CAAAA,OAAQD,UAAUC;QAE/C,OAAOA,OAAOC,KAAKD,QAAQE;IAC/B;IAEA,SAASC,KAAU,EAAE;QACjBL,YAAY;YACR,IAAI,CAAC,KAAK,GAAG;mBAAI,IAAI,CAAC,KAAK;mBAAKK;aAAM;QAC1C;IACJ;IAEA,YAAYC,OAAiC,EAAE;QAC3CN,YAAY;YACR,IAAI,CAAC,KAAK,GAAG;mBAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAACE,CAAAA,OAAQI,QAAQJ;aAAO;QAC3D;IACJ;IAEA,YAAYD,SAAiC,EAAE;QAC3CD,YAAY;YACR,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAACE,CAAAA,OAAQ,CAACD,UAAUC;QACtD;IACJ;AACJ"}

package/MultiAutoComplete/domains/MultiAutoCompleteOption.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=MultiAutoCompleteOption.js.map

package/MultiAutoComplete/domains/MultiAutoCompleteOptionDto.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=MultiAutoCompleteOptionDto.js.map

package/MultiAutoComplete/domains/index.js

@@ -1,3 +1 @@
 export * from "./ListCache.js";
-
-//# sourceMappingURL=index.js.map

package/MultiAutoComplete/index.js

@@ -1,3 +1 @@
 export * from "./MultiAutoComplete.js";
-
-//# sourceMappingURL=index.js.map

package/MultiAutoComplete/primitives/MultiAutoCompletePrimitive.js

@@ -1,86 +1,83 @@
-import React from "react";
+import react from "react";
 import { Command } from "../../Command/index.js";
 import { PopoverPrimitive } from "../../Popover/index.js";
 import { makeDecoratable } from "../../utils.js";
 import { useMultiAutoComplete } from "./useMultiAutoComplete.js";
 import { MultiAutoCompleteInput, MultiAutoCompleteInputIcons, MultiAutoCompleteList } from "./components/index.js";
-const DecoratableMultiAutoCompletePrimitive = props => {
-  const {
-    vm,
-    setListOpenState,
-    setSelectedOption,
-    searchOption,
-    removeSelectedOption,
-    resetSelectedOptions,
-    createOption
-  } = useMultiAutoComplete(props);
-  const handleKeyDown = React.useCallback(event => {
-    if (props.disabled) {
-      return;
-    }
-    if (!vm.optionsListVm.open) {
-      setListOpenState(true);
-    }
-    if (event.key.toLowerCase() === "escape") {
-      setListOpenState(false);
-    }
-  }, [props.disabled, setListOpenState, setSelectedOption, vm.optionsListVm.open]);
-  const handleSelectOption = React.useCallback(value => {
-    setSelectedOption(value);
-    setListOpenState(false);
-  }, [setSelectedOption, setListOpenState]);
-  const handleCreateOption = React.useCallback(value => {
-    createOption(value);
-    setListOpenState(false);
-  }, [createOption, setListOpenState]);
-  return /*#__PURE__*/React.createElement(PopoverPrimitive, {
-    open: vm.optionsListVm.open,
-    onOpenChange: () => setListOpenState(true)
-  }, /*#__PURE__*/React.createElement(Command, {
-    label: String(props.label),
-    onKeyDown: handleKeyDown
-  }, /*#__PURE__*/React.createElement(PopoverPrimitive.Trigger, {
-    asChild: true
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(MultiAutoCompleteInput, {
-    inputRef: props.inputRef,
-    value: vm.inputVm.value,
-    placeholder: vm.inputVm.placeholder,
-    changeValue: searchOption,
-    closeList: () => setListOpenState(false),
-    openList: () => setListOpenState(true),
-    variant: props.variant,
-    size: props.size,
-    invalid: props.invalid,
-    removeSelectedOption: removeSelectedOption,
-    selectedOptionRenderer: props.selectedOptionRenderer,
-    selectedOptions: vm.selectedOptionsVm.options,
-    disabled: props.disabled,
-    startIcon: props.startIcon,
-    endIcon: /*#__PURE__*/React.createElement(MultiAutoCompleteInputIcons, {
-      inputSize: props.size,
-      inputVariant: props.variant,
-      displayResetAction: !vm.selectedOptionsVm.empty && vm.inputVm.displayResetAction,
-      disabled: props.disabled,
-      loading: props.loading,
-      onResetValue: resetSelectedOptions,
-      onOpenChange: () => setListOpenState(!vm.optionsListVm.open)
-    })
-  }))), /*#__PURE__*/React.createElement(PopoverPrimitive.Content, {
-    style: {
-      width: "var(--radix-popover-trigger-width)"
-    },
-    onOpenAutoFocus: e => e.preventDefault()
-  }, /*#__PURE__*/React.createElement(MultiAutoCompleteList, {
-    emptyMessage: vm.optionsListVm.emptyMessage,
-    empty: vm.optionsListVm.empty,
-    loading: props.loading,
-    loadingMessage: vm.optionsListVm.loadingMessage,
-    onOptionCreate: handleCreateOption,
-    onOptionSelect: handleSelectOption,
-    optionRenderer: props.optionRenderer,
-    options: vm.optionsListVm.options,
-    temporaryOption: vm.temporaryOptionVm.option
-  }))));
+const DecoratableMultiAutoCompletePrimitive = (props)=>{
+    const { vm, setListOpenState, setSelectedOption, searchOption, removeSelectedOption, resetSelectedOptions, createOption } = useMultiAutoComplete(props);
+    const handleKeyDown = react.useCallback((event)=>{
+        if (props.disabled) return;
+        if (!vm.optionsListVm.open) setListOpenState(true);
+        if ("escape" === event.key.toLowerCase()) setListOpenState(false);
+    }, [
+        props.disabled,
+        setListOpenState,
+        setSelectedOption,
+        vm.optionsListVm.open
+    ]);
+    const handleSelectOption = react.useCallback((value)=>{
+        setSelectedOption(value);
+        setListOpenState(false);
+    }, [
+        setSelectedOption,
+        setListOpenState
+    ]);
+    const handleCreateOption = react.useCallback((value)=>{
+        createOption(value);
+        setListOpenState(false);
+    }, [
+        createOption,
+        setListOpenState
+    ]);
+    return /*#__PURE__*/ react.createElement(PopoverPrimitive, {
+        open: vm.optionsListVm.open,
+        onOpenChange: ()=>setListOpenState(true)
+    }, /*#__PURE__*/ react.createElement(Command, {
+        label: String(props.label),
+        onKeyDown: handleKeyDown
+    }, /*#__PURE__*/ react.createElement(PopoverPrimitive.Trigger, {
+        asChild: true
+    }, /*#__PURE__*/ react.createElement("span", null, /*#__PURE__*/ react.createElement(MultiAutoCompleteInput, {
+        inputRef: props.inputRef,
+        value: vm.inputVm.value,
+        placeholder: vm.inputVm.placeholder,
+        changeValue: searchOption,
+        closeList: ()=>setListOpenState(false),
+        openList: ()=>setListOpenState(true),
+        variant: props.variant,
+        size: props.size,
+        invalid: props.invalid,
+        removeSelectedOption: removeSelectedOption,
+        selectedOptionRenderer: props.selectedOptionRenderer,
+        selectedOptions: vm.selectedOptionsVm.options,
+        disabled: props.disabled,
+        startIcon: props.startIcon,
+        endIcon: /*#__PURE__*/ react.createElement(MultiAutoCompleteInputIcons, {
+            inputSize: props.size,
+            inputVariant: props.variant,
+            displayResetAction: !vm.selectedOptionsVm.empty && vm.inputVm.displayResetAction,
+            disabled: props.disabled,
+            loading: props.loading,
+            onResetValue: resetSelectedOptions,
+            onOpenChange: ()=>setListOpenState(!vm.optionsListVm.open)
+        })
+    }))), /*#__PURE__*/ react.createElement(PopoverPrimitive.Content, {
+        style: {
+            width: "var(--radix-popover-trigger-width)"
+        },
+        onOpenAutoFocus: (e)=>e.preventDefault()
+    }, /*#__PURE__*/ react.createElement(MultiAutoCompleteList, {
+        emptyMessage: vm.optionsListVm.emptyMessage,
+        empty: vm.optionsListVm.empty,
+        loading: props.loading,
+        loadingMessage: vm.optionsListVm.loadingMessage,
+        onOptionCreate: handleCreateOption,
+        onOptionSelect: handleSelectOption,
+        optionRenderer: props.optionRenderer,
+        options: vm.optionsListVm.options,
+        temporaryOption: vm.temporaryOptionVm.option
+    }))));
 };
 const MultiAutoCompletePrimitive = makeDecoratable("MultiAutoCompletePrimitive", DecoratableMultiAutoCompletePrimitive);
 export { MultiAutoCompletePrimitive };

package/MultiAutoComplete/primitives/MultiAutoCompletePrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Command","PopoverPrimitive","makeDecoratable","useMultiAutoComplete","MultiAutoCompleteInput","MultiAutoCompleteInputIcons","MultiAutoCompleteList","DecoratableMultiAutoCompletePrimitive","props","vm","setListOpenState","setSelectedOption","searchOption","removeSelectedOption","resetSelectedOptions","createOption","handleKeyDown","useCallback","event","disabled","optionsListVm","open","key","toLowerCase","handleSelectOption","value","handleCreateOption","createElement","onOpenChange","label","String","onKeyDown","Trigger","asChild","inputRef","inputVm","placeholder","changeValue","closeList","openList","variant","size","invalid","selectedOptionRenderer","selectedOptions","selectedOptionsVm","options","startIcon","endIcon","inputSize","inputVariant","displayResetAction","empty","loading","onResetValue","Content","style","width","onOpenAutoFocus","e","preventDefault","emptyMessage","loadingMessage","onOptionCreate","onOptionSelect","optionRenderer","temporaryOption","temporaryOptionVm","option","MultiAutoCompletePrimitive"],"sources":["MultiAutoCompletePrimitive.tsx"],"sourcesContent":["import type { KeyboardEvent } from \"react\";\nimport React from \"react\";\nimport { Command } from \"~/Command/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { InputPrimitiveProps } from \"~/Input/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { useMultiAutoComplete } from \"./useMultiAutoComplete.js\";\nimport {\n    MultiAutoCompleteInput,\n    MultiAutoCompleteInputIcons,\n    MultiAutoCompleteList\n} from \"./components/index.js\";\nimport type { MultiAutoCompleteOption } from \"../domains/index.js\";\nimport type { Icon } from \"~/Icon/index.js\";\n\ninterface MultiAutoCompletePrimitiveProps {\n    /**\n     * Allows free input of values not present in the options.\n     */\n    allowFreeInput?: boolean;\n    /**\n     * Indicates if the reset action should be displayed.\n     */\n    displayResetAction?: boolean;\n    /**\n     * Indicates if the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Message to display when there are no options.\n     */\n    emptyMessage?: React.ReactNode;\n    /**\n     * Indicates if the input field is invalid.\n     * Refer to `InputPrimitiveProps[\"invalid\"]` for possible values.\n     */\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    /**\n     * Message to display when there are no options loaded or selected.\n     * Use it to invite the user to interact with the autocomplete by typing a value.\n     */\n    initialMessage?: React.ReactNode;\n    /**\n     * Reference to the input element.\n     */\n    inputRef?: React.Ref<HTMLInputElement>;\n    /**\n     * Accessible label for the command menu. Not shown visibly.\n     */\n    label?: React.ReactNode;\n    /**\n     * Indicates if the autocomplete is loading options.\n     */\n    loading?: boolean;\n    /**\n     * Message to display while loading options.\n     */\n    loadingMessage?: React.ReactNode;\n    /**\n     * Callback triggered when the open state changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Callback triggered when a value has been searched by the user.\n     */\n    onValueSearch?: (value: string) => void;\n    /**\n     * Callback triggered when the values change.\n     */\n    onValuesChange: (values: string[]) => void;\n    /**\n     * Callback triggered to reset the values.\n     */\n    onValuesReset?: () => void;\n    /**\n     * List of options for the autocomplete.\n     */\n    options?: MultiAutoCompleteOption[];\n    /**\n     * Custom renderer for the options.\n     */\n    optionRenderer?: (item: any, index: number) => React.ReactNode;\n    /**\n     * Placeholder text for the input field.\n     */\n    placeholder?: string;\n    /**\n     * Size of the input field.\n     * Refer to `InputPrimitiveProps[\"size\"]` for possible values.\n     */\n    size?: InputPrimitiveProps[\"size\"];\n    /**\n     * Custom renderer for the selected options.\n     */\n    selectedOptionRenderer?: (item: any, index: number) => React.ReactNode;\n    /**\n     * Icon to be displayed at the start of the input field.\n     */\n    startIcon?: React.ReactElement<typeof Icon> | React.ReactElement;\n    /**\n     * Ensures that each value is unique.\n     */\n    uniqueValues?: boolean;\n    /**\n     * Variant of the input field.\n     * Refer to `InputPrimitiveProps[\"variant\"]` for possible values.\n     */\n    variant?: InputPrimitiveProps[\"variant\"];\n    /**\n     * Optional selected items.\n     */\n    values?: string[];\n}\n\nconst DecoratableMultiAutoCompletePrimitive = (props: MultiAutoCompletePrimitiveProps) => {\n    const {\n        vm,\n        setListOpenState,\n        setSelectedOption,\n        searchOption,\n        removeSelectedOption,\n        resetSelectedOptions,\n        createOption\n    } = useMultiAutoComplete(props);\n\n    const handleKeyDown = React.useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            if (props.disabled) {\n                return;\n            }\n\n            if (!vm.optionsListVm.open) {\n                setListOpenState(true);\n            }\n\n            if (event.key.toLowerCase() === \"escape\") {\n                setListOpenState(false);\n            }\n        },\n        [props.disabled, setListOpenState, setSelectedOption, vm.optionsListVm.open]\n    );\n\n    const handleSelectOption = React.useCallback(\n        (value: string) => {\n            setSelectedOption(value);\n            setListOpenState(false);\n        },\n        [setSelectedOption, setListOpenState]\n    );\n\n    const handleCreateOption = React.useCallback(\n        (value: string) => {\n            createOption(value);\n            setListOpenState(false);\n        },\n        [createOption, setListOpenState]\n    );\n\n    return (\n        <PopoverPrimitive open={vm.optionsListVm.open} onOpenChange={() => setListOpenState(true)}>\n            <Command label={String(props.label)} onKeyDown={handleKeyDown}>\n                <PopoverPrimitive.Trigger asChild>\n                    <span>\n                        <MultiAutoCompleteInput\n                            inputRef={props.inputRef}\n                            value={vm.inputVm.value}\n                            placeholder={vm.inputVm.placeholder}\n                            changeValue={searchOption}\n                            closeList={() => setListOpenState(false)}\n                            openList={() => setListOpenState(true)}\n                            variant={props.variant}\n                            size={props.size}\n                            invalid={props.invalid}\n                            removeSelectedOption={removeSelectedOption}\n                            selectedOptionRenderer={props.selectedOptionRenderer}\n                            selectedOptions={vm.selectedOptionsVm.options}\n                            disabled={props.disabled}\n                            startIcon={props.startIcon}\n                            endIcon={\n                                <MultiAutoCompleteInputIcons\n                                    inputSize={props.size}\n                                    inputVariant={props.variant}\n                                    displayResetAction={\n                                        !vm.selectedOptionsVm.empty && vm.inputVm.displayResetAction\n                                    }\n                                    disabled={props.disabled}\n                                    loading={props.loading}\n                                    onResetValue={resetSelectedOptions}\n                                    onOpenChange={() => setListOpenState(!vm.optionsListVm.open)}\n                                />\n                            }\n                        />\n                    </span>\n                </PopoverPrimitive.Trigger>\n                <PopoverPrimitive.Content\n                    style={{ width: \"var(--radix-popover-trigger-width)\" }}\n                    onOpenAutoFocus={e => e.preventDefault()}\n                >\n                    <MultiAutoCompleteList\n                        emptyMessage={vm.optionsListVm.emptyMessage}\n                        empty={vm.optionsListVm.empty}\n                        loading={props.loading}\n                        loadingMessage={vm.optionsListVm.loadingMessage}\n                        onOptionCreate={handleCreateOption}\n                        onOptionSelect={handleSelectOption}\n                        optionRenderer={props.optionRenderer}\n                        options={vm.optionsListVm.options}\n                        temporaryOption={vm.temporaryOptionVm.option}\n                    />\n                </PopoverPrimitive.Content>\n            </Command>\n        </PopoverPrimitive>\n    );\n};\n\nconst MultiAutoCompletePrimitive = makeDecoratable(\n    \"MultiAutoCompletePrimitive\",\n    DecoratableMultiAutoCompletePrimitive\n);\n\nexport { MultiAutoCompletePrimitive, type MultiAutoCompletePrimitiveProps };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MultiAutoComplete/primitives/MultiAutoCompletePrimitive.js","sources":["../../../src/MultiAutoComplete/primitives/MultiAutoCompletePrimitive.tsx"],"sourcesContent":["import type { KeyboardEvent } from \"react\";\nimport React from \"react\";\nimport { Command } from \"~/Command/index.js\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport type { InputPrimitiveProps } from \"~/Input/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { useMultiAutoComplete } from \"./useMultiAutoComplete.js\";\nimport {\n    MultiAutoCompleteInput,\n    MultiAutoCompleteInputIcons,\n    MultiAutoCompleteList\n} from \"./components/index.js\";\nimport type { MultiAutoCompleteOption } from \"../domains/index.js\";\nimport type { Icon } from \"~/Icon/index.js\";\n\ninterface MultiAutoCompletePrimitiveProps {\n    /**\n     * Allows free input of values not present in the options.\n     */\n    allowFreeInput?: boolean;\n    /**\n     * Indicates if the reset action should be displayed.\n     */\n    displayResetAction?: boolean;\n    /**\n     * Indicates if the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Message to display when there are no options.\n     */\n    emptyMessage?: React.ReactNode;\n    /**\n     * Indicates if the input field is invalid.\n     * Refer to `InputPrimitiveProps[\"invalid\"]` for possible values.\n     */\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    /**\n     * Message to display when there are no options loaded or selected.\n     * Use it to invite the user to interact with the autocomplete by typing a value.\n     */\n    initialMessage?: React.ReactNode;\n    /**\n     * Reference to the input element.\n     */\n    inputRef?: React.Ref<HTMLInputElement>;\n    /**\n     * Accessible label for the command menu. Not shown visibly.\n     */\n    label?: React.ReactNode;\n    /**\n     * Indicates if the autocomplete is loading options.\n     */\n    loading?: boolean;\n    /**\n     * Message to display while loading options.\n     */\n    loadingMessage?: React.ReactNode;\n    /**\n     * Callback triggered when the open state changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Callback triggered when a value has been searched by the user.\n     */\n    onValueSearch?: (value: string) => void;\n    /**\n     * Callback triggered when the values change.\n     */\n    onValuesChange: (values: string[]) => void;\n    /**\n     * Callback triggered to reset the values.\n     */\n    onValuesReset?: () => void;\n    /**\n     * List of options for the autocomplete.\n     */\n    options?: MultiAutoCompleteOption[];\n    /**\n     * Custom renderer for the options.\n     */\n    optionRenderer?: (item: any, index: number) => React.ReactNode;\n    /**\n     * Placeholder text for the input field.\n     */\n    placeholder?: string;\n    /**\n     * Size of the input field.\n     * Refer to `InputPrimitiveProps[\"size\"]` for possible values.\n     */\n    size?: InputPrimitiveProps[\"size\"];\n    /**\n     * Custom renderer for the selected options.\n     */\n    selectedOptionRenderer?: (item: any, index: number) => React.ReactNode;\n    /**\n     * Icon to be displayed at the start of the input field.\n     */\n    startIcon?: React.ReactElement<typeof Icon> | React.ReactElement;\n    /**\n     * Ensures that each value is unique.\n     */\n    uniqueValues?: boolean;\n    /**\n     * Variant of the input field.\n     * Refer to `InputPrimitiveProps[\"variant\"]` for possible values.\n     */\n    variant?: InputPrimitiveProps[\"variant\"];\n    /**\n     * Optional selected items.\n     */\n    values?: string[];\n}\n\nconst DecoratableMultiAutoCompletePrimitive = (props: MultiAutoCompletePrimitiveProps) => {\n    const {\n        vm,\n        setListOpenState,\n        setSelectedOption,\n        searchOption,\n        removeSelectedOption,\n        resetSelectedOptions,\n        createOption\n    } = useMultiAutoComplete(props);\n\n    const handleKeyDown = React.useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            if (props.disabled) {\n                return;\n            }\n\n            if (!vm.optionsListVm.open) {\n                setListOpenState(true);\n            }\n\n            if (event.key.toLowerCase() === \"escape\") {\n                setListOpenState(false);\n            }\n        },\n        [props.disabled, setListOpenState, setSelectedOption, vm.optionsListVm.open]\n    );\n\n    const handleSelectOption = React.useCallback(\n        (value: string) => {\n            setSelectedOption(value);\n            setListOpenState(false);\n        },\n        [setSelectedOption, setListOpenState]\n    );\n\n    const handleCreateOption = React.useCallback(\n        (value: string) => {\n            createOption(value);\n            setListOpenState(false);\n        },\n        [createOption, setListOpenState]\n    );\n\n    return (\n        <PopoverPrimitive open={vm.optionsListVm.open} onOpenChange={() => setListOpenState(true)}>\n            <Command label={String(props.label)} onKeyDown={handleKeyDown}>\n                <PopoverPrimitive.Trigger asChild>\n                    <span>\n                        <MultiAutoCompleteInput\n                            inputRef={props.inputRef}\n                            value={vm.inputVm.value}\n                            placeholder={vm.inputVm.placeholder}\n                            changeValue={searchOption}\n                            closeList={() => setListOpenState(false)}\n                            openList={() => setListOpenState(true)}\n                            variant={props.variant}\n                            size={props.size}\n                            invalid={props.invalid}\n                            removeSelectedOption={removeSelectedOption}\n                            selectedOptionRenderer={props.selectedOptionRenderer}\n                            selectedOptions={vm.selectedOptionsVm.options}\n                            disabled={props.disabled}\n                            startIcon={props.startIcon}\n                            endIcon={\n                                <MultiAutoCompleteInputIcons\n                                    inputSize={props.size}\n                                    inputVariant={props.variant}\n                                    displayResetAction={\n                                        !vm.selectedOptionsVm.empty && vm.inputVm.displayResetAction\n                                    }\n                                    disabled={props.disabled}\n                                    loading={props.loading}\n                                    onResetValue={resetSelectedOptions}\n                                    onOpenChange={() => setListOpenState(!vm.optionsListVm.open)}\n                                />\n                            }\n                        />\n                    </span>\n                </PopoverPrimitive.Trigger>\n                <PopoverPrimitive.Content\n                    style={{ width: \"var(--radix-popover-trigger-width)\" }}\n                    onOpenAutoFocus={e => e.preventDefault()}\n                >\n                    <MultiAutoCompleteList\n                        emptyMessage={vm.optionsListVm.emptyMessage}\n                        empty={vm.optionsListVm.empty}\n                        loading={props.loading}\n                        loadingMessage={vm.optionsListVm.loadingMessage}\n                        onOptionCreate={handleCreateOption}\n                        onOptionSelect={handleSelectOption}\n                        optionRenderer={props.optionRenderer}\n                        options={vm.optionsListVm.options}\n                        temporaryOption={vm.temporaryOptionVm.option}\n                    />\n                </PopoverPrimitive.Content>\n            </Command>\n        </PopoverPrimitive>\n    );\n};\n\nconst MultiAutoCompletePrimitive = makeDecoratable(\n    \"MultiAutoCompletePrimitive\",\n    DecoratableMultiAutoCompletePrimitive\n);\n\nexport { MultiAutoCompletePrimitive, type MultiAutoCompletePrimitiveProps };\n"],"names":["DecoratableMultiAutoCompletePrimitive","props","vm","setListOpenState","setSelectedOption","searchOption","removeSelectedOption","resetSelectedOptions","createOption","useMultiAutoComplete","handleKeyDown","React","event","handleSelectOption","value","handleCreateOption","PopoverPrimitive","Command","String","MultiAutoCompleteInput","MultiAutoCompleteInputIcons","e","MultiAutoCompleteList","MultiAutoCompletePrimitive","makeDecoratable"],"mappings":";;;;;;AAkHA,MAAMA,wCAAwC,CAACC;IAC3C,MAAM,EACFC,EAAE,EACFC,gBAAgB,EAChBC,iBAAiB,EACjBC,YAAY,EACZC,oBAAoB,EACpBC,oBAAoB,EACpBC,YAAY,EACf,GAAGC,qBAAqBR;IAEzB,MAAMS,gBAAgBC,MAAAA,WAAiB,CACnC,CAACC;QACG,IAAIX,MAAM,QAAQ,EACd;QAGJ,IAAI,CAACC,GAAG,aAAa,CAAC,IAAI,EACtBC,iBAAiB;QAGrB,IAAIS,AAA4B,aAA5BA,MAAM,GAAG,CAAC,WAAW,IACrBT,iBAAiB;IAEzB,GACA;QAACF,MAAM,QAAQ;QAAEE;QAAkBC;QAAmBF,GAAG,aAAa,CAAC,IAAI;KAAC;IAGhF,MAAMW,qBAAqBF,MAAAA,WAAiB,CACxC,CAACG;QACGV,kBAAkBU;QAClBX,iBAAiB;IACrB,GACA;QAACC;QAAmBD;KAAiB;IAGzC,MAAMY,qBAAqBJ,MAAAA,WAAiB,CACxC,CAACG;QACGN,aAAaM;QACbX,iBAAiB;IACrB,GACA;QAACK;QAAcL;KAAiB;IAGpC,OAAO,WAAP,GACI,oBAACa,kBAAgBA;QAAC,MAAMd,GAAG,aAAa,CAAC,IAAI;QAAE,cAAc,IAAMC,iBAAiB;qBAChF,oBAACc,SAAOA;QAAC,OAAOC,OAAOjB,MAAM,KAAK;QAAG,WAAWS;qBAC5C,oBAACM,iBAAiB,OAAO;QAAC;qBACtB,oBAAC,4BACG,oBAACG,wBAAsBA;QACnB,UAAUlB,MAAM,QAAQ;QACxB,OAAOC,GAAG,OAAO,CAAC,KAAK;QACvB,aAAaA,GAAG,OAAO,CAAC,WAAW;QACnC,aAAaG;QACb,WAAW,IAAMF,iBAAiB;QAClC,UAAU,IAAMA,iBAAiB;QACjC,SAASF,MAAM,OAAO;QACtB,MAAMA,MAAM,IAAI;QAChB,SAASA,MAAM,OAAO;QACtB,sBAAsBK;QACtB,wBAAwBL,MAAM,sBAAsB;QACpD,iBAAiBC,GAAG,iBAAiB,CAAC,OAAO;QAC7C,UAAUD,MAAM,QAAQ;QACxB,WAAWA,MAAM,SAAS;QAC1B,uBACI,oBAACmB,6BAA2BA;YACxB,WAAWnB,MAAM,IAAI;YACrB,cAAcA,MAAM,OAAO;YAC3B,oBACI,CAACC,GAAG,iBAAiB,CAAC,KAAK,IAAIA,GAAG,OAAO,CAAC,kBAAkB;YAEhE,UAAUD,MAAM,QAAQ;YACxB,SAASA,MAAM,OAAO;YACtB,cAAcM;YACd,cAAc,IAAMJ,iBAAiB,CAACD,GAAG,aAAa,CAAC,IAAI;;wBAM/E,oBAACc,iBAAiB,OAAO;QACrB,OAAO;YAAE,OAAO;QAAqC;QACrD,iBAAiBK,CAAAA,IAAKA,EAAE,cAAc;qBAEtC,oBAACC,uBAAqBA;QAClB,cAAcpB,GAAG,aAAa,CAAC,YAAY;QAC3C,OAAOA,GAAG,aAAa,CAAC,KAAK;QAC7B,SAASD,MAAM,OAAO;QACtB,gBAAgBC,GAAG,aAAa,CAAC,cAAc;QAC/C,gBAAgBa;QAChB,gBAAgBF;QAChB,gBAAgBZ,MAAM,cAAc;QACpC,SAASC,GAAG,aAAa,CAAC,OAAO;QACjC,iBAAiBA,GAAG,iBAAiB,CAAC,MAAM;;AAMpE;AAEA,MAAMqB,6BAA6BC,gBAC/B,8BACAxB"}