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

package/Select/primitives/components/index.js

@@ -6,5 +6,3 @@ export * from "./SelectScrollDownButton.js";
 export * from "./SelectScrollUpButton.js";
 export * from "./SelectSeparator.js";
 export * from "./SelectTrigger.js";
-
-//# sourceMappingURL=index.js.map

package/Select/primitives/index.js

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

package/Select/primitives/presenters/SelectPresenter.js

@@ -1,49 +1,45 @@
 import { makeAutoObservable } from "mobx";
 import { SelectOption, SelectOptionMapper } from "../../domains/index.js";
 class SelectPresenter {
-  displayResetAction = true;
-  constructor() {
-    this.params = undefined;
-    makeAutoObservable(this);
-  }
-  init(params) {
-    this.params = params;
-    this.options = this.transformOptions(params.options);
-    this.displayResetAction = params?.displayResetAction ?? true;
-  }
-  get vm() {
-    return {
-      selectRoot: {
-        value: this.params?.value || ""
-      },
-      selectTrigger: {
-        placeholder: this.params?.placeholder || "Select an option",
-        hasValue: !!this.params?.value,
-        displayResetAction: this.displayResetAction
-      },
-      selectOptions: {
-        options: this.options?.map(option => SelectOptionMapper.toFormatted(option)) ?? []
-      }
-    };
-  }
-  changeValue = value => {
-    this.params?.onValueChange?.(value || "");
-  };
-  resetValue = () => {
-    this.params?.onValueChange?.("");
-    this.params?.onValueReset?.();
-  };
-  transformOptions(options) {
-    if (!options) {
-      return [];
+    constructor(){
+        this.displayResetAction = true;
+        this.changeValue = (value)=>{
+            this.params?.onValueChange?.(value || "");
+        };
+        this.resetValue = ()=>{
+            this.params?.onValueChange?.("");
+            this.params?.onValueReset?.();
+        };
+        this.params = void 0;
+        makeAutoObservable(this);
+    }
+    init(params) {
+        this.params = params;
+        this.options = this.transformOptions(params.options);
+        this.displayResetAction = params?.displayResetAction ?? true;
+    }
+    get vm() {
+        return {
+            selectRoot: {
+                value: this.params?.value || ""
+            },
+            selectTrigger: {
+                placeholder: this.params?.placeholder || "Select an option",
+                hasValue: !!this.params?.value,
+                displayResetAction: this.displayResetAction
+            },
+            selectOptions: {
+                options: this.options?.map((option)=>SelectOptionMapper.toFormatted(option)) ?? []
+            }
+        };
+    }
+    transformOptions(options) {
+        if (!options) return [];
+        return options.map((option)=>{
+            if ("string" == typeof option) return SelectOption.createFromString(option);
+            return SelectOption.create(option);
+        });
     }
-    return options.map(option => {
-      if (typeof option === "string") {
-        return SelectOption.createFromString(option);
-      }
-      return SelectOption.create(option);
-    });
-  }
 }
 export { SelectPresenter };
 

package/Select/primitives/presenters/SelectPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","SelectOption","SelectOptionMapper","SelectPresenter","displayResetAction","constructor","params","undefined","init","options","transformOptions","vm","selectRoot","value","selectTrigger","placeholder","hasValue","selectOptions","map","option","toFormatted","changeValue","onValueChange","resetValue","onValueReset","createFromString","create"],"sources":["SelectPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type {\n    SelectOptionsVm,\n    SelectTriggerVm,\n    SelectOption as SelectOptionParams\n} from \"../SelectPrimitive.js\";\nimport { type SelectRootVm } from \"../SelectPrimitive.js\";\nimport { SelectOption, SelectOptionMapper } from \"../../domains/index.js\";\n\ninterface SelectPresenterParams {\n    options?: SelectOptionParams[];\n    value?: string;\n    placeholder?: string;\n    displayResetAction?: boolean;\n    onValueChange?: (value: string) => void;\n    onValueReset?: () => void;\n}\n\ninterface ISelectPresenter<TParams extends SelectPresenterParams = SelectPresenterParams> {\n    vm: {\n        selectRoot: SelectRootVm;\n        selectTrigger: SelectTriggerVm;\n        selectOptions: SelectOptionsVm;\n    };\n    init: (params: TParams) => void;\n    changeValue: (value: string) => void;\n    resetValue: () => void;\n}\n\nclass SelectPresenter implements ISelectPresenter {\n    private params?: SelectPresenterParams;\n    private options?: SelectOption[];\n    private displayResetAction = true;\n\n    constructor() {\n        this.params = undefined;\n        makeAutoObservable(this);\n    }\n\n    init(params: SelectPresenterParams) {\n        this.params = params;\n        this.options = this.transformOptions(params.options);\n        this.displayResetAction = params?.displayResetAction ?? true;\n    }\n\n    get vm() {\n        return {\n            selectRoot: {\n                value: this.params?.value || \"\"\n            },\n            selectTrigger: {\n                placeholder: this.params?.placeholder || \"Select an option\",\n                hasValue: !!this.params?.value,\n                displayResetAction: this.displayResetAction\n            },\n            selectOptions: {\n                options: this.options?.map(option => SelectOptionMapper.toFormatted(option)) ?? []\n            }\n        };\n    }\n\n    public changeValue = (value?: string) => {\n        this.params?.onValueChange?.(value || \"\");\n    };\n\n    public resetValue = () => {\n        this.params?.onValueChange?.(\"\");\n        this.params?.onValueReset?.();\n    };\n\n    private transformOptions(options: SelectPresenterParams[\"options\"]): SelectOption[] {\n        if (!options) {\n            return [];\n        }\n\n        return options.map(option => {\n            if (typeof option === \"string\") {\n                return SelectOption.createFromString(option);\n            }\n            return SelectOption.create(option);\n        });\n    }\n}\n\nexport { SelectPresenter, type ISelectPresenter, type SelectPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAOzC,SAASC,YAAY,EAAEC,kBAAkB;AAsBzC,MAAMC,eAAe,CAA6B;EAGtCC,kBAAkB,GAAG,IAAI;EAEjCC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,MAAM,GAAGC,SAAS;IACvBP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAQ,IAAIA,CAACF,MAA6B,EAAE;IAChC,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACG,OAAO,GAAG,IAAI,CAACC,gBAAgB,CAACJ,MAAM,CAACG,OAAO,CAAC;IACpD,IAAI,CAACL,kBAAkB,GAAGE,MAAM,EAAEF,kBAAkB,IAAI,IAAI;EAChE;EAEA,IAAIO,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,UAAU,EAAE;QACRC,KAAK,EAAE,IAAI,CAACP,MAAM,EAAEO,KAAK,IAAI;MACjC,CAAC;MACDC,aAAa,EAAE;QACXC,WAAW,EAAE,IAAI,CAACT,MAAM,EAAES,WAAW,IAAI,kBAAkB;QAC3DC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAACV,MAAM,EAAEO,KAAK;QAC9BT,kBAAkB,EAAE,IAAI,CAACA;MAC7B,CAAC;MACDa,aAAa,EAAE;QACXR,OAAO,EAAE,IAAI,CAACA,OAAO,EAAES,GAAG,CAACC,MAAM,IAAIjB,kBAAkB,CAACkB,WAAW,CAACD,MAAM,CAAC,CAAC,IAAI;MACpF;IACJ,CAAC;EACL;EAEOE,WAAW,GAAIR,KAAc,IAAK;IACrC,IAAI,CAACP,MAAM,EAAEgB,aAAa,GAAGT,KAAK,IAAI,EAAE,CAAC;EAC7C,CAAC;EAEMU,UAAU,GAAGA,CAAA,KAAM;IACtB,IAAI,CAACjB,MAAM,EAAEgB,aAAa,GAAG,EAAE,CAAC;IAChC,IAAI,CAAChB,MAAM,EAAEkB,YAAY,GAAG,CAAC;EACjC,CAAC;EAEOd,gBAAgBA,CAACD,OAAyC,EAAkB;IAChF,IAAI,CAACA,OAAO,EAAE;MACV,OAAO,EAAE;IACb;IAEA,OAAOA,OAAO,CAACS,GAAG,CAACC,MAAM,IAAI;MACzB,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;QAC5B,OAAOlB,YAAY,CAACwB,gBAAgB,CAACN,MAAM,CAAC;MAChD;MACA,OAAOlB,YAAY,CAACyB,MAAM,CAACP,MAAM,CAAC;IACtC,CAAC,CAAC;EACN;AACJ;AAEA,SAAShB,eAAe","ignoreList":[]}
+{"version":3,"file":"Select/primitives/presenters/SelectPresenter.js","sources":["../../../../src/Select/primitives/presenters/SelectPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type {\n    SelectOptionsVm,\n    SelectTriggerVm,\n    SelectOption as SelectOptionParams\n} from \"../SelectPrimitive.js\";\nimport { type SelectRootVm } from \"../SelectPrimitive.js\";\nimport { SelectOption, SelectOptionMapper } from \"../../domains/index.js\";\n\ninterface SelectPresenterParams {\n    options?: SelectOptionParams[];\n    value?: string;\n    placeholder?: string;\n    displayResetAction?: boolean;\n    onValueChange?: (value: string) => void;\n    onValueReset?: () => void;\n}\n\ninterface ISelectPresenter<TParams extends SelectPresenterParams = SelectPresenterParams> {\n    vm: {\n        selectRoot: SelectRootVm;\n        selectTrigger: SelectTriggerVm;\n        selectOptions: SelectOptionsVm;\n    };\n    init: (params: TParams) => void;\n    changeValue: (value: string) => void;\n    resetValue: () => void;\n}\n\nclass SelectPresenter implements ISelectPresenter {\n    private params?: SelectPresenterParams;\n    private options?: SelectOption[];\n    private displayResetAction = true;\n\n    constructor() {\n        this.params = undefined;\n        makeAutoObservable(this);\n    }\n\n    init(params: SelectPresenterParams) {\n        this.params = params;\n        this.options = this.transformOptions(params.options);\n        this.displayResetAction = params?.displayResetAction ?? true;\n    }\n\n    get vm() {\n        return {\n            selectRoot: {\n                value: this.params?.value || \"\"\n            },\n            selectTrigger: {\n                placeholder: this.params?.placeholder || \"Select an option\",\n                hasValue: !!this.params?.value,\n                displayResetAction: this.displayResetAction\n            },\n            selectOptions: {\n                options: this.options?.map(option => SelectOptionMapper.toFormatted(option)) ?? []\n            }\n        };\n    }\n\n    public changeValue = (value?: string) => {\n        this.params?.onValueChange?.(value || \"\");\n    };\n\n    public resetValue = () => {\n        this.params?.onValueChange?.(\"\");\n        this.params?.onValueReset?.();\n    };\n\n    private transformOptions(options: SelectPresenterParams[\"options\"]): SelectOption[] {\n        if (!options) {\n            return [];\n        }\n\n        return options.map(option => {\n            if (typeof option === \"string\") {\n                return SelectOption.createFromString(option);\n            }\n            return SelectOption.create(option);\n        });\n    }\n}\n\nexport { SelectPresenter, type ISelectPresenter, type SelectPresenterParams };\n"],"names":["SelectPresenter","value","undefined","makeAutoObservable","params","option","SelectOptionMapper","options","SelectOption"],"mappings":";;AA6BA,MAAMA;IAKF,aAAc;aAFN,kBAAkB,GAAG;aA6BtB,WAAW,GAAG,CAACC;YAClB,IAAI,CAAC,MAAM,EAAE,gBAAgBA,SAAS;QAC1C;aAEO,UAAU,GAAG;YAChB,IAAI,CAAC,MAAM,EAAE,gBAAgB;YAC7B,IAAI,CAAC,MAAM,EAAE;QACjB;QAjCI,IAAI,CAAC,MAAM,GAAGC;QACdC,mBAAmB,IAAI;IAC3B;IAEA,KAAKC,MAA6B,EAAE;QAChC,IAAI,CAAC,MAAM,GAAGA;QACd,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAACA,OAAO,OAAO;QACnD,IAAI,CAAC,kBAAkB,GAAGA,QAAQ,sBAAsB;IAC5D;IAEA,IAAI,KAAK;QACL,OAAO;YACH,YAAY;gBACR,OAAO,IAAI,CAAC,MAAM,EAAE,SAAS;YACjC;YACA,eAAe;gBACX,aAAa,IAAI,CAAC,MAAM,EAAE,eAAe;gBACzC,UAAU,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE;gBACzB,oBAAoB,IAAI,CAAC,kBAAkB;YAC/C;YACA,eAAe;gBACX,SAAS,IAAI,CAAC,OAAO,EAAE,IAAIC,CAAAA,SAAUC,mBAAmB,WAAW,CAACD,YAAY,EAAE;YACtF;QACJ;IACJ;IAWQ,iBAAiBE,OAAyC,EAAkB;QAChF,IAAI,CAACA,SACD,OAAO,EAAE;QAGb,OAAOA,QAAQ,GAAG,CAACF,CAAAA;YACf,IAAI,AAAkB,YAAlB,OAAOA,QACP,OAAOG,aAAa,gBAAgB,CAACH;YAEzC,OAAOG,aAAa,MAAM,CAACH;QAC/B;IACJ;AACJ"}

package/Select/primitives/presenters/SelectPresenter.test.js

@@ -1,172 +1,185 @@
-import { it, describe, expect, vi } from "vitest";
+import { describe, expect, it, vi } from "vitest";
 import { SelectPresenter } from "./SelectPresenter.js";
-describe("SelectPresenter", () => {
-  const onValueChange = vi.fn();
-  it("should return the compatible `vm.selectRoot` based on props", () => {
+describe("SelectPresenter", ()=>{
     const onValueChange = vi.fn();
-
-    // `value`
-    {
-      const presenter = new SelectPresenter();
-      presenter.init({
-        onValueChange,
-        value: "Custom value"
-      });
-      expect(presenter.vm.selectRoot.value).toEqual("Custom value");
-    }
-    {
-      // default: no props
-      const presenter = new SelectPresenter();
-      presenter.init({
-        onValueChange
-      });
-      expect(presenter.vm.selectRoot.value).toEqual("");
-    }
-  });
-  it("should return the compatible `vm.selectTrigger` based on props", () => {
-    const onValueChange = vi.fn();
-
-    // `placeholder`
-    {
-      const presenter = new SelectPresenter();
-      presenter.init({
-        onValueChange,
-        placeholder: "Custom placeholder"
-      });
-      expect(presenter.vm.selectTrigger.placeholder).toEqual("Custom placeholder");
-    }
-
-    // `displayResetAction`
-    {
-      const presenter = new SelectPresenter();
-      presenter.init({
-        onValueChange,
-        displayResetAction: false
-      });
-      expect(presenter.vm.selectTrigger.displayResetAction).toEqual(false);
-    }
-    {
-      // default: no props
-      const presenter = new SelectPresenter();
-      presenter.init({
-        onValueChange
-      });
-      expect(presenter.vm.selectTrigger.placeholder).toEqual("Select an option");
-      expect(presenter.vm.selectTrigger.hasValue).toEqual(false);
-    }
-  });
-  it("should return the compatible `vm.selectOptions` based on props", () => {
-    // with `options` as string
-    {
-      const presenter = new SelectPresenter();
-      presenter.init({
-        onValueChange,
-        options: ["Option 1", "Option 2"]
-      });
-      expect(presenter.vm.selectOptions.options).toEqual([{
-        value: "Option 1",
-        label: "Option 1",
-        options: [],
-        disabled: false,
-        separator: false
-      }, {
-        value: "Option 2",
-        label: "Option 2",
-        options: [],
-        disabled: false,
-        separator: false
-      }]);
-    }
-
-    // with `options` as formatted options
-    {
-      const presenter = new SelectPresenter();
-      presenter.init({
-        onValueChange,
-        options: [{
-          value: "option-1",
-          label: "Option 1"
-        }, {
-          value: "option-2",
-          label: "Option 2",
-          options: [{
-            value: "option-3",
-            label: "Option 3",
-            options: [{
-              value: "option-4",
-              label: "Option 4"
-            }]
-          }]
-        }, {
-          value: "option-5",
-          label: "Option 5",
-          disabled: true
-        }, {
-          value: "option-6",
-          label: "Option 6",
-          separator: true
-        }]
-      });
-      expect(presenter.vm.selectOptions.options).toEqual([{
-        value: "option-1",
-        label: "Option 1",
-        options: [],
-        disabled: false,
-        separator: false
-      }, {
-        value: "option-2",
-        label: "Option 2",
-        options: [{
-          value: "option-3",
-          label: "Option 3",
-          options: [{
-            value: "option-4",
-            label: "Option 4",
-            options: [],
-            disabled: false,
-            separator: false
-          }],
-          disabled: false,
-          separator: false
-        }],
-        disabled: false,
-        separator: false
-      }, {
-        value: "option-5",
-        label: "Option 5",
-        options: [],
-        disabled: true,
-        separator: false
-      }, {
-        value: "option-6",
-        label: "Option 6",
-        options: [],
-        disabled: false,
-        separator: true
-      }]);
-    }
-  });
-  it("should call `onValueChange` callback when `changeValue` is called", () => {
-    const presenter = new SelectPresenter();
-    presenter.init({
-      onValueChange,
-      value: "value"
+    it("should return the compatible `vm.selectRoot` based on props", ()=>{
+        const onValueChange = vi.fn();
+        {
+            const presenter = new SelectPresenter();
+            presenter.init({
+                onValueChange,
+                value: "Custom value"
+            });
+            expect(presenter.vm.selectRoot.value).toEqual("Custom value");
+        }
+        {
+            const presenter = new SelectPresenter();
+            presenter.init({
+                onValueChange
+            });
+            expect(presenter.vm.selectRoot.value).toEqual("");
+        }
+    });
+    it("should return the compatible `vm.selectTrigger` based on props", ()=>{
+        const onValueChange = vi.fn();
+        {
+            const presenter = new SelectPresenter();
+            presenter.init({
+                onValueChange,
+                placeholder: "Custom placeholder"
+            });
+            expect(presenter.vm.selectTrigger.placeholder).toEqual("Custom placeholder");
+        }
+        {
+            const presenter = new SelectPresenter();
+            presenter.init({
+                onValueChange,
+                displayResetAction: false
+            });
+            expect(presenter.vm.selectTrigger.displayResetAction).toEqual(false);
+        }
+        {
+            const presenter = new SelectPresenter();
+            presenter.init({
+                onValueChange
+            });
+            expect(presenter.vm.selectTrigger.placeholder).toEqual("Select an option");
+            expect(presenter.vm.selectTrigger.hasValue).toEqual(false);
+        }
+    });
+    it("should return the compatible `vm.selectOptions` based on props", ()=>{
+        {
+            const presenter = new SelectPresenter();
+            presenter.init({
+                onValueChange,
+                options: [
+                    "Option 1",
+                    "Option 2"
+                ]
+            });
+            expect(presenter.vm.selectOptions.options).toEqual([
+                {
+                    value: "Option 1",
+                    label: "Option 1",
+                    options: [],
+                    disabled: false,
+                    separator: false
+                },
+                {
+                    value: "Option 2",
+                    label: "Option 2",
+                    options: [],
+                    disabled: false,
+                    separator: false
+                }
+            ]);
+        }
+        {
+            const presenter = new SelectPresenter();
+            presenter.init({
+                onValueChange,
+                options: [
+                    {
+                        value: "option-1",
+                        label: "Option 1"
+                    },
+                    {
+                        value: "option-2",
+                        label: "Option 2",
+                        options: [
+                            {
+                                value: "option-3",
+                                label: "Option 3",
+                                options: [
+                                    {
+                                        value: "option-4",
+                                        label: "Option 4"
+                                    }
+                                ]
+                            }
+                        ]
+                    },
+                    {
+                        value: "option-5",
+                        label: "Option 5",
+                        disabled: true
+                    },
+                    {
+                        value: "option-6",
+                        label: "Option 6",
+                        separator: true
+                    }
+                ]
+            });
+            expect(presenter.vm.selectOptions.options).toEqual([
+                {
+                    value: "option-1",
+                    label: "Option 1",
+                    options: [],
+                    disabled: false,
+                    separator: false
+                },
+                {
+                    value: "option-2",
+                    label: "Option 2",
+                    options: [
+                        {
+                            value: "option-3",
+                            label: "Option 3",
+                            options: [
+                                {
+                                    value: "option-4",
+                                    label: "Option 4",
+                                    options: [],
+                                    disabled: false,
+                                    separator: false
+                                }
+                            ],
+                            disabled: false,
+                            separator: false
+                        }
+                    ],
+                    disabled: false,
+                    separator: false
+                },
+                {
+                    value: "option-5",
+                    label: "Option 5",
+                    options: [],
+                    disabled: true,
+                    separator: false
+                },
+                {
+                    value: "option-6",
+                    label: "Option 6",
+                    options: [],
+                    disabled: false,
+                    separator: true
+                }
+            ]);
+        }
+    });
+    it("should call `onValueChange` callback when `changeValue` is called", ()=>{
+        const presenter = new SelectPresenter();
+        presenter.init({
+            onValueChange,
+            value: "value"
+        });
+        presenter.changeValue("value-2");
+        expect(onValueChange).toHaveBeenCalledWith("value-2");
     });
-    presenter.changeValue("value-2");
-    expect(onValueChange).toHaveBeenCalledWith("value-2");
-  });
-  it("should call `onValueChange` and `onValueReset` callbacks when `resetValue` is called", () => {
-    const onValueReset = vi.fn();
-    const presenter = new SelectPresenter();
-    presenter.init({
-      onValueChange,
-      onValueReset,
-      value: "value"
+    it("should call `onValueChange` and `onValueReset` callbacks when `resetValue` is called", ()=>{
+        const onValueReset = vi.fn();
+        const presenter = new SelectPresenter();
+        presenter.init({
+            onValueChange,
+            onValueReset,
+            value: "value"
+        });
+        presenter.resetValue();
+        expect(onValueChange).toHaveBeenCalledWith("");
+        expect(onValueReset).toHaveBeenCalled();
     });
-    presenter.resetValue();
-    expect(onValueChange).toHaveBeenCalledWith("");
-    expect(onValueReset).toHaveBeenCalled();
-  });
 });
 
 //# sourceMappingURL=SelectPresenter.test.js.map

package/Select/primitives/presenters/SelectPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["it","describe","expect","vi","SelectPresenter","onValueChange","fn","presenter","init","value","vm","selectRoot","toEqual","placeholder","selectTrigger","displayResetAction","hasValue","options","selectOptions","label","disabled","separator","changeValue","toHaveBeenCalledWith","onValueReset","resetValue","toHaveBeenCalled"],"sources":["SelectPresenter.test.ts"],"sourcesContent":["import { it, describe, expect, vi } from \"vitest\";\nimport { SelectPresenter } from \"./SelectPresenter.js\";\n\ndescribe(\"SelectPresenter\", () => {\n    const onValueChange = vi.fn();\n\n    it(\"should return the compatible `vm.selectRoot` based on props\", () => {\n        const onValueChange = vi.fn();\n\n        // `value`\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, value: \"Custom value\" });\n            expect(presenter.vm.selectRoot.value).toEqual(\"Custom value\");\n        }\n\n        {\n            // default: no props\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange });\n            expect(presenter.vm.selectRoot.value).toEqual(\"\");\n        }\n    });\n\n    it(\"should return the compatible `vm.selectTrigger` based on props\", () => {\n        const onValueChange = vi.fn();\n\n        // `placeholder`\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, placeholder: \"Custom placeholder\" });\n            expect(presenter.vm.selectTrigger.placeholder).toEqual(\"Custom placeholder\");\n        }\n\n        // `displayResetAction`\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, displayResetAction: false });\n            expect(presenter.vm.selectTrigger.displayResetAction).toEqual(false);\n        }\n\n        {\n            // default: no props\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange });\n            expect(presenter.vm.selectTrigger.placeholder).toEqual(\"Select an option\");\n            expect(presenter.vm.selectTrigger.hasValue).toEqual(false);\n        }\n    });\n\n    it(\"should return the compatible `vm.selectOptions` based on props\", () => {\n        // with `options` as string\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, options: [\"Option 1\", \"Option 2\"] });\n            expect(presenter.vm.selectOptions.options).toEqual([\n                {\n                    value: \"Option 1\",\n                    label: \"Option 1\",\n                    options: [],\n                    disabled: false,\n                    separator: false\n                },\n                {\n                    value: \"Option 2\",\n                    label: \"Option 2\",\n                    options: [],\n                    disabled: false,\n                    separator: false\n                }\n            ]);\n        }\n\n        // with `options` as formatted options\n        {\n            const presenter = new SelectPresenter();\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                        options: [\n                            {\n                                value: \"option-3\",\n                                label: \"Option 3\",\n                                options: [{ value: \"option-4\", label: \"Option 4\" }]\n                            }\n                        ]\n                    },\n                    {\n                        value: \"option-5\",\n                        label: \"Option 5\",\n                        disabled: true\n                    },\n                    {\n                        value: \"option-6\",\n                        label: \"Option 6\",\n                        separator: true\n                    }\n                ]\n            });\n            expect(presenter.vm.selectOptions.options).toEqual([\n                {\n                    value: \"option-1\",\n                    label: \"Option 1\",\n                    options: [],\n                    disabled: false,\n                    separator: false\n                },\n                {\n                    value: \"option-2\",\n                    label: \"Option 2\",\n                    options: [\n                        {\n                            value: \"option-3\",\n                            label: \"Option 3\",\n                            options: [\n                                {\n                                    value: \"option-4\",\n                                    label: \"Option 4\",\n                                    options: [],\n                                    disabled: false,\n                                    separator: false\n                                }\n                            ],\n                            disabled: false,\n                            separator: false\n                        }\n                    ],\n                    disabled: false,\n                    separator: false\n                },\n                {\n                    value: \"option-5\",\n                    label: \"Option 5\",\n                    options: [],\n                    disabled: true,\n                    separator: false\n                },\n                {\n                    value: \"option-6\",\n                    label: \"Option 6\",\n                    options: [],\n                    disabled: false,\n                    separator: true\n                }\n            ]);\n        }\n    });\n\n    it(\"should call `onValueChange` callback when `changeValue` is called\", () => {\n        const presenter = new SelectPresenter();\n        presenter.init({ onValueChange, value: \"value\" });\n        presenter.changeValue(\"value-2\");\n        expect(onValueChange).toHaveBeenCalledWith(\"value-2\");\n    });\n\n    it(\"should call `onValueChange` and `onValueReset` callbacks when `resetValue` is called\", () => {\n        const onValueReset = vi.fn();\n        const presenter = new SelectPresenter();\n        presenter.init({ onValueChange, onValueReset, value: \"value\" });\n        presenter.resetValue();\n        expect(onValueChange).toHaveBeenCalledWith(\"\");\n        expect(onValueReset).toHaveBeenCalled();\n    });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Select/primitives/presenters/SelectPresenter.test.js","sources":["../../../../src/Select/primitives/presenters/SelectPresenter.test.ts"],"sourcesContent":["import { it, describe, expect, vi } from \"vitest\";\nimport { SelectPresenter } from \"./SelectPresenter.js\";\n\ndescribe(\"SelectPresenter\", () => {\n    const onValueChange = vi.fn();\n\n    it(\"should return the compatible `vm.selectRoot` based on props\", () => {\n        const onValueChange = vi.fn();\n\n        // `value`\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, value: \"Custom value\" });\n            expect(presenter.vm.selectRoot.value).toEqual(\"Custom value\");\n        }\n\n        {\n            // default: no props\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange });\n            expect(presenter.vm.selectRoot.value).toEqual(\"\");\n        }\n    });\n\n    it(\"should return the compatible `vm.selectTrigger` based on props\", () => {\n        const onValueChange = vi.fn();\n\n        // `placeholder`\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, placeholder: \"Custom placeholder\" });\n            expect(presenter.vm.selectTrigger.placeholder).toEqual(\"Custom placeholder\");\n        }\n\n        // `displayResetAction`\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, displayResetAction: false });\n            expect(presenter.vm.selectTrigger.displayResetAction).toEqual(false);\n        }\n\n        {\n            // default: no props\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange });\n            expect(presenter.vm.selectTrigger.placeholder).toEqual(\"Select an option\");\n            expect(presenter.vm.selectTrigger.hasValue).toEqual(false);\n        }\n    });\n\n    it(\"should return the compatible `vm.selectOptions` based on props\", () => {\n        // with `options` as string\n        {\n            const presenter = new SelectPresenter();\n            presenter.init({ onValueChange, options: [\"Option 1\", \"Option 2\"] });\n            expect(presenter.vm.selectOptions.options).toEqual([\n                {\n                    value: \"Option 1\",\n                    label: \"Option 1\",\n                    options: [],\n                    disabled: false,\n                    separator: false\n                },\n                {\n                    value: \"Option 2\",\n                    label: \"Option 2\",\n                    options: [],\n                    disabled: false,\n                    separator: false\n                }\n            ]);\n        }\n\n        // with `options` as formatted options\n        {\n            const presenter = new SelectPresenter();\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                        options: [\n                            {\n                                value: \"option-3\",\n                                label: \"Option 3\",\n                                options: [{ value: \"option-4\", label: \"Option 4\" }]\n                            }\n                        ]\n                    },\n                    {\n                        value: \"option-5\",\n                        label: \"Option 5\",\n                        disabled: true\n                    },\n                    {\n                        value: \"option-6\",\n                        label: \"Option 6\",\n                        separator: true\n                    }\n                ]\n            });\n            expect(presenter.vm.selectOptions.options).toEqual([\n                {\n                    value: \"option-1\",\n                    label: \"Option 1\",\n                    options: [],\n                    disabled: false,\n                    separator: false\n                },\n                {\n                    value: \"option-2\",\n                    label: \"Option 2\",\n                    options: [\n                        {\n                            value: \"option-3\",\n                            label: \"Option 3\",\n                            options: [\n                                {\n                                    value: \"option-4\",\n                                    label: \"Option 4\",\n                                    options: [],\n                                    disabled: false,\n                                    separator: false\n                                }\n                            ],\n                            disabled: false,\n                            separator: false\n                        }\n                    ],\n                    disabled: false,\n                    separator: false\n                },\n                {\n                    value: \"option-5\",\n                    label: \"Option 5\",\n                    options: [],\n                    disabled: true,\n                    separator: false\n                },\n                {\n                    value: \"option-6\",\n                    label: \"Option 6\",\n                    options: [],\n                    disabled: false,\n                    separator: true\n                }\n            ]);\n        }\n    });\n\n    it(\"should call `onValueChange` callback when `changeValue` is called\", () => {\n        const presenter = new SelectPresenter();\n        presenter.init({ onValueChange, value: \"value\" });\n        presenter.changeValue(\"value-2\");\n        expect(onValueChange).toHaveBeenCalledWith(\"value-2\");\n    });\n\n    it(\"should call `onValueChange` and `onValueReset` callbacks when `resetValue` is called\", () => {\n        const onValueReset = vi.fn();\n        const presenter = new SelectPresenter();\n        presenter.init({ onValueChange, onValueReset, value: \"value\" });\n        presenter.resetValue();\n        expect(onValueChange).toHaveBeenCalledWith(\"\");\n        expect(onValueReset).toHaveBeenCalled();\n    });\n});\n"],"names":["describe","onValueChange","vi","it","presenter","SelectPresenter","expect","onValueReset"],"mappings":"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"}

package/Select/primitives/presenters/index.js

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

package/Select/primitives/useSelect.js

@@ -1,32 +1,41 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
 import { SelectPresenter } from "./presenters/SelectPresenter.js";
-export const useSelect = props => {
-  const params = useMemo(() => ({
-    options: props.options,
-    value: props.value,
-    placeholder: props.placeholder,
-    displayResetAction: props.displayResetAction,
-    onValueChange: props.onChange,
-    onValueReset: props.onValueReset
-  }), [props.options, props.value, props.placeholder, props.displayResetAction, props.onChange, props.onValueReset]);
-  const presenter = useMemo(() => {
-    return new SelectPresenter();
-  }, []);
-  const [vm, setVm] = useState(presenter.vm);
-  useEffect(() => {
-    presenter.init(params);
-  }, [params, presenter]);
-  useEffect(() => {
-    return autorun(() => {
-      setVm(presenter.vm);
-    });
-  }, [presenter]);
-  return {
-    vm,
-    changeValue: presenter.changeValue,
-    resetValue: presenter.resetValue
-  };
+const useSelect = (props)=>{
+    const params = useMemo(()=>({
+            options: props.options,
+            value: props.value,
+            placeholder: props.placeholder,
+            displayResetAction: props.displayResetAction,
+            onValueChange: props.onChange,
+            onValueReset: props.onValueReset
+        }), [
+        props.options,
+        props.value,
+        props.placeholder,
+        props.displayResetAction,
+        props.onChange,
+        props.onValueReset
+    ]);
+    const presenter = useMemo(()=>new SelectPresenter(), []);
+    const [vm, setVm] = useState(presenter.vm);
+    useEffect(()=>{
+        presenter.init(params);
+    }, [
+        params,
+        presenter
+    ]);
+    useEffect(()=>autorun(()=>{
+            setVm(presenter.vm);
+        }), [
+        presenter
+    ]);
+    return {
+        vm,
+        changeValue: presenter.changeValue,
+        resetValue: presenter.resetValue
+    };
 };
+export { useSelect };
 
 //# sourceMappingURL=useSelect.js.map

package/Select/primitives/useSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","SelectPresenter","useSelect","props","params","options","value","placeholder","displayResetAction","onValueChange","onChange","onValueReset","presenter","vm","setVm","init","changeValue","resetValue"],"sources":["useSelect.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { SelectPresenterParams } from \"./presenters/SelectPresenter.js\";\nimport { SelectPresenter } from \"./presenters/SelectPresenter.js\";\nimport type { SelectPrimitiveProps } from \"./SelectPrimitive.js\";\n\nexport const useSelect = (props: SelectPrimitiveProps) => {\n    const params: SelectPresenterParams = useMemo(\n        () => ({\n            options: props.options,\n            value: props.value,\n            placeholder: props.placeholder,\n            displayResetAction: props.displayResetAction,\n            onValueChange: props.onChange,\n            onValueReset: props.onValueReset\n        }),\n        [\n            props.options,\n            props.value,\n            props.placeholder,\n            props.displayResetAction,\n            props.onChange,\n            props.onValueReset\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        return new SelectPresenter();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        changeValue: presenter.changeValue,\n        resetValue: presenter.resetValue\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAE9B,SAASC,eAAe;AAGxB,OAAO,MAAMC,SAAS,GAAIC,KAA2B,IAAK;EACtD,MAAMC,MAA6B,GAAGN,OAAO,CACzC,OAAO;IACHO,OAAO,EAAEF,KAAK,CAACE,OAAO;IACtBC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,WAAW,EAAEJ,KAAK,CAACI,WAAW;IAC9BC,kBAAkB,EAAEL,KAAK,CAACK,kBAAkB;IAC5CC,aAAa,EAAEN,KAAK,CAACO,QAAQ;IAC7BC,YAAY,EAAER,KAAK,CAACQ;EACxB,CAAC,CAAC,EACF,CACIR,KAAK,CAACE,OAAO,EACbF,KAAK,CAACG,KAAK,EACXH,KAAK,CAACI,WAAW,EACjBJ,KAAK,CAACK,kBAAkB,EACxBL,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACQ,YAAY,CAE1B,CAAC;EAED,MAAMC,SAAS,GAAGd,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,eAAe,CAAC,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACY,EAAE,EAAEC,KAAK,CAAC,GAAGf,QAAQ,CAACa,SAAS,CAACC,EAAE,CAAC;EAE1ChB,SAAS,CAAC,MAAM;IACZe,SAAS,CAACG,IAAI,CAACX,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,EAAEQ,SAAS,CAAC,CAAC;EAEvBf,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBc,KAAK,CAACF,SAAS,CAACC,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,OAAO;IACHC,EAAE;IACFG,WAAW,EAAEJ,SAAS,CAACI,WAAW;IAClCC,UAAU,EAAEL,SAAS,CAACK;EAC1B,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"Select/primitives/useSelect.js","sources":["../../../src/Select/primitives/useSelect.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { SelectPresenterParams } from \"./presenters/SelectPresenter.js\";\nimport { SelectPresenter } from \"./presenters/SelectPresenter.js\";\nimport type { SelectPrimitiveProps } from \"./SelectPrimitive.js\";\n\nexport const useSelect = (props: SelectPrimitiveProps) => {\n    const params: SelectPresenterParams = useMemo(\n        () => ({\n            options: props.options,\n            value: props.value,\n            placeholder: props.placeholder,\n            displayResetAction: props.displayResetAction,\n            onValueChange: props.onChange,\n            onValueReset: props.onValueReset\n        }),\n        [\n            props.options,\n            props.value,\n            props.placeholder,\n            props.displayResetAction,\n            props.onChange,\n            props.onValueReset\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        return new SelectPresenter();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        changeValue: presenter.changeValue,\n        resetValue: presenter.resetValue\n    };\n};\n"],"names":["useSelect","props","params","useMemo","presenter","SelectPresenter","vm","setVm","useState","useEffect","autorun"],"mappings":";;;AAMO,MAAMA,YAAY,CAACC;IACtB,MAAMC,SAAgCC,QAClC,IAAO;YACH,SAASF,MAAM,OAAO;YACtB,OAAOA,MAAM,KAAK;YAClB,aAAaA,MAAM,WAAW;YAC9B,oBAAoBA,MAAM,kBAAkB;YAC5C,eAAeA,MAAM,QAAQ;YAC7B,cAAcA,MAAM,YAAY;QACpC,IACA;QACIA,MAAM,OAAO;QACbA,MAAM,KAAK;QACXA,MAAM,WAAW;QACjBA,MAAM,kBAAkB;QACxBA,MAAM,QAAQ;QACdA,MAAM,YAAY;KACrB;IAGL,MAAMG,YAAYD,QAAQ,IACf,IAAIE,mBACZ,EAAE;IAEL,MAAM,CAACC,IAAIC,MAAM,GAAGC,SAASJ,UAAU,EAAE;IAEzCK,UAAU;QACNL,UAAU,IAAI,CAACF;IACnB,GAAG;QAACA;QAAQE;KAAU;IAEtBK,UAAU,IACCC,QAAQ;YACXH,MAAMH,UAAU,EAAE;QACtB,IACD;QAACA;KAAU;IAEd,OAAO;QACHE;QACA,aAAaF,UAAU,WAAW;QAClC,YAAYA,UAAU,UAAU;IACpC;AACJ"}