@webiny/admin-ui 6.3.0 → 6.4.0-beta.0

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

@@ -1 +1 @@
-{"version":3,"names":["AutoCompletePresenter","AutoCompleteInputPresenter","AutoCompleteListOptionsPresenter","describe","expect","it","vi","inputPresenter","optionsListPresenter","presenter","onValueChange","fn","init","initInput","placeholder","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.js\";\nimport { AutoCompleteInputPresenter } from \"./AutoCompleteInputPresenter.js\";\nimport { AutoCompleteListOptionsPresenter } from \"./AutoCompleteListOptionsPresenter.js\";\nimport { describe, expect, it, vi } from \"vitest\";\n\ndescribe(\"AutoCompletePresenter\", () => {\n    const inputPresenter = new AutoCompleteInputPresenter();\n    const optionsListPresenter = new AutoCompleteListOptionsPresenter();\n    const presenter = new AutoCompletePresenter(inputPresenter, optionsListPresenter);\n    const onValueChange = vi.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 = vi.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 = vi.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":[]}
+{"version":3,"file":"AutoComplete/primitives/presenters/AutoCompletePresenter.test.js","sources":["../../../../src/AutoComplete/primitives/presenters/AutoCompletePresenter.test.ts"],"sourcesContent":["import { AutoCompletePresenter } from \"./AutoCompletePresenter.js\";\nimport { AutoCompleteInputPresenter } from \"./AutoCompleteInputPresenter.js\";\nimport { AutoCompleteListOptionsPresenter } from \"./AutoCompleteListOptionsPresenter.js\";\nimport { describe, expect, it, vi } from \"vitest\";\n\ndescribe(\"AutoCompletePresenter\", () => {\n    const inputPresenter = new AutoCompleteInputPresenter();\n    const optionsListPresenter = new AutoCompleteListOptionsPresenter();\n    const presenter = new AutoCompletePresenter(inputPresenter, optionsListPresenter);\n    const onValueChange = vi.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 = vi.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 = vi.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"],"names":["describe","inputPresenter","AutoCompleteInputPresenter","optionsListPresenter","AutoCompleteListOptionsPresenter","presenter","AutoCompletePresenter","onValueChange","vi","it","expect","onValueReset","onOpenChange"],"mappings":"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"}

package/AutoComplete/primitives/presenters/index.js

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

package/AutoComplete/primitives/useAutoComplete.js

@@ -1,50 +1,69 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
-import { AutoCompletePresenter, AutoCompleteInputPresenter, AutoCompleteListOptionsPresenter } from "./presenters/index.js";
-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
-  };
+import { AutoCompleteInputPresenter, AutoCompleteListOptionsPresenter, AutoCompletePresenter } from "./presenters/index.js";
+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(()=>autorun(()=>{
+            setVm(presenter.vm);
+        }), [
+        presenter
+    ]);
+    return {
+        vm,
+        setSelectedOption: presenter.setSelectedOption,
+        searchOption: presenter.searchOption,
+        resetSelectedOption: presenter.resetSelectedOption,
+        setListOpenState: presenter.setListOpenState,
+        showSelectedOption: presenter.showSelectedOption
+    };
 };
+export { useAutoComplete };
 
 //# sourceMappingURL=useAutoComplete.js.map

package/AutoComplete/primitives/useAutoComplete.js.map

@@ -1 +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.js\";\nimport type {\n    AutoCompletePresenterParams,\n    AutoCompleteInputPresenterParams\n} from \"./presenters/index.js\";\nimport {\n    AutoCompletePresenter,\n    AutoCompleteInputPresenter,\n    AutoCompleteListOptionsPresenter\n} from \"./presenters/index.js\";\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;AAM9B,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":[]}
+{"version":3,"file":"AutoComplete/primitives/useAutoComplete.js","sources":["../../../src/AutoComplete/primitives/useAutoComplete.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { AutoCompletePrimitiveProps } from \"./AutoCompletePrimitive.js\";\nimport type {\n    AutoCompletePresenterParams,\n    AutoCompleteInputPresenterParams\n} from \"./presenters/index.js\";\nimport {\n    AutoCompletePresenter,\n    AutoCompleteInputPresenter,\n    AutoCompleteListOptionsPresenter\n} from \"./presenters/index.js\";\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"],"names":["useAutoComplete","props","params","useMemo","inputParams","presenter","inputPresenter","AutoCompleteInputPresenter","optionsListPresenter","AutoCompleteListOptionsPresenter","AutoCompletePresenter","vm","setVm","useState","useEffect","autorun"],"mappings":";;;AAaO,MAAMA,kBAAkB,CAACC;IAC5B,MAAMC,SAAsCC,QACxC,IAAO;YACH,SAASF,MAAM,OAAO;YACtB,OAAOA,MAAM,KAAK;YAClB,cAAcA,MAAM,YAAY;YAChC,gBAAgBA,MAAM,cAAc;YACpC,gBAAgBA,MAAM,cAAc;YACpC,cAAcA,MAAM,YAAY;YAChC,eAAeA,MAAM,aAAa;YAClC,cAAcA,MAAM,YAAY;YAChC,eAAeA,MAAM,aAAa;QACtC,IACA;QACIA,MAAM,OAAO;QACbA,MAAM,KAAK;QACXA,MAAM,YAAY;QAClBA,MAAM,cAAc;QACpBA,MAAM,cAAc;QACpBA,MAAM,YAAY;QAClBA,MAAM,aAAa;QACnBA,MAAM,YAAY;QAClBA,MAAM,aAAa;KACtB;IAGL,MAAMG,cAAgDD,QAClD,IAAO;YACH,OAAOF,MAAM,KAAK;YAClB,aAAaA,MAAM,WAAW;YAC9B,oBAAoBA,MAAM,kBAAkB;QAChD,IACA;QAACA,MAAM,KAAK;QAAEA,MAAM,WAAW;QAAEA,MAAM,kBAAkB;KAAC;IAG9D,MAAMI,YAAYF,QAAQ;QACtB,MAAMG,iBAAiB,IAAIC;QAC3B,MAAMC,uBAAuB,IAAIC;QACjC,MAAMJ,YAAY,IAAIK,sBAAsBJ,gBAAgBE;QAC5DH,UAAU,IAAI,CAACH;QACf,OAAOG;IACX,GAAG,EAAE;IAEL,MAAM,CAACM,IAAIC,MAAM,GAAGC,SAASR,UAAU,EAAE;IAEzCS,UAAU;QACNT,UAAU,IAAI,CAACH;IACnB,GAAG;QAACA;KAAO;IAEXY,UAAU;QACNT,UAAU,SAAS,CAACD;IACxB,GAAG;QAACA;KAAY;IAEhBU,UAAU,IACCC,QAAQ;YACXH,MAAMP,UAAU,EAAE;QACtB,IACD;QAACA;KAAU;IAEd,OAAO;QACHM;QACA,mBAAmBN,UAAU,iBAAiB;QAC9C,cAAcA,UAAU,YAAY;QACpC,qBAAqBA,UAAU,mBAAmB;QAClD,kBAAkBA,UAAU,gBAAgB;QAC5C,oBAAoBA,UAAU,kBAAkB;IACpD;AACJ"}

package/Avatar/Avatar.js

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

package/Avatar/Avatar.js.map

@@ -1 +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.js\";\nimport {\n    AvatarFallback,\n    AvatarImage,\n    type AvatarFallbackProps,\n    type AvatarImageProps\n} from \"./components/index.js\";\n\ninterface AvatarProps\n    extends\n        React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n        VariantProps<typeof avatarVariants> {\n    image?: React.ReactElement<AvatarImageProps>;\n    fallback?: React.ReactElement<AvatarFallbackProps>;\n}\n\nconst avatarVariants = cva(\"relative flex shrink-0 overflow-hidden\", {\n    variants: {\n        size: {\n            sm: \"text-h6 rounded-sm size-lg [&_svg]:size-md\",\n            md: \"text-h6 rounded-md size-xl [&_svg]:size-lg\",\n            lg: \"text-h6 rounded-md size-[40px] [&_svg]:size-lg\",\n            xl: \"text-h4 rounded-lg size-xxl [&_svg]:size-lg\"\n        },\n        variant: {\n            strong: \"bg-primary text-neutral-light [&_svg]:fill-neutral-base\",\n            subtle: \"bg-neutral-light text-neutral-primary [&_svg]:fill-neutral-xstrong\",\n            light: \"bg-neutral-dimmed text-neutral-primary [&_svg]:fill-neutral-xstrong\",\n            quiet: \"bg-transparent text-neutral-primary [&_svg]:fill-neutral-xstrong\",\n            outlined:\n                \"bg-neutral-base border-neutral-muted! border-sm text-accent-primary [&_svg]: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;AAaf,MAAMC,cAAc,GAAGH,GAAG,CAAC,wCAAwC,EAAE;EACjEI,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,4CAA4C;MAChDC,EAAE,EAAE,4CAA4C;MAChDC,EAAE,EAAE,gDAAgD;MACpDC,EAAE,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACLC,MAAM,EAAE,yDAAyD;MACjEC,MAAM,EAAE,oEAAoE;MAC5EC,KAAK,EAAE,qEAAqE;MAC5EC,KAAK,EAAE,kEAAkE;MACzEC,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":[]}
+{"version":3,"file":"Avatar/Avatar.js","sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { withStaticProps, cn, makeDecoratable, cva, type VariantProps } from \"~/utils.js\";\nimport {\n    AvatarFallback,\n    AvatarImage,\n    type AvatarFallbackProps,\n    type AvatarImageProps\n} from \"./components/index.js\";\n\ninterface AvatarProps\n    extends\n        React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n        VariantProps<typeof avatarVariants> {\n    image?: React.ReactElement<AvatarImageProps>;\n    fallback?: React.ReactElement<AvatarFallbackProps>;\n}\n\nconst avatarVariants = cva(\"relative flex shrink-0 overflow-hidden\", {\n    variants: {\n        size: {\n            sm: \"text-h6 rounded-sm size-lg [&_svg]:size-md\",\n            md: \"text-h6 rounded-md size-xl [&_svg]:size-lg\",\n            lg: \"text-h6 rounded-md size-[40px] [&_svg]:size-lg\",\n            xl: \"text-h4 rounded-lg size-xxl [&_svg]:size-lg\"\n        },\n        variant: {\n            strong: \"bg-primary text-neutral-light [&_svg]:fill-neutral-base\",\n            subtle: \"bg-neutral-light text-neutral-primary [&_svg]:fill-neutral-xstrong\",\n            light: \"bg-neutral-dimmed text-neutral-primary [&_svg]:fill-neutral-xstrong\",\n            quiet: \"bg-transparent text-neutral-primary [&_svg]:fill-neutral-xstrong\",\n            outlined:\n                \"bg-neutral-base border-neutral-muted! border-sm text-accent-primary [&_svg]: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"],"names":["avatarVariants","cva","AvatarBase","image","fallback","className","size","variant","props","AvatarPrimitive","cn","Avatar","withStaticProps","makeDecoratable","AvatarFallback","AvatarImage"],"mappings":";;;;AAkBA,MAAMA,iBAAiBC,IAAI,0CAA0C;IACjE,UAAU;QACN,MAAM;YACF,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;QACA,SAAS;YACL,QAAQ;YACR,QAAQ;YACR,OAAO;YACP,OAAO;YACP,UACI;QACR;IACJ;IACA,iBAAiB;QACb,MAAM;QACN,SAAS;IACb;AACJ;AAEA,MAAMC,aAAa,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,OAAoB,GAC7E,WAAP,GACI,sCAACC,OAAAA,IAAoB;QACjB,WAAWC,GAAGV,eAAe;YAAEO;YAASD;QAAK,IAAID;QAChD,GAAGG,KAAK;OAERL,OACAC;AAKb,MAAMO,gBAASC,gBAAgBC,gBAAgB,UAAUX,aAAa;IAClE,UAAUY;IACV,OAAOC;AACX"}

package/Avatar/Avatar.stories.js

@@ -1,118 +1,141 @@
-import * as React from "react";
-import { ReactComponent as StormIcon } from "@webiny/icons/storm.svg";
+import { ReactComponent } from "@webiny/icons/storm.svg";
 import { Avatar } from "./Avatar.js";
+import * as __rspack_external_react from "react";
 const meta = {
-  title: "Components/Avatar",
-  component: Avatar,
-  argTypes: {
-    size: {
-      control: "select",
-      options: ["sm", "md", "lg", "xl"],
-      defaultValue: "md"
-    },
-    variant: {
-      control: "select",
-      options: ["strong", "subtle", "light", "quiet", "outlined"],
-      defaultValue: "strong"
+    title: "Components/Avatar",
+    component: Avatar,
+    argTypes: {
+        size: {
+            control: "select",
+            options: [
+                "sm",
+                "md",
+                "lg",
+                "xl"
+            ],
+            defaultValue: "md"
+        },
+        variant: {
+            control: "select",
+            options: [
+                "strong",
+                "subtle",
+                "light",
+                "quiet",
+                "outlined"
+            ],
+            defaultValue: "strong"
+        }
     }
-  }
 };
-export default meta;
-export const Default = {
-  args: {
-    image: /*#__PURE__*/React.createElement(Avatar.Image, {
-      src: "https://i.pravatar.cc/300",
-      alt: "@webiny"
-    }),
-    fallback: /*#__PURE__*/React.createElement(Avatar.Fallback, {
-      delayMs: 0
-    }, "W")
-  }
+const Avatar_stories = meta;
+const Default = {
+    args: {
+        image: /*#__PURE__*/ __rspack_external_react.createElement(Avatar.Image, {
+            src: "https://i.pravatar.cc/300",
+            alt: "@webiny"
+        }),
+        fallback: /*#__PURE__*/ __rspack_external_react.createElement(Avatar.Fallback, {
+            delayMs: 0
+        }, "W")
+    }
 };
-export const SizeSm = {
-  name: "Small",
-  args: {
-    ...Default.args,
-    size: "sm"
-  }
+const SizeSm = {
+    name: "Small",
+    args: {
+        ...Default.args,
+        size: "sm"
+    }
 };
-export const SizeMd = {
-  name: "Medium",
-  args: {
-    ...Default.args,
-    size: "md"
-  }
+const SizeMd = {
+    name: "Medium",
+    args: {
+        ...Default.args,
+        size: "md"
+    }
 };
-export const SizeLg = {
-  name: "Large",
-  args: {
-    ...Default.args,
-    size: "lg"
-  }
+const SizeLg = {
+    name: "Large",
+    args: {
+        ...Default.args,
+        size: "lg"
+    }
 };
-export const SizeXl = {
-  name: "Extra Large",
-  args: {
-    ...Default.args,
-    size: "xl"
-  }
+const SizeXl = {
+    name: "Extra Large",
+    args: {
+        ...Default.args,
+        size: "xl"
+    }
 };
-export const Text = {
-  name: "Fallback Text",
-  args: {
-    fallback: /*#__PURE__*/React.createElement(Avatar.Fallback, null, "SH")
-  }
+const Text = {
+    name: "Fallback Text",
+    args: {
+        fallback: /*#__PURE__*/ __rspack_external_react.createElement(Avatar.Fallback, null, "SH")
+    }
 };
-export const Icon = {
-  name: "Icon",
-  args: {
-    fallback: /*#__PURE__*/React.createElement(Avatar.Fallback, null, /*#__PURE__*/React.createElement(StormIcon, null))
-  }
+const Icon = {
+    name: "Icon",
+    args: {
+        fallback: /*#__PURE__*/ __rspack_external_react.createElement(Avatar.Fallback, null, /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, null))
+    }
 };
-export const Documentation = {
-  render: args => {
-    return /*#__PURE__*/React.createElement(Avatar, Object.assign({}, args, {
-      image: args.image || /*#__PURE__*/React.createElement(Avatar.Image, {
-        src: "https://i.pravatar.cc/300",
-        alt: "@webiny"
-      }),
-      fallback: args.fallback || /*#__PURE__*/React.createElement(Avatar.Fallback, {
-        delayMs: 0
-      }, "W")
-    }));
-  },
-  args: {
-    size: "md",
-    variant: "strong",
-    image: undefined,
-    fallback: undefined,
-    className: "commas, separated, class, name"
-  },
-  argTypes: {
-    size: {
-      description: "Controls the size of the avatar",
-      control: "select",
-      options: ["sm", "md", "lg", "xl"],
-      defaultValue: "md"
-    },
-    variant: {
-      description: "Controls the visual style of the avatar",
-      control: "select",
-      options: ["strong", "subtle", "light", "quiet", "outlined"],
-      defaultValue: "strong"
-    },
-    image: {
-      description: "The image element to display. Please refer to the example code for details on usage."
-    },
-    fallback: {
-      description: "The fallback element to display when the image fails to load. Please refer to the example code for details on usage."
+const Documentation = {
+    render: (args)=>/*#__PURE__*/ __rspack_external_react.createElement(Avatar, {
+            ...args,
+            image: args.image || /*#__PURE__*/ __rspack_external_react.createElement(Avatar.Image, {
+                src: "https://i.pravatar.cc/300",
+                alt: "@webiny"
+            }),
+            fallback: args.fallback || /*#__PURE__*/ __rspack_external_react.createElement(Avatar.Fallback, {
+                delayMs: 0
+            }, "W")
+        }),
+    args: {
+        size: "md",
+        variant: "strong",
+        image: void 0,
+        fallback: void 0,
+        className: "commas, separated, class, name"
     },
-    className: {
-      description: "Additional CSS class names. You can pass multiple class names, separated by commas.",
-      placeholder: "Enter class names, separated by commas.",
-      control: "text"
+    argTypes: {
+        size: {
+            description: "Controls the size of the avatar",
+            control: "select",
+            options: [
+                "sm",
+                "md",
+                "lg",
+                "xl"
+            ],
+            defaultValue: "md"
+        },
+        variant: {
+            description: "Controls the visual style of the avatar",
+            control: "select",
+            options: [
+                "strong",
+                "subtle",
+                "light",
+                "quiet",
+                "outlined"
+            ],
+            defaultValue: "strong"
+        },
+        image: {
+            description: "The image element to display. Please refer to the example code for details on usage."
+        },
+        fallback: {
+            description: "The fallback element to display when the image fails to load. Please refer to the example code for details on usage."
+        },
+        className: {
+            description: "Additional CSS class names. You can pass multiple class names, separated by commas.",
+            placeholder: "Enter class names, separated by commas.",
+            control: "text"
+        }
     }
-  }
 };
+export default Avatar_stories;
+export { Default, Documentation, Icon, SizeLg, SizeMd, SizeSm, SizeXl, Text };
 
 //# sourceMappingURL=Avatar.stories.js.map