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

package/AutoComplete/primitives/AutoCompletePrimitive.stories.js

@@ -1,8 +1,8 @@
 import React, { useState } from "react";
 import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
-import { AutoCompletePrimitive } from "./AutoCompletePrimitive";
-import { Button } from "../../Button";
-import { Icon } from "../../Icon";
+import { AutoCompletePrimitive } from "./AutoCompletePrimitive.js";
+import { Button } from "../../Button/index.js";
+import { Icon } from "../../Icon/index.js";
 const meta = {
   title: "Components/Form Primitives/Autocomplete",
   component: AutoCompletePrimitive,
@@ -20,12 +20,12 @@ const meta = {
   render: args => {
     const [value, setValue] = useState(args.value);
     return /*#__PURE__*/React.createElement("div", {
-      className: "wby-w-full"
+      className: "w-full"
     }, /*#__PURE__*/React.createElement(AutoCompletePrimitive, Object.assign({}, args, {
       value: value,
       onValueChange: setValue
     })), /*#__PURE__*/React.createElement("div", {
-      className: "wby-mt-4 wby-text-center"
+      className: "mt-4 text-center"
     }, "Current selected value: ", /*#__PURE__*/React.createElement("pre", null, value)));
   }
 };
@@ -137,7 +137,7 @@ export const GhostNegativeVariant = {
     placeholder: "Custom placeholder"
   },
   decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+    className: "bg-neutral-dark text-neutral-light p-xl"
   }, /*#__PURE__*/React.createElement(Story, null))]
 };
 export const GhostNegativeVariantDisabled = {
@@ -146,7 +146,7 @@ export const GhostNegativeVariantDisabled = {
     disabled: true
   },
   decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+    className: "bg-neutral-dark text-neutral-light p-xl"
   }, /*#__PURE__*/React.createElement(Story, null))]
 };
 export const GhostNegativeVariantInvalid = {
@@ -155,7 +155,7 @@ export const GhostNegativeVariantInvalid = {
     invalid: true
   },
   decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+    className: "bg-neutral-dark text-neutral-light p-xl"
   }, /*#__PURE__*/React.createElement(Story, null))]
 };
 export const WithPredefinedValue = {
@@ -360,11 +360,11 @@ export const WithCustomOptionRenderer = {
     }],
     optionRenderer: item => {
       return /*#__PURE__*/React.createElement("div", {
-        className: "wby-w-full wby-flex wby-justify-between wby-align-middle"
+        className: "w-full flex justify-between align-middle"
       }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-        className: "wby-mr-sm"
+        className: "mr-sm"
       }, item.flag), item.name), /*#__PURE__*/React.createElement("div", {
-        className: "wby-text-sm"
+        className: "text-sm"
       }, item.time_difference));
     }
   }
@@ -530,17 +530,17 @@ export const WithExternalValueControl = {
   render: args => {
     const [value, setValue] = useState(args.value);
     return /*#__PURE__*/React.createElement("div", {
-      className: "wby-w-full"
+      className: "w-full"
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(AutoCompletePrimitive, Object.assign({}, args, {
       value: value,
       onValueChange: value => setValue(value)
     }))), /*#__PURE__*/React.createElement("div", {
-      className: "wby-mt-4 wby-text-center"
+      className: "mt-4 text-center"
     }, /*#__PURE__*/React.createElement(Button, {
       text: "Reset",
       onClick: () => setValue("")
     })), /*#__PURE__*/React.createElement("div", {
-      className: "wby-mt-4 wby-text-center"
+      className: "mt-4 text-center"
     }, "Current selected value: ", /*#__PURE__*/React.createElement("pre", null, value)));
   }
 };

package/AutoComplete/primitives/AutoCompletePrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ReactComponent","SearchIcon","AutoCompletePrimitive","Button","Icon","meta","title","component","parameters","layout","argTypes","onValueChange","action","onOpenChange","render","args","value","setValue","createElement","className","Object","assign","Default","options","MediumSize","size","LargeSize","ExtraLargeSize","WithStartIcon","startIcon","label","icon","WithLoading","loading","WithoutResetAction","displayResetAction","PrimaryVariant","variant","PrimaryVariantDisabled","disabled","PrimaryVariantInvalid","invalid","SecondaryVariant","placeholder","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","GhostNegativeVariant","decorators","Story","GhostNegativeVariantDisabled","GhostNegativeVariantInvalid","WithPredefinedValue","WithCustomPlaceholder","WithCustomEmptyMessage","emptyMessage","WithCustomInitialMessage","initialMessage","WithFormattedOptions","WithCustomOptionRenderer","item","name","time_difference","flag","optionRenderer","WithSeparators","separator","WithDisabledOptions","WithExternalValueControl","text","onClick"],"sources":["AutoCompletePrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { AutoCompletePrimitive } from \"./AutoCompletePrimitive\";\nimport { Button } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\n\nconst meta: Meta<typeof AutoCompletePrimitive> = {\n    title: \"Components/Form Primitives/Autocomplete\",\n    component: AutoCompletePrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        onValueChange: { action: \"onValueChange\" },\n        onOpenChange: { action: \"onOpenChange\" }\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"wby-w-full\"}>\n                <AutoCompletePrimitive {...args} value={value} onValueChange={setValue} />\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof AutoCompletePrimitive>;\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 MediumSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const LargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const WithStartIcon: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <Icon label={\"Search\"} icon={<SearchIcon />} />\n    }\n};\n\nexport const WithLoading: Story = {\n    args: {\n        ...Default.args,\n        loading: true\n    }\n};\n\nexport const WithoutResetAction: Story = {\n    args: {\n        ...Default.args,\n        displayResetAction: false\n    }\n};\n\nexport const PrimaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"primary\"\n    }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const SecondaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"secondary\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"ghost\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const GhostVariantDisabled: Story = {\n    args: {\n        ...GhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const GhostVariantInvalid: Story = {\n    args: {\n        ...GhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostNegativeVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"ghost-negative\",\n        placeholder: \"Custom placeholder\"\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-bg-neutral-dark wby-text-neutral-light wby-p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantDisabled: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        disabled: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-bg-neutral-dark wby-text-neutral-light wby-p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantInvalid: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        invalid: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-bg-neutral-dark wby-text-neutral-light wby-p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const WithPredefinedValue: Story = {\n    args: {\n        ...Default.args,\n        value: \"Eastern Standard Time (EST)\"\n    }\n};\n\nexport const WithCustomPlaceholder: Story = {\n    args: {\n        ...Default.args,\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const WithCustomEmptyMessage: Story = {\n    args: {\n        ...Default.args,\n        emptyMessage: \"Custom empty message\"\n    }\n};\n\nexport const WithCustomInitialMessage: Story = {\n    args: {\n        ...Default.args,\n        initialMessage: \"Custom initial message.\",\n        options: []\n    }\n};\n\nexport const WithFormattedOptions: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\" },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithCustomOptionRenderer: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            {\n                label: \"Eastern Standard Time (EST)\",\n                value: \"est\",\n                item: {\n                    name: \"Eastern Standard Time (EST)\",\n                    time_difference: \"-5:00\",\n                    flag: \"🇺🇸\"\n                }\n            },\n            {\n                label: \"Central Standard Time (CST)\",\n                value: \"cst\",\n                item: {\n                    name: \"Central Standard Time (CST)\",\n                    time_difference: \"-6:00\",\n                    flag: \"🇺🇸\"\n                }\n            },\n            {\n                label: \"Pacific Standard Time (PST)\",\n                value: \"pst\",\n                item: {\n                    name: \"Pacific Standard Time (PST)\",\n                    time_difference: \"-8:00\",\n                    flag: \"🇺🇸\"\n                }\n            },\n            {\n                label: \"Greenwich Mean Time (GMT)\",\n                value: \"gmt\",\n                item: {\n                    name: \"Greenwich Mean Time (GMT)\",\n                    time_difference: \"±0:00\",\n                    flag: \"🇬🇧\"\n                }\n            },\n            {\n                label: \"Central European Time (CET)\",\n                value: \"cet\",\n                item: {\n                    name: \"Central European Time (CET)\",\n                    time_difference: \"+1:00\",\n                    flag: \"🇪🇺\"\n                }\n            },\n            {\n                label: \"Central Africa Time (CAT)\",\n                value: \"cat\",\n                item: {\n                    name: \"Central Africa Time (CAT)\",\n                    time_difference: \"+2:00\",\n                    flag: \"🇿🇦\"\n                }\n            },\n            {\n                label: \"India Standard Time (IST)\",\n                value: \"ist\",\n                item: {\n                    name: \"India Standard Time (IST)\",\n                    time_difference: \"+5:30\",\n                    flag: \"🇮🇳\"\n                }\n            },\n            {\n                label: \"China Standard Time (CST)\",\n                value: \"cst_china\",\n                item: {\n                    name: \"China Standard Time (CST)\",\n                    time_difference: \"+8:00\",\n                    flag: \"🇨🇳\"\n                }\n            },\n            {\n                label: \"Japan Standard Time (JST)\",\n                value: \"jst\",\n                item: {\n                    name: \"Japan Standard Time (JST)\",\n                    time_difference: \"+9:00\",\n                    flag: \"🇯🇵\"\n                }\n            },\n            {\n                label: \"Australian Western Standard Time (AWST)\",\n                value: \"awst\",\n                item: {\n                    name: \"Australian Western Standard Time (AWST)\",\n                    time_difference: \"+8:00\",\n                    flag: \"🇦🇺\"\n                }\n            },\n            {\n                label: \"New Zealand Standard Time (NZST)\",\n                value: \"nzst\",\n                item: {\n                    name: \"New Zealand Standard Time (NZST)\",\n                    time_difference: \"+12:00\",\n                    flag: \"🇳🇿\"\n                }\n            },\n            {\n                label: \"Fiji Time (FJT)\",\n                value: \"fjt\",\n                item: {\n                    name: \"Fiji Time (FJT)\",\n                    time_difference: \"+12:00\",\n                    flag: \"🇫🇯\"\n                }\n            },\n            {\n                label: \"Argentina Time (ART)\",\n                value: \"art\",\n                item: {\n                    name: \"Argentina Time (ART)\",\n                    time_difference: \"-3:00\",\n                    flag: \"🇦🇷\"\n                }\n            },\n            {\n                label: \"Bolivia Time (BOT)\",\n                value: \"bot\",\n                item: {\n                    name: \"Bolivia Time (BOT)\",\n                    time_difference: \"-4:00\",\n                    flag: \"🇧🇴\"\n                }\n            },\n            {\n                label: \"Brasilia Time (BRT)\",\n                value: \"brt\",\n                item: {\n                    name: \"Brasilia Time (BRT)\",\n                    time_difference: \"-3:00\",\n                    flag: \"🇧🇷\"\n                }\n            }\n        ],\n        optionRenderer: item => {\n            return (\n                <div className={\"wby-w-full wby-flex wby-justify-between wby-align-middle\"}>\n                    <div>\n                        <span className={\"wby-mr-sm\"}>{item.flag}</span>\n                        {item.name}\n                    </div>\n                    <div className={\"wby-text-sm\"}>{item.time_difference}</div>\n                </div>\n            );\n        }\n    }\n};\n\nexport const WithSeparators: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\", separator: true },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\", separator: true },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\", separator: true },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\", separator: true },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithDisabledOptions: Story = {\n    args: {\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\", disabled: true },\n            { label: \"Central Standard Time (CST)\", value: \"cst\", disabled: true },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\", disabled: true },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\" },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"wby-w-full\"}>\n                <div>\n                    <AutoCompletePrimitive\n                        {...args}\n                        value={value}\n                        onValueChange={value => setValue(value)}\n                    />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValue(\"\")} />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","ReactComponent","SearchIcon","AutoCompletePrimitive","Button","Icon","meta","title","component","parameters","layout","argTypes","onValueChange","action","onOpenChange","render","args","value","setValue","createElement","className","Object","assign","Default","options","MediumSize","size","LargeSize","ExtraLargeSize","WithStartIcon","startIcon","label","icon","WithLoading","loading","WithoutResetAction","displayResetAction","PrimaryVariant","variant","PrimaryVariantDisabled","disabled","PrimaryVariantInvalid","invalid","SecondaryVariant","placeholder","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","GhostNegativeVariant","decorators","Story","GhostNegativeVariantDisabled","GhostNegativeVariantInvalid","WithPredefinedValue","WithCustomPlaceholder","WithCustomEmptyMessage","emptyMessage","WithCustomInitialMessage","initialMessage","WithFormattedOptions","WithCustomOptionRenderer","item","name","time_difference","flag","optionRenderer","WithSeparators","separator","WithDisabledOptions","WithExternalValueControl","text","onClick"],"sources":["AutoCompletePrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { AutoCompletePrimitive } from \"./AutoCompletePrimitive.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\nconst meta: Meta<typeof AutoCompletePrimitive> = {\n    title: \"Components/Form Primitives/Autocomplete\",\n    component: AutoCompletePrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        onValueChange: { action: \"onValueChange\" },\n        onOpenChange: { action: \"onOpenChange\" }\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"w-full\"}>\n                <AutoCompletePrimitive {...args} value={value} onValueChange={setValue} />\n                <div className={\"mt-4 text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof AutoCompletePrimitive>;\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 MediumSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const LargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const WithStartIcon: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <Icon label={\"Search\"} icon={<SearchIcon />} />\n    }\n};\n\nexport const WithLoading: Story = {\n    args: {\n        ...Default.args,\n        loading: true\n    }\n};\n\nexport const WithoutResetAction: Story = {\n    args: {\n        ...Default.args,\n        displayResetAction: false\n    }\n};\n\nexport const PrimaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"primary\"\n    }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const SecondaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"secondary\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"ghost\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const GhostVariantDisabled: Story = {\n    args: {\n        ...GhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const GhostVariantInvalid: Story = {\n    args: {\n        ...GhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostNegativeVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"ghost-negative\",\n        placeholder: \"Custom placeholder\"\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-neutral-dark text-neutral-light p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantDisabled: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        disabled: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-neutral-dark text-neutral-light p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantInvalid: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        invalid: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"bg-neutral-dark text-neutral-light p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const WithPredefinedValue: Story = {\n    args: {\n        ...Default.args,\n        value: \"Eastern Standard Time (EST)\"\n    }\n};\n\nexport const WithCustomPlaceholder: Story = {\n    args: {\n        ...Default.args,\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const WithCustomEmptyMessage: Story = {\n    args: {\n        ...Default.args,\n        emptyMessage: \"Custom empty message\"\n    }\n};\n\nexport const WithCustomInitialMessage: Story = {\n    args: {\n        ...Default.args,\n        initialMessage: \"Custom initial message.\",\n        options: []\n    }\n};\n\nexport const WithFormattedOptions: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\" },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithCustomOptionRenderer: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            {\n                label: \"Eastern Standard Time (EST)\",\n                value: \"est\",\n                item: {\n                    name: \"Eastern Standard Time (EST)\",\n                    time_difference: \"-5:00\",\n                    flag: \"🇺🇸\"\n                }\n            },\n            {\n                label: \"Central Standard Time (CST)\",\n                value: \"cst\",\n                item: {\n                    name: \"Central Standard Time (CST)\",\n                    time_difference: \"-6:00\",\n                    flag: \"🇺🇸\"\n                }\n            },\n            {\n                label: \"Pacific Standard Time (PST)\",\n                value: \"pst\",\n                item: {\n                    name: \"Pacific Standard Time (PST)\",\n                    time_difference: \"-8:00\",\n                    flag: \"🇺🇸\"\n                }\n            },\n            {\n                label: \"Greenwich Mean Time (GMT)\",\n                value: \"gmt\",\n                item: {\n                    name: \"Greenwich Mean Time (GMT)\",\n                    time_difference: \"±0:00\",\n                    flag: \"🇬🇧\"\n                }\n            },\n            {\n                label: \"Central European Time (CET)\",\n                value: \"cet\",\n                item: {\n                    name: \"Central European Time (CET)\",\n                    time_difference: \"+1:00\",\n                    flag: \"🇪🇺\"\n                }\n            },\n            {\n                label: \"Central Africa Time (CAT)\",\n                value: \"cat\",\n                item: {\n                    name: \"Central Africa Time (CAT)\",\n                    time_difference: \"+2:00\",\n                    flag: \"🇿🇦\"\n                }\n            },\n            {\n                label: \"India Standard Time (IST)\",\n                value: \"ist\",\n                item: {\n                    name: \"India Standard Time (IST)\",\n                    time_difference: \"+5:30\",\n                    flag: \"🇮🇳\"\n                }\n            },\n            {\n                label: \"China Standard Time (CST)\",\n                value: \"cst_china\",\n                item: {\n                    name: \"China Standard Time (CST)\",\n                    time_difference: \"+8:00\",\n                    flag: \"🇨🇳\"\n                }\n            },\n            {\n                label: \"Japan Standard Time (JST)\",\n                value: \"jst\",\n                item: {\n                    name: \"Japan Standard Time (JST)\",\n                    time_difference: \"+9:00\",\n                    flag: \"🇯🇵\"\n                }\n            },\n            {\n                label: \"Australian Western Standard Time (AWST)\",\n                value: \"awst\",\n                item: {\n                    name: \"Australian Western Standard Time (AWST)\",\n                    time_difference: \"+8:00\",\n                    flag: \"🇦🇺\"\n                }\n            },\n            {\n                label: \"New Zealand Standard Time (NZST)\",\n                value: \"nzst\",\n                item: {\n                    name: \"New Zealand Standard Time (NZST)\",\n                    time_difference: \"+12:00\",\n                    flag: \"🇳🇿\"\n                }\n            },\n            {\n                label: \"Fiji Time (FJT)\",\n                value: \"fjt\",\n                item: {\n                    name: \"Fiji Time (FJT)\",\n                    time_difference: \"+12:00\",\n                    flag: \"🇫🇯\"\n                }\n            },\n            {\n                label: \"Argentina Time (ART)\",\n                value: \"art\",\n                item: {\n                    name: \"Argentina Time (ART)\",\n                    time_difference: \"-3:00\",\n                    flag: \"🇦🇷\"\n                }\n            },\n            {\n                label: \"Bolivia Time (BOT)\",\n                value: \"bot\",\n                item: {\n                    name: \"Bolivia Time (BOT)\",\n                    time_difference: \"-4:00\",\n                    flag: \"🇧🇴\"\n                }\n            },\n            {\n                label: \"Brasilia Time (BRT)\",\n                value: \"brt\",\n                item: {\n                    name: \"Brasilia Time (BRT)\",\n                    time_difference: \"-3:00\",\n                    flag: \"🇧🇷\"\n                }\n            }\n        ],\n        optionRenderer: item => {\n            return (\n                <div className={\"w-full flex justify-between align-middle\"}>\n                    <div>\n                        <span className={\"mr-sm\"}>{item.flag}</span>\n                        {item.name}\n                    </div>\n                    <div className={\"text-sm\"}>{item.time_difference}</div>\n                </div>\n            );\n        }\n    }\n};\n\nexport const WithSeparators: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\", separator: true },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\", separator: true },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\", separator: true },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\", separator: true },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithDisabledOptions: Story = {\n    args: {\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\", disabled: true },\n            { label: \"Central Standard Time (CST)\", value: \"cst\", disabled: true },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\", disabled: true },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        ...Default.args,\n        options: [\n            { label: \"Eastern Standard Time (EST)\", value: \"est\" },\n            { label: \"Central Standard Time (CST)\", value: \"cst\" },\n            { label: \"Pacific Standard Time (PST)\", value: \"pst\" },\n            { label: \"Greenwich Mean Time (GMT)\", value: \"gmt\" },\n            { label: \"Central European Time (CET)\", value: \"cet\" },\n            { label: \"Central Africa Time (CAT)\", value: \"cat\" },\n            { label: \"India Standard Time (IST)\", value: \"ist\" },\n            { label: \"China Standard Time (CST)\", value: \"cst_china\" },\n            { label: \"Japan Standard Time (JST)\", value: \"jst\" },\n            { label: \"Australian Western Standard Time (AWST)\", value: \"awst\" },\n            { label: \"New Zealand Standard Time (NZST)\", value: \"nzst\" },\n            { label: \"Fiji Time (FJT)\", value: \"fjt\" },\n            { label: \"Argentina Time (ART)\", value: \"art\" },\n            { label: \"Bolivia Time (BOT)\", value: \"bot\" },\n            { label: \"Brasilia Time (BRT)\", value: \"brt\" }\n        ]\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"w-full\"}>\n                <div>\n                    <AutoCompletePrimitive\n                        {...args}\n                        value={value}\n                        onValueChange={value => setValue(value)}\n                    />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValue(\"\")} />\n                </div>\n                <div className={\"mt-4 text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/AutoComplete/primitives/components/AutoCompleteInputIcons.js

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

package/AutoComplete/primitives/components/AutoCompleteInputIcons.js.map

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

package/AutoComplete/primitives/components/AutoCompleteList.d.ts

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

package/AutoComplete/primitives/components/AutoCompleteList.js

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

package/AutoComplete/primitives/components/AutoCompleteList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Command","AutoCompleteList","emptyMessage","empty","loading","loadingMessage","onOptionSelect","optionRenderer","options","props","renderOptions","useCallback","items","elements","createElement","Item","key","value","className","reduce","acc","item","currentIndex","push","keywords","label","disabled","selected","onSelect","onMouseDown","event","preventDefault","call","separator","Separator","List","Loading","Empty"],"sources":["AutoCompleteList.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CommandOptionFormatted } from \"~/Command/domain/CommandOptionFormatted\";\nimport { Command } from \"~/Command\";\n\ninterface AutoCompleteListProps extends React.ComponentPropsWithoutRef<typeof Command.List> {\n    options: CommandOptionFormatted[];\n    emptyMessage?: React.ReactNode;\n    empty?: boolean;\n    loading?: boolean;\n    loadingMessage?: React.ReactNode;\n    onOptionSelect: (value: string) => void;\n    optionRenderer?: (item: any, index: number) => React.ReactNode;\n}\n\nexport const AutoCompleteList = ({\n    emptyMessage,\n    empty,\n    loading,\n    loadingMessage,\n    onOptionSelect,\n    optionRenderer,\n    options,\n    ...props\n}: AutoCompleteListProps) => {\n    const renderOptions = React.useCallback(\n        (items: CommandOptionFormatted[]) => {\n            if (empty) {\n                return null;\n            }\n\n            const elements = [\n                <Command.Item key={\"dummy-element\"} value=\"-\" className=\"wby-hidden\" />\n            ];\n\n            return items.reduce((acc, item, currentIndex) => {\n                acc.push(\n                    <Command.Item\n                        key={`item-${item.value}-${currentIndex}`}\n                        value={item.value}\n                        keywords={[item.label]}\n                        disabled={item.disabled}\n                        selected={item.selected}\n                        onSelect={() => onOptionSelect(item.value)}\n                        onMouseDown={event => event.preventDefault()}\n                    >\n                        {optionRenderer && item.item\n                            ? optionRenderer.call(this, item.item, currentIndex)\n                            : item.label}\n                    </Command.Item>\n                );\n\n                // Conditionally render the separator if `separator` is true\n                if (item.separator) {\n                    acc.push(<Command.Separator key={`separator-${item.value ?? currentIndex}`} />);\n                }\n\n                return acc;\n            }, elements);\n        },\n        [onOptionSelect, optionRenderer, empty]\n    );\n\n    return (\n        <Command.List {...props}>\n            {loading ? <Command.Loading>{loadingMessage}</Command.Loading> : renderOptions(options)}\n            {!loading && <Command.Empty>{emptyMessage}</Command.Empty>}\n        </Command.List>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO;AAYhB,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC7BC,YAAY;EACZC,KAAK;EACLC,OAAO;EACPC,cAAc;EACdC,cAAc;EACdC,cAAc;EACdC,OAAO;EACP,GAAGC;AACgB,CAAC,KAAK;EACzB,MAAMC,aAAa,GAAGX,KAAK,CAACY,WAAW,CAClCC,KAA+B,IAAK;IACjC,IAAIT,KAAK,EAAE;MACP,OAAO,IAAI;IACf;IAEA,MAAMU,QAAQ,GAAG,cACbd,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACe,IAAI;MAACC,GAAG,EAAE,eAAgB;MAACC,KAAK,EAAC,GAAG;MAACC,SAAS,EAAC;IAAY,CAAE,CAAC,CAC1E;IAED,OAAON,KAAK,CAACO,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,EAAEC,YAAY,KAAK;MAC7CF,GAAG,CAACG,IAAI,cACJxB,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACe,IAAI;QACTC,GAAG,EAAE,QAAQK,IAAI,CAACJ,KAAK,IAAIK,YAAY,EAAG;QAC1CL,KAAK,EAAEI,IAAI,CAACJ,KAAM;QAClBO,QAAQ,EAAE,CAACH,IAAI,CAACI,KAAK,CAAE;QACvBC,QAAQ,EAAEL,IAAI,CAACK,QAAS;QACxBC,QAAQ,EAAEN,IAAI,CAACM,QAAS;QACxBC,QAAQ,EAAEA,CAAA,KAAMtB,cAAc,CAACe,IAAI,CAACJ,KAAK,CAAE;QAC3CY,WAAW,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC;MAAE,GAE5CxB,cAAc,IAAIc,IAAI,CAACA,IAAI,GACtBd,cAAc,CAACyB,IAAI,CAAC,IAAI,EAAEX,IAAI,CAACA,IAAI,EAAEC,YAAY,CAAC,GAClDD,IAAI,CAACI,KACD,CAClB,CAAC;;MAED;MACA,IAAIJ,IAAI,CAACY,SAAS,EAAE;QAChBb,GAAG,CAACG,IAAI,cAACxB,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACkC,SAAS;UAAClB,GAAG,EAAE,aAAaK,IAAI,CAACJ,KAAK,IAAIK,YAAY;QAAG,CAAE,CAAC,CAAC;MACnF;MAEA,OAAOF,GAAG;IACd,CAAC,EAAEP,QAAQ,CAAC;EAChB,CAAC,EACD,CAACP,cAAc,EAAEC,cAAc,EAAEJ,KAAK,CAC1C,CAAC;EAED,oBACIJ,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACmC,IAAI,EAAK1B,KAAK,EAClBL,OAAO,gBAAGL,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACoC,OAAO,QAAE/B,cAAgC,CAAC,GAAGK,aAAa,CAACF,OAAO,CAAC,EACtF,CAACJ,OAAO,iBAAIL,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACqC,KAAK,QAAEnC,YAA4B,CAC/C,CAAC;AAEvB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Command","AutoCompleteList","emptyMessage","empty","loading","loadingMessage","onOptionSelect","optionRenderer","options","props","renderOptions","useCallback","items","elements","createElement","Item","key","value","className","reduce","acc","item","currentIndex","push","keywords","label","disabled","selected","onSelect","onMouseDown","event","preventDefault","call","separator","Separator","List","Loading","Empty"],"sources":["AutoCompleteList.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CommandOptionFormatted } from \"~/Command/domain/CommandOptionFormatted.js\";\nimport { Command } from \"~/Command/index.js\";\n\ninterface AutoCompleteListProps extends React.ComponentPropsWithoutRef<typeof Command.List> {\n    options: CommandOptionFormatted[];\n    emptyMessage?: React.ReactNode;\n    empty?: boolean;\n    loading?: boolean;\n    loadingMessage?: React.ReactNode;\n    onOptionSelect: (value: string) => void;\n    optionRenderer?: (item: any, index: number) => React.ReactNode;\n}\n\nexport const AutoCompleteList = ({\n    emptyMessage,\n    empty,\n    loading,\n    loadingMessage,\n    onOptionSelect,\n    optionRenderer,\n    options,\n    ...props\n}: AutoCompleteListProps) => {\n    const renderOptions = React.useCallback(\n        (items: CommandOptionFormatted[]) => {\n            if (empty) {\n                return null;\n            }\n\n            const elements = [<Command.Item key={\"dummy-element\"} value=\"-\" className=\"hidden\" />];\n\n            return items.reduce((acc, item, currentIndex) => {\n                acc.push(\n                    <Command.Item\n                        key={`item-${item.value}-${currentIndex}`}\n                        value={item.value}\n                        keywords={[item.label]}\n                        disabled={item.disabled}\n                        selected={item.selected}\n                        onSelect={() => onOptionSelect(item.value)}\n                        onMouseDown={event => event.preventDefault()}\n                    >\n                        {optionRenderer && item.item\n                            ? optionRenderer.call(this, item.item, currentIndex)\n                            : item.label}\n                    </Command.Item>\n                );\n\n                // Conditionally render the separator if `separator` is true\n                if (item.separator) {\n                    acc.push(<Command.Separator key={`separator-${item.value ?? currentIndex}`} />);\n                }\n\n                return acc;\n            }, elements);\n        },\n        [onOptionSelect, optionRenderer, empty]\n    );\n\n    return (\n        <Command.List {...props}>\n            {loading ? <Command.Loading>{loadingMessage}</Command.Loading> : renderOptions(options)}\n            {!loading && <Command.Empty>{emptyMessage}</Command.Empty>}\n        </Command.List>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO;AAYhB,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC7BC,YAAY;EACZC,KAAK;EACLC,OAAO;EACPC,cAAc;EACdC,cAAc;EACdC,cAAc;EACdC,OAAO;EACP,GAAGC;AACgB,CAAC,KAAK;EACzB,MAAMC,aAAa,GAAGX,KAAK,CAACY,WAAW,CAClCC,KAA+B,IAAK;IACjC,IAAIT,KAAK,EAAE;MACP,OAAO,IAAI;IACf;IAEA,MAAMU,QAAQ,GAAG,cAACd,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACe,IAAI;MAACC,GAAG,EAAE,eAAgB;MAACC,KAAK,EAAC,GAAG;MAACC,SAAS,EAAC;IAAQ,CAAE,CAAC,CAAC;IAEtF,OAAON,KAAK,CAACO,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,EAAEC,YAAY,KAAK;MAC7CF,GAAG,CAACG,IAAI,cACJxB,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACe,IAAI;QACTC,GAAG,EAAE,QAAQK,IAAI,CAACJ,KAAK,IAAIK,YAAY,EAAG;QAC1CL,KAAK,EAAEI,IAAI,CAACJ,KAAM;QAClBO,QAAQ,EAAE,CAACH,IAAI,CAACI,KAAK,CAAE;QACvBC,QAAQ,EAAEL,IAAI,CAACK,QAAS;QACxBC,QAAQ,EAAEN,IAAI,CAACM,QAAS;QACxBC,QAAQ,EAAEA,CAAA,KAAMtB,cAAc,CAACe,IAAI,CAACJ,KAAK,CAAE;QAC3CY,WAAW,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc,CAAC;MAAE,GAE5CxB,cAAc,IAAIc,IAAI,CAACA,IAAI,GACtBd,cAAc,CAACyB,IAAI,CAAC,IAAI,EAAEX,IAAI,CAACA,IAAI,EAAEC,YAAY,CAAC,GAClDD,IAAI,CAACI,KACD,CAClB,CAAC;;MAED;MACA,IAAIJ,IAAI,CAACY,SAAS,EAAE;QAChBb,GAAG,CAACG,IAAI,cAACxB,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACkC,SAAS;UAAClB,GAAG,EAAE,aAAaK,IAAI,CAACJ,KAAK,IAAIK,YAAY;QAAG,CAAE,CAAC,CAAC;MACnF;MAEA,OAAOF,GAAG;IACd,CAAC,EAAEP,QAAQ,CAAC;EAChB,CAAC,EACD,CAACP,cAAc,EAAEC,cAAc,EAAEJ,KAAK,CAC1C,CAAC;EAED,oBACIJ,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACmC,IAAI,EAAK1B,KAAK,EAClBL,OAAO,gBAAGL,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACoC,OAAO,QAAE/B,cAAgC,CAAC,GAAGK,aAAa,CAACF,OAAO,CAAC,EACtF,CAACJ,OAAO,iBAAIL,KAAA,CAAAe,aAAA,CAACd,OAAO,CAACqC,KAAK,QAAEnC,YAA4B,CAC/C,CAAC;AAEvB,CAAC","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-export * from "./AutoCompleteInputIcons";
-export * from "./AutoCompleteList";
+export * from "./AutoCompleteInputIcons.js";
+export * from "./AutoCompleteList.js";

package/AutoComplete/primitives/components/index.js

@@ -1,4 +1,4 @@
-export * from "./AutoCompleteInputIcons";
-export * from "./AutoCompleteList";
+export * from "./AutoCompleteInputIcons.js";
+export * from "./AutoCompleteList.js";
 
 //# sourceMappingURL=index.js.map

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

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

package/AutoComplete/primitives/index.d.ts

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

package/AutoComplete/primitives/index.js

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

package/AutoComplete/primitives/index.js.map

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

package/AutoComplete/primitives/presenters/AutoCompleteListOptionsPresenter.d.ts

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

package/AutoComplete/primitives/presenters/AutoCompleteListOptionsPresenter.js

@@ -1,6 +1,6 @@
 import { makeAutoObservable } from "mobx";
-import { CommandOptionFormatter } from "../../../Command/domain/CommandOptionFormatter";
-import { ListCache } from "../../domains";
+import { CommandOptionFormatter } from "../../../Command/domain/CommandOptionFormatter.js";
+import { ListCache } from "../../domains/index.js";
 export class AutoCompleteListOptionsPresenter {
   open = false;
   loadedOptions = false;
@@ -13,7 +13,9 @@ export class AutoCompleteListOptionsPresenter {
   }
   init(params) {
     this.options.clear();
-    params.options && this.options.addItems(params.options);
+    if (params.options) {
+      this.options.addItems(params.options);
+    }
     this.emptyMessage = params.emptyMessage || this.emptyMessage;
     this.loadingMessage = params.loadingMessage || this.loadingMessage;
     this.initialMessage = params.initialMessage || this.initialMessage;

package/AutoComplete/primitives/presenters/AutoCompleteListOptionsPresenter.js.map

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

package/AutoComplete/primitives/presenters/AutoCompletePresenter.d.ts

@@ -1,6 +1,6 @@
-import type { AutoCompleteInputPresenterParams, IAutoCompleteInputPresenter } from "./AutoCompleteInputPresenter";
-import type { IAutoCompleteListOptionsPresenter } from "./AutoCompleteListOptionsPresenter";
-import type { AutoCompleteOption } from "../../domains";
+import type { AutoCompleteInputPresenterParams, IAutoCompleteInputPresenter } from "./AutoCompleteInputPresenter.js";
+import type { IAutoCompleteListOptionsPresenter } from "./AutoCompleteListOptionsPresenter.js";
+import type { AutoCompleteOption } from "../../domains/index.js";
 interface AutoCompletePresenterParams {
     emptyMessage?: any;
     loadingMessage?: any;
@@ -39,7 +39,7 @@ declare class AutoCompletePresenter implements IAutoCompletePresenterParams {
             displayResetAction: boolean;
         };
         optionsListVm: {
-            options: import("../../../Command").CommandOptionFormatted[];
+            options: import("../../../Command/index.js").CommandOptionFormatted[];
             emptyMessage: any;
             loadingMessage: any;
             open: boolean;

package/AutoComplete/primitives/presenters/AutoCompletePresenter.js

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

package/AutoComplete/primitives/presenters/AutoCompletePresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","CommandOption","AutoCompletePresenter","params","undefined","constructor","inputPresenter","optionsListPresenter","init","listOptions","getListOptions","options","value","emptyMessage","loadingMessage","initialMessage","initInput","selected","getSelectedOption","label","placeholder","displayResetAction","vm","inputVm","optionsListVm","setListOpenState","open","onOpenChange","searchOption","setValue","setLoadedOptions","onValueSearch","setSelectedOption","resetValue","resetSelectedOption","selectedOption","onValueChange","onValueReset","showSelectedOption","map","option","commandOption","createFromString","create","find"],"sources":["AutoCompletePresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { CommandOption } from \"~/Command/domain/CommandOption\";\nimport type {\n    AutoCompleteInputPresenterParams,\n    IAutoCompleteInputPresenter\n} from \"./AutoCompleteInputPresenter\";\nimport type { IAutoCompleteListOptionsPresenter } from \"./AutoCompleteListOptionsPresenter\";\nimport type { AutoCompleteOption } from \"../../domains\";\n\ninterface AutoCompletePresenterParams {\n    emptyMessage?: any;\n    loadingMessage?: any;\n    initialMessage?: any;\n    onOpenChange?: (open: boolean) => void;\n    onValueChange: (value: string) => void;\n    onValueReset?: () => void;\n    onValueSearch?: (value: string) => void;\n    options?: AutoCompleteOption[];\n    value?: string;\n}\n\ninterface IAutoCompletePresenterParams {\n    vm: {\n        inputVm: IAutoCompleteInputPresenter[\"vm\"];\n        optionsListVm: IAutoCompleteListOptionsPresenter[\"vm\"];\n    };\n    init: (params: AutoCompletePresenterParams) => void;\n    initInput: (params: AutoCompleteInputPresenterParams) => void;\n    setListOpenState: (open: boolean) => void;\n    setSelectedOption: (value: string) => void;\n    showSelectedOption: () => void;\n    searchOption: (value: string) => void;\n    resetSelectedOption: () => void;\n}\n\nclass AutoCompletePresenter implements IAutoCompletePresenterParams {\n    private params?: AutoCompletePresenterParams = undefined;\n    private inputPresenter: IAutoCompleteInputPresenter;\n    private optionsListPresenter: IAutoCompleteListOptionsPresenter;\n\n    constructor(\n        inputPresenter: IAutoCompleteInputPresenter,\n        optionsListPresenter: IAutoCompleteListOptionsPresenter\n    ) {\n        this.inputPresenter = inputPresenter;\n        this.optionsListPresenter = optionsListPresenter;\n        makeAutoObservable(this);\n    }\n\n    init(params: AutoCompletePresenterParams) {\n        this.params = params;\n\n        const listOptions = this.getListOptions(params.options, params.value);\n        this.optionsListPresenter.init({\n            options: listOptions,\n            emptyMessage: params.emptyMessage,\n            loadingMessage: params.loadingMessage,\n            initialMessage: params.initialMessage\n        });\n    }\n\n    initInput(params: AutoCompleteInputPresenterParams) {\n        const selected = this.getSelectedOption();\n        this.inputPresenter.init({\n            value: selected?.label ?? \"\",\n            placeholder: params.placeholder,\n            displayResetAction: params.displayResetAction\n        });\n    }\n\n    get vm() {\n        return {\n            inputVm: this.inputPresenter.vm,\n            optionsListVm: this.optionsListPresenter.vm\n        };\n    }\n\n    public setListOpenState = (open: boolean) => {\n        this.optionsListPresenter.setListOpenState(open);\n        this.params?.onOpenChange?.(open);\n    };\n\n    public searchOption = (value: string) => {\n        this.inputPresenter.setValue(value);\n        this.optionsListPresenter.setLoadedOptions(true);\n        this.params?.onValueSearch?.(value);\n    };\n\n    public setSelectedOption = (value: string) => {\n        this.inputPresenter.resetValue();\n        this.optionsListPresenter.resetSelectedOption();\n        this.optionsListPresenter.setSelectedOption(value);\n        const selectedOption = this.getSelectedOption();\n\n        if (selectedOption) {\n            this.inputPresenter.setValue(selectedOption.label);\n            this.params?.onValueChange?.(selectedOption.value);\n        } else {\n            this.params?.onValueChange?.(\"\");\n        }\n    };\n\n    public resetSelectedOption = () => {\n        this.optionsListPresenter.resetSelectedOption();\n        this.inputPresenter.resetValue();\n\n        this.params?.onValueChange?.(\"\");\n        this.params?.onValueReset?.();\n    };\n\n    public showSelectedOption = () => {\n        const selected = this.getSelectedOption();\n        this.inputPresenter.setValue(selected?.label ?? \"\");\n    };\n\n    private getListOptions(options: AutoCompleteOption[] = [], value?: string): CommandOption[] {\n        return options.map(option => {\n            const commandOption =\n                typeof option === \"string\"\n                    ? CommandOption.createFromString(option)\n                    : CommandOption.create(option);\n\n            commandOption.selected = commandOption.value === value;\n            return commandOption;\n        });\n    }\n\n    private getSelectedOption() {\n        return this.vm.optionsListVm.options.find(option => option.selected);\n    }\n}\n\nexport { AutoCompletePresenter, type AutoCompletePresenterParams };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","CommandOption","AutoCompletePresenter","params","undefined","constructor","inputPresenter","optionsListPresenter","init","listOptions","getListOptions","options","value","emptyMessage","loadingMessage","initialMessage","initInput","selected","getSelectedOption","label","placeholder","displayResetAction","vm","inputVm","optionsListVm","setListOpenState","open","onOpenChange","searchOption","setValue","setLoadedOptions","onValueSearch","setSelectedOption","resetValue","resetSelectedOption","selectedOption","onValueChange","onValueReset","showSelectedOption","map","option","commandOption","createFromString","create","find"],"sources":["AutoCompletePresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { CommandOption } from \"~/Command/domain/CommandOption.js\";\nimport type {\n    AutoCompleteInputPresenterParams,\n    IAutoCompleteInputPresenter\n} from \"./AutoCompleteInputPresenter.js\";\nimport type { IAutoCompleteListOptionsPresenter } from \"./AutoCompleteListOptionsPresenter.js\";\nimport type { AutoCompleteOption } from \"../../domains/index.js\";\n\ninterface AutoCompletePresenterParams {\n    emptyMessage?: any;\n    loadingMessage?: any;\n    initialMessage?: any;\n    onOpenChange?: (open: boolean) => void;\n    onValueChange: (value: string) => void;\n    onValueReset?: () => void;\n    onValueSearch?: (value: string) => void;\n    options?: AutoCompleteOption[];\n    value?: string;\n}\n\ninterface IAutoCompletePresenterParams {\n    vm: {\n        inputVm: IAutoCompleteInputPresenter[\"vm\"];\n        optionsListVm: IAutoCompleteListOptionsPresenter[\"vm\"];\n    };\n    init: (params: AutoCompletePresenterParams) => void;\n    initInput: (params: AutoCompleteInputPresenterParams) => void;\n    setListOpenState: (open: boolean) => void;\n    setSelectedOption: (value: string) => void;\n    showSelectedOption: () => void;\n    searchOption: (value: string) => void;\n    resetSelectedOption: () => void;\n}\n\nclass AutoCompletePresenter implements IAutoCompletePresenterParams {\n    private params?: AutoCompletePresenterParams = undefined;\n    private inputPresenter: IAutoCompleteInputPresenter;\n    private optionsListPresenter: IAutoCompleteListOptionsPresenter;\n\n    constructor(\n        inputPresenter: IAutoCompleteInputPresenter,\n        optionsListPresenter: IAutoCompleteListOptionsPresenter\n    ) {\n        this.inputPresenter = inputPresenter;\n        this.optionsListPresenter = optionsListPresenter;\n        makeAutoObservable(this);\n    }\n\n    init(params: AutoCompletePresenterParams) {\n        this.params = params;\n\n        const listOptions = this.getListOptions(params.options, params.value);\n        this.optionsListPresenter.init({\n            options: listOptions,\n            emptyMessage: params.emptyMessage,\n            loadingMessage: params.loadingMessage,\n            initialMessage: params.initialMessage\n        });\n    }\n\n    initInput(params: AutoCompleteInputPresenterParams) {\n        const selected = this.getSelectedOption();\n        this.inputPresenter.init({\n            value: selected?.label ?? \"\",\n            placeholder: params.placeholder,\n            displayResetAction: params.displayResetAction\n        });\n    }\n\n    get vm() {\n        return {\n            inputVm: this.inputPresenter.vm,\n            optionsListVm: this.optionsListPresenter.vm\n        };\n    }\n\n    public setListOpenState = (open: boolean) => {\n        this.optionsListPresenter.setListOpenState(open);\n        this.params?.onOpenChange?.(open);\n    };\n\n    public searchOption = (value: string) => {\n        this.inputPresenter.setValue(value);\n        this.optionsListPresenter.setLoadedOptions(true);\n        this.params?.onValueSearch?.(value);\n    };\n\n    public setSelectedOption = (value: string) => {\n        this.inputPresenter.resetValue();\n        this.optionsListPresenter.resetSelectedOption();\n        this.optionsListPresenter.setSelectedOption(value);\n        const selectedOption = this.getSelectedOption();\n\n        if (selectedOption) {\n            this.inputPresenter.setValue(selectedOption.label);\n            this.params?.onValueChange?.(selectedOption.value);\n        } else {\n            this.params?.onValueChange?.(\"\");\n        }\n    };\n\n    public resetSelectedOption = () => {\n        this.optionsListPresenter.resetSelectedOption();\n        this.inputPresenter.resetValue();\n\n        this.params?.onValueChange?.(\"\");\n        this.params?.onValueReset?.();\n    };\n\n    public showSelectedOption = () => {\n        const selected = this.getSelectedOption();\n        this.inputPresenter.setValue(selected?.label ?? \"\");\n    };\n\n    private getListOptions(options: AutoCompleteOption[] = [], value?: string): CommandOption[] {\n        return options.map(option => {\n            const commandOption =\n                typeof option === \"string\"\n                    ? CommandOption.createFromString(option)\n                    : CommandOption.create(option);\n\n            commandOption.selected = commandOption.value === value;\n            return commandOption;\n        });\n    }\n\n    private getSelectedOption() {\n        return this.vm.optionsListVm.options.find(option => option.selected);\n    }\n}\n\nexport { AutoCompletePresenter, type AutoCompletePresenterParams };\n"],"mappings":"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","ignoreList":[]}

package/AutoComplete/primitives/presenters/AutoCompletePresenter.test.js

@@ -1,11 +1,12 @@
-import { AutoCompletePresenter } from "./AutoCompletePresenter";
-import { AutoCompleteInputPresenter } from "./AutoCompleteInputPresenter";
-import { AutoCompleteListOptionsPresenter } from "./AutoCompleteListOptionsPresenter";
+import { AutoCompletePresenter } from "./AutoCompletePresenter.js";
+import { AutoCompleteInputPresenter } from "./AutoCompleteInputPresenter.js";
+import { AutoCompleteListOptionsPresenter } from "./AutoCompleteListOptionsPresenter.js";
+import { describe, expect, it, vi } from "vitest";
 describe("AutoCompletePresenter", () => {
   const inputPresenter = new AutoCompleteInputPresenter();
   const optionsListPresenter = new AutoCompleteListOptionsPresenter();
   const presenter = new AutoCompletePresenter(inputPresenter, optionsListPresenter);
-  const onValueChange = jest.fn();
+  const onValueChange = vi.fn();
   it("should return the compatible `vm.inputVm` based on params", () => {
     // `placeholder`
     {
@@ -243,7 +244,7 @@ describe("AutoCompletePresenter", () => {
     expect(presenter.vm.inputVm.value).toEqual("Option 1");
   });
   it("should reset the internal `options` state call `onValueChange` and `onValueReset` callbacks when `resetValue` is called", () => {
-    const onValueReset = jest.fn();
+    const onValueReset = vi.fn();
     presenter.init({
       onValueChange,
       onValueReset,
@@ -308,7 +309,7 @@ describe("AutoCompletePresenter", () => {
     expect(onValueReset).toHaveBeenCalled();
   });
   it("should change `optionsListVm` and call `onOpenChange` when `setListOpenState` is called", () => {
-    const onOpenChange = jest.fn();
+    const onOpenChange = vi.fn();
 
     // let's open it
     presenter.init({