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

package/Tags/primitives/presenters/TagsPresenter.d.ts

@@ -1,5 +1,5 @@
-import { type ITagsInputPresenter } from "./TagsInputPresenter";
-import { type ITagsValuesPresenter } from "./TagsValuesPresenter";
+import { type ITagsInputPresenter } from "./TagsInputPresenter.js";
+import { type ITagsValuesPresenter } from "./TagsValuesPresenter.js";
 interface TagsPresenterParams {
     values?: string[];
     protectedValues?: string[];
@@ -31,7 +31,7 @@ declare class TagsPresenter implements ITagsPresenter {
             value: string;
         };
         valuesVm: {
-            values: import("../../domain").TagItemFormatted[];
+            values: import("../../domain/TagItemFormatted.js").TagItemFormatted[];
         };
     };
     inputValue: (value: string) => void;

package/Tags/primitives/presenters/TagsPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","TagsPresenter","params","undefined","constructor","inputPresenter","valuesPresenter","init","placeholder","values","protectedValues","vm","inputVm","valuesVm","inputValue","value","setValue","onValueInput","addValue","trim","hasValue","onValueAdd","onValueChange","getValues","removeValue","isValueProtected","onValueRemove","map","tag","label"],"sources":["TagsPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { type ITagsInputPresenter } from \"./TagsInputPresenter\";\nimport { type ITagsValuesPresenter } from \"./TagsValuesPresenter\";\n\ninterface TagsPresenterParams {\n    values?: string[];\n    protectedValues?: string[];\n    onValueChange?: (values: string[]) => void;\n    onValueInput?: (value: string) => void;\n    onValueAdd?: (value: string) => void;\n    onValueRemove?: (value: string) => void;\n    placeholder?: string;\n}\n\ninterface ITagsPresenter {\n    vm: {\n        inputVm: ITagsInputPresenter[\"vm\"];\n        valuesVm: ITagsValuesPresenter[\"vm\"];\n    };\n    init: (params: TagsPresenterParams) => void;\n    inputValue: (value: string) => void;\n    addValue: (value: string) => void;\n    removeValue: (value: string) => void;\n}\n\nclass TagsPresenter implements ITagsPresenter {\n    private params?: TagsPresenterParams = undefined;\n    private inputPresenter: ITagsInputPresenter;\n    private valuesPresenter: ITagsValuesPresenter;\n\n    constructor(inputPresenter: ITagsInputPresenter, valuesPresenter: ITagsValuesPresenter) {\n        this.inputPresenter = inputPresenter;\n        this.valuesPresenter = valuesPresenter;\n        makeAutoObservable(this);\n    }\n\n    init(params: TagsPresenterParams) {\n        this.params = params;\n        this.inputPresenter.init({ placeholder: params.placeholder });\n        this.valuesPresenter.init({\n            values: params.values,\n            protectedValues: params.protectedValues\n        });\n    }\n\n    get vm() {\n        return {\n            inputVm: this.inputPresenter.vm,\n            valuesVm: this.valuesPresenter.vm\n        };\n    }\n\n    public inputValue = (value: string) => {\n        this.inputPresenter.setValue(value);\n        if (this.params?.onValueInput) {\n            this.params.onValueInput(value);\n        }\n    };\n\n    public addValue = () => {\n        const value = this.vm.inputVm.value.trim();\n\n        if (!value) {\n            return;\n        }\n\n        this.inputPresenter.setValue(\"\");\n\n        if (this.valuesPresenter.hasValue(value)) {\n            // If the value already exists, do not add it again\n            return;\n        }\n\n        this.valuesPresenter.addValue(value);\n\n        if (this.params?.onValueAdd) {\n            this.params.onValueAdd(value);\n        }\n\n        if (this.params?.onValueChange) {\n            this.params.onValueChange(this.getValues());\n        }\n    };\n\n    public removeValue = (value: string) => {\n        this.valuesPresenter.removeValue(value);\n\n        if (this.valuesPresenter.isValueProtected(value)) {\n            // If the value is protected, do not remove it\n            return;\n        }\n\n        if (this.params?.onValueRemove) {\n            this.params.onValueRemove(value);\n        }\n\n        if (this.params?.onValueChange) {\n            this.params.onValueChange(this.getValues());\n        }\n    };\n\n    private getValues = () => {\n        return this.valuesPresenter.vm.values.map(tag => tag.label);\n    };\n}\n\nexport { TagsPresenter, type ITagsPresenter, type TagsPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAyBzC,MAAMC,aAAa,CAA2B;EAClCC,MAAM,GAAyBC,SAAS;EAIhDC,WAAWA,CAACC,cAAmC,EAAEC,eAAqC,EAAE;IACpF,IAAI,CAACD,cAAc,GAAGA,cAAc;IACpC,IAAI,CAACC,eAAe,GAAGA,eAAe;IACtCN,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAO,IAAIA,CAACL,MAA2B,EAAE;IAC9B,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACG,cAAc,CAACE,IAAI,CAAC;MAAEC,WAAW,EAAEN,MAAM,CAACM;IAAY,CAAC,CAAC;IAC7D,IAAI,CAACF,eAAe,CAACC,IAAI,CAAC;MACtBE,MAAM,EAAEP,MAAM,CAACO,MAAM;MACrBC,eAAe,EAAER,MAAM,CAACQ;IAC5B,CAAC,CAAC;EACN;EAEA,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,OAAO,EAAE,IAAI,CAACP,cAAc,CAACM,EAAE;MAC/BE,QAAQ,EAAE,IAAI,CAACP,eAAe,CAACK;IACnC,CAAC;EACL;EAEOG,UAAU,GAAIC,KAAa,IAAK;IACnC,IAAI,CAACV,cAAc,CAACW,QAAQ,CAACD,KAAK,CAAC;IACnC,IAAI,IAAI,CAACb,MAAM,EAAEe,YAAY,EAAE;MAC3B,IAAI,CAACf,MAAM,CAACe,YAAY,CAACF,KAAK,CAAC;IACnC;EACJ,CAAC;EAEMG,QAAQ,GAAGA,CAAA,KAAM;IACpB,MAAMH,KAAK,GAAG,IAAI,CAACJ,EAAE,CAACC,OAAO,CAACG,KAAK,CAACI,IAAI,CAAC,CAAC;IAE1C,IAAI,CAACJ,KAAK,EAAE;MACR;IACJ;IAEA,IAAI,CAACV,cAAc,CAACW,QAAQ,CAAC,EAAE,CAAC;IAEhC,IAAI,IAAI,CAACV,eAAe,CAACc,QAAQ,CAACL,KAAK,CAAC,EAAE;MACtC;MACA;IACJ;IAEA,IAAI,CAACT,eAAe,CAACY,QAAQ,CAACH,KAAK,CAAC;IAEpC,IAAI,IAAI,CAACb,MAAM,EAAEmB,UAAU,EAAE;MACzB,IAAI,CAACnB,MAAM,CAACmB,UAAU,CAACN,KAAK,CAAC;IACjC;IAEA,IAAI,IAAI,CAACb,MAAM,EAAEoB,aAAa,EAAE;MAC5B,IAAI,CAACpB,MAAM,CAACoB,aAAa,CAAC,IAAI,CAACC,SAAS,CAAC,CAAC,CAAC;IAC/C;EACJ,CAAC;EAEMC,WAAW,GAAIT,KAAa,IAAK;IACpC,IAAI,CAACT,eAAe,CAACkB,WAAW,CAACT,KAAK,CAAC;IAEvC,IAAI,IAAI,CAACT,eAAe,CAACmB,gBAAgB,CAACV,KAAK,CAAC,EAAE;MAC9C;MACA;IACJ;IAEA,IAAI,IAAI,CAACb,MAAM,EAAEwB,aAAa,EAAE;MAC5B,IAAI,CAACxB,MAAM,CAACwB,aAAa,CAACX,KAAK,CAAC;IACpC;IAEA,IAAI,IAAI,CAACb,MAAM,EAAEoB,aAAa,EAAE;MAC5B,IAAI,CAACpB,MAAM,CAACoB,aAAa,CAAC,IAAI,CAACC,SAAS,CAAC,CAAC,CAAC;IAC/C;EACJ,CAAC;EAEOA,SAAS,GAAGA,CAAA,KAAM;IACtB,OAAO,IAAI,CAACjB,eAAe,CAACK,EAAE,CAACF,MAAM,CAACkB,GAAG,CAACC,GAAG,IAAIA,GAAG,CAACC,KAAK,CAAC;EAC/D,CAAC;AACL;AAEA,SAAS5B,aAAa","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","TagsPresenter","params","undefined","constructor","inputPresenter","valuesPresenter","init","placeholder","values","protectedValues","vm","inputVm","valuesVm","inputValue","value","setValue","onValueInput","addValue","trim","hasValue","onValueAdd","onValueChange","getValues","removeValue","isValueProtected","onValueRemove","map","tag","label"],"sources":["TagsPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { type ITagsInputPresenter } from \"./TagsInputPresenter.js\";\nimport { type ITagsValuesPresenter } from \"./TagsValuesPresenter.js\";\n\ninterface TagsPresenterParams {\n    values?: string[];\n    protectedValues?: string[];\n    onValueChange?: (values: string[]) => void;\n    onValueInput?: (value: string) => void;\n    onValueAdd?: (value: string) => void;\n    onValueRemove?: (value: string) => void;\n    placeholder?: string;\n}\n\ninterface ITagsPresenter {\n    vm: {\n        inputVm: ITagsInputPresenter[\"vm\"];\n        valuesVm: ITagsValuesPresenter[\"vm\"];\n    };\n    init: (params: TagsPresenterParams) => void;\n    inputValue: (value: string) => void;\n    addValue: (value: string) => void;\n    removeValue: (value: string) => void;\n}\n\nclass TagsPresenter implements ITagsPresenter {\n    private params?: TagsPresenterParams = undefined;\n    private inputPresenter: ITagsInputPresenter;\n    private valuesPresenter: ITagsValuesPresenter;\n\n    constructor(inputPresenter: ITagsInputPresenter, valuesPresenter: ITagsValuesPresenter) {\n        this.inputPresenter = inputPresenter;\n        this.valuesPresenter = valuesPresenter;\n        makeAutoObservable(this);\n    }\n\n    init(params: TagsPresenterParams) {\n        this.params = params;\n        this.inputPresenter.init({ placeholder: params.placeholder });\n        this.valuesPresenter.init({\n            values: params.values,\n            protectedValues: params.protectedValues\n        });\n    }\n\n    get vm() {\n        return {\n            inputVm: this.inputPresenter.vm,\n            valuesVm: this.valuesPresenter.vm\n        };\n    }\n\n    public inputValue = (value: string) => {\n        this.inputPresenter.setValue(value);\n        if (this.params?.onValueInput) {\n            this.params.onValueInput(value);\n        }\n    };\n\n    public addValue = () => {\n        const value = this.vm.inputVm.value.trim();\n\n        if (!value) {\n            return;\n        }\n\n        this.inputPresenter.setValue(\"\");\n\n        if (this.valuesPresenter.hasValue(value)) {\n            // If the value already exists, do not add it again\n            return;\n        }\n\n        this.valuesPresenter.addValue(value);\n\n        if (this.params?.onValueAdd) {\n            this.params.onValueAdd(value);\n        }\n\n        if (this.params?.onValueChange) {\n            this.params.onValueChange(this.getValues());\n        }\n    };\n\n    public removeValue = (value: string) => {\n        this.valuesPresenter.removeValue(value);\n\n        if (this.valuesPresenter.isValueProtected(value)) {\n            // If the value is protected, do not remove it\n            return;\n        }\n\n        if (this.params?.onValueRemove) {\n            this.params.onValueRemove(value);\n        }\n\n        if (this.params?.onValueChange) {\n            this.params.onValueChange(this.getValues());\n        }\n    };\n\n    private getValues = () => {\n        return this.valuesPresenter.vm.values.map(tag => tag.label);\n    };\n}\n\nexport { TagsPresenter, type ITagsPresenter, type TagsPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAyBzC,MAAMC,aAAa,CAA2B;EAClCC,MAAM,GAAyBC,SAAS;EAIhDC,WAAWA,CAACC,cAAmC,EAAEC,eAAqC,EAAE;IACpF,IAAI,CAACD,cAAc,GAAGA,cAAc;IACpC,IAAI,CAACC,eAAe,GAAGA,eAAe;IACtCN,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAO,IAAIA,CAACL,MAA2B,EAAE;IAC9B,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACG,cAAc,CAACE,IAAI,CAAC;MAAEC,WAAW,EAAEN,MAAM,CAACM;IAAY,CAAC,CAAC;IAC7D,IAAI,CAACF,eAAe,CAACC,IAAI,CAAC;MACtBE,MAAM,EAAEP,MAAM,CAACO,MAAM;MACrBC,eAAe,EAAER,MAAM,CAACQ;IAC5B,CAAC,CAAC;EACN;EAEA,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,OAAO,EAAE,IAAI,CAACP,cAAc,CAACM,EAAE;MAC/BE,QAAQ,EAAE,IAAI,CAACP,eAAe,CAACK;IACnC,CAAC;EACL;EAEOG,UAAU,GAAIC,KAAa,IAAK;IACnC,IAAI,CAACV,cAAc,CAACW,QAAQ,CAACD,KAAK,CAAC;IACnC,IAAI,IAAI,CAACb,MAAM,EAAEe,YAAY,EAAE;MAC3B,IAAI,CAACf,MAAM,CAACe,YAAY,CAACF,KAAK,CAAC;IACnC;EACJ,CAAC;EAEMG,QAAQ,GAAGA,CAAA,KAAM;IACpB,MAAMH,KAAK,GAAG,IAAI,CAACJ,EAAE,CAACC,OAAO,CAACG,KAAK,CAACI,IAAI,CAAC,CAAC;IAE1C,IAAI,CAACJ,KAAK,EAAE;MACR;IACJ;IAEA,IAAI,CAACV,cAAc,CAACW,QAAQ,CAAC,EAAE,CAAC;IAEhC,IAAI,IAAI,CAACV,eAAe,CAACc,QAAQ,CAACL,KAAK,CAAC,EAAE;MACtC;MACA;IACJ;IAEA,IAAI,CAACT,eAAe,CAACY,QAAQ,CAACH,KAAK,CAAC;IAEpC,IAAI,IAAI,CAACb,MAAM,EAAEmB,UAAU,EAAE;MACzB,IAAI,CAACnB,MAAM,CAACmB,UAAU,CAACN,KAAK,CAAC;IACjC;IAEA,IAAI,IAAI,CAACb,MAAM,EAAEoB,aAAa,EAAE;MAC5B,IAAI,CAACpB,MAAM,CAACoB,aAAa,CAAC,IAAI,CAACC,SAAS,CAAC,CAAC,CAAC;IAC/C;EACJ,CAAC;EAEMC,WAAW,GAAIT,KAAa,IAAK;IACpC,IAAI,CAACT,eAAe,CAACkB,WAAW,CAACT,KAAK,CAAC;IAEvC,IAAI,IAAI,CAACT,eAAe,CAACmB,gBAAgB,CAACV,KAAK,CAAC,EAAE;MAC9C;MACA;IACJ;IAEA,IAAI,IAAI,CAACb,MAAM,EAAEwB,aAAa,EAAE;MAC5B,IAAI,CAACxB,MAAM,CAACwB,aAAa,CAACX,KAAK,CAAC;IACpC;IAEA,IAAI,IAAI,CAACb,MAAM,EAAEoB,aAAa,EAAE;MAC5B,IAAI,CAACpB,MAAM,CAACoB,aAAa,CAAC,IAAI,CAACC,SAAS,CAAC,CAAC,CAAC;IAC/C;EACJ,CAAC;EAEOA,SAAS,GAAGA,CAAA,KAAM;IACtB,OAAO,IAAI,CAACjB,eAAe,CAACK,EAAE,CAACF,MAAM,CAACkB,GAAG,CAACC,GAAG,IAAIA,GAAG,CAACC,KAAK,CAAC;EAC/D,CAAC;AACL;AAEA,SAAS5B,aAAa","ignoreList":[]}

package/Tags/primitives/presenters/TagsPresenter.test.js

@@ -1,24 +1,32 @@
-import { TagsPresenter } from "./TagsPresenter";
-import { TagsValuesPresenter } from "./TagsValuesPresenter";
-import { TagsInputPresenter } from "./TagsInputPresenter";
+import { describe, it, expect, beforeEach, afterEach, vi } from "vitest";
+import { TagsPresenter } from "./TagsPresenter.js";
+import { TagsValuesPresenter } from "./TagsValuesPresenter.js";
+import { TagsInputPresenter } from "./TagsInputPresenter.js";
+const createPresenter = () => {
+  const tagsInputPresenter = new TagsInputPresenter();
+  const tagsValuesPresenter = new TagsValuesPresenter();
+  return new TagsPresenter(tagsInputPresenter, tagsValuesPresenter);
+};
 describe("TagsPresenter", () => {
-  let presenter;
-  const onValueChange = jest.fn();
-  const onValueInput = jest.fn();
-  const onValueAdd = jest.fn();
-  const onValueRemove = jest.fn();
+  const onValueChange = vi.fn();
+  const onValueInput = vi.fn();
+  const onValueAdd = vi.fn();
+  const onValueRemove = vi.fn();
   beforeEach(() => {
-    const tagsInputPresenter = new TagsInputPresenter();
-    const tagsValuesPresenter = new TagsValuesPresenter();
-    presenter = new TagsPresenter(tagsInputPresenter, tagsValuesPresenter);
+    vi.clearAllMocks();
+  });
+  afterEach(() => {
+    vi.clearAllMocks();
   });
   it("should return the compatible `vm.inputVm` based on", () => {
+    const presenter = createPresenter();
     presenter.init({
       placeholder: "Custom placeholder"
     });
     expect(presenter.vm.inputVm.placeholder).toBe("Custom placeholder");
   });
   it("should return the compatible `vm.valuesVm` based on", () => {
+    const presenter = createPresenter();
     presenter.init({
       values: ["tag1", "tag2"]
     });
@@ -33,6 +41,7 @@ describe("TagsPresenter", () => {
     }]);
   });
   it("should call `onValueInput` and add the new value when input a value", () => {
+    const presenter = createPresenter();
     presenter.init({
       onValueInput
     });
@@ -46,6 +55,7 @@ describe("TagsPresenter", () => {
     expect(presenter.vm.inputVm.value).toBe(value2);
   });
   it("should call `onValueAdd` and add the new value when adding a value", () => {
+    const presenter = createPresenter();
     presenter.init({
       onValueAdd,
       onValueChange
@@ -110,6 +120,7 @@ describe("TagsPresenter", () => {
     }]);
   });
   it("should call `onValueRemove` and remove the value when removing a value", () => {
+    const presenter = createPresenter();
     const initialValues = ["tag1", "tag2"];
     presenter.init({
       values: initialValues,
@@ -127,6 +138,7 @@ describe("TagsPresenter", () => {
     expect(onValueChange).toHaveBeenCalledWith(["tag2"]);
   });
   it("should not remove a protected value", () => {
+    const presenter = createPresenter();
     const initialValues = ["tag1", "tag2"];
     const protectedValues = ["tag1"];
     presenter.init({
@@ -159,6 +171,7 @@ describe("TagsPresenter", () => {
     }]);
   });
   it("should not remove a value based on a pattern", () => {
+    const presenter = createPresenter();
     const initialValues = ["tag1", "tag2", "another-tag"];
     const protectedValues = ["tag*"];
     presenter.init({

package/Tags/primitives/presenters/TagsPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["TagsPresenter","TagsValuesPresenter","TagsInputPresenter","describe","presenter","onValueChange","jest","fn","onValueInput","onValueAdd","onValueRemove","beforeEach","tagsInputPresenter","tagsValuesPresenter","it","init","placeholder","expect","vm","inputVm","toBe","values","valuesVm","toEqual","id","any","String","label","protected","value1","inputValue","toHaveBeenCalledWith","value","value2","addValue","emptyValue","not","toHaveBeenLastCalledWith","initialValues","valueToRemove","removeValue","protectedValues","toHaveBeenCalled","anotherValueToRemove"],"sources":["TagsPresenter.test.ts"],"sourcesContent":["import { type ITagsPresenter, TagsPresenter } from \"./TagsPresenter\";\nimport { TagsValuesPresenter } from \"./TagsValuesPresenter\";\nimport { TagsInputPresenter } from \"./TagsInputPresenter\";\n\ndescribe(\"TagsPresenter\", () => {\n    let presenter: ITagsPresenter;\n    const onValueChange = jest.fn();\n    const onValueInput = jest.fn();\n    const onValueAdd = jest.fn();\n    const onValueRemove = jest.fn();\n\n    beforeEach(() => {\n        const tagsInputPresenter = new TagsInputPresenter();\n        const tagsValuesPresenter = new TagsValuesPresenter();\n        presenter = new TagsPresenter(tagsInputPresenter, tagsValuesPresenter);\n    });\n\n    it(\"should return the compatible `vm.inputVm` based on\", () => {\n        presenter.init({\n            placeholder: \"Custom placeholder\"\n        });\n\n        expect(presenter.vm.inputVm.placeholder).toBe(\"Custom placeholder\");\n    });\n\n    it(\"should return the compatible `vm.valuesVm` based on\", () => {\n        presenter.init({\n            values: [\"tag1\", \"tag2\"]\n        });\n\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: \"tag1\",\n                protected: false\n            },\n            {\n                id: expect.any(String),\n                label: \"tag2\",\n                protected: false\n            }\n        ]);\n    });\n\n    it(\"should call `onValueInput` and add the new value when input a value\", () => {\n        presenter.init({\n            onValueInput\n        });\n\n        const value1 = \"value 1\";\n        presenter.inputValue(value1);\n\n        expect(onValueInput).toHaveBeenCalledWith(value1);\n        expect(presenter.vm.inputVm.value).toBe(value1);\n\n        const value2 = \"value 2\";\n        presenter.inputValue(value2);\n        expect(onValueInput).toHaveBeenCalledWith(value2);\n        expect(presenter.vm.inputVm.value).toBe(value2);\n    });\n\n    it(\"should call `onValueAdd` and add the new value when adding a value\", () => {\n        presenter.init({\n            onValueAdd,\n            onValueChange\n        });\n\n        // It should add a value and call `onValueAdd` and `onValueChange`\n        const value1 = \"value 1\";\n        presenter.inputValue(value1);\n        presenter.addValue(value1);\n\n        expect(onValueAdd).toHaveBeenCalledWith(value1);\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: value1,\n                protected: false\n            }\n        ]);\n        expect(onValueChange).toHaveBeenCalledWith([value1]);\n\n        // It should add another value and call `onValueAdd` and `onValueChange`\n        const value2 = \"value 2\";\n        presenter.inputValue(value2);\n        presenter.addValue(value2);\n\n        expect(onValueAdd).toHaveBeenCalledWith(value2);\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: value1,\n                protected: false\n            },\n            {\n                id: expect.any(String),\n                label: value2,\n                protected: false\n            }\n        ]);\n        expect(onValueChange).toHaveBeenCalledWith([value1, value2]);\n\n        // It should not add an empty value\n        const emptyValue = \" \";\n        presenter.inputValue(emptyValue);\n        presenter.addValue(emptyValue);\n\n        expect(onValueAdd).not.toHaveBeenCalledWith(emptyValue);\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: value1,\n                protected: false\n            },\n            {\n                id: expect.any(String),\n                label: value2,\n                protected: false\n            }\n        ]);\n        expect(onValueChange).toHaveBeenCalledWith([value1, value2]);\n\n        // It should not add a duplicate value\n        presenter.inputValue(value1);\n        presenter.addValue(value1);\n\n        expect(onValueAdd).not.toHaveBeenLastCalledWith(value1);\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: value1,\n                protected: false\n            },\n            {\n                id: expect.any(String),\n                label: value2,\n                protected: false\n            }\n        ]);\n    });\n\n    it(\"should call `onValueRemove` and remove the value when removing a value\", () => {\n        const initialValues = [\"tag1\", \"tag2\"];\n        presenter.init({\n            values: initialValues,\n            onValueRemove,\n            onValueChange\n        });\n\n        const valueToRemove = \"tag1\";\n        presenter.removeValue(valueToRemove);\n\n        expect(onValueRemove).toHaveBeenCalledWith(valueToRemove);\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: \"tag2\",\n                protected: false\n            }\n        ]);\n        expect(onValueChange).toHaveBeenCalledWith([\"tag2\"]);\n    });\n\n    it(\"should not remove a protected value\", () => {\n        const initialValues = [\"tag1\", \"tag2\"];\n        const protectedValues = [\"tag1\"];\n        presenter.init({\n            values: initialValues,\n            protectedValues,\n            onValueRemove,\n            onValueChange\n        });\n\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: \"tag1\",\n                protected: true\n            },\n            {\n                id: expect.any(String),\n                label: \"tag2\",\n                protected: false\n            }\n        ]);\n\n        const valueToRemove = \"tag1\";\n        presenter.removeValue(valueToRemove);\n\n        expect(onValueRemove).not.toHaveBeenCalled();\n        expect(onValueChange).not.toHaveBeenCalled();\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: \"tag1\",\n                protected: true\n            },\n            {\n                id: expect.any(String),\n                label: \"tag2\",\n                protected: false\n            }\n        ]);\n    });\n\n    it(\"should not remove a value based on a pattern\", () => {\n        const initialValues = [\"tag1\", \"tag2\", \"another-tag\"];\n        const protectedValues = [\"tag*\"];\n        presenter.init({\n            values: initialValues,\n            protectedValues,\n            onValueRemove,\n            onValueChange\n        });\n\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: \"tag1\",\n                protected: true\n            },\n            {\n                id: expect.any(String),\n                label: \"tag2\",\n                protected: true\n            },\n            {\n                id: expect.any(String),\n                label: \"another-tag\",\n                protected: false\n            }\n        ]);\n\n        // Try to remove a protected value\n        const valueToRemove = \"tag1\";\n        presenter.removeValue(valueToRemove);\n\n        expect(onValueRemove).not.toHaveBeenCalled();\n        expect(onValueChange).not.toHaveBeenCalled();\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: \"tag1\",\n                protected: true\n            },\n            {\n                id: expect.any(String),\n                label: \"tag2\",\n                protected: true\n            },\n            {\n                id: expect.any(String),\n                label: \"another-tag\",\n                protected: false\n            }\n        ]);\n\n        // Try to remove a non-protected value\n        const anotherValueToRemove = \"another-tag\";\n        presenter.removeValue(anotherValueToRemove);\n\n        expect(onValueRemove).toHaveBeenCalledWith(anotherValueToRemove);\n        expect(onValueChange).toHaveBeenCalledWith([\"tag1\", \"tag2\"]);\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: \"tag1\",\n                protected: true\n            },\n            {\n                id: expect.any(String),\n                label: \"tag2\",\n                protected: true\n            }\n        ]);\n    });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["describe","it","expect","beforeEach","afterEach","vi","TagsPresenter","TagsValuesPresenter","TagsInputPresenter","createPresenter","tagsInputPresenter","tagsValuesPresenter","onValueChange","fn","onValueInput","onValueAdd","onValueRemove","clearAllMocks","presenter","init","placeholder","vm","inputVm","toBe","values","valuesVm","toEqual","id","any","String","label","protected","value1","inputValue","toHaveBeenCalledWith","value","value2","addValue","emptyValue","not","toHaveBeenLastCalledWith","initialValues","valueToRemove","removeValue","protectedValues","toHaveBeenCalled","anotherValueToRemove"],"sources":["TagsPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, beforeEach, afterEach, vi } from \"vitest\";\nimport { type ITagsPresenter, TagsPresenter } from \"./TagsPresenter.js\";\nimport { TagsValuesPresenter } from \"./TagsValuesPresenter.js\";\nimport { TagsInputPresenter } from \"./TagsInputPresenter.js\";\n\nconst createPresenter = (): ITagsPresenter => {\n    const tagsInputPresenter = new TagsInputPresenter();\n    const tagsValuesPresenter = new TagsValuesPresenter();\n    return new TagsPresenter(tagsInputPresenter, tagsValuesPresenter);\n};\n\ndescribe(\"TagsPresenter\", () => {\n    const onValueChange = vi.fn();\n    const onValueInput = vi.fn();\n    const onValueAdd = vi.fn();\n    const onValueRemove = vi.fn();\n\n    beforeEach(() => {\n        vi.clearAllMocks();\n    });\n\n    afterEach(() => {\n        vi.clearAllMocks();\n    });\n\n    it(\"should return the compatible `vm.inputVm` based on\", () => {\n        const presenter = createPresenter();\n        presenter.init({\n            placeholder: \"Custom placeholder\"\n        });\n\n        expect(presenter.vm.inputVm.placeholder).toBe(\"Custom placeholder\");\n    });\n\n    it(\"should return the compatible `vm.valuesVm` based on\", () => {\n        const presenter = createPresenter();\n        presenter.init({\n            values: [\"tag1\", \"tag2\"]\n        });\n\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: \"tag1\",\n                protected: false\n            },\n            {\n                id: expect.any(String),\n                label: \"tag2\",\n                protected: false\n            }\n        ]);\n    });\n\n    it(\"should call `onValueInput` and add the new value when input a value\", () => {\n        const presenter = createPresenter();\n        presenter.init({\n            onValueInput\n        });\n\n        const value1 = \"value 1\";\n        presenter.inputValue(value1);\n\n        expect(onValueInput).toHaveBeenCalledWith(value1);\n        expect(presenter.vm.inputVm.value).toBe(value1);\n\n        const value2 = \"value 2\";\n        presenter.inputValue(value2);\n        expect(onValueInput).toHaveBeenCalledWith(value2);\n        expect(presenter.vm.inputVm.value).toBe(value2);\n    });\n\n    it(\"should call `onValueAdd` and add the new value when adding a value\", () => {\n        const presenter = createPresenter();\n        presenter.init({\n            onValueAdd,\n            onValueChange\n        });\n\n        // It should add a value and call `onValueAdd` and `onValueChange`\n        const value1 = \"value 1\";\n        presenter.inputValue(value1);\n        presenter.addValue(value1);\n\n        expect(onValueAdd).toHaveBeenCalledWith(value1);\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: value1,\n                protected: false\n            }\n        ]);\n        expect(onValueChange).toHaveBeenCalledWith([value1]);\n\n        // It should add another value and call `onValueAdd` and `onValueChange`\n        const value2 = \"value 2\";\n        presenter.inputValue(value2);\n        presenter.addValue(value2);\n\n        expect(onValueAdd).toHaveBeenCalledWith(value2);\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: value1,\n                protected: false\n            },\n            {\n                id: expect.any(String),\n                label: value2,\n                protected: false\n            }\n        ]);\n        expect(onValueChange).toHaveBeenCalledWith([value1, value2]);\n\n        // It should not add an empty value\n        const emptyValue = \" \";\n        presenter.inputValue(emptyValue);\n        presenter.addValue(emptyValue);\n\n        expect(onValueAdd).not.toHaveBeenCalledWith(emptyValue);\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: value1,\n                protected: false\n            },\n            {\n                id: expect.any(String),\n                label: value2,\n                protected: false\n            }\n        ]);\n        expect(onValueChange).toHaveBeenCalledWith([value1, value2]);\n\n        // It should not add a duplicate value\n        presenter.inputValue(value1);\n        presenter.addValue(value1);\n\n        expect(onValueAdd).not.toHaveBeenLastCalledWith(value1);\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: value1,\n                protected: false\n            },\n            {\n                id: expect.any(String),\n                label: value2,\n                protected: false\n            }\n        ]);\n    });\n\n    it(\"should call `onValueRemove` and remove the value when removing a value\", () => {\n        const presenter = createPresenter();\n        const initialValues = [\"tag1\", \"tag2\"];\n        presenter.init({\n            values: initialValues,\n            onValueRemove,\n            onValueChange\n        });\n\n        const valueToRemove = \"tag1\";\n        presenter.removeValue(valueToRemove);\n\n        expect(onValueRemove).toHaveBeenCalledWith(valueToRemove);\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: \"tag2\",\n                protected: false\n            }\n        ]);\n        expect(onValueChange).toHaveBeenCalledWith([\"tag2\"]);\n    });\n\n    it(\"should not remove a protected value\", () => {\n        const presenter = createPresenter();\n        const initialValues = [\"tag1\", \"tag2\"];\n        const protectedValues = [\"tag1\"];\n        presenter.init({\n            values: initialValues,\n            protectedValues,\n            onValueRemove,\n            onValueChange\n        });\n\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: \"tag1\",\n                protected: true\n            },\n            {\n                id: expect.any(String),\n                label: \"tag2\",\n                protected: false\n            }\n        ]);\n\n        const valueToRemove = \"tag1\";\n        presenter.removeValue(valueToRemove);\n\n        expect(onValueRemove).not.toHaveBeenCalled();\n        expect(onValueChange).not.toHaveBeenCalled();\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: \"tag1\",\n                protected: true\n            },\n            {\n                id: expect.any(String),\n                label: \"tag2\",\n                protected: false\n            }\n        ]);\n    });\n\n    it(\"should not remove a value based on a pattern\", () => {\n        const presenter = createPresenter();\n        const initialValues = [\"tag1\", \"tag2\", \"another-tag\"];\n        const protectedValues = [\"tag*\"];\n        presenter.init({\n            values: initialValues,\n            protectedValues,\n            onValueRemove,\n            onValueChange\n        });\n\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: \"tag1\",\n                protected: true\n            },\n            {\n                id: expect.any(String),\n                label: \"tag2\",\n                protected: true\n            },\n            {\n                id: expect.any(String),\n                label: \"another-tag\",\n                protected: false\n            }\n        ]);\n\n        // Try to remove a protected value\n        const valueToRemove = \"tag1\";\n        presenter.removeValue(valueToRemove);\n\n        expect(onValueRemove).not.toHaveBeenCalled();\n        expect(onValueChange).not.toHaveBeenCalled();\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: \"tag1\",\n                protected: true\n            },\n            {\n                id: expect.any(String),\n                label: \"tag2\",\n                protected: true\n            },\n            {\n                id: expect.any(String),\n                label: \"another-tag\",\n                protected: false\n            }\n        ]);\n\n        // Try to remove a non-protected value\n        const anotherValueToRemove = \"another-tag\";\n        presenter.removeValue(anotherValueToRemove);\n\n        expect(onValueRemove).toHaveBeenCalledWith(anotherValueToRemove);\n        expect(onValueChange).toHaveBeenCalledWith([\"tag1\", \"tag2\"]);\n        expect(presenter.vm.valuesVm.values).toEqual([\n            {\n                id: expect.any(String),\n                label: \"tag1\",\n                protected: true\n            },\n            {\n                id: expect.any(String),\n                label: \"tag2\",\n                protected: true\n            }\n        ]);\n    });\n});\n"],"mappings":"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","ignoreList":[]}

package/Tags/primitives/presenters/TagsValuesPresenter.d.ts

@@ -1,4 +1,4 @@
-import { type TagItemFormatted } from "../../domain";
+import { type TagItemFormatted } from "../../../Tags/domain/index.js";
 interface TagsValuesPresenterParams {
     values?: string[];
     protectedValues?: string[];

package/Tags/primitives/presenters/TagsValuesPresenter.js

@@ -1,6 +1,6 @@
 import { makeAutoObservable } from "mobx";
-import minimatch from "minimatch";
-import { TagItem, TagItemMapper } from "../../domain";
+import { minimatch } from "minimatch";
+import { TagItem, TagItemMapper } from "../../domain/index.js";
 class TagsValuesPresenter {
   values = [];
   constructor() {

package/Tags/primitives/presenters/TagsValuesPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","minimatch","TagItem","TagItemMapper","TagsValuesPresenter","values","constructor","init","params","map","value","create","label","protected","protectedValues","some","pattern","vm","toFormatted","addValue","find","tag","tagItem","push","removeValue","filter","isValueProtected","hasValue"],"sources":["TagsValuesPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport minimatch from \"minimatch\";\nimport { TagItem, type TagItemFormatted, TagItemMapper } from \"~/Tags/domain\";\n\ninterface TagsValuesPresenterParams {\n    values?: string[];\n    protectedValues?: string[];\n}\n\ninterface ITagsValuesPresenter {\n    vm: {\n        values: TagItemFormatted[];\n    };\n    init: (params: TagsValuesPresenterParams) => void;\n    addValue: (value: string) => void;\n    removeValue: (value: string) => void;\n    hasValue: (value: string) => boolean;\n    isValueProtected: (value: string) => boolean;\n}\n\nclass TagsValuesPresenter implements ITagsValuesPresenter {\n    private values: TagItem[] = [];\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: TagsValuesPresenterParams) {\n        this.values =\n            params.values?.map(value =>\n                TagItem.create({\n                    label: value,\n                    protected: params.protectedValues\n                        ? params.protectedValues.some(pattern => minimatch(value, pattern))\n                        : false\n                })\n            ) ?? [];\n    }\n\n    get vm() {\n        return {\n            values: this.values.map(value => TagItemMapper.toFormatted(value))\n        };\n    }\n\n    public addValue = (value: string) => {\n        if (!value || this.values.find(tag => tag.label === value)) {\n            return;\n        }\n        const tagItem = TagItem.create({ label: value });\n        this.values.push(tagItem);\n    };\n\n    public removeValue = (value: string) => {\n        this.values = this.values.filter(\n            tagItem => tagItem.label !== value || this.isValueProtected(tagItem.label)\n        );\n    };\n\n    public hasValue = (value: string) => {\n        return !!this.values.find(tag => tag.label === value);\n    };\n\n    public isValueProtected = (value: string) => {\n        return !!this.values.find(tag => tag.label === value && tag.protected);\n    };\n}\n\nexport { TagsValuesPresenter, type ITagsValuesPresenter, type TagsValuesPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,OAAOC,SAAS,MAAM,WAAW;AACjC,SAASC,OAAO,EAAyBC,aAAa;AAkBtD,MAAMC,mBAAmB,CAAiC;EAC9CC,MAAM,GAAc,EAAE;EAE9BC,WAAWA,CAAA,EAAG;IACVN,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAO,IAAIA,CAACC,MAAiC,EAAE;IACpC,IAAI,CAACH,MAAM,GACPG,MAAM,CAACH,MAAM,EAAEI,GAAG,CAACC,KAAK,IACpBR,OAAO,CAACS,MAAM,CAAC;MACXC,KAAK,EAAEF,KAAK;MACZG,SAAS,EAAEL,MAAM,CAACM,eAAe,GAC3BN,MAAM,CAACM,eAAe,CAACC,IAAI,CAACC,OAAO,IAAIf,SAAS,CAACS,KAAK,EAAEM,OAAO,CAAC,CAAC,GACjE;IACV,CAAC,CACL,CAAC,IAAI,EAAE;EACf;EAEA,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHZ,MAAM,EAAE,IAAI,CAACA,MAAM,CAACI,GAAG,CAACC,KAAK,IAAIP,aAAa,CAACe,WAAW,CAACR,KAAK,CAAC;IACrE,CAAC;EACL;EAEOS,QAAQ,GAAIT,KAAa,IAAK;IACjC,IAAI,CAACA,KAAK,IAAI,IAAI,CAACL,MAAM,CAACe,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACT,KAAK,KAAKF,KAAK,CAAC,EAAE;MACxD;IACJ;IACA,MAAMY,OAAO,GAAGpB,OAAO,CAACS,MAAM,CAAC;MAAEC,KAAK,EAAEF;IAAM,CAAC,CAAC;IAChD,IAAI,CAACL,MAAM,CAACkB,IAAI,CAACD,OAAO,CAAC;EAC7B,CAAC;EAEME,WAAW,GAAId,KAAa,IAAK;IACpC,IAAI,CAACL,MAAM,GAAG,IAAI,CAACA,MAAM,CAACoB,MAAM,CAC5BH,OAAO,IAAIA,OAAO,CAACV,KAAK,KAAKF,KAAK,IAAI,IAAI,CAACgB,gBAAgB,CAACJ,OAAO,CAACV,KAAK,CAC7E,CAAC;EACL,CAAC;EAEMe,QAAQ,GAAIjB,KAAa,IAAK;IACjC,OAAO,CAAC,CAAC,IAAI,CAACL,MAAM,CAACe,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACT,KAAK,KAAKF,KAAK,CAAC;EACzD,CAAC;EAEMgB,gBAAgB,GAAIhB,KAAa,IAAK;IACzC,OAAO,CAAC,CAAC,IAAI,CAACL,MAAM,CAACe,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACT,KAAK,KAAKF,KAAK,IAAIW,GAAG,CAACR,SAAS,CAAC;EAC1E,CAAC;AACL;AAEA,SAAST,mBAAmB","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","minimatch","TagItem","TagItemMapper","TagsValuesPresenter","values","constructor","init","params","map","value","create","label","protected","protectedValues","some","pattern","vm","toFormatted","addValue","find","tag","tagItem","push","removeValue","filter","isValueProtected","hasValue"],"sources":["TagsValuesPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { minimatch } from \"minimatch\";\nimport { TagItem, type TagItemFormatted, TagItemMapper } from \"~/Tags/domain/index.js\";\n\ninterface TagsValuesPresenterParams {\n    values?: string[];\n    protectedValues?: string[];\n}\n\ninterface ITagsValuesPresenter {\n    vm: {\n        values: TagItemFormatted[];\n    };\n    init: (params: TagsValuesPresenterParams) => void;\n    addValue: (value: string) => void;\n    removeValue: (value: string) => void;\n    hasValue: (value: string) => boolean;\n    isValueProtected: (value: string) => boolean;\n}\n\nclass TagsValuesPresenter implements ITagsValuesPresenter {\n    private values: TagItem[] = [];\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: TagsValuesPresenterParams) {\n        this.values =\n            params.values?.map(value =>\n                TagItem.create({\n                    label: value,\n                    protected: params.protectedValues\n                        ? params.protectedValues.some(pattern => minimatch(value, pattern))\n                        : false\n                })\n            ) ?? [];\n    }\n\n    get vm() {\n        return {\n            values: this.values.map(value => TagItemMapper.toFormatted(value))\n        };\n    }\n\n    public addValue = (value: string) => {\n        if (!value || this.values.find(tag => tag.label === value)) {\n            return;\n        }\n        const tagItem = TagItem.create({ label: value });\n        this.values.push(tagItem);\n    };\n\n    public removeValue = (value: string) => {\n        this.values = this.values.filter(\n            tagItem => tagItem.label !== value || this.isValueProtected(tagItem.label)\n        );\n    };\n\n    public hasValue = (value: string) => {\n        return !!this.values.find(tag => tag.label === value);\n    };\n\n    public isValueProtected = (value: string) => {\n        return !!this.values.find(tag => tag.label === value && tag.protected);\n    };\n}\n\nexport { TagsValuesPresenter, type ITagsValuesPresenter, type TagsValuesPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,SAASC,SAAS,QAAQ,WAAW;AACrC,SAASC,OAAO,EAAyBC,aAAa;AAkBtD,MAAMC,mBAAmB,CAAiC;EAC9CC,MAAM,GAAc,EAAE;EAE9BC,WAAWA,CAAA,EAAG;IACVN,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAO,IAAIA,CAACC,MAAiC,EAAE;IACpC,IAAI,CAACH,MAAM,GACPG,MAAM,CAACH,MAAM,EAAEI,GAAG,CAACC,KAAK,IACpBR,OAAO,CAACS,MAAM,CAAC;MACXC,KAAK,EAAEF,KAAK;MACZG,SAAS,EAAEL,MAAM,CAACM,eAAe,GAC3BN,MAAM,CAACM,eAAe,CAACC,IAAI,CAACC,OAAO,IAAIf,SAAS,CAACS,KAAK,EAAEM,OAAO,CAAC,CAAC,GACjE;IACV,CAAC,CACL,CAAC,IAAI,EAAE;EACf;EAEA,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHZ,MAAM,EAAE,IAAI,CAACA,MAAM,CAACI,GAAG,CAACC,KAAK,IAAIP,aAAa,CAACe,WAAW,CAACR,KAAK,CAAC;IACrE,CAAC;EACL;EAEOS,QAAQ,GAAIT,KAAa,IAAK;IACjC,IAAI,CAACA,KAAK,IAAI,IAAI,CAACL,MAAM,CAACe,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACT,KAAK,KAAKF,KAAK,CAAC,EAAE;MACxD;IACJ;IACA,MAAMY,OAAO,GAAGpB,OAAO,CAACS,MAAM,CAAC;MAAEC,KAAK,EAAEF;IAAM,CAAC,CAAC;IAChD,IAAI,CAACL,MAAM,CAACkB,IAAI,CAACD,OAAO,CAAC;EAC7B,CAAC;EAEME,WAAW,GAAId,KAAa,IAAK;IACpC,IAAI,CAACL,MAAM,GAAG,IAAI,CAACA,MAAM,CAACoB,MAAM,CAC5BH,OAAO,IAAIA,OAAO,CAACV,KAAK,KAAKF,KAAK,IAAI,IAAI,CAACgB,gBAAgB,CAACJ,OAAO,CAACV,KAAK,CAC7E,CAAC;EACL,CAAC;EAEMe,QAAQ,GAAIjB,KAAa,IAAK;IACjC,OAAO,CAAC,CAAC,IAAI,CAACL,MAAM,CAACe,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACT,KAAK,KAAKF,KAAK,CAAC;EACzD,CAAC;EAEMgB,gBAAgB,GAAIhB,KAAa,IAAK;IACzC,OAAO,CAAC,CAAC,IAAI,CAACL,MAAM,CAACe,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACT,KAAK,KAAKF,KAAK,IAAIW,GAAG,CAACR,SAAS,CAAC;EAC1E,CAAC;AACL;AAEA,SAAST,mBAAmB","ignoreList":[]}

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

@@ -1,3 +1,3 @@
-export * from "./TagsPresenter";
-export * from "./TagsInputPresenter";
-export * from "./TagsValuesPresenter";
+export * from "./TagsPresenter.js";
+export * from "./TagsInputPresenter.js";
+export * from "./TagsValuesPresenter.js";

package/Tags/primitives/presenters/index.js

@@ -1,5 +1,5 @@
-export * from "./TagsPresenter";
-export * from "./TagsInputPresenter";
-export * from "./TagsValuesPresenter";
+export * from "./TagsPresenter.js";
+export * from "./TagsInputPresenter.js";
+export * from "./TagsValuesPresenter.js";
 
 //# sourceMappingURL=index.js.map

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

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

package/Tags/primitives/useTags.d.ts

@@ -1,4 +1,4 @@
-import type { TagsPrimitiveProps } from "./TagsPrimitive";
+import type { TagsPrimitiveProps } from "./TagsPrimitive.js";
 export declare const useTags: (props: TagsPrimitiveProps) => {
     vm: {
         inputVm: {
@@ -6,7 +6,7 @@ export declare const useTags: (props: TagsPrimitiveProps) => {
             value: string;
         };
         valuesVm: {
-            values: import("../domain").TagItemFormatted[];
+            values: import("../domain/TagItemFormatted.js").TagItemFormatted[];
         };
     };
     inputValue: (value: string) => void;

package/Tags/primitives/useTags.js

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
-import { TagsInputPresenter, TagsPresenter, TagsValuesPresenter } from "./presenters";
+import { TagsInputPresenter, TagsPresenter, TagsValuesPresenter } from "./presenters/index.js";
 export const useTags = props => {
   const params = useMemo(() => ({
     values: props.value,

package/Tags/primitives/useTags.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","TagsInputPresenter","TagsPresenter","TagsValuesPresenter","useTags","props","params","values","value","protectedValues","placeholder","onValueChange","onChange","onValueInput","onValueAdd","onValueRemove","presenter","inputPresenter","valuesPresenter","vm","setVm","init","inputValue","addValue","removeValue"],"sources":["useTags.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport {\n    TagsInputPresenter,\n    TagsPresenter,\n    type TagsPresenterParams,\n    TagsValuesPresenter\n} from \"./presenters\";\nimport type { TagsPrimitiveProps } from \"./TagsPrimitive\";\n\nexport const useTags = (props: TagsPrimitiveProps) => {\n    const params: TagsPresenterParams = useMemo(\n        () => ({\n            values: props.value,\n            protectedValues: props.protectedValues,\n            placeholder: props.placeholder,\n            onValueChange: props.onChange,\n            onValueInput: props.onValueInput,\n            onValueAdd: props.onValueAdd,\n            onValueRemove: props.onValueRemove\n        }),\n        [\n            props.value,\n            props.protectedValues,\n            props.placeholder,\n            props.onChange,\n            props.onValueInput,\n            props.onValueAdd,\n            props.onValueRemove\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        const inputPresenter = new TagsInputPresenter();\n        const valuesPresenter = new TagsValuesPresenter();\n\n        return new TagsPresenter(inputPresenter, valuesPresenter);\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        inputValue: presenter.inputValue,\n        addValue: presenter.addValue,\n        removeValue: presenter.removeValue\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAC9B,SACIC,kBAAkB,EAClBC,aAAa,EAEbC,mBAAmB;AAIvB,OAAO,MAAMC,OAAO,GAAIC,KAAyB,IAAK;EAClD,MAAMC,MAA2B,GAAGR,OAAO,CACvC,OAAO;IACHS,MAAM,EAAEF,KAAK,CAACG,KAAK;IACnBC,eAAe,EAAEJ,KAAK,CAACI,eAAe;IACtCC,WAAW,EAAEL,KAAK,CAACK,WAAW;IAC9BC,aAAa,EAAEN,KAAK,CAACO,QAAQ;IAC7BC,YAAY,EAAER,KAAK,CAACQ,YAAY;IAChCC,UAAU,EAAET,KAAK,CAACS,UAAU;IAC5BC,aAAa,EAAEV,KAAK,CAACU;EACzB,CAAC,CAAC,EACF,CACIV,KAAK,CAACG,KAAK,EACXH,KAAK,CAACI,eAAe,EACrBJ,KAAK,CAACK,WAAW,EACjBL,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACQ,YAAY,EAClBR,KAAK,CAACS,UAAU,EAChBT,KAAK,CAACU,aAAa,CAE3B,CAAC;EAED,MAAMC,SAAS,GAAGlB,OAAO,CAAC,MAAM;IAC5B,MAAMmB,cAAc,GAAG,IAAIhB,kBAAkB,CAAC,CAAC;IAC/C,MAAMiB,eAAe,GAAG,IAAIf,mBAAmB,CAAC,CAAC;IAEjD,OAAO,IAAID,aAAa,CAACe,cAAc,EAAEC,eAAe,CAAC;EAC7D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACC,EAAE,EAAEC,KAAK,CAAC,GAAGrB,QAAQ,CAACiB,SAAS,CAACG,EAAE,CAAC;EAE1CtB,SAAS,CAAC,MAAM;IACZmB,SAAS,CAACK,IAAI,CAACf,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,EAAEU,SAAS,CAAC,CAAC;EAEvBnB,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBoB,KAAK,CAACJ,SAAS,CAACG,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACH,SAAS,CAAC,CAAC;EAEf,OAAO;IACHG,EAAE;IACFG,UAAU,EAAEN,SAAS,CAACM,UAAU;IAChCC,QAAQ,EAAEP,SAAS,CAACO,QAAQ;IAC5BC,WAAW,EAAER,SAAS,CAACQ;EAC3B,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","TagsInputPresenter","TagsPresenter","TagsValuesPresenter","useTags","props","params","values","value","protectedValues","placeholder","onValueChange","onChange","onValueInput","onValueAdd","onValueRemove","presenter","inputPresenter","valuesPresenter","vm","setVm","init","inputValue","addValue","removeValue"],"sources":["useTags.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport {\n    TagsInputPresenter,\n    TagsPresenter,\n    type TagsPresenterParams,\n    TagsValuesPresenter\n} from \"./presenters/index.js\";\nimport type { TagsPrimitiveProps } from \"./TagsPrimitive.js\";\n\nexport const useTags = (props: TagsPrimitiveProps) => {\n    const params: TagsPresenterParams = useMemo(\n        () => ({\n            values: props.value,\n            protectedValues: props.protectedValues,\n            placeholder: props.placeholder,\n            onValueChange: props.onChange,\n            onValueInput: props.onValueInput,\n            onValueAdd: props.onValueAdd,\n            onValueRemove: props.onValueRemove\n        }),\n        [\n            props.value,\n            props.protectedValues,\n            props.placeholder,\n            props.onChange,\n            props.onValueInput,\n            props.onValueAdd,\n            props.onValueRemove\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        const inputPresenter = new TagsInputPresenter();\n        const valuesPresenter = new TagsValuesPresenter();\n\n        return new TagsPresenter(inputPresenter, valuesPresenter);\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        inputValue: presenter.inputValue,\n        addValue: presenter.addValue,\n        removeValue: presenter.removeValue\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAC9B,SACIC,kBAAkB,EAClBC,aAAa,EAEbC,mBAAmB;AAIvB,OAAO,MAAMC,OAAO,GAAIC,KAAyB,IAAK;EAClD,MAAMC,MAA2B,GAAGR,OAAO,CACvC,OAAO;IACHS,MAAM,EAAEF,KAAK,CAACG,KAAK;IACnBC,eAAe,EAAEJ,KAAK,CAACI,eAAe;IACtCC,WAAW,EAAEL,KAAK,CAACK,WAAW;IAC9BC,aAAa,EAAEN,KAAK,CAACO,QAAQ;IAC7BC,YAAY,EAAER,KAAK,CAACQ,YAAY;IAChCC,UAAU,EAAET,KAAK,CAACS,UAAU;IAC5BC,aAAa,EAAEV,KAAK,CAACU;EACzB,CAAC,CAAC,EACF,CACIV,KAAK,CAACG,KAAK,EACXH,KAAK,CAACI,eAAe,EACrBJ,KAAK,CAACK,WAAW,EACjBL,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACQ,YAAY,EAClBR,KAAK,CAACS,UAAU,EAChBT,KAAK,CAACU,aAAa,CAE3B,CAAC;EAED,MAAMC,SAAS,GAAGlB,OAAO,CAAC,MAAM;IAC5B,MAAMmB,cAAc,GAAG,IAAIhB,kBAAkB,CAAC,CAAC;IAC/C,MAAMiB,eAAe,GAAG,IAAIf,mBAAmB,CAAC,CAAC;IAEjD,OAAO,IAAID,aAAa,CAACe,cAAc,EAAEC,eAAe,CAAC;EAC7D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACC,EAAE,EAAEC,KAAK,CAAC,GAAGrB,QAAQ,CAACiB,SAAS,CAACG,EAAE,CAAC;EAE1CtB,SAAS,CAAC,MAAM;IACZmB,SAAS,CAACK,IAAI,CAACf,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,EAAEU,SAAS,CAAC,CAAC;EAEvBnB,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBoB,KAAK,CAACJ,SAAS,CAACG,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACH,SAAS,CAAC,CAAC;EAEf,OAAO;IACHG,EAAE;IACFG,UAAU,EAAEN,SAAS,CAACM,UAAU;IAChCC,QAAQ,EAAEP,SAAS,CAACO,QAAQ;IAC5BC,WAAW,EAAER,SAAS,CAACQ;EAC3B,CAAC;AACL,CAAC","ignoreList":[]}

package/Text/Text.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type VariantProps } from "../utils";
+import { type VariantProps } from "../utils.js";
 type TextTags = "span" | "div";
 declare const textVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | null | undefined;
@@ -20,7 +20,7 @@ declare const Text: (({ children, size, className, as: Tag, ...props }: TextProp
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children, size, className, as: Tag, ...props }: TextProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ children, size, className, as: Tag, ...props }: TextProps) => React.JSX.Element) & {
         original: ({ children, size, className, as: Tag, ...props }: TextProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Text/Text.js

@@ -1,12 +1,12 @@
 import React from "react";
-import { cn, cva, makeDecoratable } from "../utils";
-const textVariants = cva("wby-font-sans", {
+import { cn, cva, makeDecoratable } from "../utils.js";
+const textVariants = cva("font-sans", {
   variants: {
     size: {
-      xl: "wby-text-xl",
-      lg: "wby-text-lg",
-      md: "wby-text-md",
-      sm: "wby-text-sm"
+      xl: "text-xl",
+      lg: "text-lg",
+      md: "text-md",
+      sm: "text-sm"
     }
   },
   defaultVariants: {

package/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","makeDecoratable","textVariants","variants","size","xl","lg","md","sm","defaultVariants","TextBase","children","className","as","Tag","props","createElement","Object","assign","Text"],"sources":["Text.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils\";\n\ntype TextTags = \"span\" | \"div\";\n\nconst textVariants = cva(\"wby-font-sans\", {\n    variants: {\n        size: {\n            xl: \"wby-text-xl\",\n            lg: \"wby-text-lg\",\n            md: \"wby-text-md\",\n            sm: \"wby-text-sm\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface TextProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {\n    as?: TextTags;\n}\n\nconst TextBase = ({ children, size, className, as: Tag = \"span\", ...props }: TextProps) => {\n    return (\n        <Tag {...props} className={cn(textVariants({ size }), className)}>\n            {children}\n        </Tag>\n    );\n};\n\nconst Text = makeDecoratable(\"Text\", TextBase);\n\nexport { Text, type TextProps, type TextTags };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AAIjC,MAAMC,YAAY,GAAGF,GAAG,CAAC,eAAe,EAAE;EACtCG,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbL,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAMF,MAAMM,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEP,IAAI;EAAEQ,SAAS;EAAEC,EAAE,EAAEC,GAAG,GAAG,MAAM;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACvF,oBACIjB,KAAA,CAAAkB,aAAA,CAACF,GAAG,EAAAG,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEH,SAAS,EAAEb,EAAE,CAACG,YAAY,CAAC;MAAEE;IAAK,CAAC,CAAC,EAAEQ,SAAS;EAAE,IAC5DD,QACA,CAAC;AAEd,CAAC;AAED,MAAMQ,IAAI,GAAGlB,eAAe,CAAC,MAAM,EAAES,QAAQ,CAAC;AAE9C,SAASS,IAAI","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","makeDecoratable","textVariants","variants","size","xl","lg","md","sm","defaultVariants","TextBase","children","className","as","Tag","props","createElement","Object","assign","Text"],"sources":["Text.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils.js\";\n\ntype TextTags = \"span\" | \"div\";\n\nconst textVariants = cva(\"font-sans\", {\n    variants: {\n        size: {\n            xl: \"text-xl\",\n            lg: \"text-lg\",\n            md: \"text-md\",\n            sm: \"text-sm\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface TextProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {\n    as?: TextTags;\n}\n\nconst TextBase = ({ children, size, className, as: Tag = \"span\", ...props }: TextProps) => {\n    return (\n        <Tag {...props} className={cn(textVariants({ size }), className)}>\n            {children}\n        </Tag>\n    );\n};\n\nconst Text = makeDecoratable(\"Text\", TextBase);\n\nexport { Text, type TextProps, type TextTags };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AAIjC,MAAMC,YAAY,GAAGF,GAAG,CAAC,WAAW,EAAE;EAClCG,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbL,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAMF,MAAMM,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEP,IAAI;EAAEQ,SAAS;EAAEC,EAAE,EAAEC,GAAG,GAAG,MAAM;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACvF,oBACIjB,KAAA,CAAAkB,aAAA,CAACF,GAAG,EAAAG,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEH,SAAS,EAAEb,EAAE,CAACG,YAAY,CAAC;MAAEE;IAAK,CAAC,CAAC,EAAEQ,SAAS;EAAE,IAC5DD,QACA,CAAC;AAEd,CAAC;AAED,MAAMQ,IAAI,GAAGlB,eAAe,CAAC,MAAM,EAAES,QAAQ,CAAC;AAE9C,SAASS,IAAI","ignoreList":[]}

package/Text/Text.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
 
 import * as TextStories from './Text.stories';
 
@@ -138,4 +138,4 @@ const TextAsExample = () => {
 };
 
 export default TextAsExample;
-```
+```

package/Text/Text.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Text } from "./Text";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { Text } from "./Text.js";
 declare const meta: Meta<typeof Text>;
 export default meta;
 type Story = StoryObj<typeof Text>;

package/Text/Text.stories.js

@@ -1,4 +1,4 @@
-import { Text } from "./Text";
+import { Text } from "./Text.js";
 const meta = {
   title: "Components/Text",
   component: Text,

package/Text/Text.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["Text","meta","title","component","argTypes","size","control","options","TextXl","args","children","TextLg","TextMd","TextSm","Documentation","description"],"sources":["Text.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\n\nimport { Text } from \"./Text\";\n\nconst meta: Meta<typeof Text> = {\n    title: \"Components/Text\",\n    component: Text,\n    argTypes: {\n        size: { control: \"select\", options: [\"sm\", \"md\", \"lg\", \"xl\"] }\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Text>;\n\nexport const TextXl: Story = {\n    args: {\n        size: \"xl\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextLg: Story = {\n    args: {\n        size: \"lg\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextMd: Story = {\n    args: {\n        size: \"md\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextSm: Story = {\n    args: {\n        size: \"sm\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        size: \"md\",\n        children: \"Text component example\"\n    },\n    argTypes: {\n        size: {\n            description: \"The size of the text\",\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\"]\n        },\n        children: {\n            description: \"The content of the text\",\n            control: \"text\"\n        }\n    }\n};\n"],"mappings":"AAEA,SAASA,IAAI;AAEb,MAAMC,IAAuB,GAAG;EAC5BC,KAAK,EAAE,iBAAiB;EACxBC,SAAS,EAAEH,IAAI;EACfI,QAAQ,EAAE;IACNC,IAAI,EAAE;MAAEC,OAAO,EAAE,QAAQ;MAAEC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAAE;EACjE;AACJ,CAAC;AAED,eAAeN,IAAI;AAGnB,OAAO,MAAMO,MAAa,GAAG;EACzBC,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAMC,MAAa,GAAG;EACzBF,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAME,MAAa,GAAG;EACzBH,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAMG,MAAa,GAAG;EACzBJ,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAMI,aAAoB,GAAG;EAChCL,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EAAE;EACd,CAAC;EACDN,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFU,WAAW,EAAE,sBAAsB;MACnCT,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IACpC,CAAC;IACDG,QAAQ,EAAE;MACNK,WAAW,EAAE,yBAAyB;MACtCT,OAAO,EAAE;IACb;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["Text","meta","title","component","argTypes","size","control","options","TextXl","args","children","TextLg","TextMd","TextSm","Documentation","description"],"sources":["Text.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-webpack5\";\n\nimport { Text } from \"./Text.js\";\n\nconst meta: Meta<typeof Text> = {\n    title: \"Components/Text\",\n    component: Text,\n    argTypes: {\n        size: { control: \"select\", options: [\"sm\", \"md\", \"lg\", \"xl\"] }\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Text>;\n\nexport const TextXl: Story = {\n    args: {\n        size: \"xl\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextLg: Story = {\n    args: {\n        size: \"lg\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextMd: Story = {\n    args: {\n        size: \"md\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextSm: Story = {\n    args: {\n        size: \"sm\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        size: \"md\",\n        children: \"Text component example\"\n    },\n    argTypes: {\n        size: {\n            description: \"The size of the text\",\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\"]\n        },\n        children: {\n            description: \"The content of the text\",\n            control: \"text\"\n        }\n    }\n};\n"],"mappings":"AAEA,SAASA,IAAI;AAEb,MAAMC,IAAuB,GAAG;EAC5BC,KAAK,EAAE,iBAAiB;EACxBC,SAAS,EAAEH,IAAI;EACfI,QAAQ,EAAE;IACNC,IAAI,EAAE;MAAEC,OAAO,EAAE,QAAQ;MAAEC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAAE;EACjE;AACJ,CAAC;AAED,eAAeN,IAAI;AAGnB,OAAO,MAAMO,MAAa,GAAG;EACzBC,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAMC,MAAa,GAAG;EACzBF,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAME,MAAa,GAAG;EACzBH,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAMG,MAAa,GAAG;EACzBJ,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAMI,aAAoB,GAAG;EAChCL,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EAAE;EACd,CAAC;EACDN,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFU,WAAW,EAAE,sBAAsB;MACnCT,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IACpC,CAAC;IACDG,QAAQ,EAAE;MACNK,WAAW,EAAE,yBAAyB;MACtCT,OAAO,EAAE;IACb;EACJ;AACJ,CAAC","ignoreList":[]}

package/Text/index.d.ts

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

package/Text/index.js

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

package/Text/index.js.map

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

package/Textarea/Textarea.d.ts

@@ -1,22 +1,22 @@
 import React from "react";
-import type { TextareaPrimitiveProps } from "./TextareaPrimitive";
-import type { FormComponentProps } from "../FormComponent";
+import type { TextareaPrimitiveProps } from "./TextareaPrimitive.js";
+import type { FormComponentProps } from "../FormComponent/index.js";
 type TextareaGroupProps = Omit<TextareaPrimitiveProps, "onChange"> & FormComponentProps;
-declare const Textarea: (({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TextareaGroupProps) => React.JSX.Element) & {
-    original: ({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TextareaGroupProps) => React.JSX.Element;
+declare const Textarea: (({ label, description, note, hint, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TextareaGroupProps) => React.JSX.Element) & {
+    original: ({ label, description, note, hint, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TextareaGroupProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TextareaGroupProps) => React.JSX.Element) & {
-        original: ({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TextareaGroupProps) => React.JSX.Element;
+    original: (({ label, description, note, hint, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TextareaGroupProps) => React.JSX.Element) & {
+        original: ({ label, description, note, hint, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TextareaGroupProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TextareaGroupProps) => React.JSX.Element) & {
-        original: ({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TextareaGroupProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ label, description, note, hint, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TextareaGroupProps) => React.JSX.Element) & {
+        original: ({ label, description, note, hint, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TextareaGroupProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Textarea/Textarea.js

@@ -1,11 +1,12 @@
 import React, { useCallback, useMemo } from "react";
-import { generateId, makeDecoratable } from "../utils";
-import { TextareaPrimitive } from "./TextareaPrimitive";
-import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent";
+import { generateId, makeDecoratable } from "../utils.js";
+import { TextareaPrimitive } from "./TextareaPrimitive.js";
+import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent/index.js";
 const DecoratableTextarea = ({
   label,
   description,
   note,
+  hint,
   required,
   disabled,
   validation,
@@ -29,10 +30,11 @@ const DecoratableTextarea = ({
     originalOnBlur && originalOnBlur(e);
   }, [validate, originalOnBlur]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full"
+    className: "w-full"
   }, /*#__PURE__*/React.createElement(FormComponentLabel, {
     htmlFor: id,
     text: label,
+    hint: hint,
     required: required,
     disabled: disabled,
     invalid: invalid

package/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","generateId","makeDecoratable","TextareaPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableTextarea","label","description","note","required","disabled","validation","validate","onBlur","originalOnBlur","props","isValid","validationIsValid","message","validationMessage","id","invalid","e","persist","createElement","className","htmlFor","text","Object","assign","Textarea"],"sources":["Textarea.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { generateId, makeDecoratable } from \"~/utils\";\nimport type { TextareaPrimitiveProps } from \"./TextareaPrimitive\";\nimport { TextareaPrimitive } from \"./TextareaPrimitive\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent\";\n\ntype TextareaGroupProps = Omit<TextareaPrimitiveProps, \"onChange\"> & FormComponentProps;\n\nconst DecoratableTextarea = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    validate,\n    onBlur: originalOnBlur,\n    ...props\n}: TextareaGroupProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const id = useMemo(() => generateId(props.id), [props.id]);\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    const onBlur = useCallback(\n        async (e: React.FocusEvent<HTMLTextAreaElement>) => {\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            originalOnBlur && originalOnBlur(e);\n        },\n        [validate, originalOnBlur]\n    );\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                htmlFor={id}\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <TextareaPrimitive\n                {...props}\n                id={id}\n                disabled={disabled}\n                invalid={invalid}\n                onBlur={onBlur}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst Textarea = makeDecoratable(\"Textarea\", DecoratableTextarea);\n\nexport { Textarea };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,UAAU,EAAEC,eAAe;AAEpC,SAASC,iBAAiB;AAE1B,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAKrB,MAAMC,mBAAmB,GAAGA,CAAC;EACzBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,MAAM,EAAEC,cAAc;EACtB,GAAGC;AACa,CAAC,KAAK;EACtB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGR,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMS,EAAE,GAAGvB,OAAO,CAAC,MAAMC,UAAU,CAACiB,KAAK,CAACK,EAAE,CAAC,EAAE,CAACL,KAAK,CAACK,EAAE,CAAC,CAAC;EAC1D,MAAMC,OAAO,GAAGxB,OAAO,CAAC,MAAMoB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,MAAMJ,MAAM,GAAGjB,WAAW,CACtB,MAAO0B,CAAwC,IAAK;IAChD,IAAIV,QAAQ,EAAE;MACV;MACA;MACAU,CAAC,CAACC,OAAO,CAAC,CAAC;MACX,MAAMX,QAAQ,CAAC,CAAC;IACpB;IACAE,cAAc,IAAIA,cAAc,CAACQ,CAAC,CAAC;EACvC,CAAC,EACD,CAACV,QAAQ,EAAEE,cAAc,CAC7B,CAAC;EAED,oBACInB,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzB9B,KAAA,CAAA6B,aAAA,CAACrB,kBAAkB;IACfuB,OAAO,EAAEN,EAAG;IACZO,IAAI,EAAErB,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACF1B,KAAA,CAAA6B,aAAA,CAACvB,wBAAwB;IAAC0B,IAAI,EAAEpB,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEf,KAAA,CAAA6B,aAAA,CAACxB,iBAAiB,EAAA4B,MAAA,CAAAC,MAAA,KACVd,KAAK;IACTK,EAAE,EAAEA,EAAG;IACPV,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA,OAAQ;IACjBR,MAAM,EAAEA;EAAO,EAClB,CAAC,eACFlB,KAAA,CAAA6B,aAAA,CAACtB,yBAAyB;IACtByB,IAAI,EAAER,iBAAkB;IACxBE,OAAO,EAAEA,OAAQ;IACjBX,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFf,KAAA,CAAA6B,aAAA,CAACpB,iBAAiB;IAACuB,IAAI,EAAEnB,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMoB,QAAQ,GAAG/B,eAAe,CAAC,UAAU,EAAEM,mBAAmB,CAAC;AAEjE,SAASyB,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","generateId","makeDecoratable","TextareaPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableTextarea","label","description","note","hint","required","disabled","validation","validate","onBlur","originalOnBlur","props","isValid","validationIsValid","message","validationMessage","id","invalid","e","persist","createElement","className","htmlFor","text","Object","assign","Textarea"],"sources":["Textarea.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { generateId, makeDecoratable } from \"~/utils.js\";\nimport type { TextareaPrimitiveProps } from \"./TextareaPrimitive.js\";\nimport { TextareaPrimitive } from \"./TextareaPrimitive.js\";\nimport type { FormComponentProps } from \"~/FormComponent/index.js\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent/index.js\";\n\ntype TextareaGroupProps = Omit<TextareaPrimitiveProps, \"onChange\"> & FormComponentProps;\n\nconst DecoratableTextarea = ({\n    label,\n    description,\n    note,\n    hint,\n    required,\n    disabled,\n    validation,\n    validate,\n    onBlur: originalOnBlur,\n    ...props\n}: TextareaGroupProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const id = useMemo(() => generateId(props.id), [props.id]);\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    const onBlur = useCallback(\n        async (e: React.FocusEvent<HTMLTextAreaElement>) => {\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            originalOnBlur && originalOnBlur(e);\n        },\n        [validate, originalOnBlur]\n    );\n\n    return (\n        <div className={\"w-full\"}>\n            <FormComponentLabel\n                htmlFor={id}\n                text={label}\n                hint={hint}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <TextareaPrimitive\n                {...props}\n                id={id}\n                disabled={disabled}\n                invalid={invalid}\n                onBlur={onBlur}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst Textarea = makeDecoratable(\"Textarea\", DecoratableTextarea);\n\nexport { Textarea };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,UAAU,EAAEC,eAAe;AAEpC,SAASC,iBAAiB;AAE1B,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAKrB,MAAMC,mBAAmB,GAAGA,CAAC;EACzBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,MAAM,EAAEC,cAAc;EACtB,GAAGC;AACa,CAAC,KAAK;EACtB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGR,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMS,EAAE,GAAGxB,OAAO,CAAC,MAAMC,UAAU,CAACkB,KAAK,CAACK,EAAE,CAAC,EAAE,CAACL,KAAK,CAACK,EAAE,CAAC,CAAC;EAC1D,MAAMC,OAAO,GAAGzB,OAAO,CAAC,MAAMqB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,MAAMJ,MAAM,GAAGlB,WAAW,CACtB,MAAO2B,CAAwC,IAAK;IAChD,IAAIV,QAAQ,EAAE;MACV;MACA;MACAU,CAAC,CAACC,OAAO,CAAC,CAAC;MACX,MAAMX,QAAQ,CAAC,CAAC;IACpB;IACAE,cAAc,IAAIA,cAAc,CAACQ,CAAC,CAAC;EACvC,CAAC,EACD,CAACV,QAAQ,EAAEE,cAAc,CAC7B,CAAC;EAED,oBACIpB,KAAA,CAAA8B,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrB/B,KAAA,CAAA8B,aAAA,CAACtB,kBAAkB;IACfwB,OAAO,EAAEN,EAAG;IACZO,IAAI,EAAEtB,KAAM;IACZG,IAAI,EAAEA,IAAK;IACXC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACF3B,KAAA,CAAA8B,aAAA,CAACxB,wBAAwB;IAAC2B,IAAI,EAAErB,WAAY;IAACI,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEhB,KAAA,CAAA8B,aAAA,CAACzB,iBAAiB,EAAA6B,MAAA,CAAAC,MAAA,KACVd,KAAK;IACTK,EAAE,EAAEA,EAAG;IACPV,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA,OAAQ;IACjBR,MAAM,EAAEA;EAAO,EAClB,CAAC,eACFnB,KAAA,CAAA8B,aAAA,CAACvB,yBAAyB;IACtB0B,IAAI,EAAER,iBAAkB;IACxBE,OAAO,EAAEA,OAAQ;IACjBX,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFhB,KAAA,CAAA8B,aAAA,CAACrB,iBAAiB;IAACwB,IAAI,EAAEpB,IAAK;IAACG,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMoB,QAAQ,GAAGhC,eAAe,CAAC,UAAU,EAAEM,mBAAmB,CAAC;AAEjE,SAAS0B,QAAQ","ignoreList":[]}

package/Textarea/Textarea.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
 
 import * as TextareaStories from './Textarea.stories';
 

package/Textarea/Textarea.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Textarea } from "./";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { Textarea } from "../Textarea/index.js";
 declare const meta: Meta<typeof Textarea>;
 export default meta;
 type Story = StoryObj<typeof Textarea>;

package/Textarea/Textarea.stories.js

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { Textarea } from "./";
+import { Textarea } from "./index.js";
 const meta = {
   title: "Components/Form/Textarea",
   component: Textarea,
@@ -86,12 +86,10 @@ export const Documentation = {
       control: "text"
     },
     onChange: {
-      description: "Function called when the textarea value changes",
-      control: "none"
+      description: "Function called when the textarea value changes"
     },
     validate: {
-      description: "Custom validation function, please refer to **With Validate Function** section below.",
-      control: "none"
+      description: "Custom validation function, please refer to **With Validate Function** section below."
     }
   }
 };