@webiny/admin-ui 0.0.0-unstable.e53eceafb5

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

@@ -0,0 +1,363 @@
+import { AutoCompletePresenter } from "./AutoCompletePresenter";
+import { AutoCompleteInputPresenter } from "./AutoCompleteInputPresenter";
+import { AutoCompleteListOptionsPresenter } from "./AutoCompleteListOptionsPresenter";
+describe("AutoCompletePresenter", () => {
+  const inputPresenter = new AutoCompleteInputPresenter();
+  const optionsListPresenter = new AutoCompleteListOptionsPresenter();
+  const presenter = new AutoCompletePresenter(inputPresenter, optionsListPresenter);
+  const onValueChange = jest.fn();
+  it("should return the compatible `vm.inputVm` based on params", () => {
+    // `placeholder`
+    {
+      presenter.init({
+        onValueChange
+      });
+      presenter.initInput({
+        placeholder: "Custom placeholder"
+      });
+      expect(presenter.vm.inputVm.placeholder).toEqual("Custom placeholder");
+    }
+    {
+      // default: no params
+      presenter.init({
+        onValueChange
+      });
+      presenter.initInput({});
+      expect(presenter.vm.inputVm.placeholder).toEqual("Start typing or select");
+      expect(presenter.vm.inputVm.displayResetAction).toEqual(false);
+    }
+  });
+  it("should return the compatible `vm.optionsListVm` based on params", () => {
+    // with `options` as string
+    {
+      presenter.init({
+        onValueChange,
+        options: ["Option 1", "Option 2"]
+      });
+      expect(presenter.vm.optionsListVm.options).toEqual([{
+        value: "Option 1",
+        label: "Option 1",
+        disabled: false,
+        selected: false,
+        separator: false,
+        item: null
+      }, {
+        value: "Option 2",
+        label: "Option 2",
+        disabled: false,
+        selected: false,
+        separator: false,
+        item: null
+      }]);
+      expect(presenter.vm.optionsListVm.empty).toEqual(false);
+    }
+
+    // with `options` as formatted options
+    {
+      presenter.init({
+        onValueChange,
+        options: [{
+          value: "option-1",
+          label: "Option 1"
+        }, {
+          value: "option-2",
+          label: "Option 2"
+        }, {
+          value: "option-3",
+          label: "Option 3",
+          disabled: true
+        }, {
+          value: "option-4",
+          label: "Option 4",
+          separator: true
+        }, {
+          value: "option-5",
+          label: "Option 5",
+          item: {
+            anyKey1: "custom-value",
+            anyKey2: 2
+          }
+        }]
+      });
+      expect(presenter.vm.optionsListVm.options).toEqual([{
+        value: "option-1",
+        label: "Option 1",
+        disabled: false,
+        selected: false,
+        separator: false,
+        item: null
+      }, {
+        value: "option-2",
+        label: "Option 2",
+        disabled: false,
+        selected: false,
+        // `selected` is overwritten by the presenter
+        separator: false,
+        item: null
+      }, {
+        value: "option-3",
+        label: "Option 3",
+        disabled: true,
+        selected: false,
+        separator: false,
+        item: null
+      }, {
+        value: "option-4",
+        label: "Option 4",
+        disabled: false,
+        selected: false,
+        separator: true,
+        item: null
+      }, {
+        value: "option-5",
+        label: "Option 5",
+        disabled: false,
+        selected: false,
+        separator: false,
+        item: {
+          anyKey1: "custom-value",
+          anyKey2: 2
+        }
+      }]);
+      expect(presenter.vm.optionsListVm.empty).toEqual(false);
+    }
+
+    // with `options` and `value`
+    {
+      presenter.init({
+        onValueChange,
+        options: ["Option 1", "Option 2"],
+        value: "Option 1"
+      });
+      expect(presenter.vm.optionsListVm.options).toEqual([{
+        value: "Option 1",
+        label: "Option 1",
+        disabled: false,
+        selected: true,
+        separator: false,
+        item: null
+      }, {
+        value: "Option 2",
+        label: "Option 2",
+        disabled: false,
+        selected: false,
+        separator: false,
+        item: null
+      }]);
+      expect(presenter.vm.optionsListVm.empty).toEqual(false);
+    }
+    {
+      // default: no params
+      presenter.init({
+        onValueChange
+      });
+      expect(presenter.vm.optionsListVm.options).toEqual([]);
+      expect(presenter.vm.optionsListVm.emptyMessage).toEqual("Start typing to find an option.");
+      expect(presenter.vm.optionsListVm.loadingMessage).toEqual("Loading...");
+      expect(presenter.vm.optionsListVm.open).toEqual(false);
+      expect(presenter.vm.optionsListVm.empty).toEqual(true);
+    }
+  });
+  it("should change the `options` state and call `onValueChange` callback when `setSelectedOption` is called", () => {
+    presenter.init({
+      onValueChange,
+      options: [{
+        label: "Option 1",
+        value: "option-1"
+      }, {
+        label: "Option 2",
+        value: "option-2"
+      }]
+    });
+    expect(presenter.vm.optionsListVm.options).toEqual([{
+      label: "Option 1",
+      value: "option-1",
+      disabled: false,
+      selected: false,
+      separator: false,
+      item: null
+    }, {
+      label: "Option 2",
+      value: "option-2",
+      disabled: false,
+      selected: false,
+      separator: false,
+      item: null
+    }]);
+    presenter.setSelectedOption("option-2");
+    expect(onValueChange).toHaveBeenCalledWith("option-2");
+    expect(presenter.vm.optionsListVm.options).toEqual([{
+      label: "Option 1",
+      value: "option-1",
+      disabled: false,
+      selected: false,
+      separator: false,
+      item: null
+    }, {
+      label: "Option 2",
+      value: "option-2",
+      disabled: false,
+      selected: true,
+      separator: false,
+      item: null
+    }]);
+  });
+  it("should set the internal `inputValue` when `setInputValue` is called", () => {
+    presenter.init({
+      onValueChange
+    });
+    presenter.searchOption("value");
+    expect(presenter.vm.inputVm.value).toEqual("value");
+    expect(presenter.vm.inputVm.displayResetAction).toEqual(true);
+  });
+  it("should set the option as `selected` when the presenter is initialized with a value", () => {
+    presenter.init({
+      onValueChange,
+      value: "option-1",
+      options: [{
+        label: "Option 1",
+        value: "option-1"
+      }, {
+        label: "Option 2",
+        value: "option-2"
+      }]
+    });
+    presenter.initInput({
+      value: "option-1"
+    });
+    expect(presenter.vm.optionsListVm.options).toEqual([{
+      label: "Option 1",
+      value: "option-1",
+      disabled: false,
+      selected: true,
+      separator: false,
+      item: null
+    }, {
+      label: "Option 2",
+      value: "option-2",
+      disabled: false,
+      selected: false,
+      separator: false,
+      item: null
+    }]);
+    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();
+    presenter.init({
+      onValueChange,
+      onValueReset,
+      options: [{
+        label: "Option 1",
+        value: "option-1"
+      }, {
+        label: "Option 2",
+        value: "option-2"
+      }]
+    });
+    expect(presenter.vm.optionsListVm.options).toEqual([{
+      label: "Option 1",
+      value: "option-1",
+      disabled: false,
+      selected: false,
+      separator: false,
+      item: null
+    }, {
+      label: "Option 2",
+      value: "option-2",
+      disabled: false,
+      selected: false,
+      separator: false,
+      item: null
+    }]);
+    presenter.setSelectedOption("option-1");
+    expect(presenter.vm.optionsListVm.options).toEqual([{
+      label: "Option 1",
+      value: "option-1",
+      disabled: false,
+      selected: true,
+      separator: false,
+      item: null
+    }, {
+      label: "Option 2",
+      value: "option-2",
+      disabled: false,
+      selected: false,
+      separator: false,
+      item: null
+    }]);
+    expect(presenter.vm.inputVm.value).toEqual("Option 1");
+    presenter.resetSelectedOption();
+    expect(presenter.vm.optionsListVm.options).toEqual([{
+      label: "Option 1",
+      value: "option-1",
+      disabled: false,
+      selected: false,
+      separator: false,
+      item: null
+    }, {
+      label: "Option 2",
+      value: "option-2",
+      disabled: false,
+      selected: false,
+      separator: false,
+      item: null
+    }]);
+    expect(presenter.vm.inputVm.value).toEqual("");
+    expect(onValueChange).toHaveBeenCalledWith("");
+    expect(onValueReset).toHaveBeenCalled();
+  });
+  it("should change `optionsListVm` and call `onOpenChange` when `setListOpenState` is called", () => {
+    const onOpenChange = jest.fn();
+
+    // let's open it
+    presenter.init({
+      onValueChange,
+      onOpenChange
+    });
+    presenter.setListOpenState(true);
+    expect(presenter.vm.optionsListVm.open).toBe(true);
+    expect(onOpenChange).toHaveBeenCalledWith(true);
+
+    // let's close it
+    presenter.setListOpenState(false);
+    expect(presenter.vm.optionsListVm.open).toBe(false);
+    expect(onOpenChange).toHaveBeenCalledWith(false);
+  });
+  it("should not display the reset action if `displayResetAction` is set to `false` and option is selected", () => {
+    presenter.init({
+      onValueChange,
+      options: [{
+        label: "Option 1",
+        value: "option-1"
+      }, {
+        label: "Option 2",
+        value: "option-2"
+      }]
+    });
+    presenter.initInput({
+      displayResetAction: false
+    });
+    presenter.setSelectedOption("option-2");
+    expect(onValueChange).toHaveBeenCalledWith("option-2");
+    // `displayResetAction` is set to `false` and option is selected
+    expect(presenter.vm.inputVm.displayResetAction).toEqual(false);
+    expect(presenter.vm.optionsListVm.options).toEqual([{
+      label: "Option 1",
+      value: "option-1",
+      disabled: false,
+      selected: false,
+      separator: false,
+      item: null
+    }, {
+      label: "Option 2",
+      value: "option-2",
+      disabled: false,
+      selected: true,
+      separator: false,
+      item: null
+    }]);
+  });
+});
+
+//# sourceMappingURL=AutoCompletePresenter.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["AutoCompletePresenter","AutoCompleteInputPresenter","AutoCompleteListOptionsPresenter","describe","inputPresenter","optionsListPresenter","presenter","onValueChange","jest","fn","it","init","initInput","placeholder","expect","vm","inputVm","toEqual","displayResetAction","options","optionsListVm","value","label","disabled","selected","separator","item","empty","anyKey1","anyKey2","emptyMessage","loadingMessage","open","setSelectedOption","toHaveBeenCalledWith","searchOption","onValueReset","resetSelectedOption","toHaveBeenCalled","onOpenChange","setListOpenState","toBe"],"sources":["AutoCompletePresenter.test.ts"],"sourcesContent":["import { AutoCompletePresenter } from \"./AutoCompletePresenter\";\nimport { AutoCompleteInputPresenter } from \"./AutoCompleteInputPresenter\";\nimport { AutoCompleteListOptionsPresenter } from \"./AutoCompleteListOptionsPresenter\";\n\ndescribe(\"AutoCompletePresenter\", () => {\n    const inputPresenter = new AutoCompleteInputPresenter();\n    const optionsListPresenter = new AutoCompleteListOptionsPresenter();\n    const presenter = new AutoCompletePresenter(inputPresenter, optionsListPresenter);\n    const onValueChange = jest.fn();\n\n    it(\"should return the compatible `vm.inputVm` based on params\", () => {\n        // `placeholder`\n        {\n            presenter.init({ onValueChange });\n            presenter.initInput({ placeholder: \"Custom placeholder\" });\n            expect(presenter.vm.inputVm.placeholder).toEqual(\"Custom placeholder\");\n        }\n\n        {\n            // default: no params\n            presenter.init({ onValueChange });\n            presenter.initInput({});\n            expect(presenter.vm.inputVm.placeholder).toEqual(\"Start typing or select\");\n            expect(presenter.vm.inputVm.displayResetAction).toEqual(false);\n        }\n    });\n\n    it(\"should return the compatible `vm.optionsListVm` based on params\", () => {\n        // with `options` as string\n        {\n            presenter.init({ onValueChange, options: [\"Option 1\", \"Option 2\"] });\n            expect(presenter.vm.optionsListVm.options).toEqual([\n                {\n                    value: \"Option 1\",\n                    label: \"Option 1\",\n                    disabled: false,\n                    selected: false,\n                    separator: false,\n                    item: null\n                },\n                {\n                    value: \"Option 2\",\n                    label: \"Option 2\",\n                    disabled: false,\n                    selected: false,\n                    separator: false,\n                    item: null\n                }\n            ]);\n            expect(presenter.vm.optionsListVm.empty).toEqual(false);\n        }\n\n        // with `options` as formatted options\n        {\n            presenter.init({\n                onValueChange,\n                options: [\n                    {\n                        value: \"option-1\",\n                        label: \"Option 1\"\n                    },\n                    {\n                        value: \"option-2\",\n                        label: \"Option 2\"\n                    },\n                    {\n                        value: \"option-3\",\n                        label: \"Option 3\",\n                        disabled: true\n                    },\n                    {\n                        value: \"option-4\",\n                        label: \"Option 4\",\n                        separator: true\n                    },\n                    {\n                        value: \"option-5\",\n                        label: \"Option 5\",\n                        item: {\n                            anyKey1: \"custom-value\",\n                            anyKey2: 2\n                        }\n                    }\n                ]\n            });\n\n            expect(presenter.vm.optionsListVm.options).toEqual([\n                {\n                    value: \"option-1\",\n                    label: \"Option 1\",\n                    disabled: false,\n                    selected: false,\n                    separator: false,\n                    item: null\n                },\n                {\n                    value: \"option-2\",\n                    label: \"Option 2\",\n                    disabled: false,\n                    selected: false, // `selected` is overwritten by the presenter\n                    separator: false,\n                    item: null\n                },\n                {\n                    value: \"option-3\",\n                    label: \"Option 3\",\n                    disabled: true,\n                    selected: false,\n                    separator: false,\n                    item: null\n                },\n                {\n                    value: \"option-4\",\n                    label: \"Option 4\",\n                    disabled: false,\n                    selected: false,\n                    separator: true,\n                    item: null\n                },\n                {\n                    value: \"option-5\",\n                    label: \"Option 5\",\n                    disabled: false,\n                    selected: false,\n                    separator: false,\n                    item: {\n                        anyKey1: \"custom-value\",\n                        anyKey2: 2\n                    }\n                }\n            ]);\n            expect(presenter.vm.optionsListVm.empty).toEqual(false);\n        }\n\n        // with `options` and `value`\n        {\n            presenter.init({ onValueChange, options: [\"Option 1\", \"Option 2\"], value: \"Option 1\" });\n            expect(presenter.vm.optionsListVm.options).toEqual([\n                {\n                    value: \"Option 1\",\n                    label: \"Option 1\",\n                    disabled: false,\n                    selected: true,\n                    separator: false,\n                    item: null\n                },\n                {\n                    value: \"Option 2\",\n                    label: \"Option 2\",\n                    disabled: false,\n                    selected: false,\n                    separator: false,\n                    item: null\n                }\n            ]);\n            expect(presenter.vm.optionsListVm.empty).toEqual(false);\n        }\n\n        {\n            // default: no params\n            presenter.init({ onValueChange });\n            expect(presenter.vm.optionsListVm.options).toEqual([]);\n            expect(presenter.vm.optionsListVm.emptyMessage).toEqual(\n                \"Start typing to find an option.\"\n            );\n            expect(presenter.vm.optionsListVm.loadingMessage).toEqual(\"Loading...\");\n            expect(presenter.vm.optionsListVm.open).toEqual(false);\n            expect(presenter.vm.optionsListVm.empty).toEqual(true);\n        }\n    });\n\n    it(\"should change the `options` state and call `onValueChange` callback when `setSelectedOption` is called\", () => {\n        presenter.init({\n            onValueChange,\n            options: [\n                {\n                    label: \"Option 1\",\n                    value: \"option-1\"\n                },\n                {\n                    label: \"Option 2\",\n                    value: \"option-2\"\n                }\n            ]\n        });\n\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        presenter.setSelectedOption(\"option-2\");\n        expect(onValueChange).toHaveBeenCalledWith(\"option-2\");\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n    });\n\n    it(\"should set the internal `inputValue` when `setInputValue` is called\", () => {\n        presenter.init({\n            onValueChange\n        });\n\n        presenter.searchOption(\"value\");\n        expect(presenter.vm.inputVm.value).toEqual(\"value\");\n        expect(presenter.vm.inputVm.displayResetAction).toEqual(true);\n    });\n\n    it(\"should set the option as `selected` when the presenter is initialized with a value\", () => {\n        presenter.init({\n            onValueChange,\n            value: \"option-1\",\n            options: [\n                {\n                    label: \"Option 1\",\n                    value: \"option-1\"\n                },\n                {\n                    label: \"Option 2\",\n                    value: \"option-2\"\n                }\n            ]\n        });\n\n        presenter.initInput({\n            value: \"option-1\"\n        });\n\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.inputVm.value).toEqual(\"Option 1\");\n    });\n\n    it(\"should reset the internal `options` state call `onValueChange` and `onValueReset` callbacks when `resetValue` is called\", () => {\n        const onValueReset = jest.fn();\n        presenter.init({\n            onValueChange,\n            onValueReset,\n            options: [\n                {\n                    label: \"Option 1\",\n                    value: \"option-1\"\n                },\n                {\n                    label: \"Option 2\",\n                    value: \"option-2\"\n                }\n            ]\n        });\n\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n\n        presenter.setSelectedOption(\"option-1\");\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.inputVm.value).toEqual(\"Option 1\");\n\n        presenter.resetSelectedOption();\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            }\n        ]);\n        expect(presenter.vm.inputVm.value).toEqual(\"\");\n\n        expect(onValueChange).toHaveBeenCalledWith(\"\");\n        expect(onValueReset).toHaveBeenCalled();\n    });\n\n    it(\"should change `optionsListVm` and call `onOpenChange` when `setListOpenState` is called\", () => {\n        const onOpenChange = jest.fn();\n\n        // let's open it\n        presenter.init({ onValueChange, onOpenChange });\n        presenter.setListOpenState(true);\n        expect(presenter.vm.optionsListVm.open).toBe(true);\n        expect(onOpenChange).toHaveBeenCalledWith(true);\n\n        // let's close it\n        presenter.setListOpenState(false);\n        expect(presenter.vm.optionsListVm.open).toBe(false);\n        expect(onOpenChange).toHaveBeenCalledWith(false);\n    });\n\n    it(\"should not display the reset action if `displayResetAction` is set to `false` and option is selected\", () => {\n        presenter.init({\n            onValueChange,\n            options: [\n                {\n                    label: \"Option 1\",\n                    value: \"option-1\"\n                },\n                {\n                    label: \"Option 2\",\n                    value: \"option-2\"\n                }\n            ]\n        });\n\n        presenter.initInput({ displayResetAction: false });\n\n        presenter.setSelectedOption(\"option-2\");\n        expect(onValueChange).toHaveBeenCalledWith(\"option-2\");\n        // `displayResetAction` is set to `false` and option is selected\n        expect(presenter.vm.inputVm.displayResetAction).toEqual(false);\n        expect(presenter.vm.optionsListVm.options).toEqual([\n            {\n                label: \"Option 1\",\n                value: \"option-1\",\n                disabled: false,\n                selected: false,\n                separator: false,\n                item: null\n            },\n            {\n                label: \"Option 2\",\n                value: \"option-2\",\n                disabled: false,\n                selected: true,\n                separator: false,\n                item: null\n            }\n        ]);\n    });\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+export * from "./AutoCompletePresenter";
+export * from "./AutoCompleteInputPresenter";
+export * from "./AutoCompleteListOptionsPresenter";

package/AutoComplete/primitives/presenters/index.js

@@ -0,0 +1,5 @@
+export * from "./AutoCompletePresenter";
+export * from "./AutoCompleteInputPresenter";
+export * from "./AutoCompleteListOptionsPresenter";
+
+//# sourceMappingURL=index.js.map

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

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

package/AutoComplete/primitives/useAutoComplete.d.ts

@@ -0,0 +1,22 @@
+import type { AutoCompletePrimitiveProps } from "./AutoCompletePrimitive";
+export declare const useAutoComplete: (props: AutoCompletePrimitiveProps) => {
+    vm: {
+        inputVm: {
+            placeholder: string;
+            value: string;
+            displayResetAction: boolean;
+        };
+        optionsListVm: {
+            options: import("../../Command").CommandOptionFormatted[];
+            emptyMessage: any;
+            loadingMessage: any;
+            open: boolean;
+            empty: boolean;
+        };
+    };
+    setSelectedOption: (value: string) => void;
+    searchOption: (value: string) => void;
+    resetSelectedOption: () => void;
+    setListOpenState: (open: boolean) => void;
+    showSelectedOption: () => void;
+};

package/AutoComplete/primitives/useAutoComplete.js

@@ -0,0 +1,50 @@
+import { useEffect, useMemo, useState } from "react";
+import { autorun } from "mobx";
+import { AutoCompletePresenter, AutoCompleteInputPresenter, AutoCompleteListOptionsPresenter } from "./presenters";
+export const useAutoComplete = props => {
+  const params = useMemo(() => ({
+    options: props.options,
+    value: props.value,
+    emptyMessage: props.emptyMessage,
+    loadingMessage: props.loadingMessage,
+    initialMessage: props.initialMessage,
+    onOpenChange: props.onOpenChange,
+    onValueChange: props.onValueChange,
+    onValueReset: props.onValueReset,
+    onValueSearch: props.onValueSearch
+  }), [props.options, props.value, props.emptyMessage, props.loadingMessage, props.initialMessage, props.onOpenChange, props.onValueChange, props.onValueReset, props.onValueSearch]);
+  const inputParams = useMemo(() => ({
+    value: props.value,
+    placeholder: props.placeholder,
+    displayResetAction: props.displayResetAction
+  }), [props.value, props.placeholder, props.displayResetAction]);
+  const presenter = useMemo(() => {
+    const inputPresenter = new AutoCompleteInputPresenter();
+    const optionsListPresenter = new AutoCompleteListOptionsPresenter();
+    const presenter = new AutoCompletePresenter(inputPresenter, optionsListPresenter);
+    presenter.init(params);
+    return presenter;
+  }, []);
+  const [vm, setVm] = useState(presenter.vm);
+  useEffect(() => {
+    presenter.init(params);
+  }, [params]);
+  useEffect(() => {
+    presenter.initInput(inputParams);
+  }, [inputParams]);
+  useEffect(() => {
+    return autorun(() => {
+      setVm(presenter.vm);
+    });
+  }, [presenter]);
+  return {
+    vm,
+    setSelectedOption: presenter.setSelectedOption,
+    searchOption: presenter.searchOption,
+    resetSelectedOption: presenter.resetSelectedOption,
+    setListOpenState: presenter.setListOpenState,
+    showSelectedOption: presenter.showSelectedOption
+  };
+};
+
+//# sourceMappingURL=useAutoComplete.js.map

package/AutoComplete/primitives/useAutoComplete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useState","autorun","AutoCompletePresenter","AutoCompleteInputPresenter","AutoCompleteListOptionsPresenter","useAutoComplete","props","params","options","value","emptyMessage","loadingMessage","initialMessage","onOpenChange","onValueChange","onValueReset","onValueSearch","inputParams","placeholder","displayResetAction","presenter","inputPresenter","optionsListPresenter","init","vm","setVm","initInput","setSelectedOption","searchOption","resetSelectedOption","setListOpenState","showSelectedOption"],"sources":["useAutoComplete.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { AutoCompletePrimitiveProps } from \"./AutoCompletePrimitive\";\nimport type { AutoCompletePresenterParams, AutoCompleteInputPresenterParams } from \"./presenters\";\nimport {\n    AutoCompletePresenter,\n    AutoCompleteInputPresenter,\n    AutoCompleteListOptionsPresenter\n} from \"./presenters\";\n\nexport const useAutoComplete = (props: AutoCompletePrimitiveProps) => {\n    const params: AutoCompletePresenterParams = useMemo(\n        () => ({\n            options: props.options,\n            value: props.value,\n            emptyMessage: props.emptyMessage,\n            loadingMessage: props.loadingMessage,\n            initialMessage: props.initialMessage,\n            onOpenChange: props.onOpenChange,\n            onValueChange: props.onValueChange,\n            onValueReset: props.onValueReset,\n            onValueSearch: props.onValueSearch\n        }),\n        [\n            props.options,\n            props.value,\n            props.emptyMessage,\n            props.loadingMessage,\n            props.initialMessage,\n            props.onOpenChange,\n            props.onValueChange,\n            props.onValueReset,\n            props.onValueSearch\n        ]\n    );\n\n    const inputParams: AutoCompleteInputPresenterParams = useMemo(\n        () => ({\n            value: props.value,\n            placeholder: props.placeholder,\n            displayResetAction: props.displayResetAction\n        }),\n        [props.value, props.placeholder, props.displayResetAction]\n    );\n\n    const presenter = useMemo(() => {\n        const inputPresenter = new AutoCompleteInputPresenter();\n        const optionsListPresenter = new AutoCompleteListOptionsPresenter();\n        const presenter = new AutoCompletePresenter(inputPresenter, optionsListPresenter);\n        presenter.init(params);\n        return presenter;\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        presenter.initInput(inputParams);\n    }, [inputParams]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        setSelectedOption: presenter.setSelectedOption,\n        searchOption: presenter.searchOption,\n        resetSelectedOption: presenter.resetSelectedOption,\n        setListOpenState: presenter.setListOpenState,\n        showSelectedOption: presenter.showSelectedOption\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAG9B,SACIC,qBAAqB,EACrBC,0BAA0B,EAC1BC,gCAAgC;AAGpC,OAAO,MAAMC,eAAe,GAAIC,KAAiC,IAAK;EAClE,MAAMC,MAAmC,GAAGR,OAAO,CAC/C,OAAO;IACHS,OAAO,EAAEF,KAAK,CAACE,OAAO;IACtBC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,YAAY,EAAEJ,KAAK,CAACI,YAAY;IAChCC,cAAc,EAAEL,KAAK,CAACK,cAAc;IACpCC,cAAc,EAAEN,KAAK,CAACM,cAAc;IACpCC,YAAY,EAAEP,KAAK,CAACO,YAAY;IAChCC,aAAa,EAAER,KAAK,CAACQ,aAAa;IAClCC,YAAY,EAAET,KAAK,CAACS,YAAY;IAChCC,aAAa,EAAEV,KAAK,CAACU;EACzB,CAAC,CAAC,EACF,CACIV,KAAK,CAACE,OAAO,EACbF,KAAK,CAACG,KAAK,EACXH,KAAK,CAACI,YAAY,EAClBJ,KAAK,CAACK,cAAc,EACpBL,KAAK,CAACM,cAAc,EACpBN,KAAK,CAACO,YAAY,EAClBP,KAAK,CAACQ,aAAa,EACnBR,KAAK,CAACS,YAAY,EAClBT,KAAK,CAACU,aAAa,CAE3B,CAAC;EAED,MAAMC,WAA6C,GAAGlB,OAAO,CACzD,OAAO;IACHU,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBS,WAAW,EAAEZ,KAAK,CAACY,WAAW;IAC9BC,kBAAkB,EAAEb,KAAK,CAACa;EAC9B,CAAC,CAAC,EACF,CAACb,KAAK,CAACG,KAAK,EAAEH,KAAK,CAACY,WAAW,EAAEZ,KAAK,CAACa,kBAAkB,CAC7D,CAAC;EAED,MAAMC,SAAS,GAAGrB,OAAO,CAAC,MAAM;IAC5B,MAAMsB,cAAc,GAAG,IAAIlB,0BAA0B,CAAC,CAAC;IACvD,MAAMmB,oBAAoB,GAAG,IAAIlB,gCAAgC,CAAC,CAAC;IACnE,MAAMgB,SAAS,GAAG,IAAIlB,qBAAqB,CAACmB,cAAc,EAAEC,oBAAoB,CAAC;IACjFF,SAAS,CAACG,IAAI,CAAChB,MAAM,CAAC;IACtB,OAAOa,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACI,EAAE,EAAEC,KAAK,CAAC,GAAGzB,QAAQ,CAACoB,SAAS,CAACI,EAAE,CAAC;EAE1C1B,SAAS,CAAC,MAAM;IACZsB,SAAS,CAACG,IAAI,CAAChB,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZT,SAAS,CAAC,MAAM;IACZsB,SAAS,CAACM,SAAS,CAACT,WAAW,CAAC;EACpC,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjBnB,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBwB,KAAK,CAACL,SAAS,CAACI,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACJ,SAAS,CAAC,CAAC;EAEf,OAAO;IACHI,EAAE;IACFG,iBAAiB,EAAEP,SAAS,CAACO,iBAAiB;IAC9CC,YAAY,EAAER,SAAS,CAACQ,YAAY;IACpCC,mBAAmB,EAAET,SAAS,CAACS,mBAAmB;IAClDC,gBAAgB,EAAEV,SAAS,CAACU,gBAAgB;IAC5CC,kBAAkB,EAAEX,SAAS,CAACW;EAClC,CAAC;AACL,CAAC","ignoreList":[]}

package/Avatar/Avatar.d.ts

@@ -0,0 +1,71 @@
+import * as React from "react";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+import { type VariantProps } from "../utils";
+import { type AvatarFallbackProps, type AvatarImageProps } from "./components";
+interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
+    image?: React.ReactElement<AvatarImageProps>;
+    fallback?: React.ReactElement<AvatarFallbackProps>;
+}
+declare const avatarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "strong" | "light" | "subtle" | "quiet" | "outlined" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare const Avatar: (({ image, fallback, className, size, variant, ...props }: AvatarProps) => React.JSX.Element) & {
+    original: ({ image, fallback, className, size, variant, ...props }: AvatarProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ image, fallback, className, size, variant, ...props }: AvatarProps) => React.JSX.Element) & {
+        original: ({ image, fallback, className, size, variant, ...props }: AvatarProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ image, fallback, className, size, variant, ...props }: AvatarProps) => React.JSX.Element) & {
+        original: ({ image, fallback, className, size, variant, ...props }: AvatarProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Fallback: (({ className, ...props }: AvatarPrimitive.AvatarFallbackProps) => React.JSX.Element) & {
+        original: ({ className, ...props }: AvatarPrimitive.AvatarFallbackProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ className, ...props }: AvatarPrimitive.AvatarFallbackProps) => React.JSX.Element) & {
+            original: ({ className, ...props }: AvatarPrimitive.AvatarFallbackProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, ...props }: AvatarPrimitive.AvatarFallbackProps) => React.JSX.Element) & {
+            original: ({ className, ...props }: AvatarPrimitive.AvatarFallbackProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Image: (({ className, ...props }: AvatarPrimitive.AvatarImageProps) => React.JSX.Element) & {
+        original: ({ className, ...props }: AvatarPrimitive.AvatarImageProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ className, ...props }: AvatarPrimitive.AvatarImageProps) => React.JSX.Element) & {
+            original: ({ className, ...props }: AvatarPrimitive.AvatarImageProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, ...props }: AvatarPrimitive.AvatarImageProps) => React.JSX.Element) & {
+            original: ({ className, ...props }: AvatarPrimitive.AvatarImageProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};
+export { Avatar, type AvatarProps, type AvatarImageProps, type AvatarFallbackProps };

package/Avatar/Avatar.js

@@ -0,0 +1,47 @@
+import * as React from "react";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+import { withStaticProps, cn, makeDecoratable, cva } from "../utils";
+import { AvatarFallback, AvatarImage } from "./components";
+const avatarVariants = cva("wby-relative wby-flex wby-shrink-0 wby-overflow-hidden", {
+  variants: {
+    size: {
+      sm: "wby-text-h6 wby-rounded-sm wby-size-[24px] [&_svg]:wby-size-[16px]",
+      md: "wby-text-h6 wby-rounded-md wby-size-[32px] [&_svg]:wby-size-[24px]",
+      lg: "wby-text-h6 wby-rounded-md wby-size-[40px] [&_svg]:wby-size-[24px]",
+      xl: "wby-text-h4 wby-rounded-lg wby-size-[48px] [&_svg]:wby-size-[24px]"
+    },
+    variant: {
+      strong: "wby-bg-primary wby-text-neutral-light [&_svg]:wby-fill-neutral-base",
+      subtle: "wby-bg-neutral-light wby-text-neutral-primary [&_svg]:wby-fill-neutral-xstrong",
+      light: "wby-bg-neutral-dimmed wby-text-neutral-primary [&_svg]:wby-fill-neutral-xstrong",
+      quiet: "wby-bg-transparent wby-text-neutral-primary [&_svg]:wby-fill-neutral-xstrong",
+      outlined: "wby-bg-neutral-base !wby-border-neutral-muted wby-border-sm wby-text-accent-primary [&_svg]:wby-fill-neutral-xstrong"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "strong"
+  }
+});
+const AvatarBase = ({
+  image,
+  fallback,
+  className,
+  size,
+  variant,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(AvatarPrimitive.Root, Object.assign({
+    className: cn(avatarVariants({
+      variant,
+      size
+    }), className)
+  }, props), image, fallback);
+};
+const Avatar = withStaticProps(makeDecoratable("Avatar", AvatarBase), {
+  Fallback: AvatarFallback,
+  Image: AvatarImage
+});
+export { Avatar };
+
+//# sourceMappingURL=Avatar.js.map

package/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Avatar","AvatarPrimitive","withStaticProps","cn","makeDecoratable","cva","AvatarFallback","AvatarImage","avatarVariants","variants","size","sm","md","lg","xl","variant","strong","subtle","light","quiet","outlined","defaultVariants","AvatarBase","image","fallback","className","props","createElement","Root","Object","assign","Fallback","Image"],"sources":["Avatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { withStaticProps, cn, makeDecoratable, cva, type VariantProps } from \"~/utils\";\nimport {\n    AvatarFallback,\n    AvatarImage,\n    type AvatarFallbackProps,\n    type AvatarImageProps\n} from \"./components\";\n\ninterface AvatarProps\n    extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n        VariantProps<typeof avatarVariants> {\n    image?: React.ReactElement<AvatarImageProps>;\n    fallback?: React.ReactElement<AvatarFallbackProps>;\n}\n\nconst avatarVariants = cva(\"wby-relative wby-flex wby-shrink-0 wby-overflow-hidden\", {\n    variants: {\n        size: {\n            sm: \"wby-text-h6 wby-rounded-sm wby-size-[24px] [&_svg]:wby-size-[16px]\",\n            md: \"wby-text-h6 wby-rounded-md wby-size-[32px] [&_svg]:wby-size-[24px]\",\n            lg: \"wby-text-h6 wby-rounded-md wby-size-[40px] [&_svg]:wby-size-[24px]\",\n            xl: \"wby-text-h4 wby-rounded-lg wby-size-[48px] [&_svg]:wby-size-[24px]\"\n        },\n        variant: {\n            strong: \"wby-bg-primary wby-text-neutral-light [&_svg]:wby-fill-neutral-base\",\n            subtle: \"wby-bg-neutral-light wby-text-neutral-primary [&_svg]:wby-fill-neutral-xstrong\",\n            light: \"wby-bg-neutral-dimmed wby-text-neutral-primary [&_svg]:wby-fill-neutral-xstrong\",\n            quiet: \"wby-bg-transparent wby-text-neutral-primary [&_svg]:wby-fill-neutral-xstrong\",\n            outlined:\n                \"wby-bg-neutral-base !wby-border-neutral-muted wby-border-sm wby-text-accent-primary [&_svg]:wby-fill-neutral-xstrong\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\",\n        variant: \"strong\"\n    }\n});\n\nconst AvatarBase = ({ image, fallback, className, size, variant, ...props }: AvatarProps) => {\n    return (\n        <AvatarPrimitive.Root\n            className={cn(avatarVariants({ variant, size }), className)}\n            {...props}\n        >\n            {image}\n            {fallback}\n        </AvatarPrimitive.Root>\n    );\n};\n\nconst Avatar = withStaticProps(makeDecoratable(\"Avatar\", AvatarBase), {\n    Fallback: AvatarFallback,\n    Image: AvatarImage\n});\n\nexport { Avatar, type AvatarProps, type AvatarImageProps, type AvatarFallbackProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,eAAe,QAAQ,UAAU;AACpD,SAASC,eAAe,EAAEC,EAAE,EAAEC,eAAe,EAAEC,GAAG;AAClD,SACIC,cAAc,EACdC,WAAW;AAYf,MAAMC,cAAc,GAAGH,GAAG,CAAC,wDAAwD,EAAE;EACjFI,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,oEAAoE;MACxEC,EAAE,EAAE,oEAAoE;MACxEC,EAAE,EAAE,oEAAoE;MACxEC,EAAE,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACLC,MAAM,EAAE,qEAAqE;MAC7EC,MAAM,EAAE,gFAAgF;MACxFC,KAAK,EAAE,iFAAiF;MACxFC,KAAK,EAAE,8EAA8E;MACrFC,QAAQ,EACJ;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbX,IAAI,EAAE,IAAI;IACVK,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,MAAMO,UAAU,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAEf,IAAI;EAAEK,OAAO;EAAE,GAAGW;AAAmB,CAAC,KAAK;EACzF,oBACI3B,KAAA,CAAA4B,aAAA,CAAC1B,eAAe,CAAC2B,IAAI,EAAAC,MAAA,CAAAC,MAAA;IACjBL,SAAS,EAAEtB,EAAE,CAACK,cAAc,CAAC;MAAEO,OAAO;MAAEL;IAAK,CAAC,CAAC,EAAEe,SAAS;EAAE,GACxDC,KAAK,GAERH,KAAK,EACLC,QACiB,CAAC;AAE/B,CAAC;AAED,MAAMxB,MAAM,GAAGE,eAAe,CAACE,eAAe,CAAC,QAAQ,EAAEkB,UAAU,CAAC,EAAE;EAClES,QAAQ,EAAEzB,cAAc;EACxB0B,KAAK,EAAEzB;AACX,CAAC,CAAC;AAEF,SAASP,MAAM","ignoreList":[]}