@webiny/admin-ui 6.0.0-alpha.0

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInput.js

@@ -0,0 +1,107 @@
+import React from "react";
+import { getIconPosition, 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", {
+  variants: {
+    disabled: {
+      true: "wby-cursor-not-allowed disabled:wby-text-neutral-disabled disabled:placeholder:wby-text-neutral-disabled"
+    }
+  }
+});
+const MultiAutoCompleteInput = ({
+  changeValue,
+  closeList,
+  disabled,
+  endIcon,
+  invalid,
+  openList,
+  placeholder,
+  removeSelectedOption,
+  selectedOptionRenderer,
+  selectedOptions,
+  size,
+  startIcon,
+  value,
+  variant,
+  className,
+  inputRef: parentInputRef,
+  ...props
+}) => {
+  const [focused, setFocused] = React.useState(false);
+  const inputRef = React.useMemo(() => parentInputRef && typeof parentInputRef !== "function" ? parentInputRef : /*#__PURE__*/React.createRef(), [parentInputRef]);
+  const iconPosition = getIconPosition(startIcon, endIcon);
+  const renderSelectedOptions = React.useCallback(options => {
+    return options.map((option, index) => {
+      if (selectedOptionRenderer) {
+        if (!option.item) {
+          return null;
+        }
+        return selectedOptionRenderer.call(this, option.item, index);
+      }
+      return /*#__PURE__*/React.createElement(Tag, {
+        key: `tag-${option.value}-${index}`,
+        variant: "neutral-light",
+        content: option.label,
+        onDismiss: () => removeSelectedOption(option.value)
+      });
+    });
+  }, [selectedOptionRenderer, removeSelectedOption]);
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: cn(inputVariants({
+      variant,
+      size,
+      iconPosition,
+      invalid
+    }), multiAutoCompleteInputVariants({
+      disabled
+    }), className),
+    "aria-disabled": disabled,
+    onClick: () => {
+      if (disabled) {
+        return;
+      }
+      inputRef?.current?.focus();
+      setFocused(true);
+    },
+    "data-disabled": disabled,
+    "data-focused": focused
+  }), startIcon && /*#__PURE__*/React.createElement(InputIcon, {
+    disabled: disabled,
+    icon: startIcon,
+    inputSize: size,
+    position: "start"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "wby-relative wby-flex wby-flex-wrap wby-gap-xs"
+  }, renderSelectedOptions(selectedOptions), /*#__PURE__*/React.createElement(Command.Input, {
+    className: "wby-flex-1 wby-bg-transparent wby-border-none wby-outline-none",
+    value: value,
+    onValueChange: changeValue,
+    placeholder: placeholder,
+    disabled: disabled,
+    onBlur: () => {
+      setFocused(false);
+      closeList();
+    },
+    onFocus: () => {
+      setFocused(true);
+      openList();
+    },
+    inputElement: /*#__PURE__*/React.createElement("input", {
+      type: "text",
+      ref: inputRef,
+      className: cn(multiAutoCompleteInputVariants({
+        disabled
+      }))
+    })
+  })), endIcon && /*#__PURE__*/React.createElement(InputIcon, {
+    disabled: disabled,
+    icon: endIcon,
+    inputSize: size,
+    position: "end"
+  }));
+};
+export { MultiAutoCompleteInput };
+
+//# sourceMappingURL=MultiAutoCompleteInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","getIconPosition","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","iconPosition","renderSelectedOptions","useCallback","options","map","option","index","item","call","createElement","key","content","label","onDismiss","Object","assign","onClick","current","focus","icon","inputSize","position","Input","onValueChange","onBlur","onFocus","inputElement","type","ref"],"sources":["MultiAutoCompleteInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { getIconPosition, InputIcon, InputPrimitiveProps, inputVariants } from \"~/Input\";\nimport { Command, CommandOptionFormatted } 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    const iconPosition = getIconPosition(startIcon, endIcon);\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={\"neutral-light\"}\n                        content={option.label}\n                        onDismiss={() => removeSelectedOption(option.value)}\n                    />\n                );\n            });\n        },\n        [selectedOptionRenderer, removeSelectedOption]\n    );\n\n    return (\n        <div\n            {...props}\n            className={cn(\n                inputVariants({\n                    variant,\n                    size,\n                    iconPosition,\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 && (\n                <InputIcon\n                    disabled={disabled}\n                    icon={startIcon}\n                    inputSize={size}\n                    position={\"start\"}\n                />\n            )}\n            <div className=\"wby-relative wby-flex wby-flex-wrap wby-gap-xs\">\n                {renderSelectedOptions(selectedOptions)}\n                <Command.Input\n                    className={\"wby-flex-1 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 && (\n                <InputIcon disabled={disabled} icon={endIcon} inputSize={size} position={\"end\"} />\n            )}\n        </div>\n    );\n};\n\nexport { MultiAutoCompleteInput, type MultiAutoCompleteInputProps };\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+import React from "react";
+interface MultiAutoCompleteInputIconsProps {
+    displayResetAction: boolean;
+    inputSize?: "md" | "lg" | "xl" | null;
+    loading?: boolean;
+    disabled?: boolean;
+    onOpenChange: (open: boolean) => void;
+    onResetValue: () => void;
+}
+export declare const MultiAutoCompleteInputIcons: (props: MultiAutoCompleteInputIconsProps) => React.JSX.Element;
+export {};

package/MultiAutoComplete/primitives/components/MultiAutoCompleteInputIcons.js

@@ -0,0 +1,37 @@
+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";
+export const MultiAutoCompleteInputIcons = props => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-gap-sm"
+  }, props.loading && /*#__PURE__*/React.createElement(Loader, {
+    size: props.inputSize === "xl" ? "sm" : "xs"
+  }), props.displayResetAction && /*#__PURE__*/React.createElement(IconButton, {
+    size: props.inputSize === "xl" ? "sm" : "xs" // Map button size based on the input size.
+    ,
+    variant: "secondary",
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React.createElement(Close, null),
+      label: "Reset"
+    }),
+    disabled: props.disabled,
+    onClick: event => {
+      event.stopPropagation();
+      props.onResetValue();
+    }
+  }), /*#__PURE__*/React.createElement(Icon, {
+    size: props.inputSize === "xl" ? "lg" : "sm" // Map icon size based on the input size.
+    ,
+    icon: /*#__PURE__*/React.createElement(ChevronDown, null),
+    label: "Open list",
+    onClick: event => {
+      event.stopPropagation();
+      props.onOpenChange(true);
+    }
+  }));
+};
+
+//# sourceMappingURL=MultiAutoCompleteInputIcons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","Close","ChevronDown","IconButton","Icon","Loader","MultiAutoCompleteInputIcons","props","createElement","className","loading","size","inputSize","displayResetAction","variant","icon","label","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    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={\"secondary\"}\n                    icon={<Icon icon={<Close />} label={\"Reset\"} />}\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;AAWf,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,EAAE,WAAY;IACrBC,IAAI,eAAEhB,KAAA,CAAAS,aAAA,CAACJ,IAAI;MAACW,IAAI,eAAEhB,KAAA,CAAAS,aAAA,CAACP,KAAK,MAAE,CAAE;MAACe,KAAK,EAAE;IAAQ,CAAE,CAAE;IAChDC,QAAQ,EAAEV,KAAK,CAACU,QAAS;IACzBC,OAAO,EAAEC,KAAK,IAAI;MACdA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBb,KAAK,CAACc,YAAY,CAAC,CAAC;IACxB;EAAE,CACL,CACJ,eACDtB,KAAA,CAAAS,aAAA,CAACJ,IAAI;IACDO,IAAI,EAAEJ,KAAK,CAACK,SAAS,KAAK,IAAI,GAAG,IAAI,GAAG,IAAK,CAAC;IAAA;IAC9CG,IAAI,eAAEhB,KAAA,CAAAS,aAAA,CAACN,WAAW,MAAE,CAAE;IACtBc,KAAK,EAAE,WAAY;IACnBE,OAAO,EAAEC,KAAK,IAAI;MACdA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBb,KAAK,CAACe,YAAY,CAAC,IAAI,CAAC;IAC5B;EAAE,CACL,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { CommandOptionFormatted } from "../../../Command/domain/CommandOptionFormatted";
+import { Command } from "../../../Command";
+interface MultiAutoCompleteListProps extends React.ComponentPropsWithoutRef<typeof Command.List> {
+    emptyMessage?: React.ReactNode;
+    empty?: boolean;
+    loading?: boolean;
+    loadingMessage?: React.ReactNode;
+    onOptionCreate?: (value: string) => void;
+    onOptionSelect: (value: string) => void;
+    optionRenderer?: (item: any, index: number) => React.ReactNode;
+    options: CommandOptionFormatted[];
+    temporaryOption?: CommandOptionFormatted;
+}
+export declare const MultiAutoCompleteList: ({ emptyMessage, empty, loading, loadingMessage, onOptionCreate, onOptionSelect, optionRenderer, options, temporaryOption, ...props }: MultiAutoCompleteListProps) => React.JSX.Element;
+export {};

package/MultiAutoComplete/primitives/components/MultiAutoCompleteList.js

@@ -0,0 +1,61 @@
+import React from "react";
+import { Command } from "../../../Command";
+export const MultiAutoCompleteList = ({
+  emptyMessage,
+  empty,
+  loading,
+  loadingMessage,
+  onOptionCreate,
+  onOptionSelect,
+  optionRenderer,
+  options,
+  temporaryOption,
+  ...props
+}) => {
+  const renderOptions = React.useCallback(items => {
+    if (empty && !temporaryOption) {
+      return null;
+    }
+    const elements = [/*#__PURE__*/React.createElement(Command.Item, {
+      key: "dummy-element",
+      value: "-",
+      className: "wby-hidden"
+    })];
+    const renderedItems = items.reduce((acc, item, currentIndex) => {
+      acc.push(/*#__PURE__*/React.createElement(Command.Item, {
+        key: `item-${item.value}-${currentIndex}`,
+        value: item.value,
+        keywords: [item.label],
+        disabled: item.disabled,
+        selected: item.selected,
+        onSelect: () => onOptionSelect(item.value),
+        onMouseDown: event => event.preventDefault()
+      }, optionRenderer && item.item ? optionRenderer.call(this, item.item, currentIndex) : item.label));
+
+      // Conditionally render the separator if `separator` is true
+      if (item.separator) {
+        acc.push(/*#__PURE__*/React.createElement(Command.Separator, {
+          key: `separator-${item.value ?? currentIndex}`
+        }));
+      }
+      return acc;
+    }, elements);
+    if (temporaryOption?.value) {
+      renderedItems.push(/*#__PURE__*/React.createElement(Command.Item, {
+        key: `temporary-${temporaryOption.value}`,
+        value: temporaryOption.value,
+        keywords: [temporaryOption.label],
+        disabled: temporaryOption.disabled,
+        selected: temporaryOption.selected,
+        onSelect: () => {
+          onOptionCreate && onOptionCreate(temporaryOption.value);
+        },
+        onMouseDown: event => event.preventDefault()
+      }, `Add "${temporaryOption.label}" as new option`));
+    }
+    return renderedItems;
+  }, [onOptionSelect, temporaryOption, onOptionCreate, empty, optionRenderer]);
+  return /*#__PURE__*/React.createElement(Command.List, props, loading ? /*#__PURE__*/React.createElement(Command.Loading, null, loadingMessage) : renderOptions(options), !loading && /*#__PURE__*/React.createElement(Command.Empty, null, emptyMessage));
+};
+
+//# sourceMappingURL=MultiAutoCompleteList.js.map

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

@@ -0,0 +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 { 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":[]}

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

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

package/MultiAutoComplete/primitives/components/index.js

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

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

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

package/MultiAutoComplete/primitives/index.d.ts

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

package/MultiAutoComplete/primitives/index.js

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

package/MultiAutoComplete/primitives/index.js.map

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

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

@@ -0,0 +1,28 @@
+export interface MultiAutoCompleteInputPresenterParams {
+    placeholder?: string;
+    displayResetAction?: boolean;
+}
+export interface IMultiAutoCompleteInputPresenter {
+    vm: {
+        placeholder: string;
+        value: string;
+        displayResetAction: boolean;
+    };
+    init: (params: MultiAutoCompleteInputPresenterParams) => void;
+    setValue: (query: string) => void;
+    resetValue: () => void;
+}
+export declare class MultiAutoCompleteInputPresenter implements IMultiAutoCompleteInputPresenter {
+    private searchQuery?;
+    private placeholder?;
+    private displayResetAction;
+    constructor();
+    init(params?: MultiAutoCompleteInputPresenterParams): void;
+    get vm(): {
+        placeholder: string;
+        value: string;
+        displayResetAction: boolean;
+    };
+    setValue: (value: string) => void;
+    resetValue: () => void;
+}

package/MultiAutoComplete/primitives/presenters/MultiAutoCompleteInputPresenter.js

@@ -0,0 +1,28 @@
+import { makeAutoObservable } from "mobx";
+export class MultiAutoCompleteInputPresenter {
+  searchQuery = undefined;
+  placeholder = undefined;
+  displayResetAction = true;
+  constructor() {
+    makeAutoObservable(this);
+  }
+  init(params) {
+    this.placeholder = params?.placeholder;
+    this.displayResetAction = params?.displayResetAction ?? true;
+  }
+  get vm() {
+    return {
+      placeholder: this.placeholder || "Start typing or select",
+      value: this.searchQuery || "",
+      displayResetAction: this.displayResetAction
+    };
+  }
+  setValue = value => {
+    this.searchQuery = value;
+  };
+  resetValue = () => {
+    this.searchQuery = undefined;
+  };
+}
+
+//# sourceMappingURL=MultiAutoCompleteInputPresenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","MultiAutoCompleteInputPresenter","searchQuery","undefined","placeholder","displayResetAction","constructor","init","params","vm","value","setValue","resetValue"],"sources":["MultiAutoCompleteInputPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nexport interface MultiAutoCompleteInputPresenterParams {\n    placeholder?: string;\n    displayResetAction?: boolean;\n}\n\nexport interface IMultiAutoCompleteInputPresenter {\n    vm: {\n        placeholder: string;\n        value: string;\n        displayResetAction: boolean;\n    };\n    init: (params: MultiAutoCompleteInputPresenterParams) => void;\n    setValue: (query: string) => void;\n    resetValue: () => void;\n}\n\nexport class MultiAutoCompleteInputPresenter implements IMultiAutoCompleteInputPresenter {\n    private searchQuery?: string = undefined;\n    private placeholder?: string = undefined;\n    private displayResetAction = true;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params?: MultiAutoCompleteInputPresenterParams) {\n        this.placeholder = params?.placeholder;\n        this.displayResetAction = params?.displayResetAction ?? true;\n    }\n\n    get vm() {\n        return {\n            placeholder: this.placeholder || \"Start typing or select\",\n            value: this.searchQuery || \"\",\n            displayResetAction: this.displayResetAction\n        };\n    }\n\n    public setValue = (value: string) => {\n        this.searchQuery = value;\n    };\n\n    public resetValue = () => {\n        this.searchQuery = undefined;\n    };\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAkBzC,OAAO,MAAMC,+BAA+B,CAA6C;EAC7EC,WAAW,GAAYC,SAAS;EAChCC,WAAW,GAAYD,SAAS;EAChCE,kBAAkB,GAAG,IAAI;EAEjCC,WAAWA,CAAA,EAAG;IACVN,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAO,IAAIA,CAACC,MAA8C,EAAE;IACjD,IAAI,CAACJ,WAAW,GAAGI,MAAM,EAAEJ,WAAW;IACtC,IAAI,CAACC,kBAAkB,GAAGG,MAAM,EAAEH,kBAAkB,IAAI,IAAI;EAChE;EAEA,IAAII,EAAEA,CAAA,EAAG;IACL,OAAO;MACHL,WAAW,EAAE,IAAI,CAACA,WAAW,IAAI,wBAAwB;MACzDM,KAAK,EAAE,IAAI,CAACR,WAAW,IAAI,EAAE;MAC7BG,kBAAkB,EAAE,IAAI,CAACA;IAC7B,CAAC;EACL;EAEOM,QAAQ,GAAID,KAAa,IAAK;IACjC,IAAI,CAACR,WAAW,GAAGQ,KAAK;EAC5B,CAAC;EAEME,UAAU,GAAGA,CAAA,KAAM;IACtB,IAAI,CAACV,WAAW,GAAGC,SAAS;EAChC,CAAC;AACL","ignoreList":[]}

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

@@ -0,0 +1,47 @@
+import { CommandOption } from "../../../Command/domain/CommandOption";
+import { CommandOptionFormatted } from "../../../Command/domain/CommandOptionFormatted";
+export interface IMultiAutoCompleteListOptionsPresenterParams {
+    options?: CommandOption[];
+    emptyMessage?: any;
+    loadingMessage?: any;
+    initialMessage?: any;
+}
+export interface IMultiAutoCompleteListOptionsPresenter {
+    vm: {
+        options: CommandOptionFormatted[];
+        emptyMessage: any;
+        loadingMessage: any;
+        open: boolean;
+        empty: boolean;
+    };
+    init: (params: IMultiAutoCompleteListOptionsPresenterParams) => void;
+    setListOpenState: (open: boolean) => void;
+    setLoadedOptions: (loaded: boolean) => void;
+    addOption: (option: CommandOption) => void;
+    setSelectedOption: (value: string) => void;
+    removeSelectedOption: (value: string) => void;
+    resetSelectedOptions: () => void;
+}
+export declare class MultiAutoCompleteListOptionsPresenter implements IMultiAutoCompleteListOptionsPresenter {
+    private open;
+    private loadedOptions;
+    private emptyMessage;
+    private loadingMessage;
+    private initialMessage;
+    private options;
+    constructor();
+    init(params: IMultiAutoCompleteListOptionsPresenterParams): void;
+    get vm(): {
+        options: CommandOptionFormatted[];
+        emptyMessage: string;
+        loadingMessage: string;
+        open: boolean;
+        empty: boolean;
+    };
+    setListOpenState: (open: boolean) => void;
+    setLoadedOptions: (loaded: boolean) => void;
+    setSelectedOption: (value: string) => void;
+    removeSelectedOption: (value: string) => void;
+    resetSelectedOptions: () => void;
+    addOption: (option: CommandOption) => void;
+}

package/MultiAutoComplete/primitives/presenters/MultiAutoCompleteListOptionsPresenter.js

@@ -0,0 +1,63 @@
+import { makeAutoObservable } from "mobx";
+import { CommandOptionFormatter } from "../../../Command/domain/CommandOptionFormatter";
+import { ListCache } from "../../domains";
+export class MultiAutoCompleteListOptionsPresenter {
+  open = false;
+  loadedOptions = false;
+  emptyMessage = "No results.";
+  loadingMessage = "Loading...";
+  initialMessage = "Start typing to find an option.";
+  options = new ListCache();
+  constructor() {
+    makeAutoObservable(this);
+  }
+  init(params) {
+    this.options.clear();
+    params.options && this.options.addItems(params.options);
+    this.emptyMessage = params.emptyMessage || this.emptyMessage;
+    this.loadingMessage = params.loadingMessage || this.loadingMessage;
+    this.initialMessage = params.initialMessage || this.initialMessage;
+  }
+  get vm() {
+    return {
+      options: this.options.getItems().map(option => CommandOptionFormatter.format(option)),
+      emptyMessage: this.loadedOptions ? this.emptyMessage : this.initialMessage,
+      loadingMessage: this.loadingMessage,
+      open: this.open,
+      empty: !this.options.hasItems()
+    };
+  }
+  setListOpenState = open => {
+    this.open = open;
+  };
+  setLoadedOptions = loaded => {
+    this.loadedOptions = loaded;
+  };
+  setSelectedOption = value => {
+    this.options.updateItems(option => {
+      if (option.value === value) {
+        option.selected = true;
+      }
+      return option;
+    });
+  };
+  removeSelectedOption = value => {
+    this.options.updateItems(option => {
+      if (option.value === value) {
+        option.selected = false;
+      }
+      return option;
+    });
+  };
+  resetSelectedOptions = () => {
+    this.options.updateItems(option => {
+      option.selected = false;
+      return option;
+    });
+  };
+  addOption = option => {
+    this.options.addItems([option]);
+  };
+}
+
+//# sourceMappingURL=MultiAutoCompleteListOptionsPresenter.js.map

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

@@ -0,0 +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 { CommandOption } from \"~/Command/domain/CommandOption\";\nimport { 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":[]}

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

@@ -0,0 +1,20 @@
+import { CommandOption } from "../../../Command/domain/CommandOption";
+import { IMultiAutoCompleteListOptionsPresenter, IMultiAutoCompleteListOptionsPresenterParams } from "./MultiAutoCompleteListOptionsPresenter";
+export declare class MultiAutoCompleteListOptionsPresenterWithUniqueValues implements IMultiAutoCompleteListOptionsPresenter {
+    private decoretee;
+    constructor(decoretee: IMultiAutoCompleteListOptionsPresenter);
+    init(params: IMultiAutoCompleteListOptionsPresenterParams): void;
+    get vm(): {
+        options: import("../../../Command").CommandOptionFormatted[];
+        emptyMessage: any;
+        loadingMessage: any;
+        open: boolean;
+        empty: boolean;
+    };
+    setListOpenState: (open: boolean) => void;
+    setLoadedOptions: (loaded: boolean) => void;
+    setSelectedOption: (value: string) => void;
+    removeSelectedOption: (value: string) => void;
+    resetSelectedOptions: () => void;
+    addOption: (option: CommandOption) => void;
+}

package/MultiAutoComplete/primitives/presenters/MultiAutoCompleteListOptionsPresenterWithUniqueValues.js

@@ -0,0 +1,35 @@
+export class MultiAutoCompleteListOptionsPresenterWithUniqueValues {
+  constructor(decoretee) {
+    this.decoretee = decoretee;
+  }
+  init(params) {
+    const options = params.options?.filter(option => !option.selected);
+    this.decoretee.init({
+      ...params,
+      options
+    });
+  }
+  get vm() {
+    return this.decoretee.vm;
+  }
+  setListOpenState = open => {
+    this.decoretee.setListOpenState(open);
+  };
+  setLoadedOptions = loaded => {
+    this.decoretee.setLoadedOptions(loaded);
+  };
+  setSelectedOption = value => {
+    this.decoretee.setSelectedOption(value);
+  };
+  removeSelectedOption = value => {
+    this.decoretee.removeSelectedOption(value);
+  };
+  resetSelectedOptions = () => {
+    this.decoretee.resetSelectedOptions();
+  };
+  addOption = option => {
+    this.decoretee.addOption(option);
+  };
+}
+
+//# sourceMappingURL=MultiAutoCompleteListOptionsPresenterWithUniqueValues.js.map

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

@@ -0,0 +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 { CommandOption } from \"~/Command/domain/CommandOption\";\nimport {\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":[]}

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

@@ -0,0 +1,73 @@
+import { MultiAutoCompleteOption } from "../../domains";
+import { IMultiAutoCompleteInputPresenter } from "./MultiAutoCompleteInputPresenter";
+import { IMultiAutoCompleteSelectedOptionsPresenter } from "./MultiAutoCompleteSelectedOptionsPresenter";
+import { IMultiAutoCompleteListOptionsPresenter } from "./MultiAutoCompleteListOptionsPresenter";
+import { IMultiAutoCompleteTemporaryOptionPresenter } from "./MultiAutoCompleteTemporaryOptionPresenter";
+interface MultiAutoCompletePresenterParams {
+    allowFreeInput?: boolean;
+    displayResetAction?: boolean;
+    emptyMessage?: any;
+    loadingMessage?: any;
+    initialMessage?: any;
+    options?: MultiAutoCompleteOption[];
+    placeholder?: string;
+    values?: string[];
+    onValueSearch?: (value: string) => void;
+    onValuesReset?: () => void;
+    onValuesChange: (values: string[]) => void;
+    onOpenChange?: (open: boolean) => void;
+}
+interface IMultiAutoCompletePresenter {
+    vm: {
+        inputVm: IMultiAutoCompleteInputPresenter["vm"];
+        selectedOptionsVm: IMultiAutoCompleteSelectedOptionsPresenter["vm"];
+        optionsListVm: IMultiAutoCompleteListOptionsPresenter["vm"];
+        temporaryOptionVm: IMultiAutoCompleteTemporaryOptionPresenter["vm"];
+    };
+    init: (params: MultiAutoCompletePresenterParams) => void;
+    setListOpenState: (open: boolean) => void;
+    searchOption: (value: string) => void;
+    setSelectedOption: (value: string) => void;
+    removeSelectedOption: (value: string) => void;
+    resetSelectedOptions: () => void;
+    createOption: (value: string) => void;
+}
+declare class MultiAutoCompletePresenter implements IMultiAutoCompletePresenter {
+    private params?;
+    private inputPresenter;
+    private selectedOptionsPresenter;
+    private optionsListPresenter;
+    constructor(inputPresenter: IMultiAutoCompleteInputPresenter, selectedOptionsPresenter: IMultiAutoCompleteSelectedOptionsPresenter, optionsListPresenter: IMultiAutoCompleteListOptionsPresenter);
+    init(params: MultiAutoCompletePresenterParams): void;
+    get vm(): {
+        inputVm: {
+            placeholder: string;
+            value: string;
+            displayResetAction: boolean;
+        };
+        selectedOptionsVm: {
+            options: import("../../../Command").CommandOptionFormatted[];
+            empty: boolean;
+        };
+        optionsListVm: {
+            options: import("../../../Command").CommandOptionFormatted[];
+            emptyMessage: any;
+            loadingMessage: any;
+            open: boolean;
+            empty: boolean;
+        };
+        temporaryOptionVm: {
+            option: undefined;
+        };
+    };
+    setListOpenState: (open: boolean) => void;
+    searchOption: (value: string) => void;
+    setSelectedOption: (value: string) => void;
+    removeSelectedOption: (value: string) => void;
+    resetSelectedOptions: () => void;
+    createOption: () => void;
+    private getListOptions;
+    private getSelectedOptions;
+    private getSelectedValues;
+}
+export { MultiAutoCompletePresenter, type IMultiAutoCompletePresenter, type MultiAutoCompletePresenterParams };