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

package/MultiAutoComplete/MultiAutoComplete.mdx

@@ -1,6 +1,6 @@
-import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
+import { Canvas, Meta, Controls } from "@storybook/addon-docs/blocks";
 
-import * as MultiAutoCompleteStories from './MultiAutoComplete.stories';
+import * as MultiAutoCompleteStories from "./MultiAutoComplete.stories";
 
 <Meta of={MultiAutoCompleteStories} />
 
@@ -51,25 +51,26 @@ const [validation, setValidation] = useState({ isValid: true, message: "" });
             />
         </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'
-                );
-            },
-        }
-    ]}
+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}/>
+<Controls of={MultiAutoCompleteStories.Documentation} />
 
 ## Usage
 
@@ -78,43 +79,43 @@ 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>
-    );
+  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.js

@@ -1,180 +1,202 @@
-import React, { useState, useEffect } from "react";
+import react, { useEffect, useState } from "react";
 import { MultiAutoComplete } from "./MultiAutoComplete.js";
 const meta = {
-  title: "Components/Form/Multi AutoComplete",
-  component: MultiAutoComplete,
-  argTypes: {
-    onValuesChange: {
-      action: "onValuesChange"
+    title: "Components/Form/Multi AutoComplete",
+    component: MultiAutoComplete,
+    argTypes: {
+        onValuesChange: {
+            action: "onValuesChange"
+        },
+        onOpenChange: {
+            action: "onOpenChange"
+        },
+        disabled: {
+            control: "boolean",
+            defaultValue: false
+        }
     },
-    onOpenChange: {
-      action: "onOpenChange"
+    parameters: {
+        layout: "padded"
     },
-    disabled: {
-      control: "boolean",
-      defaultValue: false
+    render: (args)=>{
+        const [values, setValues] = useState(args.values);
+        return /*#__PURE__*/ react.createElement(MultiAutoComplete, {
+            ...args,
+            values: values,
+            onValuesChange: setValues
+        });
     }
-  },
-  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)"]
-  }
+const MultiAutoComplete_stories = meta;
+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"
-  }
+const WithLabel = {
+    args: {
+        ...Default.args,
+        label: "Any field label"
+    }
 };
-export const WithRequiredLabel = {
-  args: {
-    ...Default.args,
-    label: "Any field label",
-    required: true
-  }
+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."
-  }
+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."
-  }
+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."
+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
-  }
+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."
+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"
+const Documentation = {
+    render: (args)=>{
+        const [values, setValues] = useState(args.values || []);
+        const [validation, setValidation] = useState({
+            isValid: true,
+            message: ""
         });
-      } else {
-        setValidation({
-          isValid: true,
-          message: ""
+        useEffect(()=>{
+            args.required && (!values || 0 === values.length) ? setValidation({
+                isValid: false,
+                message: "Please select at least one option"
+            }) : setValidation({
+                isValid: true,
+                message: ""
+            });
+        }, [
+            values,
+            args.required
+        ]);
+        return /*#__PURE__*/ react.createElement(MultiAutoComplete, {
+            ...args,
+            values: values,
+            onValuesChange: setValues,
+            validation: validation
         });
-      }
-    }, [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"
     },
-    validation: {
-      description: "Object containing validation state and message. Please refer to the example code for details on usage."
+    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: void 0,
+        disabled: false,
+        validation: void 0,
+        onOpenChange: void 0
     },
-    onOpenChange: {
-      description: "Callback triggered when the dropdown opens or closes, allowing you to respond to changes in its open state."
+    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"
+        },
+        validation: {
+            description: "Object containing validation state and message. Please refer to the example code for details on usage."
+        },
+        onOpenChange: {
+            description: "Callback triggered when the dropdown opens or closes, allowing you to respond to changes in its open state."
+        }
     }
-  }
 };
+export default MultiAutoComplete_stories;
+export { Default, Disabled, Documentation, FullExample, WithDescription, WithErrors, WithLabel, WithNotes, WithRequiredLabel };
 
 //# sourceMappingURL=MultiAutoComplete.stories.js.map

package/MultiAutoComplete/MultiAutoComplete.stories.js.map

@@ -1 +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-webpack5\";\nimport { MultiAutoComplete } from \"./MultiAutoComplete.js\";\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        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\"\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        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MultiAutoComplete/MultiAutoComplete.stories.js","sources":["../../src/MultiAutoComplete/MultiAutoComplete.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { MultiAutoComplete } from \"./MultiAutoComplete.js\";\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        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\"\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        }\n    }\n};\n"],"names":["meta","MultiAutoComplete","args","values","setValues","useState","Default","WithLabel","WithRequiredLabel","WithDescription","WithNotes","WithErrors","Disabled","FullExample","Documentation","validation","setValidation","useEffect","undefined"],"mappings":"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"}

package/MultiAutoComplete/domains/ListCache.js

@@ -1,45 +1,53 @@
 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));
-    });
-  }
+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) : void 0;
+    }
+    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));
+        });
+    }
 }
+export { ListCache };
 
 //# sourceMappingURL=ListCache.js.map

package/MultiAutoComplete/domains/ListCache.js.map

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

package/MultiAutoComplete/domains/MultiAutoCompleteOption.js

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