@webiny/admin-ui 0.0.0-unstable.06b2ede40f

package/MultiAutoComplete/MultiAutoComplete.js

@@ -0,0 +1,56 @@
+import React, { useMemo, useState, useEffect, useRef } from "react";
+import { makeDecoratable } from "../utils";
+import { MultiAutoCompletePrimitive } from "./primitives";
+import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent";
+const DecoratableMultiAutoComplete = ({
+  label,
+  description,
+  note,
+  required,
+  disabled,
+  validation,
+  ...props
+}) => {
+  const {
+    isValid: validationIsValid,
+    message: validationMessage
+  } = validation || {};
+  const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
+
+  // Retrieve the internally generated ID from cmdk's <Command.Input> to sync with the external <label>
+  const inputRef = useRef(null);
+  const [inputId, setInputId] = useState();
+  useEffect(() => {
+    if (inputRef.current?.id) {
+      setInputId(inputRef.current.id);
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full"
+  }, /*#__PURE__*/React.createElement(FormComponentLabel, {
+    text: label,
+    required: required,
+    disabled: disabled,
+    invalid: invalid,
+    htmlFor: inputId
+  }), /*#__PURE__*/React.createElement(FormComponentDescription, {
+    text: description,
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(MultiAutoCompletePrimitive, Object.assign({}, props, {
+    inputRef: inputRef,
+    label: label,
+    disabled: disabled,
+    invalid: invalid
+  })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
+    text: validationMessage,
+    invalid: invalid,
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(FormComponentNote, {
+    text: note,
+    disabled: disabled
+  }));
+};
+const MultiAutoComplete = makeDecoratable("MultiAutoComplete", DecoratableMultiAutoComplete);
+export { MultiAutoComplete };
+
+//# sourceMappingURL=MultiAutoComplete.js.map

package/MultiAutoComplete/MultiAutoComplete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","useEffect","useRef","makeDecoratable","MultiAutoCompletePrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableMultiAutoComplete","label","description","note","required","disabled","validation","props","isValid","validationIsValid","message","validationMessage","invalid","inputRef","inputId","setInputId","current","id","createElement","className","text","htmlFor","Object","assign","MultiAutoComplete"],"sources":["MultiAutoComplete.tsx"],"sourcesContent":["import React, { useMemo, useState, useEffect, useRef } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { MultiAutoCompletePrimitiveProps } from \"./primitives\";\nimport { MultiAutoCompletePrimitive } from \"./primitives\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent\";\n\ntype MultiAutoCompleteProps = MultiAutoCompletePrimitiveProps & FormComponentProps;\n\nconst DecoratableMultiAutoComplete = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    ...props\n}: MultiAutoCompleteProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    // Retrieve the internally generated ID from cmdk's <Command.Input> to sync with the external <label>\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [inputId, setInputId] = useState<string>();\n\n    useEffect(() => {\n        if (inputRef.current?.id) {\n            setInputId(inputRef.current.id);\n        }\n    }, []);\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n                htmlFor={inputId}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <MultiAutoCompletePrimitive\n                {...props}\n                inputRef={inputRef}\n                label={label}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\n\nconst MultiAutoComplete = makeDecoratable(\"MultiAutoComplete\", DecoratableMultiAutoComplete);\n\nexport { MultiAutoComplete };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACnE,SAASC,eAAe;AAExB,SAASC,0BAA0B;AAEnC,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAKrB,MAAMC,4BAA4B,GAAGA,CAAC;EAClCC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACiB,CAAC,KAAK;EAC1B,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGtB,OAAO,CAAC,MAAMmB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;;EAE/E;EACA,MAAMI,QAAQ,GAAGpB,MAAM,CAAmB,IAAI,CAAC;EAC/C,MAAM,CAACqB,OAAO,EAAEC,UAAU,CAAC,GAAGxB,QAAQ,CAAS,CAAC;EAEhDC,SAAS,CAAC,MAAM;IACZ,IAAIqB,QAAQ,CAACG,OAAO,EAAEC,EAAE,EAAE;MACtBF,UAAU,CAACF,QAAQ,CAACG,OAAO,CAACC,EAAE,CAAC;IACnC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI5B,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzB9B,KAAA,CAAA6B,aAAA,CAACpB,kBAAkB;IACfsB,IAAI,EAAEnB,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA,OAAQ;IACjBS,OAAO,EAAEP;EAAQ,CACpB,CAAC,eACFzB,KAAA,CAAA6B,aAAA,CAACtB,wBAAwB;IAACwB,IAAI,EAAElB,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEhB,KAAA,CAAA6B,aAAA,CAACvB,0BAA0B,EAAA2B,MAAA,CAAAC,MAAA,KACnBhB,KAAK;IACTM,QAAQ,EAAEA,QAAS;IACnBZ,KAAK,EAAEA,KAAM;IACbI,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA;EAAQ,EACpB,CAAC,eACFvB,KAAA,CAAA6B,aAAA,CAACrB,yBAAyB;IACtBuB,IAAI,EAAET,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBP,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFhB,KAAA,CAAA6B,aAAA,CAACnB,iBAAiB;IAACqB,IAAI,EAAEjB,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AAED,MAAMmB,iBAAiB,GAAG9B,eAAe,CAAC,mBAAmB,EAAEM,4BAA4B,CAAC;AAE5F,SAASwB,iBAAiB","ignoreList":[]}

package/MultiAutoComplete/MultiAutoComplete.mdx

@@ -0,0 +1,121 @@
+import { Canvas, Meta, Controls } from '@storybook/blocks';
+
+import * as MultiAutoCompleteStories from './MultiAutoComplete.stories';
+
+<Meta of={MultiAutoCompleteStories} />
+
+# MultiAutoComplete
+
+The MultiAutoComplete component is a form control that allows users to select multiple values from a dropdown list of options. It supports both selecting from predefined options and adding custom values, making it ideal for tags, categories, or any scenario where multiple selections are needed.
+
+<Canvas of={MultiAutoCompleteStories.Documentation} source={ { code: `
+
+import React, { useState } from "react";
+import { MultiAutoComplete } from "@webiny/admin-ui";
+
+const MultiAutoCompleteExample = () => {
+const [values, setValues] = useState<string[]>([]);
+const [validation, setValidation] = useState({ isValid: true, message: "" });
+
+    const handleValidation = () => {
+        if (values.length === 0) {
+            setValidation({ isValid: false, message: "Please select at least one option" });
+        } else {
+            setValidation({ isValid: true, message: "" });
+        }
+    };
+
+    const timeZones = [
+        "Eastern Standard Time (EST)",
+        "Central Standard Time (CST)",
+        "Pacific Standard Time (PST)",
+        "Greenwich Mean Time (GMT)",
+    ];
+
+    return (
+        <div>
+            <MultiAutoComplete
+                label="Time Zones"
+                description="Select one or more time zones"
+                placeholder="Search or select time zones"
+                options={timeZones}
+                values={values}
+                onValuesChange={newValues => {
+                    setValues(newValues);
+                    handleValidation();
+                }}
+                validation={validation}
+                allowFreeInput={true}
+                required={true}
+                note="You can add custom time zones if needed"
+            />
+        </div>
+    );
+};
+
+export default MultiAutoCompleteExample;
+
+` } }
+    additionalActions={[
+        {
+            title: 'Open in GitHub',
+            onClick: () => {
+                window.open(
+                    'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/MultiAutoComplete/MultiAutoComplete.tsx',
+                    '_blank'
+                );
+            },
+        }
+    ]}
+/>
+
+<Controls of={MultiAutoCompleteStories.Documentation}/>
+
+## Usage
+
+```tsx
+import React, { useState } from "react";
+import { MultiAutoComplete } from "@webiny/admin-ui";
+
+const MultiAutoCompleteExample = () => {
+const [values, setValues] = useState<string[]>([]);
+const [validation, setValidation] = useState({ isValid: true, message: "" });
+
+    const handleValidation = () => {
+        if (values.length === 0) {
+            setValidation({ isValid: false, message: "Please select at least one option" });
+        } else {
+            setValidation({ isValid: true, message: "" });
+        }
+    };
+
+    const timeZones = [
+        "Eastern Standard Time (EST)",
+        "Central Standard Time (CST)",
+        "Pacific Standard Time (PST)",
+        "Greenwich Mean Time (GMT)"
+    ];
+
+    return (
+        <div>
+            <MultiAutoComplete
+                label="Time Zones"
+                description="Select one or more time zones"
+                placeholder="Search or select time zones"
+                options={timeZones}
+                values={values}
+                onValuesChange={newValues => {
+                    setValues(newValues);
+                    handleValidation();
+                }}
+                validation={validation}
+                allowFreeInput={true}
+                required={true}
+                note="You can add custom time zones if needed"
+            />
+        </div>
+    );
+};
+
+export default MultiAutoCompleteExample;
+```

package/MultiAutoComplete/MultiAutoComplete.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MultiAutoComplete } from "./MultiAutoComplete";
+declare const meta: Meta<typeof MultiAutoComplete>;
+export default meta;
+type Story = StoryObj<typeof MultiAutoComplete>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithRequiredLabel: Story;
+export declare const WithDescription: Story;
+export declare const WithNotes: Story;
+export declare const WithErrors: Story;
+export declare const Disabled: Story;
+export declare const FullExample: Story;
+export declare const Documentation: Story;

package/MultiAutoComplete/MultiAutoComplete.stories.js

@@ -0,0 +1,183 @@
+import React, { useState, useEffect } from "react";
+import { MultiAutoComplete } from "./MultiAutoComplete";
+const meta = {
+  title: "Components/Form/Multi AutoComplete",
+  component: MultiAutoComplete,
+  argTypes: {
+    onValuesChange: {
+      action: "onValuesChange"
+    },
+    onOpenChange: {
+      action: "onOpenChange"
+    },
+    disabled: {
+      control: "boolean",
+      defaultValue: false
+    }
+  },
+  parameters: {
+    layout: "padded"
+  },
+  render: args => {
+    const [values, setValues] = useState(args.values);
+    return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, args, {
+      values: values,
+      onValuesChange: setValues
+    }));
+  }
+};
+export default meta;
+export const Default = {
+  args: {
+    options: ["Eastern Standard Time (EST)", "Central Standard Time (CST)", "Pacific Standard Time (PST)", "Greenwich Mean Time (GMT)", "Central European Time (CET)", "Central Africa Time (CAT)", "India Standard Time (IST)", "China Standard Time (CST)", "Japan Standard Time (JST)", "Australian Western Standard Time (AWST)", "New Zealand Standard Time (NZST)", "Fiji Time (FJT)", "Argentina Time (ART)", "Bolivia Time (BOT)", "Brasilia Time (BRT)"]
+  }
+};
+export const WithLabel = {
+  args: {
+    ...Default.args,
+    label: "Any field label"
+  }
+};
+export const WithRequiredLabel = {
+  args: {
+    ...Default.args,
+    label: "Any field label",
+    required: true
+  }
+};
+export const WithDescription = {
+  args: {
+    ...Default.args,
+    description: "Provide the required information for processing your request."
+  }
+};
+export const WithNotes = {
+  args: {
+    ...Default.args,
+    note: "Note: Ensure your selection or input is accurate before proceeding."
+  }
+};
+export const WithErrors = {
+  args: {
+    ...Default.args,
+    validation: {
+      isValid: false,
+      message: "This field is required."
+    }
+  }
+};
+export const Disabled = {
+  args: {
+    ...Default.args,
+    label: "Any field label",
+    disabled: true
+  }
+};
+export const FullExample = {
+  args: {
+    ...Default.args,
+    label: "Any field label",
+    required: true,
+    description: "Provide the required information for processing your request.",
+    note: "Note: Ensure your selection or input is accurate before proceeding.",
+    validation: {
+      isValid: false,
+      message: "This field is required."
+    }
+  }
+};
+export const Documentation = {
+  render: args => {
+    const [values, setValues] = useState(args.values || []);
+    const [validation, setValidation] = useState({
+      isValid: true,
+      message: ""
+    });
+
+    // Update validation when values change
+    useEffect(() => {
+      if (args.required && (!values || values.length === 0)) {
+        setValidation({
+          isValid: false,
+          message: "Please select at least one option"
+        });
+      } else {
+        setValidation({
+          isValid: true,
+          message: ""
+        });
+      }
+    }, [values, args.required]);
+    return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, args, {
+      values: values,
+      onValuesChange: setValues,
+      validation: validation
+    }));
+  },
+  args: {
+    label: "Time Zones",
+    description: "Select one or more time zones",
+    placeholder: "Search or select time zones",
+    required: true,
+    allowFreeInput: true,
+    note: "You can add custom time zones if needed",
+    options: ["Eastern Standard Time (EST)", "Central Standard Time (CST)", "Pacific Standard Time (PST)", "Greenwich Mean Time (GMT)"],
+    values: [],
+    onValuesChange: undefined,
+    disabled: false,
+    validation: undefined,
+    onOpenChange: undefined
+  },
+  argTypes: {
+    label: {
+      description: "Label text for the component",
+      control: "text"
+    },
+    description: {
+      description: "Additional description text displayed below the label",
+      control: "text"
+    },
+    placeholder: {
+      description: "Placeholder text for the input",
+      control: "text"
+    },
+    required: {
+      description: "Marks the field as required when true",
+      control: "boolean"
+    },
+    disabled: {
+      description: "Disables the component when set to true",
+      control: "boolean"
+    },
+    allowFreeInput: {
+      description: "Allows users to add custom values not in the options list",
+      control: "boolean"
+    },
+    note: {
+      description: "Additional note text displayed below the component",
+      control: "text"
+    },
+    options: {
+      description: "Array of options to display in the dropdown",
+      control: "object"
+    },
+    values: {
+      description: "Array of currently selected values",
+      control: "object"
+    },
+    onValuesChange: {
+      description: "Callback fired when selected values change",
+      control: "none"
+    },
+    validation: {
+      description: "Object containing validation state and message. Please refer to the example code for details on usage.",
+      control: "none"
+    },
+    onOpenChange: {
+      description: "Callback triggered when the dropdown opens or closes, allowing you to respond to changes in its open state.",
+      control: "none"
+    }
+  }
+};
+
+//# sourceMappingURL=MultiAutoComplete.stories.js.map

package/MultiAutoComplete/MultiAutoComplete.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","MultiAutoComplete","meta","title","component","argTypes","onValuesChange","action","onOpenChange","disabled","control","defaultValue","parameters","layout","render","args","values","setValues","createElement","Object","assign","Default","options","WithLabel","label","WithRequiredLabel","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","Documentation","setValidation","length","placeholder","allowFreeInput","undefined"],"sources":["MultiAutoComplete.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { MultiAutoComplete } from \"./MultiAutoComplete\";\n\nconst meta: Meta<typeof MultiAutoComplete> = {\n    title: \"Components/Form/Multi AutoComplete\",\n    component: MultiAutoComplete,\n    argTypes: {\n        onValuesChange: { action: \"onValuesChange\" },\n        onOpenChange: { action: \"onOpenChange\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [values, setValues] = useState(args.values);\n        return <MultiAutoComplete {...args} values={values} onValuesChange={setValues} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof MultiAutoComplete>;\n\nexport const Default: Story = {\n    args: {\n        options: [\n            \"Eastern Standard Time (EST)\",\n            \"Central Standard Time (CST)\",\n            \"Pacific Standard Time (PST)\",\n            \"Greenwich Mean Time (GMT)\",\n            \"Central European Time (CET)\",\n            \"Central Africa Time (CAT)\",\n            \"India Standard Time (IST)\",\n            \"China Standard Time (CST)\",\n            \"Japan Standard Time (JST)\",\n            \"Australian Western Standard Time (AWST)\",\n            \"New Zealand Standard Time (NZST)\",\n            \"Fiji Time (FJT)\",\n            \"Argentina Time (ART)\",\n            \"Bolivia Time (BOT)\",\n            \"Brasilia Time (BRT)\"\n        ]\n    }\n};\n\nexport const WithLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const WithRequiredLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        ...Default.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        ...Default.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [values, setValues] = useState(args.values || []);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update validation when values change\n        useEffect(() => {\n            if (args.required && (!values || values.length === 0)) {\n                setValidation({ isValid: false, message: \"Please select at least one option\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [values, args.required]);\n\n        return (\n            <MultiAutoComplete\n                {...args}\n                values={values}\n                onValuesChange={setValues}\n                validation={validation}\n            />\n        );\n    },\n    args: {\n        label: \"Time Zones\",\n        description: \"Select one or more time zones\",\n        placeholder: \"Search or select time zones\",\n        required: true,\n        allowFreeInput: true,\n        note: \"You can add custom time zones if needed\",\n        options: [\n            \"Eastern Standard Time (EST)\",\n            \"Central Standard Time (CST)\",\n            \"Pacific Standard Time (PST)\",\n            \"Greenwich Mean Time (GMT)\"\n        ],\n        values: [],\n        onValuesChange: undefined,\n        disabled: false,\n        validation: undefined,\n        onOpenChange: undefined\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the component\",\n            control: \"text\"\n        },\n        description: {\n            description: \"Additional description text displayed below the label\",\n            control: \"text\"\n        },\n        placeholder: {\n            description: \"Placeholder text for the input\",\n            control: \"text\"\n        },\n        required: {\n            description: \"Marks the field as required when true\",\n            control: \"boolean\"\n        },\n        disabled: {\n            description: \"Disables the component when set to true\",\n            control: \"boolean\"\n        },\n        allowFreeInput: {\n            description: \"Allows users to add custom values not in the options list\",\n            control: \"boolean\"\n        },\n        note: {\n            description: \"Additional note text displayed below the component\",\n            control: \"text\"\n        },\n        options: {\n            description: \"Array of options to display in the dropdown\",\n            control: \"object\"\n        },\n        values: {\n            description: \"Array of currently selected values\",\n            control: \"object\"\n        },\n        onValuesChange: {\n            description: \"Callback fired when selected values change\",\n            control: \"none\"\n        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\",\n            control: \"none\"\n        },\n        onOpenChange: {\n            description:\n                \"Callback triggered when the dropdown opens or closes, allowing you to respond to changes in its open state.\",\n            control: \"none\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/MultiAutoComplete/domains/ListCache.d.ts

@@ -0,0 +1,29 @@
+export type Constructor<T> = new (...args: any[]) => T;
+export interface IListCachePredicate<T> {
+    (item: T): boolean;
+}
+export interface IListCacheItemUpdater<T> {
+    (item: T): T;
+}
+export interface IListCache<T> {
+    count(): number;
+    clear(): void;
+    hasItems(): boolean;
+    getItems(predicate?: IListCachePredicate<T>): T[];
+    getItem(predicate: IListCachePredicate<T>): T | undefined;
+    addItems(items: T[]): void;
+    updateItems(updater: IListCacheItemUpdater<T>): void;
+    removeItems(predicate: IListCachePredicate<T>): void;
+}
+export declare class ListCache<T> implements IListCache<T> {
+    private state;
+    constructor();
+    count(): number;
+    clear(): void;
+    hasItems(): boolean;
+    getItems(predicate?: IListCachePredicate<T>): T[];
+    getItem(predicate: IListCachePredicate<T>): T | undefined;
+    addItems(items: T[]): void;
+    updateItems(updater: IListCacheItemUpdater<T>): void;
+    removeItems(predicate: IListCachePredicate<T>): void;
+}

package/MultiAutoComplete/domains/ListCache.js

@@ -0,0 +1,45 @@
+import { makeAutoObservable, runInAction, toJS } from "mobx";
+export class ListCache {
+  constructor() {
+    this.state = [];
+    makeAutoObservable(this);
+  }
+  count() {
+    return this.state.length;
+  }
+  clear() {
+    runInAction(() => {
+      this.state = [];
+    });
+  }
+  hasItems() {
+    return this.state.length > 0;
+  }
+  getItems(predicate) {
+    if (predicate) {
+      return [...this.state.filter(item => predicate(item)).map(item => toJS(item))];
+    }
+    return [...this.state.map(item => toJS(item))];
+  }
+  getItem(predicate) {
+    const item = this.state.find(item => predicate(item));
+    return item ? toJS(item) : undefined;
+  }
+  addItems(items) {
+    runInAction(() => {
+      this.state = [...this.state, ...items];
+    });
+  }
+  updateItems(updater) {
+    runInAction(() => {
+      this.state = [...this.state.map(item => updater(item))];
+    });
+  }
+  removeItems(predicate) {
+    runInAction(() => {
+      this.state = this.state.filter(item => !predicate(item));
+    });
+  }
+}
+
+//# sourceMappingURL=ListCache.js.map

package/MultiAutoComplete/domains/ListCache.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","runInAction","toJS","ListCache","constructor","state","count","length","clear","hasItems","getItems","predicate","filter","item","map","getItem","find","undefined","addItems","items","updateItems","updater","removeItems"],"sources":["ListCache.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, toJS } from \"mobx\";\n\nexport type Constructor<T> = new (...args: any[]) => T;\n\nexport interface IListCachePredicate<T> {\n    (item: T): boolean;\n}\n\nexport interface IListCacheItemUpdater<T> {\n    (item: T): T;\n}\n\nexport interface IListCache<T> {\n    count(): number;\n    clear(): void;\n    hasItems(): boolean;\n    getItems(predicate?: IListCachePredicate<T>): T[];\n    getItem(predicate: IListCachePredicate<T>): T | undefined;\n    addItems(items: T[]): void;\n    updateItems(updater: IListCacheItemUpdater<T>): void;\n    removeItems(predicate: IListCachePredicate<T>): void;\n}\n\nexport class ListCache<T> implements IListCache<T> {\n    private state: T[];\n\n    constructor() {\n        this.state = [];\n\n        makeAutoObservable(this);\n    }\n\n    count() {\n        return this.state.length;\n    }\n\n    clear() {\n        runInAction(() => {\n            this.state = [];\n        });\n    }\n\n    hasItems() {\n        return this.state.length > 0;\n    }\n\n    getItems(predicate?: IListCachePredicate<T>): T[] {\n        if (predicate) {\n            return [...this.state.filter(item => predicate(item)).map(item => toJS(item))];\n        }\n\n        return [...this.state.map(item => toJS(item))];\n    }\n\n    getItem(predicate: IListCachePredicate<T>): T | undefined {\n        const item = this.state.find(item => predicate(item));\n\n        return item ? toJS(item) : undefined;\n    }\n\n    addItems(items: T[]) {\n        runInAction(() => {\n            this.state = [...this.state, ...items];\n        });\n    }\n\n    updateItems(updater: IListCacheItemUpdater<T>) {\n        runInAction(() => {\n            this.state = [...this.state.map(item => updater(item))];\n        });\n    }\n\n    removeItems(predicate: IListCachePredicate<T>) {\n        runInAction(() => {\n            this.state = this.state.filter(item => !predicate(item));\n        });\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,WAAW,EAAEC,IAAI,QAAQ,MAAM;AAuB5D,OAAO,MAAMC,SAAS,CAA6B;EAG/CC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,KAAK,GAAG,EAAE;IAEfL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAM,KAAKA,CAAA,EAAG;IACJ,OAAO,IAAI,CAACD,KAAK,CAACE,MAAM;EAC5B;EAEAC,KAAKA,CAAA,EAAG;IACJP,WAAW,CAAC,MAAM;MACd,IAAI,CAACI,KAAK,GAAG,EAAE;IACnB,CAAC,CAAC;EACN;EAEAI,QAAQA,CAAA,EAAG;IACP,OAAO,IAAI,CAACJ,KAAK,CAACE,MAAM,GAAG,CAAC;EAChC;EAEAG,QAAQA,CAACC,SAAkC,EAAO;IAC9C,IAAIA,SAAS,EAAE;MACX,OAAO,CAAC,GAAG,IAAI,CAACN,KAAK,CAACO,MAAM,CAACC,IAAI,IAAIF,SAAS,CAACE,IAAI,CAAC,CAAC,CAACC,GAAG,CAACD,IAAI,IAAIX,IAAI,CAACW,IAAI,CAAC,CAAC,CAAC;IAClF;IAEA,OAAO,CAAC,GAAG,IAAI,CAACR,KAAK,CAACS,GAAG,CAACD,IAAI,IAAIX,IAAI,CAACW,IAAI,CAAC,CAAC,CAAC;EAClD;EAEAE,OAAOA,CAACJ,SAAiC,EAAiB;IACtD,MAAME,IAAI,GAAG,IAAI,CAACR,KAAK,CAACW,IAAI,CAACH,IAAI,IAAIF,SAAS,CAACE,IAAI,CAAC,CAAC;IAErD,OAAOA,IAAI,GAAGX,IAAI,CAACW,IAAI,CAAC,GAAGI,SAAS;EACxC;EAEAC,QAAQA,CAACC,KAAU,EAAE;IACjBlB,WAAW,CAAC,MAAM;MACd,IAAI,CAACI,KAAK,GAAG,CAAC,GAAG,IAAI,CAACA,KAAK,EAAE,GAAGc,KAAK,CAAC;IAC1C,CAAC,CAAC;EACN;EAEAC,WAAWA,CAACC,OAAiC,EAAE;IAC3CpB,WAAW,CAAC,MAAM;MACd,IAAI,CAACI,KAAK,GAAG,CAAC,GAAG,IAAI,CAACA,KAAK,CAACS,GAAG,CAACD,IAAI,IAAIQ,OAAO,CAACR,IAAI,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC;EACN;EAEAS,WAAWA,CAACX,SAAiC,EAAE;IAC3CV,WAAW,CAAC,MAAM;MACd,IAAI,CAACI,KAAK,GAAG,IAAI,CAACA,KAAK,CAACO,MAAM,CAACC,IAAI,IAAI,CAACF,SAAS,CAACE,IAAI,CAAC,CAAC;IAC5D,CAAC,CAAC;EACN;AACJ","ignoreList":[]}

package/MultiAutoComplete/domains/MultiAutoCompleteOption.d.ts

@@ -0,0 +1,2 @@
+import type { MultiAutoCompleteOptionDto } from "./MultiAutoCompleteOptionDto";
+export type MultiAutoCompleteOption = MultiAutoCompleteOptionDto | string;

package/MultiAutoComplete/domains/MultiAutoCompleteOption.js

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

package/MultiAutoComplete/domains/MultiAutoCompleteOption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["MultiAutoCompleteOption.ts"],"sourcesContent":["import type { MultiAutoCompleteOptionDto } from \"./MultiAutoCompleteOptionDto\";\n\nexport type MultiAutoCompleteOption = MultiAutoCompleteOptionDto | string;\n"],"mappings":"","ignoreList":[]}

package/MultiAutoComplete/domains/MultiAutoCompleteOptionDto.d.ts

@@ -0,0 +1,2 @@
+import type { CommandOptionDto } from "../../Command";
+export type MultiAutoCompleteOptionDto = CommandOptionDto;

package/MultiAutoComplete/domains/MultiAutoCompleteOptionDto.js

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

package/MultiAutoComplete/domains/MultiAutoCompleteOptionDto.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["MultiAutoCompleteOptionDto.ts"],"sourcesContent":["import type { CommandOptionDto } from \"~/Command\";\n\nexport type MultiAutoCompleteOptionDto = CommandOptionDto;\n"],"mappings":"","ignoreList":[]}

package/MultiAutoComplete/domains/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ListCache";
+export * from "./MultiAutoCompleteOption";
+export * from "./MultiAutoCompleteOptionDto";

package/MultiAutoComplete/domains/index.js

@@ -0,0 +1,5 @@
+export * from "./ListCache";
+export * from "./MultiAutoCompleteOption";
+export * from "./MultiAutoCompleteOptionDto";
+
+//# sourceMappingURL=index.js.map

package/MultiAutoComplete/domains/index.js.map

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

package/MultiAutoComplete/index.d.ts

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

package/MultiAutoComplete/index.js

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

package/MultiAutoComplete/index.js.map

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