@webiny/admin-ui 0.0.0-unstable.e53eceafb5

package/AutoComplete/AutoComplete.stories.js

@@ -0,0 +1,182 @@
+import React, { useState, useEffect } from "react";
+import { AutoComplete } from "./AutoComplete";
+const meta = {
+  title: "Components/Form/AutoComplete",
+  component: AutoComplete,
+  argTypes: {
+    onValueChange: {
+      action: "onValueChange"
+    }
+  },
+  parameters: {
+    layout: "padded"
+  },
+  render: args => {
+    const [value, setValue] = useState(args.value);
+    return /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, args, {
+      value: value,
+      onValueChange: setValue
+    }));
+  }
+};
+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 OnValueChange = {
+  args: {
+    options: ["Eastern Standard Time (EST)", "Central Standard Time (CST)", "Pacific Standard Time (PST)", "Greenwich Mean Time (GMT)"],
+    label: "Time Zone",
+    onValueChange: value => {
+      console.log("User selected Time zone:", value);
+    }
+  }
+};
+export const Documentation = {
+  render: args => {
+    const [value, setValue] = useState(args.value || "");
+    const [validation, setValidation] = useState({
+      isValid: true,
+      message: ""
+    });
+
+    // Update value when args.value changes
+    useEffect(() => {
+      setValue(args.value || "");
+    }, [args.value]);
+    const handleValueChange = newValue => {
+      setValue(newValue);
+
+      // Simple required validation
+      if (!newValue && args.required) {
+        setValidation({
+          isValid: false,
+          message: "This field is required"
+        });
+      } else {
+        setValidation({
+          isValid: true,
+          message: ""
+        });
+      }
+    };
+
+    // Validate on required change
+    useEffect(() => {
+      if (args.required && !value) {
+        setValidation({
+          isValid: false,
+          message: "This field is required"
+        });
+      } else {
+        setValidation({
+          isValid: true,
+          message: ""
+        });
+      }
+    }, [args.required, value]);
+    return /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, args, {
+      value: value,
+      onValueChange: handleValueChange,
+      validation: validation
+    }));
+  },
+  args: {
+    options: ["Eastern Standard Time (EST)", "Central Standard Time (CST)", "Pacific Standard Time (PST)", "Greenwich Mean Time (GMT)"],
+    label: "Time Zone",
+    required: true,
+    description: "Select your timezone from the list",
+    placeholder: "Select timezone...",
+    validation: {
+      isValid: false,
+      message: "This field is required."
+    },
+    onValueChange: undefined
+  },
+  argTypes: {
+    options: {
+      description: "AutoComplete Options - Please refer to the example code for details on usage."
+    },
+    label: {
+      description: "Label text for the autocomplete field",
+      control: "text"
+    },
+    required: {
+      description: "Makes the field required when set to true",
+      control: "boolean"
+    },
+    description: {
+      description: "Additional description text below the field",
+      control: "text"
+    },
+    placeholder: {
+      description: "Placeholder text shown when no value is selected",
+      control: "text"
+    },
+    validation: {
+      description: "Object containing validation state and message"
+    },
+    onValueChange: {
+      description: "Function called when the selected value changes",
+      control: "none"
+    }
+  }
+};
+
+//# sourceMappingURL=AutoComplete.stories.js.map

package/AutoComplete/AutoComplete.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","AutoComplete","meta","title","component","argTypes","onValueChange","action","parameters","layout","render","args","value","setValue","createElement","Object","assign","Default","options","WithLabel","label","WithRequiredLabel","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","disabled","FullExample","OnValueChange","console","log","Documentation","setValidation","handleValueChange","newValue","placeholder","undefined","control"],"sources":["AutoComplete.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { AutoComplete } from \"./AutoComplete\";\n\nconst meta: Meta<typeof AutoComplete> = {\n    title: \"Components/Form/AutoComplete\",\n    component: AutoComplete,\n    argTypes: {\n        onValueChange: { action: \"onValueChange\" }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return <AutoComplete {...args} value={value} onValueChange={setValue} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof AutoComplete>;\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 OnValueChange: 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        ],\n        label: \"Time Zone\",\n        onValueChange: value => {\n            console.log(\"User selected Time zone:\", value);\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [value, setValue] = useState(args.value || \"\");\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update value when args.value changes\n        useEffect(() => {\n            setValue(args.value || \"\");\n        }, [args.value]);\n\n        const handleValueChange = (newValue: string) => {\n            setValue(newValue);\n\n            // Simple required validation\n            if (!newValue && args.required) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        };\n\n        // Validate on required change\n        useEffect(() => {\n            if (args.required && !value) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, value]);\n\n        return (\n            <AutoComplete\n                {...args}\n                value={value}\n                onValueChange={handleValueChange}\n                validation={validation}\n            />\n        );\n    },\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        ],\n        label: \"Time Zone\",\n        required: true,\n        description: \"Select your timezone from the list\",\n        placeholder: \"Select timezone...\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        },\n        onValueChange: undefined\n    },\n    argTypes: {\n        options: {\n            description:\n                \"AutoComplete Options - Please refer to the example code for details on usage.\"\n        },\n        label: {\n            description: \"Label text for the autocomplete field\",\n            control: \"text\"\n        },\n        required: {\n            description: \"Makes the field required when set to true\",\n            control: \"boolean\"\n        },\n        description: {\n            description: \"Additional description text below the field\",\n            control: \"text\"\n        },\n        placeholder: {\n            description: \"Placeholder text shown when no value is selected\",\n            control: \"text\"\n        },\n        validation: {\n            description: \"Object containing validation state and message\"\n        },\n        onValueChange: {\n            description: \"Function called when the selected value changes\",\n            control: \"none\"\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAElD,SAASC,YAAY;AAErB,MAAMC,IAA+B,GAAG;EACpCC,KAAK,EAAE,8BAA8B;EACrCC,SAAS,EAAEH,YAAY;EACvBI,QAAQ,EAAE;IACNC,aAAa,EAAE;MAAEC,MAAM,EAAE;IAAgB;EAC7C,CAAC;EACDC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGd,QAAQ,CAACY,IAAI,CAACC,KAAK,CAAC;IAC9C,oBAAOd,KAAA,CAAAgB,aAAA,CAACb,YAAY,EAAAc,MAAA,CAAAC,MAAA,KAAKL,IAAI;MAAEC,KAAK,EAAEA,KAAM;MAACN,aAAa,EAAEO;IAAS,EAAE,CAAC;EAC5E;AACJ,CAAC;AAED,eAAeX,IAAI;AAGnB,OAAO,MAAMe,OAAc,GAAG;EAC1BN,IAAI,EAAE;IACFO,OAAO,EAAE,CACL,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,2BAA2B,EAC3B,6BAA6B,EAC7B,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,EAC3B,yCAAyC,EACzC,kCAAkC,EAClC,iBAAiB,EACjB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB;EAE7B;AACJ,CAAC;AAED,OAAO,MAAMC,SAAgB,GAAG;EAC5BR,IAAI,EAAE;IACF,GAAGM,OAAO,CAACN,IAAI;IACfS,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMC,iBAAwB,GAAG;EACpCV,IAAI,EAAE;IACF,GAAGM,OAAO,CAACN,IAAI;IACfS,KAAK,EAAE,iBAAiB;IACxBE,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMC,eAAsB,GAAG;EAClCZ,IAAI,EAAE;IACF,GAAGM,OAAO,CAACN,IAAI;IACfa,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMC,SAAgB,GAAG;EAC5Bd,IAAI,EAAE;IACF,GAAGM,OAAO,CAACN,IAAI;IACfe,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMC,UAAiB,GAAG;EAC7BhB,IAAI,EAAE;IACF,GAAGM,OAAO,CAACN,IAAI;IACfiB,UAAU,EAAE;MACRC,OAAO,EAAE,KAAK;MACdC,OAAO,EAAE;IACb;EACJ;AACJ,CAAC;AAED,OAAO,MAAMC,QAAe,GAAG;EAC3BpB,IAAI,EAAE;IACF,GAAGM,OAAO,CAACN,IAAI;IACfS,KAAK,EAAE,iBAAiB;IACxBY,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMC,WAAkB,GAAG;EAC9BtB,IAAI,EAAE;IACF,GAAGM,OAAO,CAACN,IAAI;IACfS,KAAK,EAAE,iBAAiB;IACxBE,QAAQ,EAAE,IAAI;IACdE,WAAW,EAAE,+DAA+D;IAC5EE,IAAI,EAAE,qEAAqE;IAC3EE,UAAU,EAAE;MACRC,OAAO,EAAE,KAAK;MACdC,OAAO,EAAE;IACb;EACJ;AACJ,CAAC;AAED,OAAO,MAAMI,aAAoB,GAAG;EAChCvB,IAAI,EAAE;IACFO,OAAO,EAAE,CACL,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,2BAA2B,CAC9B;IACDE,KAAK,EAAE,WAAW;IAClBd,aAAa,EAAEM,KAAK,IAAI;MACpBuB,OAAO,CAACC,GAAG,CAAC,0BAA0B,EAAExB,KAAK,CAAC;IAClD;EACJ;AACJ,CAAC;AAED,OAAO,MAAMyB,aAAoB,GAAG;EAChC3B,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGd,QAAQ,CAACY,IAAI,CAACC,KAAK,IAAI,EAAE,CAAC;IACpD,MAAM,CAACgB,UAAU,EAAEU,aAAa,CAAC,GAAGvC,QAAQ,CAAC;MAAE8B,OAAO,EAAE,IAAI;MAAEC,OAAO,EAAE;IAAG,CAAC,CAAC;;IAE5E;IACA9B,SAAS,CAAC,MAAM;MACZa,QAAQ,CAACF,IAAI,CAACC,KAAK,IAAI,EAAE,CAAC;IAC9B,CAAC,EAAE,CAACD,IAAI,CAACC,KAAK,CAAC,CAAC;IAEhB,MAAM2B,iBAAiB,GAAIC,QAAgB,IAAK;MAC5C3B,QAAQ,CAAC2B,QAAQ,CAAC;;MAElB;MACA,IAAI,CAACA,QAAQ,IAAI7B,IAAI,CAACW,QAAQ,EAAE;QAC5BgB,aAAa,CAAC;UAAET,OAAO,EAAE,KAAK;UAAEC,OAAO,EAAE;QAAyB,CAAC,CAAC;MACxE,CAAC,MAAM;QACHQ,aAAa,CAAC;UAAET,OAAO,EAAE,IAAI;UAAEC,OAAO,EAAE;QAAG,CAAC,CAAC;MACjD;IACJ,CAAC;;IAED;IACA9B,SAAS,CAAC,MAAM;MACZ,IAAIW,IAAI,CAACW,QAAQ,IAAI,CAACV,KAAK,EAAE;QACzB0B,aAAa,CAAC;UAAET,OAAO,EAAE,KAAK;UAAEC,OAAO,EAAE;QAAyB,CAAC,CAAC;MACxE,CAAC,MAAM;QACHQ,aAAa,CAAC;UAAET,OAAO,EAAE,IAAI;UAAEC,OAAO,EAAE;QAAG,CAAC,CAAC;MACjD;IACJ,CAAC,EAAE,CAACnB,IAAI,CAACW,QAAQ,EAAEV,KAAK,CAAC,CAAC;IAE1B,oBACId,KAAA,CAAAgB,aAAA,CAACb,YAAY,EAAAc,MAAA,CAAAC,MAAA,KACLL,IAAI;MACRC,KAAK,EAAEA,KAAM;MACbN,aAAa,EAAEiC,iBAAkB;MACjCX,UAAU,EAAEA;IAAW,EAC1B,CAAC;EAEV,CAAC;EACDjB,IAAI,EAAE;IACFO,OAAO,EAAE,CACL,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,2BAA2B,CAC9B;IACDE,KAAK,EAAE,WAAW;IAClBE,QAAQ,EAAE,IAAI;IACdE,WAAW,EAAE,oCAAoC;IACjDiB,WAAW,EAAE,oBAAoB;IACjCb,UAAU,EAAE;MACRC,OAAO,EAAE,KAAK;MACdC,OAAO,EAAE;IACb,CAAC;IACDxB,aAAa,EAAEoC;EACnB,CAAC;EACDrC,QAAQ,EAAE;IACNa,OAAO,EAAE;MACLM,WAAW,EACP;IACR,CAAC;IACDJ,KAAK,EAAE;MACHI,WAAW,EAAE,uCAAuC;MACpDmB,OAAO,EAAE;IACb,CAAC;IACDrB,QAAQ,EAAE;MACNE,WAAW,EAAE,2CAA2C;MACxDmB,OAAO,EAAE;IACb,CAAC;IACDnB,WAAW,EAAE;MACTA,WAAW,EAAE,6CAA6C;MAC1DmB,OAAO,EAAE;IACb,CAAC;IACDF,WAAW,EAAE;MACTjB,WAAW,EAAE,kDAAkD;MAC/DmB,OAAO,EAAE;IACb,CAAC;IACDf,UAAU,EAAE;MACRJ,WAAW,EAAE;IACjB,CAAC;IACDlB,aAAa,EAAE;MACXkB,WAAW,EAAE,iDAAiD;MAC9DmB,OAAO,EAAE;IACb;EACJ;AACJ,CAAC","ignoreList":[]}

package/AutoComplete/domains/AutoCompleteOption.d.ts

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

package/AutoComplete/domains/AutoCompleteOption.js

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

package/AutoComplete/domains/AutoCompleteOption.js.map

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

package/AutoComplete/domains/AutoCompleteOptionDto.d.ts

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

package/AutoComplete/domains/AutoCompleteOptionDto.js

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

package/AutoComplete/domains/AutoCompleteOptionDto.js.map

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

package/AutoComplete/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/AutoComplete/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/AutoComplete/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/AutoComplete/domains/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./AutoCompleteOption";
+export * from "./AutoCompleteOptionDto";
+export * from "./ListCache";

package/AutoComplete/domains/index.js

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

package/AutoComplete/domains/index.js.map

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

package/AutoComplete/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./AutoComplete";
+export * from "./primitives";

package/AutoComplete/index.js

@@ -0,0 +1,4 @@
+export * from "./AutoComplete";
+export * from "./primitives";
+
+//# sourceMappingURL=index.js.map

package/AutoComplete/index.js.map

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

package/AutoComplete/primitives/AutoCompletePrimitive.d.ts

@@ -0,0 +1,110 @@
+import React from "react";
+import type { InputPrimitiveProps } from "../../Input";
+import type { AutoCompleteOption } from "../domains";
+import type { Icon } from "../../Icon";
+interface AutoCompletePrimitiveProps {
+    /**
+     * Indicates if the reset action should be displayed.
+     */
+    displayResetAction?: boolean;
+    /**
+     * Indicates if the field is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Message to display when there are no options.
+     */
+    emptyMessage?: React.ReactNode;
+    /**
+     * Message to display when there are no options loaded or selected.
+     * Use it to invite the user to interact with the autocomplete by typing a value.
+     */
+    initialMessage?: React.ReactNode;
+    /**
+     * Reference to the input element.
+     */
+    inputRef?: React.Ref<HTMLInputElement>;
+    /**
+     * Indicates if the input field is invalid.
+     * Refer to `InputPrimitiveProps["invalid"]` for possible values.
+     */
+    invalid?: InputPrimitiveProps["invalid"];
+    /**
+     * Accessible label for the command menu. Not shown visibly.
+     */
+    label?: string;
+    /**
+     * Indicates if the autocomplete is loading options.
+     */
+    loading?: boolean;
+    /**
+     * Message to display while loading options.
+     */
+    loadingMessage?: React.ReactNode;
+    /**
+     * Callback triggered when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Callback triggered to reset the value.
+     */
+    onValueReset?: () => void;
+    /**
+     * Callback triggered when a value has been searched by the user.
+     */
+    onValueSearch?: (value: string) => void;
+    /**
+     * Callback triggered when the value changes.
+     */
+    onValueChange: (value: string) => void;
+    /**
+     * List of options for the autocomplete.
+     */
+    options?: AutoCompleteOption[];
+    /**
+     * Custom renderer for the options.
+     */
+    optionRenderer?: (item: any, index: number) => React.ReactNode;
+    /**
+     * Placeholder text for the input field.
+     */
+    placeholder?: string;
+    /**
+     * Size of the input field.
+     * Refer to `InputPrimitiveProps["size"]` for possible values.
+     */
+    size?: InputPrimitiveProps["size"];
+    /**
+     * Icon to be displayed at the start of the input field.
+     */
+    startIcon?: React.ReactElement<typeof Icon> | React.ReactElement;
+    /**
+     * Variant of the input field.
+     * Refer to `InputPrimitiveProps["variant"]` for possible values.
+     */
+    variant?: InputPrimitiveProps["variant"];
+    /**
+     * Optional selected item.
+     */
+    value?: string;
+}
+declare const AutoCompletePrimitive: ((props: AutoCompletePrimitiveProps) => React.JSX.Element) & {
+    original: (props: AutoCompletePrimitiveProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: AutoCompletePrimitiveProps) => React.JSX.Element) & {
+        original: (props: AutoCompletePrimitiveProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: AutoCompletePrimitiveProps) => React.JSX.Element) & {
+        original: (props: AutoCompletePrimitiveProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { AutoCompletePrimitive, type AutoCompletePrimitiveProps };

package/AutoComplete/primitives/AutoCompletePrimitive.js

@@ -0,0 +1,81 @@
+import React from "react";
+import { Command } from "../../Command";
+import { PopoverPrimitive } from "../../Popover";
+import { useAutoComplete } from "./useAutoComplete";
+import { AutoCompleteInputIcons, AutoCompleteList } from "./components";
+import { makeDecoratable } from "../../utils";
+const DecoratableAutoCompletePrimitive = props => {
+  const {
+    vm,
+    setListOpenState,
+    setSelectedOption,
+    searchOption,
+    resetSelectedOption,
+    showSelectedOption
+  } = useAutoComplete(props);
+  const handleKeyDown = React.useCallback(event => {
+    if (props.disabled) {
+      return;
+    }
+    if (event.key.toLowerCase() === "escape") {
+      setListOpenState(false);
+    } else {
+      setListOpenState(true);
+    }
+  }, [props.disabled, setListOpenState]);
+  const handleSelectOption = React.useCallback(value => {
+    setSelectedOption(value);
+    setListOpenState(false);
+  }, [setSelectedOption, setListOpenState]);
+  const handleOnBlur = React.useCallback(() => {
+    setListOpenState(false);
+    showSelectedOption();
+  }, [setListOpenState]);
+  return /*#__PURE__*/React.createElement(PopoverPrimitive, {
+    open: vm.optionsListVm.open,
+    onOpenChange: () => setListOpenState(true)
+  }, /*#__PURE__*/React.createElement(Command, {
+    label: String(props.label),
+    onKeyDown: handleKeyDown
+  }, /*#__PURE__*/React.createElement(PopoverPrimitive.Trigger, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Command.Input, {
+    inputRef: props.inputRef,
+    value: vm.inputVm.value,
+    onValueChange: searchOption,
+    placeholder: vm.inputVm.placeholder,
+    size: props.size,
+    variant: props.variant,
+    disabled: props.disabled,
+    invalid: props.invalid,
+    startIcon: props.startIcon,
+    endIcon: /*#__PURE__*/React.createElement(AutoCompleteInputIcons, {
+      inputSize: props.size,
+      inputVariant: props.variant,
+      displayResetAction: vm.inputVm.displayResetAction,
+      disabled: props.disabled,
+      loading: props.loading,
+      onResetValue: resetSelectedOption,
+      onOpenChange: () => setListOpenState(!vm.optionsListVm.open)
+    }),
+    onBlur: handleOnBlur,
+    onFocus: () => setListOpenState(true)
+  }))), /*#__PURE__*/React.createElement(PopoverPrimitive.Content, {
+    style: {
+      width: "var(--radix-popover-trigger-width)"
+    },
+    onOpenAutoFocus: e => e.preventDefault()
+  }, /*#__PURE__*/React.createElement(AutoCompleteList, {
+    options: vm.optionsListVm.options,
+    onOptionSelect: handleSelectOption,
+    empty: vm.optionsListVm.empty,
+    loading: props.loading,
+    loadingMessage: vm.optionsListVm.loadingMessage,
+    emptyMessage: vm.optionsListVm.emptyMessage,
+    optionRenderer: props.optionRenderer
+  }))));
+};
+const AutoCompletePrimitive = makeDecoratable("AutoCompletePrimitive", DecoratableAutoCompletePrimitive);
+export { AutoCompletePrimitive };
+
+//# sourceMappingURL=AutoCompletePrimitive.js.map

package/AutoComplete/primitives/AutoCompletePrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Command","PopoverPrimitive","useAutoComplete","AutoCompleteInputIcons","AutoCompleteList","makeDecoratable","DecoratableAutoCompletePrimitive","props","vm","setListOpenState","setSelectedOption","searchOption","resetSelectedOption","showSelectedOption","handleKeyDown","useCallback","event","disabled","key","toLowerCase","handleSelectOption","value","handleOnBlur","createElement","open","optionsListVm","onOpenChange","label","String","onKeyDown","Trigger","asChild","Input","inputRef","inputVm","onValueChange","placeholder","size","variant","invalid","startIcon","endIcon","inputSize","inputVariant","displayResetAction","loading","onResetValue","onBlur","onFocus","Content","style","width","onOpenAutoFocus","e","preventDefault","options","onOptionSelect","empty","loadingMessage","emptyMessage","optionRenderer","AutoCompletePrimitive"],"sources":["AutoCompletePrimitive.tsx"],"sourcesContent":["import type { KeyboardEvent } from \"react\";\nimport React from \"react\";\nimport { Command } from \"~/Command\";\nimport { PopoverPrimitive } from \"~/Popover\";\nimport type { InputPrimitiveProps } from \"~/Input\";\nimport { useAutoComplete } from \"./useAutoComplete\";\nimport { AutoCompleteInputIcons, AutoCompleteList } from \"./components\";\nimport type { AutoCompleteOption } from \"../domains\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { Icon } from \"~/Icon\";\n\ninterface AutoCompletePrimitiveProps {\n    /**\n     * Indicates if the reset action should be displayed.\n     */\n    displayResetAction?: boolean;\n    /**\n     * Indicates if the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Message to display when there are no options.\n     */\n    emptyMessage?: React.ReactNode;\n    /**\n     * Message to display when there are no options loaded or selected.\n     * Use it to invite the user to interact with the autocomplete by typing a value.\n     */\n    initialMessage?: React.ReactNode;\n    /**\n     * Reference to the input element.\n     */\n    inputRef?: React.Ref<HTMLInputElement>;\n    /**\n     * Indicates if the input field is invalid.\n     * Refer to `InputPrimitiveProps[\"invalid\"]` for possible values.\n     */\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    /**\n     * Accessible label for the command menu. Not shown visibly.\n     */\n    label?: string;\n    /**\n     * Indicates if the autocomplete is loading options.\n     */\n    loading?: boolean;\n    /**\n     * Message to display while loading options.\n     */\n    loadingMessage?: React.ReactNode;\n    /**\n     * Callback triggered when the open state changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Callback triggered to reset the value.\n     */\n    onValueReset?: () => void;\n    /**\n     * Callback triggered when a value has been searched by the user.\n     */\n    onValueSearch?: (value: string) => void;\n    /**\n     * Callback triggered when the value changes.\n     */\n    onValueChange: (value: string) => void;\n    /**\n     * List of options for the autocomplete.\n     */\n    options?: AutoCompleteOption[];\n    /**\n     * Custom renderer for the options.\n     */\n    optionRenderer?: (item: any, index: number) => React.ReactNode;\n    /**\n     * Placeholder text for the input field.\n     */\n    placeholder?: string;\n    /**\n     * Size of the input field.\n     * Refer to `InputPrimitiveProps[\"size\"]` for possible values.\n     */\n    size?: InputPrimitiveProps[\"size\"];\n    /**\n     * Icon to be displayed at the start of the input field.\n     */\n    startIcon?: React.ReactElement<typeof Icon> | React.ReactElement;\n    /**\n     * Variant of the input field.\n     * Refer to `InputPrimitiveProps[\"variant\"]` for possible values.\n     */\n    variant?: InputPrimitiveProps[\"variant\"];\n    /**\n     * Optional selected item.\n     */\n    value?: string;\n}\n\nconst DecoratableAutoCompletePrimitive = (props: AutoCompletePrimitiveProps) => {\n    const {\n        vm,\n        setListOpenState,\n        setSelectedOption,\n        searchOption,\n        resetSelectedOption,\n        showSelectedOption\n    } = useAutoComplete(props);\n\n    const handleKeyDown = React.useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            if (props.disabled) {\n                return;\n            }\n\n            if (event.key.toLowerCase() === \"escape\") {\n                setListOpenState(false);\n            } else {\n                setListOpenState(true);\n            }\n        },\n        [props.disabled, setListOpenState]\n    );\n\n    const handleSelectOption = React.useCallback(\n        (value: string) => {\n            setSelectedOption(value);\n            setListOpenState(false);\n        },\n        [setSelectedOption, setListOpenState]\n    );\n\n    const handleOnBlur = React.useCallback(() => {\n        setListOpenState(false);\n        showSelectedOption();\n    }, [setListOpenState]);\n\n    return (\n        <PopoverPrimitive open={vm.optionsListVm.open} onOpenChange={() => setListOpenState(true)}>\n            <Command label={String(props.label)} onKeyDown={handleKeyDown}>\n                <PopoverPrimitive.Trigger asChild>\n                    <span>\n                        <Command.Input\n                            inputRef={props.inputRef}\n                            value={vm.inputVm.value}\n                            onValueChange={searchOption}\n                            placeholder={vm.inputVm.placeholder}\n                            size={props.size}\n                            variant={props.variant}\n                            disabled={props.disabled}\n                            invalid={props.invalid}\n                            startIcon={props.startIcon}\n                            endIcon={\n                                <AutoCompleteInputIcons\n                                    inputSize={props.size}\n                                    inputVariant={props.variant}\n                                    displayResetAction={vm.inputVm.displayResetAction}\n                                    disabled={props.disabled}\n                                    loading={props.loading}\n                                    onResetValue={resetSelectedOption}\n                                    onOpenChange={() => setListOpenState(!vm.optionsListVm.open)}\n                                />\n                            }\n                            onBlur={handleOnBlur}\n                            onFocus={() => setListOpenState(true)}\n                        />\n                    </span>\n                </PopoverPrimitive.Trigger>\n                <PopoverPrimitive.Content\n                    style={{ width: \"var(--radix-popover-trigger-width)\" }}\n                    onOpenAutoFocus={e => e.preventDefault()}\n                >\n                    <AutoCompleteList\n                        options={vm.optionsListVm.options}\n                        onOptionSelect={handleSelectOption}\n                        empty={vm.optionsListVm.empty}\n                        loading={props.loading}\n                        loadingMessage={vm.optionsListVm.loadingMessage}\n                        emptyMessage={vm.optionsListVm.emptyMessage}\n                        optionRenderer={props.optionRenderer}\n                    />\n                </PopoverPrimitive.Content>\n            </Command>\n        </PopoverPrimitive>\n    );\n};\n\nconst AutoCompletePrimitive = makeDecoratable(\n    \"AutoCompletePrimitive\",\n    DecoratableAutoCompletePrimitive\n);\n\nexport { AutoCompletePrimitive, type AutoCompletePrimitiveProps };\n"],"mappings":"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","ignoreList":[]}

package/AutoComplete/primitives/AutoCompletePrimitive.stories.d.ts

@@ -0,0 +1,33 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { AutoCompletePrimitive } from "./AutoCompletePrimitive";
+declare const meta: Meta<typeof AutoCompletePrimitive>;
+export default meta;
+type Story = StoryObj<typeof AutoCompletePrimitive>;
+export declare const Default: Story;
+export declare const MediumSize: Story;
+export declare const LargeSize: Story;
+export declare const ExtraLargeSize: Story;
+export declare const WithStartIcon: Story;
+export declare const WithLoading: Story;
+export declare const WithoutResetAction: Story;
+export declare const PrimaryVariant: Story;
+export declare const PrimaryVariantDisabled: Story;
+export declare const PrimaryVariantInvalid: Story;
+export declare const SecondaryVariant: Story;
+export declare const SecondaryVariantDisabled: Story;
+export declare const SecondaryVariantInvalid: Story;
+export declare const GhostVariant: Story;
+export declare const GhostVariantDisabled: Story;
+export declare const GhostVariantInvalid: Story;
+export declare const GhostNegativeVariant: Story;
+export declare const GhostNegativeVariantDisabled: Story;
+export declare const GhostNegativeVariantInvalid: Story;
+export declare const WithPredefinedValue: Story;
+export declare const WithCustomPlaceholder: Story;
+export declare const WithCustomEmptyMessage: Story;
+export declare const WithCustomInitialMessage: Story;
+export declare const WithFormattedOptions: Story;
+export declare const WithCustomOptionRenderer: Story;
+export declare const WithSeparators: Story;
+export declare const WithDisabledOptions: Story;
+export declare const WithExternalValueControl: Story;