@webiny/admin-ui 6.0.0-alpha.5 → 6.0.0-rc.0

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInput.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import type { InputPrimitiveProps } from "../../../Input";
-import type { CommandOptionFormatted } from "../../../Command";
-import { type VariantProps } from "../../../utils";
+import type { InputPrimitiveProps } from "../../../Input/index.js";
+import type { CommandOptionFormatted } from "../../../Command/index.js";
+import { type VariantProps } from "../../../utils.js";
 declare const multiAutoCompleteInputVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInput.js

@@ -1,12 +1,12 @@
 import React from "react";
-import { InputIcon, inputVariants } from "../../../Input";
-import { Command } from "../../../Command";
-import { Tag } from "../../../Tag";
-import { cn, cva } from "../../../utils";
-const multiAutoCompleteInputVariants = cva("wby-relative placeholder:wby-text-neutral-dimmed", {
+import { InputIcon, inputVariants } from "../../../Input/index.js";
+import { Command } from "../../../Command/index.js";
+import { Tag } from "../../../Tag/index.js";
+import { cn, cva } from "../../../utils.js";
+const multiAutoCompleteInputVariants = cva("relative placeholder:text-neutral-dimmed", {
   variants: {
     disabled: {
-      true: "wby-cursor-not-allowed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled"
+      true: "cursor-not-allowed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled"
     }
   }
 });
@@ -69,9 +69,9 @@ const MultiAutoCompleteInput = ({
     icon: startIcon,
     inputSize: size
   }), /*#__PURE__*/React.createElement("div", {
-    className: "wby-relative wby-flex wby-flex-wrap wby-flex-1 wby-gap-xs"
+    className: "relative flex flex-wrap flex-1 gap-xs"
   }, renderSelectedOptions(selectedOptions), /*#__PURE__*/React.createElement(Command.Input, {
-    className: "wby-bg-transparent wby-border-none wby-outline-none",
+    className: "bg-transparent border-none outline-none",
     value: value,
     onValueChange: changeValue,
     placeholder: placeholder,

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","InputIcon","inputVariants","Command","Tag","cn","cva","multiAutoCompleteInputVariants","variants","disabled","true","MultiAutoCompleteInput","changeValue","closeList","endIcon","invalid","openList","placeholder","removeSelectedOption","selectedOptionRenderer","selectedOptions","size","startIcon","value","variant","className","inputRef","parentInputRef","props","focused","setFocused","useState","useMemo","createRef","renderSelectedOptions","useCallback","options","map","option","index","item","call","createElement","key","content","label","onDismiss","Object","assign","onClick","current","focus","icon","inputSize","Input","onValueChange","onBlur","onFocus","inputElement","type","ref"],"sources":["MultiAutoCompleteInput.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InputPrimitiveProps } from \"~/Input\";\nimport { InputIcon, inputVariants } from \"~/Input\";\nimport type { CommandOptionFormatted } from \"~/Command\";\nimport { Command } from \"~/Command\";\nimport { Tag } from \"~/Tag\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\n\nconst multiAutoCompleteInputVariants = cva(\"wby-relative placeholder:wby-text-neutral-dimmed\", {\n    variants: {\n        disabled: {\n            true: \"wby-cursor-not-allowed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled\"\n        }\n    }\n});\n\ntype MultiAutoCompleteInputProps = VariantProps<typeof multiAutoCompleteInputVariants> &\n    InputPrimitiveProps & {\n        changeValue: (value: string) => void;\n        closeList: () => void;\n        openList: () => void;\n        placeholder: string;\n        removeSelectedOption: (value: string) => void;\n        selectedOptionRenderer?: (item: any, index: number) => React.ReactNode;\n        selectedOptions: CommandOptionFormatted[];\n        value: string;\n    };\n\nconst MultiAutoCompleteInput = ({\n    changeValue,\n    closeList,\n    disabled,\n    endIcon,\n    invalid,\n    openList,\n    placeholder,\n    removeSelectedOption,\n    selectedOptionRenderer,\n    selectedOptions,\n    size,\n    startIcon,\n    value,\n    variant,\n    className,\n    inputRef: parentInputRef,\n    ...props\n}: MultiAutoCompleteInputProps) => {\n    const [focused, setFocused] = React.useState<boolean>(false);\n    const inputRef = React.useMemo<React.RefObject<HTMLInputElement>>(\n        () =>\n            parentInputRef && typeof parentInputRef !== \"function\"\n                ? parentInputRef\n                : React.createRef<HTMLInputElement>(),\n        [parentInputRef]\n    );\n\n    const renderSelectedOptions = React.useCallback(\n        (options: CommandOptionFormatted[]) => {\n            return options.map((option, index) => {\n                if (selectedOptionRenderer) {\n                    if (!option.item) {\n                        return null;\n                    }\n                    return selectedOptionRenderer.call(this, option.item, index);\n                }\n\n                return (\n                    <Tag\n                        key={`tag-${option.value}-${index}`}\n                        variant={variant === \"ghost-negative\" ? \"neutral-xstrong\" : \"neutral-muted\"}\n                        content={option.label}\n                        onDismiss={() => removeSelectedOption(option.value)}\n                    />\n                );\n            });\n        },\n        [selectedOptionRenderer, removeSelectedOption, variant]\n    );\n\n    return (\n        <div\n            {...props}\n            className={cn(\n                inputVariants({\n                    variant,\n                    size,\n                    invalid\n                }),\n                multiAutoCompleteInputVariants({ disabled }),\n                className\n            )}\n            aria-disabled={disabled}\n            onClick={() => {\n                if (disabled) {\n                    return;\n                }\n                inputRef?.current?.focus();\n                setFocused(true);\n            }}\n            data-disabled={disabled}\n            data-focused={focused}\n        >\n            {startIcon && <InputIcon icon={startIcon} inputSize={size} />}\n            <div className=\"wby-relative wby-flex wby-flex-wrap wby-flex-1 wby-gap-xs\">\n                {renderSelectedOptions(selectedOptions)}\n                <Command.Input\n                    className={\"wby-bg-transparent wby-border-none wby-outline-none\"}\n                    value={value}\n                    onValueChange={changeValue}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    onBlur={() => {\n                        setFocused(false);\n                        closeList();\n                    }}\n                    onFocus={() => {\n                        setFocused(true);\n                        openList();\n                    }}\n                    inputElement={\n                        <input\n                            type=\"text\"\n                            ref={inputRef}\n                            className={cn(multiAutoCompleteInputVariants({ disabled }))}\n                        />\n                    }\n                />\n            </div>\n            {endIcon && <InputIcon icon={endIcon} inputSize={size} />}\n        </div>\n    );\n};\n\nexport { MultiAutoCompleteInput, type MultiAutoCompleteInputProps };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","InputIcon","inputVariants","Command","Tag","cn","cva","multiAutoCompleteInputVariants","variants","disabled","true","MultiAutoCompleteInput","changeValue","closeList","endIcon","invalid","openList","placeholder","removeSelectedOption","selectedOptionRenderer","selectedOptions","size","startIcon","value","variant","className","inputRef","parentInputRef","props","focused","setFocused","useState","useMemo","createRef","renderSelectedOptions","useCallback","options","map","option","index","item","call","createElement","key","content","label","onDismiss","Object","assign","onClick","current","focus","icon","inputSize","Input","onValueChange","onBlur","onFocus","inputElement","type","ref"],"sources":["MultiAutoCompleteInput.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InputPrimitiveProps } from \"~/Input/index.js\";\nimport { InputIcon, inputVariants } from \"~/Input/index.js\";\nimport type { CommandOptionFormatted } from \"~/Command/index.js\";\nimport { Command } from \"~/Command/index.js\";\nimport { Tag } from \"~/Tag/index.js\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst multiAutoCompleteInputVariants = cva(\"relative placeholder:text-neutral-dimmed\", {\n    variants: {\n        disabled: {\n            true: \"cursor-not-allowed disabled:text-neutral-disabled disabled:placeholder:text-neutral-disabled\"\n        }\n    }\n});\n\ntype MultiAutoCompleteInputProps = VariantProps<typeof multiAutoCompleteInputVariants> &\n    InputPrimitiveProps & {\n        changeValue: (value: string) => void;\n        closeList: () => void;\n        openList: () => void;\n        placeholder: string;\n        removeSelectedOption: (value: string) => void;\n        selectedOptionRenderer?: (item: any, index: number) => React.ReactNode;\n        selectedOptions: CommandOptionFormatted[];\n        value: string;\n    };\n\nconst MultiAutoCompleteInput = ({\n    changeValue,\n    closeList,\n    disabled,\n    endIcon,\n    invalid,\n    openList,\n    placeholder,\n    removeSelectedOption,\n    selectedOptionRenderer,\n    selectedOptions,\n    size,\n    startIcon,\n    value,\n    variant,\n    className,\n    inputRef: parentInputRef,\n    ...props\n}: MultiAutoCompleteInputProps) => {\n    const [focused, setFocused] = React.useState<boolean>(false);\n    const inputRef = React.useMemo<React.RefObject<HTMLInputElement>>(\n        () =>\n            parentInputRef && typeof parentInputRef !== \"function\"\n                ? parentInputRef\n                : React.createRef<HTMLInputElement>(),\n        [parentInputRef]\n    );\n\n    const renderSelectedOptions = React.useCallback(\n        (options: CommandOptionFormatted[]) => {\n            return options.map((option, index) => {\n                if (selectedOptionRenderer) {\n                    if (!option.item) {\n                        return null;\n                    }\n                    return selectedOptionRenderer.call(this, option.item, index);\n                }\n\n                return (\n                    <Tag\n                        key={`tag-${option.value}-${index}`}\n                        variant={variant === \"ghost-negative\" ? \"neutral-xstrong\" : \"neutral-muted\"}\n                        content={option.label}\n                        onDismiss={() => removeSelectedOption(option.value)}\n                    />\n                );\n            });\n        },\n        [selectedOptionRenderer, removeSelectedOption, variant]\n    );\n\n    return (\n        <div\n            {...props}\n            className={cn(\n                inputVariants({\n                    variant,\n                    size,\n                    invalid\n                }),\n                multiAutoCompleteInputVariants({ disabled }),\n                className\n            )}\n            aria-disabled={disabled}\n            onClick={() => {\n                if (disabled) {\n                    return;\n                }\n                inputRef?.current?.focus();\n                setFocused(true);\n            }}\n            data-disabled={disabled}\n            data-focused={focused}\n        >\n            {startIcon && <InputIcon icon={startIcon} inputSize={size} />}\n            <div className=\"relative flex flex-wrap flex-1 gap-xs\">\n                {renderSelectedOptions(selectedOptions)}\n                <Command.Input\n                    className={\"bg-transparent border-none outline-none\"}\n                    value={value}\n                    onValueChange={changeValue}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    onBlur={() => {\n                        setFocused(false);\n                        closeList();\n                    }}\n                    onFocus={() => {\n                        setFocused(true);\n                        openList();\n                    }}\n                    inputElement={\n                        <input\n                            type=\"text\"\n                            ref={inputRef}\n                            className={cn(multiAutoCompleteInputVariants({ disabled }))}\n                        />\n                    }\n                />\n            </div>\n            {endIcon && <InputIcon icon={endIcon} inputSize={size} />}\n        </div>\n    );\n};\n\nexport { MultiAutoCompleteInput, type MultiAutoCompleteInputProps };\n"],"mappings":"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","ignoreList":[]}

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInputIcons.js

@@ -1,12 +1,12 @@
 import React from "react";
 import { ReactComponent as Close } from "@webiny/icons/close.svg";
 import { ReactComponent as ChevronDown } from "@webiny/icons/keyboard_arrow_down.svg";
-import { IconButton } from "../../../Button";
-import { Icon } from "../../../Icon";
-import { Loader } from "../../../Loader";
+import { IconButton } from "../../../Button/index.js";
+import { Icon } from "../../../Icon/index.js";
+import { Loader } from "../../../Loader/index.js";
 export const MultiAutoCompleteInputIcons = props => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-gap-sm"
+    className: "flex items-center gap-sm"
   }, props.loading && /*#__PURE__*/React.createElement(Loader, {
     size: props.inputSize === "xl" ? "sm" : "xs"
   }), props.displayResetAction && /*#__PURE__*/React.createElement(IconButton, {

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInputIcons.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","Close","ChevronDown","IconButton","Icon","Loader","MultiAutoCompleteInputIcons","props","createElement","className","loading","size","inputSize","displayResetAction","variant","inputVariant","icon","label","color","disabled","onClick","event","stopPropagation","onResetValue","onOpenChange"],"sources":["MultiAutoCompleteInputIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { IconButton } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\nimport { Loader } from \"~/Loader\";\n\ninterface MultiAutoCompleteInputIconsProps {\n    displayResetAction: boolean;\n    inputVariant?: \"primary\" | \"secondary\" | \"ghost\" | \"ghost-negative\" | null;\n    inputSize?: \"md\" | \"lg\" | \"xl\" | null;\n    loading?: boolean;\n    disabled?: boolean;\n    onOpenChange: (open: boolean) => void;\n    onResetValue: () => void;\n}\n\nexport const MultiAutoCompleteInputIcons = (props: MultiAutoCompleteInputIconsProps) => {\n    return (\n        <div className={\"wby-flex wby-items-center wby-gap-sm\"}>\n            {props.loading && <Loader size={props.inputSize === \"xl\" ? \"sm\" : \"xs\"} />}\n            {props.displayResetAction && (\n                <IconButton\n                    size={props.inputSize === \"xl\" ? \"sm\" : \"xs\"} // Map button size based on the input size.\n                    variant={\n                        props.inputVariant === \"ghost-negative\" ? \"ghost-negative\" : \"secondary\"\n                    }\n                    icon={\n                        <Icon\n                            icon={<Close />}\n                            label={\"Reset\"}\n                            color={\n                                props.inputVariant === \"ghost-negative\"\n                                    ? \"neutral-negative\"\n                                    : \"inherit\"\n                            }\n                        />\n                    }\n                    disabled={props.disabled}\n                    onClick={event => {\n                        event.stopPropagation();\n                        props.onResetValue();\n                    }}\n                />\n            )}\n            <Icon\n                size={props.inputSize === \"xl\" ? \"lg\" : \"sm\"} // Map icon size based on the input size.\n                icon={<ChevronDown />}\n                label={\"Open list\"}\n                onClick={event => {\n                    event.stopPropagation();\n                    props.onOpenChange(true);\n                }}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASD,cAAc,IAAIE,WAAW,QAAQ,uCAAuC;AACrF,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,MAAM;AAYf,OAAO,MAAMC,2BAA2B,GAAIC,KAAuC,IAAK;EACpF,oBACIR,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAuC,GAClDF,KAAK,CAACG,OAAO,iBAAIX,KAAA,CAAAS,aAAA,CAACH,MAAM;IAACM,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG;EAAK,CAAE,CAAC,EACzEL,KAAK,CAACM,kBAAkB,iBACrBd,KAAA,CAAAS,aAAA,CAACL,UAAU;IACPQ,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK,CAAC;IAAA;IAC9CE,OAAO,EACHP,KAAK,CAACQ,YAAY,KAAK,gBAAgB,GAAG,gBAAgB,GAAG,WAChE;IACDC,IAAI,eACAjB,KAAA,CAAAS,aAAA,CAACJ,IAAI;MACDY,IAAI,eAAEjB,KAAA,CAAAS,aAAA,CAACP,KAAK,MAAE,CAAE;MAChBgB,KAAK,EAAE,OAAQ;MACfC,KAAK,EACDX,KAAK,CAACQ,YAAY,KAAK,gBAAgB,GACjC,kBAAkB,GAClB;IACT,CACJ,CACJ;IACDI,QAAQ,EAAEZ,KAAK,CAACY,QAAS;IACzBC,OAAO,EAAEC,KAAK,IAAI;MACdA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBf,KAAK,CAACgB,YAAY,CAAC,CAAC;IACxB;EAAE,CACL,CACJ,eACDxB,KAAA,CAAAS,aAAA,CAACJ,IAAI;IACDO,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK,CAAC;IAAA;IAC9CI,IAAI,eAAEjB,KAAA,CAAAS,aAAA,CAACN,WAAW,MAAE,CAAE;IACtBe,KAAK,EAAE,WAAY;IACnBG,OAAO,EAAEC,KAAK,IAAI;MACdA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBf,KAAK,CAACiB,YAAY,CAAC,IAAI,CAAC;IAC5B;EAAE,CACL,CACA,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","Close","ChevronDown","IconButton","Icon","Loader","MultiAutoCompleteInputIcons","props","createElement","className","loading","size","inputSize","displayResetAction","variant","inputVariant","icon","label","color","disabled","onClick","event","stopPropagation","onResetValue","onOpenChange"],"sources":["MultiAutoCompleteInputIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { ReactComponent as ChevronDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { Loader } from \"~/Loader/index.js\";\n\ninterface MultiAutoCompleteInputIconsProps {\n    displayResetAction: boolean;\n    inputVariant?: \"primary\" | \"secondary\" | \"ghost\" | \"ghost-negative\" | null;\n    inputSize?: \"md\" | \"lg\" | \"xl\" | null;\n    loading?: boolean;\n    disabled?: boolean;\n    onOpenChange: (open: boolean) => void;\n    onResetValue: () => void;\n}\n\nexport const MultiAutoCompleteInputIcons = (props: MultiAutoCompleteInputIconsProps) => {\n    return (\n        <div className={\"flex items-center gap-sm\"}>\n            {props.loading && <Loader size={props.inputSize === \"xl\" ? \"sm\" : \"xs\"} />}\n            {props.displayResetAction && (\n                <IconButton\n                    size={props.inputSize === \"xl\" ? \"sm\" : \"xs\"} // Map button size based on the input size.\n                    variant={\n                        props.inputVariant === \"ghost-negative\" ? \"ghost-negative\" : \"secondary\"\n                    }\n                    icon={\n                        <Icon\n                            icon={<Close />}\n                            label={\"Reset\"}\n                            color={\n                                props.inputVariant === \"ghost-negative\"\n                                    ? \"neutral-negative\"\n                                    : \"inherit\"\n                            }\n                        />\n                    }\n                    disabled={props.disabled}\n                    onClick={event => {\n                        event.stopPropagation();\n                        props.onResetValue();\n                    }}\n                />\n            )}\n            <Icon\n                size={props.inputSize === \"xl\" ? \"lg\" : \"sm\"} // Map icon size based on the input size.\n                icon={<ChevronDown />}\n                label={\"Open list\"}\n                onClick={event => {\n                    event.stopPropagation();\n                    props.onOpenChange(true);\n                }}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,KAAK,QAAQ,yBAAyB;AACjE,SAASD,cAAc,IAAIE,WAAW,QAAQ,uCAAuC;AACrF,SAASC,UAAU;AACnB,SAASC,IAAI;AACb,SAASC,MAAM;AAYf,OAAO,MAAMC,2BAA2B,GAAIC,KAAuC,IAAK;EACpF,oBACIR,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAA2B,GACtCF,KAAK,CAACG,OAAO,iBAAIX,KAAA,CAAAS,aAAA,CAACH,MAAM;IAACM,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG;EAAK,CAAE,CAAC,EACzEL,KAAK,CAACM,kBAAkB,iBACrBd,KAAA,CAAAS,aAAA,CAACL,UAAU;IACPQ,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK,CAAC;IAAA;IAC9CE,OAAO,EACHP,KAAK,CAACQ,YAAY,KAAK,gBAAgB,GAAG,gBAAgB,GAAG,WAChE;IACDC,IAAI,eACAjB,KAAA,CAAAS,aAAA,CAACJ,IAAI;MACDY,IAAI,eAAEjB,KAAA,CAAAS,aAAA,CAACP,KAAK,MAAE,CAAE;MAChBgB,KAAK,EAAE,OAAQ;MACfC,KAAK,EACDX,KAAK,CAACQ,YAAY,KAAK,gBAAgB,GACjC,kBAAkB,GAClB;IACT,CACJ,CACJ;IACDI,QAAQ,EAAEZ,KAAK,CAACY,QAAS;IACzBC,OAAO,EAAEC,KAAK,IAAI;MACdA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBf,KAAK,CAACgB,YAAY,CAAC,CAAC;IACxB;EAAE,CACL,CACJ,eACDxB,KAAA,CAAAS,aAAA,CAACJ,IAAI;IACDO,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK,CAAC;IAAA;IAC9CI,IAAI,eAAEjB,KAAA,CAAAS,aAAA,CAACN,WAAW,MAAE,CAAE;IACtBe,KAAK,EAAE,WAAY;IACnBG,OAAO,EAAEC,KAAK,IAAI;MACdA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBf,KAAK,CAACiB,YAAY,CAAC,IAAI,CAAC;IAC5B;EAAE,CACL,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/MultiAutoComplete/primitives/components/MultiAutoCompleteList.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { CommandOptionFormatted } from "../../../Command/domain/CommandOptionFormatted";
-import { Command } from "../../../Command";
+import type { CommandOptionFormatted } from "../../../Command/domain/CommandOptionFormatted.js";
+import { Command } from "../../../Command/index.js";
 interface MultiAutoCompleteListProps extends React.ComponentPropsWithoutRef<typeof Command.List> {
     emptyMessage?: React.ReactNode;
     empty?: boolean;

package/MultiAutoComplete/primitives/components/MultiAutoCompleteList.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Command } from "../../../Command";
+import { Command } from "../../../Command/index.js";
 export const MultiAutoCompleteList = ({
   emptyMessage,
   empty,
@@ -19,7 +19,7 @@ export const MultiAutoCompleteList = ({
     const elements = [/*#__PURE__*/React.createElement(Command.Item, {
       key: "dummy-element",
       value: "-",
-      className: "wby-hidden"
+      className: "hidden"
     })];
     const renderedItems = items.reduce((acc, item, currentIndex) => {
       acc.push(/*#__PURE__*/React.createElement(Command.Item, {

package/MultiAutoComplete/primitives/components/MultiAutoCompleteList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Command","MultiAutoCompleteList","emptyMessage","empty","loading","loadingMessage","onOptionCreate","onOptionSelect","optionRenderer","options","temporaryOption","props","renderOptions","useCallback","items","elements","createElement","Item","key","value","className","renderedItems","reduce","acc","item","currentIndex","push","keywords","label","disabled","selected","onSelect","onMouseDown","event","preventDefault","call","separator","Separator","List","Loading","Empty"],"sources":["MultiAutoCompleteList.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CommandOptionFormatted } from \"~/Command/domain/CommandOptionFormatted\";\nimport { Command } from \"~/Command\";\n\ninterface MultiAutoCompleteListProps extends React.ComponentPropsWithoutRef<typeof Command.List> {\n    emptyMessage?: React.ReactNode;\n    empty?: boolean;\n    loading?: boolean;\n    loadingMessage?: React.ReactNode;\n    onOptionCreate?: (value: string) => void;\n    onOptionSelect: (value: string) => void;\n    optionRenderer?: (item: any, index: number) => React.ReactNode;\n    options: CommandOptionFormatted[];\n    temporaryOption?: CommandOptionFormatted;\n}\n\nexport const MultiAutoCompleteList = ({\n    emptyMessage,\n    empty,\n    loading,\n    loadingMessage,\n    onOptionCreate,\n    onOptionSelect,\n    optionRenderer,\n    options,\n    temporaryOption,\n    ...props\n}: MultiAutoCompleteListProps) => {\n    const renderOptions = React.useCallback(\n        (items: CommandOptionFormatted[]) => {\n            if (empty && !temporaryOption) {\n                return null;\n            }\n\n            const elements = [\n                <Command.Item key={\"dummy-element\"} value=\"-\" className=\"wby-hidden\" />\n            ];\n\n            const renderedItems = items.reduce((acc, item, currentIndex) => {\n                acc.push(\n                    <Command.Item\n                        key={`item-${item.value}-${currentIndex}`}\n                        value={item.value}\n                        keywords={[item.label]}\n                        disabled={item.disabled}\n                        selected={item.selected}\n                        onSelect={() => onOptionSelect(item.value)}\n                        onMouseDown={event => event.preventDefault()}\n                    >\n                        {optionRenderer && item.item\n                            ? optionRenderer.call(this, item.item, currentIndex)\n                            : item.label}\n                    </Command.Item>\n                );\n\n                // Conditionally render the separator if `separator` is true\n                if (item.separator) {\n                    acc.push(<Command.Separator key={`separator-${item.value ?? currentIndex}`} />);\n                }\n\n                return acc;\n            }, elements);\n\n            if (temporaryOption?.value) {\n                renderedItems.push(\n                    <Command.Item\n                        key={`temporary-${temporaryOption.value}`}\n                        value={temporaryOption.value}\n                        keywords={[temporaryOption.label]}\n                        disabled={temporaryOption.disabled}\n                        selected={temporaryOption.selected}\n                        onSelect={() => {\n                            onOptionCreate && onOptionCreate(temporaryOption.value);\n                        }}\n                        onMouseDown={event => event.preventDefault()}\n                    >\n                        {`Add \"${temporaryOption.label}\" as new option`}\n                    </Command.Item>\n                );\n            }\n\n            return renderedItems;\n        },\n        [onOptionSelect, temporaryOption, onOptionCreate, empty, optionRenderer]\n    );\n\n    return (\n        <Command.List {...props}>\n            {loading ? <Command.Loading>{loadingMessage}</Command.Loading> : renderOptions(options)}\n            {!loading && <Command.Empty>{emptyMessage}</Command.Empty>}\n        </Command.List>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Command","MultiAutoCompleteList","emptyMessage","empty","loading","loadingMessage","onOptionCreate","onOptionSelect","optionRenderer","options","temporaryOption","props","renderOptions","useCallback","items","elements","createElement","Item","key","value","className","renderedItems","reduce","acc","item","currentIndex","push","keywords","label","disabled","selected","onSelect","onMouseDown","event","preventDefault","call","separator","Separator","List","Loading","Empty"],"sources":["MultiAutoCompleteList.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CommandOptionFormatted } from \"~/Command/domain/CommandOptionFormatted.js\";\nimport { Command } from \"~/Command/index.js\";\n\ninterface MultiAutoCompleteListProps extends React.ComponentPropsWithoutRef<typeof Command.List> {\n    emptyMessage?: React.ReactNode;\n    empty?: boolean;\n    loading?: boolean;\n    loadingMessage?: React.ReactNode;\n    onOptionCreate?: (value: string) => void;\n    onOptionSelect: (value: string) => void;\n    optionRenderer?: (item: any, index: number) => React.ReactNode;\n    options: CommandOptionFormatted[];\n    temporaryOption?: CommandOptionFormatted;\n}\n\nexport const MultiAutoCompleteList = ({\n    emptyMessage,\n    empty,\n    loading,\n    loadingMessage,\n    onOptionCreate,\n    onOptionSelect,\n    optionRenderer,\n    options,\n    temporaryOption,\n    ...props\n}: MultiAutoCompleteListProps) => {\n    const renderOptions = React.useCallback(\n        (items: CommandOptionFormatted[]) => {\n            if (empty && !temporaryOption) {\n                return null;\n            }\n\n            const elements = [<Command.Item key={\"dummy-element\"} value=\"-\" className=\"hidden\" />];\n\n            const renderedItems = items.reduce((acc, item, currentIndex) => {\n                acc.push(\n                    <Command.Item\n                        key={`item-${item.value}-${currentIndex}`}\n                        value={item.value}\n                        keywords={[item.label]}\n                        disabled={item.disabled}\n                        selected={item.selected}\n                        onSelect={() => onOptionSelect(item.value)}\n                        onMouseDown={event => event.preventDefault()}\n                    >\n                        {optionRenderer && item.item\n                            ? optionRenderer.call(this, item.item, currentIndex)\n                            : item.label}\n                    </Command.Item>\n                );\n\n                // Conditionally render the separator if `separator` is true\n                if (item.separator) {\n                    acc.push(<Command.Separator key={`separator-${item.value ?? currentIndex}`} />);\n                }\n\n                return acc;\n            }, elements);\n\n            if (temporaryOption?.value) {\n                renderedItems.push(\n                    <Command.Item\n                        key={`temporary-${temporaryOption.value}`}\n                        value={temporaryOption.value}\n                        keywords={[temporaryOption.label]}\n                        disabled={temporaryOption.disabled}\n                        selected={temporaryOption.selected}\n                        onSelect={() => {\n                            onOptionCreate && onOptionCreate(temporaryOption.value);\n                        }}\n                        onMouseDown={event => event.preventDefault()}\n                    >\n                        {`Add \"${temporaryOption.label}\" as new option`}\n                    </Command.Item>\n                );\n            }\n\n            return renderedItems;\n        },\n        [onOptionSelect, temporaryOption, onOptionCreate, empty, optionRenderer]\n    );\n\n    return (\n        <Command.List {...props}>\n            {loading ? <Command.Loading>{loadingMessage}</Command.Loading> : renderOptions(options)}\n            {!loading && <Command.Empty>{emptyMessage}</Command.Empty>}\n        </Command.List>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/MultiAutoComplete/primitives/components/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./MultiAutoCompleteInput";
-export * from "./MultiAutoCompleteInputIcons";
-export * from "./MultiAutoCompleteList";
+export * from "./MultiAutoCompleteInput.js";
+export * from "./MultiAutoCompleteInputIcons.js";
+export * from "./MultiAutoCompleteList.js";

package/MultiAutoComplete/primitives/components/index.js

@@ -1,5 +1,5 @@
-export * from "./MultiAutoCompleteInput";
-export * from "./MultiAutoCompleteInputIcons";
-export * from "./MultiAutoCompleteList";
+export * from "./MultiAutoCompleteInput.js";
+export * from "./MultiAutoCompleteInputIcons.js";
+export * from "./MultiAutoCompleteList.js";
 
 //# sourceMappingURL=index.js.map

package/MultiAutoComplete/primitives/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./MultiAutoCompleteInput\";\nexport * from \"./MultiAutoCompleteInputIcons\";\nexport * from \"./MultiAutoCompleteList\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./MultiAutoCompleteInput.js\";\nexport * from \"./MultiAutoCompleteInputIcons.js\";\nexport * from \"./MultiAutoCompleteList.js\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}

package/MultiAutoComplete/primitives/index.d.ts

@@ -1 +1 @@
-export * from "./MultiAutoCompletePrimitive";
+export * from "./MultiAutoCompletePrimitive.js";

package/MultiAutoComplete/primitives/index.js

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

package/MultiAutoComplete/primitives/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./MultiAutoCompletePrimitive\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./MultiAutoCompletePrimitive.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/MultiAutoComplete/primitives/presenters/MultiAutoCompleteListOptionsPresenter.d.ts

@@ -1,5 +1,5 @@
-import type { CommandOption } from "../../../Command/domain/CommandOption";
-import type { CommandOptionFormatted } from "../../../Command/domain/CommandOptionFormatted";
+import type { CommandOption } from "../../../Command/domain/CommandOption.js";
+import type { CommandOptionFormatted } from "../../../Command/domain/CommandOptionFormatted.js";
 export interface IMultiAutoCompleteListOptionsPresenterParams {
     options?: CommandOption[];
     emptyMessage?: any;

package/MultiAutoComplete/primitives/presenters/MultiAutoCompleteListOptionsPresenter.js

@@ -1,6 +1,6 @@
 import { makeAutoObservable } from "mobx";
-import { CommandOptionFormatter } from "../../../Command/domain/CommandOptionFormatter";
-import { ListCache } from "../../domains";
+import { CommandOptionFormatter } from "../../../Command/domain/CommandOptionFormatter.js";
+import { ListCache } from "../../domains/index.js";
 export class MultiAutoCompleteListOptionsPresenter {
   open = false;
   loadedOptions = false;

package/MultiAutoComplete/primitives/presenters/MultiAutoCompleteListOptionsPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","CommandOptionFormatter","ListCache","MultiAutoCompleteListOptionsPresenter","open","loadedOptions","emptyMessage","loadingMessage","initialMessage","options","constructor","init","params","clear","addItems","vm","getItems","map","option","format","empty","hasItems","setListOpenState","setLoadedOptions","loaded","setSelectedOption","value","updateItems","selected","removeSelectedOption","resetSelectedOptions","addOption"],"sources":["MultiAutoCompleteListOptionsPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { CommandOption } from \"~/Command/domain/CommandOption\";\nimport type { CommandOptionFormatted } from \"~/Command/domain/CommandOptionFormatted\";\nimport { CommandOptionFormatter } from \"~/Command/domain/CommandOptionFormatter\";\nimport { ListCache } from \"../../domains\";\n\nexport interface IMultiAutoCompleteListOptionsPresenterParams {\n    options?: CommandOption[];\n    emptyMessage?: any;\n    loadingMessage?: any;\n    initialMessage?: any;\n}\n\nexport interface IMultiAutoCompleteListOptionsPresenter {\n    vm: {\n        options: CommandOptionFormatted[];\n        emptyMessage: any;\n        loadingMessage: any;\n        open: boolean;\n        empty: boolean;\n    };\n    init: (params: IMultiAutoCompleteListOptionsPresenterParams) => void;\n    setListOpenState: (open: boolean) => void;\n    setLoadedOptions: (loaded: boolean) => void;\n    addOption: (option: CommandOption) => void;\n    setSelectedOption: (value: string) => void;\n    removeSelectedOption: (value: string) => void;\n    resetSelectedOptions: () => void;\n}\n\nexport class MultiAutoCompleteListOptionsPresenter\n    implements IMultiAutoCompleteListOptionsPresenter\n{\n    private open = false;\n    private loadedOptions = false;\n    private emptyMessage = \"No results.\";\n    private loadingMessage = \"Loading...\";\n    private initialMessage = \"Start typing to find an option.\";\n    private options = new ListCache<CommandOption>();\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: IMultiAutoCompleteListOptionsPresenterParams) {\n        this.options.clear();\n        params.options && this.options.addItems(params.options);\n        this.emptyMessage = params.emptyMessage || this.emptyMessage;\n        this.loadingMessage = params.loadingMessage || this.loadingMessage;\n        this.initialMessage = params.initialMessage || this.initialMessage;\n    }\n\n    get vm() {\n        return {\n            options: this.options.getItems().map(option => CommandOptionFormatter.format(option)),\n            emptyMessage: this.loadedOptions ? this.emptyMessage : this.initialMessage,\n            loadingMessage: this.loadingMessage,\n            open: this.open,\n            empty: !this.options.hasItems()\n        };\n    }\n\n    setListOpenState = (open: boolean) => {\n        this.open = open;\n    };\n\n    setLoadedOptions = (loaded: boolean) => {\n        this.loadedOptions = loaded;\n    };\n\n    setSelectedOption = (value: string) => {\n        this.options.updateItems(option => {\n            if (option.value === value) {\n                option.selected = true;\n            }\n\n            return option;\n        });\n    };\n\n    removeSelectedOption = (value: string) => {\n        this.options.updateItems(option => {\n            if (option.value === value) {\n                option.selected = false;\n            }\n\n            return option;\n        });\n    };\n\n    resetSelectedOptions = () => {\n        this.options.updateItems(option => {\n            option.selected = false;\n            return option;\n        });\n    };\n\n    addOption = (option: CommandOption) => {\n        this.options.addItems([option]);\n    };\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,SAASC,sBAAsB;AAC/B,SAASC,SAAS;AA0BlB,OAAO,MAAMC,qCAAqC,CAElD;EACYC,IAAI,GAAG,KAAK;EACZC,aAAa,GAAG,KAAK;EACrBC,YAAY,GAAG,aAAa;EAC5BC,cAAc,GAAG,YAAY;EAC7BC,cAAc,GAAG,iCAAiC;EAClDC,OAAO,GAAG,IAAIP,SAAS,CAAgB,CAAC;EAEhDQ,WAAWA,CAAA,EAAG;IACVV,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAW,IAAIA,CAACC,MAAoD,EAAE;IACvD,IAAI,CAACH,OAAO,CAACI,KAAK,CAAC,CAAC;IACpBD,MAAM,CAACH,OAAO,IAAI,IAAI,CAACA,OAAO,CAACK,QAAQ,CAACF,MAAM,CAACH,OAAO,CAAC;IACvD,IAAI,CAACH,YAAY,GAAGM,MAAM,CAACN,YAAY,IAAI,IAAI,CAACA,YAAY;IAC5D,IAAI,CAACC,cAAc,GAAGK,MAAM,CAACL,cAAc,IAAI,IAAI,CAACA,cAAc;IAClE,IAAI,CAACC,cAAc,GAAGI,MAAM,CAACJ,cAAc,IAAI,IAAI,CAACA,cAAc;EACtE;EAEA,IAAIO,EAAEA,CAAA,EAAG;IACL,OAAO;MACHN,OAAO,EAAE,IAAI,CAACA,OAAO,CAACO,QAAQ,CAAC,CAAC,CAACC,GAAG,CAACC,MAAM,IAAIjB,sBAAsB,CAACkB,MAAM,CAACD,MAAM,CAAC,CAAC;MACrFZ,YAAY,EAAE,IAAI,CAACD,aAAa,GAAG,IAAI,CAACC,YAAY,GAAG,IAAI,CAACE,cAAc;MAC1ED,cAAc,EAAE,IAAI,CAACA,cAAc;MACnCH,IAAI,EAAE,IAAI,CAACA,IAAI;MACfgB,KAAK,EAAE,CAAC,IAAI,CAACX,OAAO,CAACY,QAAQ,CAAC;IAClC,CAAC;EACL;EAEAC,gBAAgB,GAAIlB,IAAa,IAAK;IAClC,IAAI,CAACA,IAAI,GAAGA,IAAI;EACpB,CAAC;EAEDmB,gBAAgB,GAAIC,MAAe,IAAK;IACpC,IAAI,CAACnB,aAAa,GAAGmB,MAAM;EAC/B,CAAC;EAEDC,iBAAiB,GAAIC,KAAa,IAAK;IACnC,IAAI,CAACjB,OAAO,CAACkB,WAAW,CAACT,MAAM,IAAI;MAC/B,IAAIA,MAAM,CAACQ,KAAK,KAAKA,KAAK,EAAE;QACxBR,MAAM,CAACU,QAAQ,GAAG,IAAI;MAC1B;MAEA,OAAOV,MAAM;IACjB,CAAC,CAAC;EACN,CAAC;EAEDW,oBAAoB,GAAIH,KAAa,IAAK;IACtC,IAAI,CAACjB,OAAO,CAACkB,WAAW,CAACT,MAAM,IAAI;MAC/B,IAAIA,MAAM,CAACQ,KAAK,KAAKA,KAAK,EAAE;QACxBR,MAAM,CAACU,QAAQ,GAAG,KAAK;MAC3B;MAEA,OAAOV,MAAM;IACjB,CAAC,CAAC;EACN,CAAC;EAEDY,oBAAoB,GAAGA,CAAA,KAAM;IACzB,IAAI,CAACrB,OAAO,CAACkB,WAAW,CAACT,MAAM,IAAI;MAC/BA,MAAM,CAACU,QAAQ,GAAG,KAAK;MACvB,OAAOV,MAAM;IACjB,CAAC,CAAC;EACN,CAAC;EAEDa,SAAS,GAAIb,MAAqB,IAAK;IACnC,IAAI,CAACT,OAAO,CAACK,QAAQ,CAAC,CAACI,MAAM,CAAC,CAAC;EACnC,CAAC;AACL","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","CommandOptionFormatter","ListCache","MultiAutoCompleteListOptionsPresenter","open","loadedOptions","emptyMessage","loadingMessage","initialMessage","options","constructor","init","params","clear","addItems","vm","getItems","map","option","format","empty","hasItems","setListOpenState","setLoadedOptions","loaded","setSelectedOption","value","updateItems","selected","removeSelectedOption","resetSelectedOptions","addOption"],"sources":["MultiAutoCompleteListOptionsPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { CommandOption } from \"~/Command/domain/CommandOption.js\";\nimport type { CommandOptionFormatted } from \"~/Command/domain/CommandOptionFormatted.js\";\nimport { CommandOptionFormatter } from \"~/Command/domain/CommandOptionFormatter.js\";\nimport { ListCache } from \"../../domains/index.js\";\n\nexport interface IMultiAutoCompleteListOptionsPresenterParams {\n    options?: CommandOption[];\n    emptyMessage?: any;\n    loadingMessage?: any;\n    initialMessage?: any;\n}\n\nexport interface IMultiAutoCompleteListOptionsPresenter {\n    vm: {\n        options: CommandOptionFormatted[];\n        emptyMessage: any;\n        loadingMessage: any;\n        open: boolean;\n        empty: boolean;\n    };\n    init: (params: IMultiAutoCompleteListOptionsPresenterParams) => void;\n    setListOpenState: (open: boolean) => void;\n    setLoadedOptions: (loaded: boolean) => void;\n    addOption: (option: CommandOption) => void;\n    setSelectedOption: (value: string) => void;\n    removeSelectedOption: (value: string) => void;\n    resetSelectedOptions: () => void;\n}\n\nexport class MultiAutoCompleteListOptionsPresenter\n    implements IMultiAutoCompleteListOptionsPresenter\n{\n    private open = false;\n    private loadedOptions = false;\n    private emptyMessage = \"No results.\";\n    private loadingMessage = \"Loading...\";\n    private initialMessage = \"Start typing to find an option.\";\n    private options = new ListCache<CommandOption>();\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: IMultiAutoCompleteListOptionsPresenterParams) {\n        this.options.clear();\n        params.options && this.options.addItems(params.options);\n        this.emptyMessage = params.emptyMessage || this.emptyMessage;\n        this.loadingMessage = params.loadingMessage || this.loadingMessage;\n        this.initialMessage = params.initialMessage || this.initialMessage;\n    }\n\n    get vm() {\n        return {\n            options: this.options.getItems().map(option => CommandOptionFormatter.format(option)),\n            emptyMessage: this.loadedOptions ? this.emptyMessage : this.initialMessage,\n            loadingMessage: this.loadingMessage,\n            open: this.open,\n            empty: !this.options.hasItems()\n        };\n    }\n\n    setListOpenState = (open: boolean) => {\n        this.open = open;\n    };\n\n    setLoadedOptions = (loaded: boolean) => {\n        this.loadedOptions = loaded;\n    };\n\n    setSelectedOption = (value: string) => {\n        this.options.updateItems(option => {\n            if (option.value === value) {\n                option.selected = true;\n            }\n\n            return option;\n        });\n    };\n\n    removeSelectedOption = (value: string) => {\n        this.options.updateItems(option => {\n            if (option.value === value) {\n                option.selected = false;\n            }\n\n            return option;\n        });\n    };\n\n    resetSelectedOptions = () => {\n        this.options.updateItems(option => {\n            option.selected = false;\n            return option;\n        });\n    };\n\n    addOption = (option: CommandOption) => {\n        this.options.addItems([option]);\n    };\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,SAASC,sBAAsB;AAC/B,SAASC,SAAS;AA0BlB,OAAO,MAAMC,qCAAqC,CAElD;EACYC,IAAI,GAAG,KAAK;EACZC,aAAa,GAAG,KAAK;EACrBC,YAAY,GAAG,aAAa;EAC5BC,cAAc,GAAG,YAAY;EAC7BC,cAAc,GAAG,iCAAiC;EAClDC,OAAO,GAAG,IAAIP,SAAS,CAAgB,CAAC;EAEhDQ,WAAWA,CAAA,EAAG;IACVV,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAW,IAAIA,CAACC,MAAoD,EAAE;IACvD,IAAI,CAACH,OAAO,CAACI,KAAK,CAAC,CAAC;IACpBD,MAAM,CAACH,OAAO,IAAI,IAAI,CAACA,OAAO,CAACK,QAAQ,CAACF,MAAM,CAACH,OAAO,CAAC;IACvD,IAAI,CAACH,YAAY,GAAGM,MAAM,CAACN,YAAY,IAAI,IAAI,CAACA,YAAY;IAC5D,IAAI,CAACC,cAAc,GAAGK,MAAM,CAACL,cAAc,IAAI,IAAI,CAACA,cAAc;IAClE,IAAI,CAACC,cAAc,GAAGI,MAAM,CAACJ,cAAc,IAAI,IAAI,CAACA,cAAc;EACtE;EAEA,IAAIO,EAAEA,CAAA,EAAG;IACL,OAAO;MACHN,OAAO,EAAE,IAAI,CAACA,OAAO,CAACO,QAAQ,CAAC,CAAC,CAACC,GAAG,CAACC,MAAM,IAAIjB,sBAAsB,CAACkB,MAAM,CAACD,MAAM,CAAC,CAAC;MACrFZ,YAAY,EAAE,IAAI,CAACD,aAAa,GAAG,IAAI,CAACC,YAAY,GAAG,IAAI,CAACE,cAAc;MAC1ED,cAAc,EAAE,IAAI,CAACA,cAAc;MACnCH,IAAI,EAAE,IAAI,CAACA,IAAI;MACfgB,KAAK,EAAE,CAAC,IAAI,CAACX,OAAO,CAACY,QAAQ,CAAC;IAClC,CAAC;EACL;EAEAC,gBAAgB,GAAIlB,IAAa,IAAK;IAClC,IAAI,CAACA,IAAI,GAAGA,IAAI;EACpB,CAAC;EAEDmB,gBAAgB,GAAIC,MAAe,IAAK;IACpC,IAAI,CAACnB,aAAa,GAAGmB,MAAM;EAC/B,CAAC;EAEDC,iBAAiB,GAAIC,KAAa,IAAK;IACnC,IAAI,CAACjB,OAAO,CAACkB,WAAW,CAACT,MAAM,IAAI;MAC/B,IAAIA,MAAM,CAACQ,KAAK,KAAKA,KAAK,EAAE;QACxBR,MAAM,CAACU,QAAQ,GAAG,IAAI;MAC1B;MAEA,OAAOV,MAAM;IACjB,CAAC,CAAC;EACN,CAAC;EAEDW,oBAAoB,GAAIH,KAAa,IAAK;IACtC,IAAI,CAACjB,OAAO,CAACkB,WAAW,CAACT,MAAM,IAAI;MAC/B,IAAIA,MAAM,CAACQ,KAAK,KAAKA,KAAK,EAAE;QACxBR,MAAM,CAACU,QAAQ,GAAG,KAAK;MAC3B;MAEA,OAAOV,MAAM;IACjB,CAAC,CAAC;EACN,CAAC;EAEDY,oBAAoB,GAAGA,CAAA,KAAM;IACzB,IAAI,CAACrB,OAAO,CAACkB,WAAW,CAACT,MAAM,IAAI;MAC/BA,MAAM,CAACU,QAAQ,GAAG,KAAK;MACvB,OAAOV,MAAM;IACjB,CAAC,CAAC;EACN,CAAC;EAEDa,SAAS,GAAIb,MAAqB,IAAK;IACnC,IAAI,CAACT,OAAO,CAACK,QAAQ,CAAC,CAACI,MAAM,CAAC,CAAC;EACnC,CAAC;AACL","ignoreList":[]}

package/MultiAutoComplete/primitives/presenters/MultiAutoCompleteListOptionsPresenterWithUniqueValues.d.ts

@@ -1,11 +1,11 @@
-import type { CommandOption } from "../../../Command/domain/CommandOption";
-import type { IMultiAutoCompleteListOptionsPresenter, IMultiAutoCompleteListOptionsPresenterParams } from "./MultiAutoCompleteListOptionsPresenter";
+import type { CommandOption } from "../../../Command/domain/CommandOption.js";
+import type { IMultiAutoCompleteListOptionsPresenter, IMultiAutoCompleteListOptionsPresenterParams } from "./MultiAutoCompleteListOptionsPresenter.js";
 export declare class MultiAutoCompleteListOptionsPresenterWithUniqueValues implements IMultiAutoCompleteListOptionsPresenter {
     private decoretee;
     constructor(decoretee: IMultiAutoCompleteListOptionsPresenter);
     init(params: IMultiAutoCompleteListOptionsPresenterParams): void;
     get vm(): {
-        options: import("../../../Command").CommandOptionFormatted[];
+        options: import("../../../Command/index.js").CommandOptionFormatted[];
         emptyMessage: any;
         loadingMessage: any;
         open: boolean;

package/MultiAutoComplete/primitives/presenters/MultiAutoCompleteListOptionsPresenterWithUniqueValues.js.map

@@ -1 +1 @@
-{"version":3,"names":["MultiAutoCompleteListOptionsPresenterWithUniqueValues","constructor","decoretee","init","params","options","filter","option","selected","vm","setListOpenState","open","setLoadedOptions","loaded","setSelectedOption","value","removeSelectedOption","resetSelectedOptions","addOption"],"sources":["MultiAutoCompleteListOptionsPresenterWithUniqueValues.ts"],"sourcesContent":["import type { CommandOption } from \"~/Command/domain/CommandOption\";\nimport type {\n    IMultiAutoCompleteListOptionsPresenter,\n    IMultiAutoCompleteListOptionsPresenterParams\n} from \"./MultiAutoCompleteListOptionsPresenter\";\n\nexport class MultiAutoCompleteListOptionsPresenterWithUniqueValues\n    implements IMultiAutoCompleteListOptionsPresenter\n{\n    private decoretee: IMultiAutoCompleteListOptionsPresenter;\n\n    constructor(decoretee: IMultiAutoCompleteListOptionsPresenter) {\n        this.decoretee = decoretee;\n    }\n\n    init(params: IMultiAutoCompleteListOptionsPresenterParams) {\n        const options = params.options?.filter(option => !option.selected);\n        this.decoretee.init({\n            ...params,\n            options\n        });\n    }\n\n    get vm() {\n        return this.decoretee.vm;\n    }\n\n    setListOpenState = (open: boolean) => {\n        this.decoretee.setListOpenState(open);\n    };\n\n    setLoadedOptions = (loaded: boolean) => {\n        this.decoretee.setLoadedOptions(loaded);\n    };\n\n    setSelectedOption = (value: string) => {\n        this.decoretee.setSelectedOption(value);\n    };\n\n    removeSelectedOption = (value: string) => {\n        this.decoretee.removeSelectedOption(value);\n    };\n\n    resetSelectedOptions = () => {\n        this.decoretee.resetSelectedOptions();\n    };\n\n    addOption = (option: CommandOption) => {\n        this.decoretee.addOption(option);\n    };\n}\n"],"mappings":"AAMA,OAAO,MAAMA,qDAAqD,CAElE;EAGIC,WAAWA,CAACC,SAAiD,EAAE;IAC3D,IAAI,CAACA,SAAS,GAAGA,SAAS;EAC9B;EAEAC,IAAIA,CAACC,MAAoD,EAAE;IACvD,MAAMC,OAAO,GAAGD,MAAM,CAACC,OAAO,EAAEC,MAAM,CAACC,MAAM,IAAI,CAACA,MAAM,CAACC,QAAQ,CAAC;IAClE,IAAI,CAACN,SAAS,CAACC,IAAI,CAAC;MAChB,GAAGC,MAAM;MACTC;IACJ,CAAC,CAAC;EACN;EAEA,IAAII,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACP,SAAS,CAACO,EAAE;EAC5B;EAEAC,gBAAgB,GAAIC,IAAa,IAAK;IAClC,IAAI,CAACT,SAAS,CAACQ,gBAAgB,CAACC,IAAI,CAAC;EACzC,CAAC;EAEDC,gBAAgB,GAAIC,MAAe,IAAK;IACpC,IAAI,CAACX,SAAS,CAACU,gBAAgB,CAACC,MAAM,CAAC;EAC3C,CAAC;EAEDC,iBAAiB,GAAIC,KAAa,IAAK;IACnC,IAAI,CAACb,SAAS,CAACY,iBAAiB,CAACC,KAAK,CAAC;EAC3C,CAAC;EAEDC,oBAAoB,GAAID,KAAa,IAAK;IACtC,IAAI,CAACb,SAAS,CAACc,oBAAoB,CAACD,KAAK,CAAC;EAC9C,CAAC;EAEDE,oBAAoB,GAAGA,CAAA,KAAM;IACzB,IAAI,CAACf,SAAS,CAACe,oBAAoB,CAAC,CAAC;EACzC,CAAC;EAEDC,SAAS,GAAIX,MAAqB,IAAK;IACnC,IAAI,CAACL,SAAS,CAACgB,SAAS,CAACX,MAAM,CAAC;EACpC,CAAC;AACL","ignoreList":[]}
+{"version":3,"names":["MultiAutoCompleteListOptionsPresenterWithUniqueValues","constructor","decoretee","init","params","options","filter","option","selected","vm","setListOpenState","open","setLoadedOptions","loaded","setSelectedOption","value","removeSelectedOption","resetSelectedOptions","addOption"],"sources":["MultiAutoCompleteListOptionsPresenterWithUniqueValues.ts"],"sourcesContent":["import type { CommandOption } from \"~/Command/domain/CommandOption.js\";\nimport type {\n    IMultiAutoCompleteListOptionsPresenter,\n    IMultiAutoCompleteListOptionsPresenterParams\n} from \"./MultiAutoCompleteListOptionsPresenter.js\";\n\nexport class MultiAutoCompleteListOptionsPresenterWithUniqueValues\n    implements IMultiAutoCompleteListOptionsPresenter\n{\n    private decoretee: IMultiAutoCompleteListOptionsPresenter;\n\n    constructor(decoretee: IMultiAutoCompleteListOptionsPresenter) {\n        this.decoretee = decoretee;\n    }\n\n    init(params: IMultiAutoCompleteListOptionsPresenterParams) {\n        const options = params.options?.filter(option => !option.selected);\n        this.decoretee.init({\n            ...params,\n            options\n        });\n    }\n\n    get vm() {\n        return this.decoretee.vm;\n    }\n\n    setListOpenState = (open: boolean) => {\n        this.decoretee.setListOpenState(open);\n    };\n\n    setLoadedOptions = (loaded: boolean) => {\n        this.decoretee.setLoadedOptions(loaded);\n    };\n\n    setSelectedOption = (value: string) => {\n        this.decoretee.setSelectedOption(value);\n    };\n\n    removeSelectedOption = (value: string) => {\n        this.decoretee.removeSelectedOption(value);\n    };\n\n    resetSelectedOptions = () => {\n        this.decoretee.resetSelectedOptions();\n    };\n\n    addOption = (option: CommandOption) => {\n        this.decoretee.addOption(option);\n    };\n}\n"],"mappings":"AAMA,OAAO,MAAMA,qDAAqD,CAElE;EAGIC,WAAWA,CAACC,SAAiD,EAAE;IAC3D,IAAI,CAACA,SAAS,GAAGA,SAAS;EAC9B;EAEAC,IAAIA,CAACC,MAAoD,EAAE;IACvD,MAAMC,OAAO,GAAGD,MAAM,CAACC,OAAO,EAAEC,MAAM,CAACC,MAAM,IAAI,CAACA,MAAM,CAACC,QAAQ,CAAC;IAClE,IAAI,CAACN,SAAS,CAACC,IAAI,CAAC;MAChB,GAAGC,MAAM;MACTC;IACJ,CAAC,CAAC;EACN;EAEA,IAAII,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACP,SAAS,CAACO,EAAE;EAC5B;EAEAC,gBAAgB,GAAIC,IAAa,IAAK;IAClC,IAAI,CAACT,SAAS,CAACQ,gBAAgB,CAACC,IAAI,CAAC;EACzC,CAAC;EAEDC,gBAAgB,GAAIC,MAAe,IAAK;IACpC,IAAI,CAACX,SAAS,CAACU,gBAAgB,CAACC,MAAM,CAAC;EAC3C,CAAC;EAEDC,iBAAiB,GAAIC,KAAa,IAAK;IACnC,IAAI,CAACb,SAAS,CAACY,iBAAiB,CAACC,KAAK,CAAC;EAC3C,CAAC;EAEDC,oBAAoB,GAAID,KAAa,IAAK;IACtC,IAAI,CAACb,SAAS,CAACc,oBAAoB,CAACD,KAAK,CAAC;EAC9C,CAAC;EAEDE,oBAAoB,GAAGA,CAAA,KAAM;IACzB,IAAI,CAACf,SAAS,CAACe,oBAAoB,CAAC,CAAC;EACzC,CAAC;EAEDC,SAAS,GAAIX,MAAqB,IAAK;IACnC,IAAI,CAACL,SAAS,CAACgB,SAAS,CAACX,MAAM,CAAC;EACpC,CAAC;AACL","ignoreList":[]}

package/MultiAutoComplete/primitives/presenters/MultiAutoCompletePresenter.d.ts

@@ -1,8 +1,8 @@
-import type { MultiAutoCompleteOption } from "../../domains";
-import type { IMultiAutoCompleteInputPresenter } from "./MultiAutoCompleteInputPresenter";
-import type { IMultiAutoCompleteSelectedOptionsPresenter } from "./MultiAutoCompleteSelectedOptionsPresenter";
-import type { IMultiAutoCompleteListOptionsPresenter } from "./MultiAutoCompleteListOptionsPresenter";
-import type { IMultiAutoCompleteTemporaryOptionPresenter } from "./MultiAutoCompleteTemporaryOptionPresenter";
+import type { MultiAutoCompleteOption } from "../../domains/index.js";
+import type { IMultiAutoCompleteInputPresenter } from "./MultiAutoCompleteInputPresenter.js";
+import type { IMultiAutoCompleteSelectedOptionsPresenter } from "./MultiAutoCompleteSelectedOptionsPresenter.js";
+import type { IMultiAutoCompleteListOptionsPresenter } from "./MultiAutoCompleteListOptionsPresenter.js";
+import type { IMultiAutoCompleteTemporaryOptionPresenter } from "./MultiAutoCompleteTemporaryOptionPresenter.js";
 interface MultiAutoCompletePresenterParams {
     allowFreeInput?: boolean;
     displayResetAction?: boolean;
@@ -46,11 +46,11 @@ declare class MultiAutoCompletePresenter implements IMultiAutoCompletePresenter
             displayResetAction: boolean;
         };
         selectedOptionsVm: {
-            options: import("../../../Command").CommandOptionFormatted[];
+            options: import("../../../Command/index.js").CommandOptionFormatted[];
             empty: boolean;
         };
         optionsListVm: {
-            options: import("../../../Command").CommandOptionFormatted[];
+            options: import("../../../Command/index.js").CommandOptionFormatted[];
             emptyMessage: any;
             loadingMessage: any;
             open: boolean;

package/MultiAutoComplete/primitives/presenters/MultiAutoCompletePresenter.js

@@ -1,5 +1,5 @@
 import { makeAutoObservable } from "mobx";
-import { CommandOption } from "../../../Command/domain/CommandOption";
+import { CommandOption } from "../../../Command/domain/CommandOption.js";
 class MultiAutoCompletePresenter {
   params = undefined;
   constructor(inputPresenter, selectedOptionsPresenter, optionsListPresenter) {

package/MultiAutoComplete/primitives/presenters/MultiAutoCompletePresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","CommandOption","MultiAutoCompletePresenter","params","undefined","constructor","inputPresenter","selectedOptionsPresenter","optionsListPresenter","init","placeholder","displayResetAction","listOptions","getListOptions","options","values","emptyMessage","loadingMessage","initialMessage","getSelectedOptions","vm","inputVm","selectedOptionsVm","optionsListVm","temporaryOptionVm","option","setListOpenState","open","onOpenChange","searchOption","value","setValue","setLoadedOptions","onValueSearch","setSelectedOption","resetValue","find","commandOption","create","createFromString","selected","addOption","onValuesChange","getSelectedValues","removeSelectedOption","removeOption","resetSelectedOptions","resetOptions","onValuesReset","createOption","map","includes","commandOptions","length"],"sources":["MultiAutoCompletePresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { CommandOption } from \"~/Command/domain/CommandOption\";\nimport type { MultiAutoCompleteOption } from \"../../domains\";\nimport type { IMultiAutoCompleteInputPresenter } from \"./MultiAutoCompleteInputPresenter\";\nimport type { IMultiAutoCompleteSelectedOptionsPresenter } from \"./MultiAutoCompleteSelectedOptionsPresenter\";\nimport type { IMultiAutoCompleteListOptionsPresenter } from \"./MultiAutoCompleteListOptionsPresenter\";\nimport type { IMultiAutoCompleteTemporaryOptionPresenter } from \"./MultiAutoCompleteTemporaryOptionPresenter\";\n\ninterface MultiAutoCompletePresenterParams {\n    allowFreeInput?: boolean;\n    displayResetAction?: boolean;\n    emptyMessage?: any;\n    loadingMessage?: any;\n    initialMessage?: any;\n    options?: MultiAutoCompleteOption[];\n    placeholder?: string;\n    values?: string[];\n    onValueSearch?: (value: string) => void;\n    onValuesReset?: () => void;\n    onValuesChange: (values: string[]) => void;\n    onOpenChange?: (open: boolean) => void;\n}\n\ninterface IMultiAutoCompletePresenter {\n    vm: {\n        inputVm: IMultiAutoCompleteInputPresenter[\"vm\"];\n        selectedOptionsVm: IMultiAutoCompleteSelectedOptionsPresenter[\"vm\"];\n        optionsListVm: IMultiAutoCompleteListOptionsPresenter[\"vm\"];\n        temporaryOptionVm: IMultiAutoCompleteTemporaryOptionPresenter[\"vm\"];\n    };\n    init: (params: MultiAutoCompletePresenterParams) => void;\n    setListOpenState: (open: boolean) => void;\n    searchOption: (value: string) => void;\n    setSelectedOption: (value: string) => void;\n    removeSelectedOption: (value: string) => void;\n    resetSelectedOptions: () => void;\n    createOption: (value: string) => void;\n}\n\nclass MultiAutoCompletePresenter implements IMultiAutoCompletePresenter {\n    private params?: MultiAutoCompletePresenterParams = undefined;\n    private inputPresenter: IMultiAutoCompleteInputPresenter;\n    private selectedOptionsPresenter: IMultiAutoCompleteSelectedOptionsPresenter;\n    private optionsListPresenter: IMultiAutoCompleteListOptionsPresenter;\n\n    constructor(\n        inputPresenter: IMultiAutoCompleteInputPresenter,\n        selectedOptionsPresenter: IMultiAutoCompleteSelectedOptionsPresenter,\n        optionsListPresenter: IMultiAutoCompleteListOptionsPresenter\n    ) {\n        this.inputPresenter = inputPresenter;\n        this.selectedOptionsPresenter = selectedOptionsPresenter;\n        this.optionsListPresenter = optionsListPresenter;\n        makeAutoObservable(this);\n    }\n\n    init(params: MultiAutoCompletePresenterParams) {\n        this.params = params;\n\n        this.inputPresenter.init({\n            placeholder: params.placeholder,\n            displayResetAction: params.displayResetAction\n        });\n\n        const listOptions = this.getListOptions(params.options, params.values);\n        this.optionsListPresenter.init({\n            options: listOptions,\n            emptyMessage: params.emptyMessage,\n            loadingMessage: params.loadingMessage,\n            initialMessage: params.initialMessage\n        });\n        this.selectedOptionsPresenter.init({\n            options: this.getSelectedOptions(listOptions, params.values)\n        });\n    }\n\n    get vm() {\n        return {\n            inputVm: this.inputPresenter.vm,\n            selectedOptionsVm: this.selectedOptionsPresenter.vm,\n            optionsListVm: this.optionsListPresenter.vm,\n            temporaryOptionVm: {\n                option: undefined\n            }\n        };\n    }\n\n    setListOpenState = (open: boolean) => {\n        this.optionsListPresenter.setListOpenState(open);\n        this.params?.onOpenChange?.(open);\n    };\n\n    public searchOption = (value: string) => {\n        this.inputPresenter.setValue(value);\n        this.optionsListPresenter.setLoadedOptions(true);\n        this.params?.onValueSearch?.(value);\n    };\n\n    public setSelectedOption = (value: string) => {\n        this.inputPresenter.resetValue();\n        this.optionsListPresenter.setSelectedOption(value);\n\n        const option = this.vm.optionsListVm.options.find(option => option.value === value);\n\n        const commandOption = option\n            ? CommandOption.create(option)\n            : CommandOption.createFromString(value);\n\n        commandOption.selected = true;\n        this.selectedOptionsPresenter.addOption(commandOption);\n\n        this.params?.onValuesChange(this.getSelectedValues());\n    };\n\n    public removeSelectedOption = (value: string) => {\n        this.optionsListPresenter.removeSelectedOption(value);\n        this.selectedOptionsPresenter.removeOption(value);\n\n        this.params?.onValuesChange(this.getSelectedValues());\n    };\n\n    public resetSelectedOptions = () => {\n        this.optionsListPresenter.resetSelectedOptions();\n        this.selectedOptionsPresenter.resetOptions();\n        this.inputPresenter.resetValue();\n\n        this.params?.onValuesChange(this.getSelectedValues());\n        this.params?.onValuesReset?.();\n    };\n\n    public createOption = () => {\n        return;\n    };\n\n    private getListOptions(\n        options: MultiAutoCompleteOption[] = [],\n        values: string[] = []\n    ): CommandOption[] {\n        return options.map(option => {\n            const commandOption =\n                typeof option === \"string\"\n                    ? CommandOption.createFromString(option)\n                    : CommandOption.create(option);\n\n            commandOption.selected = values?.includes(commandOption.value) ?? false;\n\n            return commandOption;\n        });\n    }\n\n    private getSelectedOptions(\n        commandOptions: CommandOption[],\n        values: string[] = []\n    ): CommandOption[] {\n        if (!values.length) {\n            return [];\n        }\n\n        return values.map(value => {\n            const option = commandOptions.find(option => option.value === value);\n\n            if (!option) {\n                return CommandOption.createFromString(value);\n            }\n\n            return option;\n        });\n    }\n\n    private getSelectedValues() {\n        return this.selectedOptionsPresenter.vm.options.map(option => option.value);\n    }\n}\n\nexport {\n    MultiAutoCompletePresenter,\n    type IMultiAutoCompletePresenter,\n    type MultiAutoCompletePresenterParams\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","CommandOption","MultiAutoCompletePresenter","params","undefined","constructor","inputPresenter","selectedOptionsPresenter","optionsListPresenter","init","placeholder","displayResetAction","listOptions","getListOptions","options","values","emptyMessage","loadingMessage","initialMessage","getSelectedOptions","vm","inputVm","selectedOptionsVm","optionsListVm","temporaryOptionVm","option","setListOpenState","open","onOpenChange","searchOption","value","setValue","setLoadedOptions","onValueSearch","setSelectedOption","resetValue","find","commandOption","create","createFromString","selected","addOption","onValuesChange","getSelectedValues","removeSelectedOption","removeOption","resetSelectedOptions","resetOptions","onValuesReset","createOption","map","includes","commandOptions","length"],"sources":["MultiAutoCompletePresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { CommandOption } from \"~/Command/domain/CommandOption.js\";\nimport type { MultiAutoCompleteOption } from \"../../domains/index.js\";\nimport type { IMultiAutoCompleteInputPresenter } from \"./MultiAutoCompleteInputPresenter.js\";\nimport type { IMultiAutoCompleteSelectedOptionsPresenter } from \"./MultiAutoCompleteSelectedOptionsPresenter.js\";\nimport type { IMultiAutoCompleteListOptionsPresenter } from \"./MultiAutoCompleteListOptionsPresenter.js\";\nimport type { IMultiAutoCompleteTemporaryOptionPresenter } from \"./MultiAutoCompleteTemporaryOptionPresenter.js\";\n\ninterface MultiAutoCompletePresenterParams {\n    allowFreeInput?: boolean;\n    displayResetAction?: boolean;\n    emptyMessage?: any;\n    loadingMessage?: any;\n    initialMessage?: any;\n    options?: MultiAutoCompleteOption[];\n    placeholder?: string;\n    values?: string[];\n    onValueSearch?: (value: string) => void;\n    onValuesReset?: () => void;\n    onValuesChange: (values: string[]) => void;\n    onOpenChange?: (open: boolean) => void;\n}\n\ninterface IMultiAutoCompletePresenter {\n    vm: {\n        inputVm: IMultiAutoCompleteInputPresenter[\"vm\"];\n        selectedOptionsVm: IMultiAutoCompleteSelectedOptionsPresenter[\"vm\"];\n        optionsListVm: IMultiAutoCompleteListOptionsPresenter[\"vm\"];\n        temporaryOptionVm: IMultiAutoCompleteTemporaryOptionPresenter[\"vm\"];\n    };\n    init: (params: MultiAutoCompletePresenterParams) => void;\n    setListOpenState: (open: boolean) => void;\n    searchOption: (value: string) => void;\n    setSelectedOption: (value: string) => void;\n    removeSelectedOption: (value: string) => void;\n    resetSelectedOptions: () => void;\n    createOption: (value: string) => void;\n}\n\nclass MultiAutoCompletePresenter implements IMultiAutoCompletePresenter {\n    private params?: MultiAutoCompletePresenterParams = undefined;\n    private inputPresenter: IMultiAutoCompleteInputPresenter;\n    private selectedOptionsPresenter: IMultiAutoCompleteSelectedOptionsPresenter;\n    private optionsListPresenter: IMultiAutoCompleteListOptionsPresenter;\n\n    constructor(\n        inputPresenter: IMultiAutoCompleteInputPresenter,\n        selectedOptionsPresenter: IMultiAutoCompleteSelectedOptionsPresenter,\n        optionsListPresenter: IMultiAutoCompleteListOptionsPresenter\n    ) {\n        this.inputPresenter = inputPresenter;\n        this.selectedOptionsPresenter = selectedOptionsPresenter;\n        this.optionsListPresenter = optionsListPresenter;\n        makeAutoObservable(this);\n    }\n\n    init(params: MultiAutoCompletePresenterParams) {\n        this.params = params;\n\n        this.inputPresenter.init({\n            placeholder: params.placeholder,\n            displayResetAction: params.displayResetAction\n        });\n\n        const listOptions = this.getListOptions(params.options, params.values);\n        this.optionsListPresenter.init({\n            options: listOptions,\n            emptyMessage: params.emptyMessage,\n            loadingMessage: params.loadingMessage,\n            initialMessage: params.initialMessage\n        });\n        this.selectedOptionsPresenter.init({\n            options: this.getSelectedOptions(listOptions, params.values)\n        });\n    }\n\n    get vm() {\n        return {\n            inputVm: this.inputPresenter.vm,\n            selectedOptionsVm: this.selectedOptionsPresenter.vm,\n            optionsListVm: this.optionsListPresenter.vm,\n            temporaryOptionVm: {\n                option: undefined\n            }\n        };\n    }\n\n    setListOpenState = (open: boolean) => {\n        this.optionsListPresenter.setListOpenState(open);\n        this.params?.onOpenChange?.(open);\n    };\n\n    public searchOption = (value: string) => {\n        this.inputPresenter.setValue(value);\n        this.optionsListPresenter.setLoadedOptions(true);\n        this.params?.onValueSearch?.(value);\n    };\n\n    public setSelectedOption = (value: string) => {\n        this.inputPresenter.resetValue();\n        this.optionsListPresenter.setSelectedOption(value);\n\n        const option = this.vm.optionsListVm.options.find(option => option.value === value);\n\n        const commandOption = option\n            ? CommandOption.create(option)\n            : CommandOption.createFromString(value);\n\n        commandOption.selected = true;\n        this.selectedOptionsPresenter.addOption(commandOption);\n\n        this.params?.onValuesChange(this.getSelectedValues());\n    };\n\n    public removeSelectedOption = (value: string) => {\n        this.optionsListPresenter.removeSelectedOption(value);\n        this.selectedOptionsPresenter.removeOption(value);\n\n        this.params?.onValuesChange(this.getSelectedValues());\n    };\n\n    public resetSelectedOptions = () => {\n        this.optionsListPresenter.resetSelectedOptions();\n        this.selectedOptionsPresenter.resetOptions();\n        this.inputPresenter.resetValue();\n\n        this.params?.onValuesChange(this.getSelectedValues());\n        this.params?.onValuesReset?.();\n    };\n\n    public createOption = () => {\n        return;\n    };\n\n    private getListOptions(\n        options: MultiAutoCompleteOption[] = [],\n        values: string[] = []\n    ): CommandOption[] {\n        return options.map(option => {\n            const commandOption =\n                typeof option === \"string\"\n                    ? CommandOption.createFromString(option)\n                    : CommandOption.create(option);\n\n            commandOption.selected = values?.includes(commandOption.value) ?? false;\n\n            return commandOption;\n        });\n    }\n\n    private getSelectedOptions(\n        commandOptions: CommandOption[],\n        values: string[] = []\n    ): CommandOption[] {\n        if (!values.length) {\n            return [];\n        }\n\n        return values.map(value => {\n            const option = commandOptions.find(option => option.value === value);\n\n            if (!option) {\n                return CommandOption.createFromString(value);\n            }\n\n            return option;\n        });\n    }\n\n    private getSelectedValues() {\n        return this.selectedOptionsPresenter.vm.options.map(option => option.value);\n    }\n}\n\nexport {\n    MultiAutoCompletePresenter,\n    type IMultiAutoCompletePresenter,\n    type MultiAutoCompletePresenterParams\n};\n"],"mappings":"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","ignoreList":[]}

package/MultiAutoComplete/primitives/presenters/MultiAutoCompletePresenter.test.js

@@ -1,12 +1,13 @@
-import { MultiAutoCompletePresenter } from "./MultiAutoCompletePresenter";
-import { MultiAutoCompleteInputPresenter } from "./MultiAutoCompleteInputPresenter";
-import { MultiAutoCompleteSelectedOptionPresenter } from "./MultiAutoCompleteSelectedOptionsPresenter";
-import { MultiAutoCompleteListOptionsPresenter } from "./MultiAutoCompleteListOptionsPresenter";
+import { MultiAutoCompletePresenter } from "./MultiAutoCompletePresenter.js";
+import { MultiAutoCompleteInputPresenter } from "./MultiAutoCompleteInputPresenter.js";
+import { MultiAutoCompleteSelectedOptionPresenter } from "./MultiAutoCompleteSelectedOptionsPresenter.js";
+import { MultiAutoCompleteListOptionsPresenter } from "./MultiAutoCompleteListOptionsPresenter.js";
+import { beforeEach, describe, expect, it, vi } from "vitest";
 describe("MultiAutoCompletePresenter", () => {
   let presenter;
-  const onValuesChange = jest.fn();
-  const onOpenChange = jest.fn();
-  const onValuesReset = jest.fn();
+  const onValuesChange = vi.fn();
+  const onOpenChange = vi.fn();
+  const onValuesReset = vi.fn();
   beforeEach(() => {
     const inputPresenter = new MultiAutoCompleteInputPresenter();
     const selectedOptionsPresenter = new MultiAutoCompleteSelectedOptionPresenter();