@webiny/admin-ui 6.0.0-alpha.0 → 6.0.0-alpha.2

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

@@ -0,0 +1,22 @@
+export interface TagsInputPresenterParams {
+    placeholder?: string;
+}
+export interface ITagsInputPresenter {
+    vm: {
+        placeholder: string;
+        value: string;
+    };
+    init: (params: TagsInputPresenterParams) => void;
+    setValue: (query: string) => void;
+}
+export declare class TagsInputPresenter implements ITagsInputPresenter {
+    private value?;
+    private placeholder?;
+    constructor();
+    init(params?: TagsInputPresenterParams): void;
+    get vm(): {
+        placeholder: string;
+        value: string;
+    };
+    setValue: (value: string) => void;
+}

package/Tags/primitives/presenters/TagsInputPresenter.js

@@ -0,0 +1,22 @@
+import { makeAutoObservable } from "mobx";
+export class TagsInputPresenter {
+  value = undefined;
+  placeholder = undefined;
+  constructor() {
+    makeAutoObservable(this);
+  }
+  init(params) {
+    this.placeholder = params?.placeholder;
+  }
+  get vm() {
+    return {
+      placeholder: this.placeholder || "",
+      value: this.value || ""
+    };
+  }
+  setValue = value => {
+    this.value = value;
+  };
+}
+
+//# sourceMappingURL=TagsInputPresenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","TagsInputPresenter","value","undefined","placeholder","constructor","init","params","vm","setValue"],"sources":["TagsInputPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nexport interface TagsInputPresenterParams {\n    placeholder?: string;\n}\n\nexport interface ITagsInputPresenter {\n    vm: {\n        placeholder: string;\n        value: string;\n    };\n    init: (params: TagsInputPresenterParams) => void;\n    setValue: (query: string) => void;\n}\n\nexport class TagsInputPresenter implements ITagsInputPresenter {\n    private value?: string = undefined;\n    private placeholder?: string = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params?: TagsInputPresenterParams) {\n        this.placeholder = params?.placeholder;\n    }\n\n    get vm() {\n        return {\n            placeholder: this.placeholder || \"\",\n            value: this.value || \"\"\n        };\n    }\n\n    public setValue = (value: string) => {\n        this.value = value;\n    };\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAezC,OAAO,MAAMC,kBAAkB,CAAgC;EACnDC,KAAK,GAAYC,SAAS;EAC1BC,WAAW,GAAYD,SAAS;EAExCE,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAM,IAAIA,CAACC,MAAiC,EAAE;IACpC,IAAI,CAACH,WAAW,GAAGG,MAAM,EAAEH,WAAW;EAC1C;EAEA,IAAII,EAAEA,CAAA,EAAG;IACL,OAAO;MACHJ,WAAW,EAAE,IAAI,CAACA,WAAW,IAAI,EAAE;MACnCF,KAAK,EAAE,IAAI,CAACA,KAAK,IAAI;IACzB,CAAC;EACL;EAEOO,QAAQ,GAAIP,KAAa,IAAK;IACjC,IAAI,CAACA,KAAK,GAAGA,KAAK;EACtB,CAAC;AACL","ignoreList":[]}

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

@@ -0,0 +1,42 @@
+import { type ITagsInputPresenter } from "./TagsInputPresenter";
+import { type ITagsValuesPresenter } from "./TagsValuesPresenter";
+interface TagsPresenterParams {
+    values?: string[];
+    protectedValues?: string[];
+    onValueChange?: (values: string[]) => void;
+    onValueInput?: (value: string) => void;
+    onValueAdd?: (value: string) => void;
+    onValueRemove?: (value: string) => void;
+    placeholder?: string;
+}
+interface ITagsPresenter {
+    vm: {
+        inputVm: ITagsInputPresenter["vm"];
+        valuesVm: ITagsValuesPresenter["vm"];
+    };
+    init: (params: TagsPresenterParams) => void;
+    inputValue: (value: string) => void;
+    addValue: (value: string) => void;
+    removeValue: (value: string) => void;
+}
+declare class TagsPresenter implements ITagsPresenter {
+    private params?;
+    private inputPresenter;
+    private valuesPresenter;
+    constructor(inputPresenter: ITagsInputPresenter, valuesPresenter: ITagsValuesPresenter);
+    init(params: TagsPresenterParams): void;
+    get vm(): {
+        inputVm: {
+            placeholder: string;
+            value: string;
+        };
+        valuesVm: {
+            values: import("../../domain").TagItemFormatted[];
+        };
+    };
+    inputValue: (value: string) => void;
+    addValue: () => void;
+    removeValue: (value: string) => void;
+    private getValues;
+}
+export { TagsPresenter, type ITagsPresenter, type TagsPresenterParams };

package/Tags/primitives/presenters/TagsPresenter.js

@@ -0,0 +1,68 @@
+import { makeAutoObservable } from "mobx";
+class TagsPresenter {
+  params = undefined;
+  constructor(inputPresenter, valuesPresenter) {
+    this.inputPresenter = inputPresenter;
+    this.valuesPresenter = valuesPresenter;
+    makeAutoObservable(this);
+  }
+  init(params) {
+    this.params = params;
+    this.inputPresenter.init({
+      placeholder: params.placeholder
+    });
+    this.valuesPresenter.init({
+      values: params.values,
+      protectedValues: params.protectedValues
+    });
+  }
+  get vm() {
+    return {
+      inputVm: this.inputPresenter.vm,
+      valuesVm: this.valuesPresenter.vm
+    };
+  }
+  inputValue = value => {
+    this.inputPresenter.setValue(value);
+    if (this.params?.onValueInput) {
+      this.params.onValueInput(value);
+    }
+  };
+  addValue = () => {
+    const value = this.vm.inputVm.value.trim();
+    if (!value) {
+      return;
+    }
+    this.inputPresenter.setValue("");
+    if (this.valuesPresenter.hasValue(value)) {
+      // If the value already exists, do not add it again
+      return;
+    }
+    this.valuesPresenter.addValue(value);
+    if (this.params?.onValueAdd) {
+      this.params.onValueAdd(value);
+    }
+    if (this.params?.onValueChange) {
+      this.params.onValueChange(this.getValues());
+    }
+  };
+  removeValue = value => {
+    this.valuesPresenter.removeValue(value);
+    if (this.valuesPresenter.isValueProtected(value)) {
+      // If the value is protected, do not remove it
+      return;
+    }
+    if (this.params?.onValueRemove) {
+      this.params.onValueRemove(value);
+    }
+    if (this.params?.onValueChange) {
+      this.params.onValueChange(this.getValues());
+    }
+  };
+  getValues = () => {
+    return this.valuesPresenter.vm.values.map(tag => tag.label);
+  };
+}
+export { TagsPresenter };
+
+//# sourceMappingURL=TagsPresenter.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,220 @@
+import { TagsPresenter } from "./TagsPresenter";
+import { TagsValuesPresenter } from "./TagsValuesPresenter";
+import { TagsInputPresenter } from "./TagsInputPresenter";
+describe("TagsPresenter", () => {
+  let presenter;
+  const onValueChange = jest.fn();
+  const onValueInput = jest.fn();
+  const onValueAdd = jest.fn();
+  const onValueRemove = jest.fn();
+  beforeEach(() => {
+    const tagsInputPresenter = new TagsInputPresenter();
+    const tagsValuesPresenter = new TagsValuesPresenter();
+    presenter = new TagsPresenter(tagsInputPresenter, tagsValuesPresenter);
+  });
+  it("should return the compatible `vm.inputVm` based on", () => {
+    presenter.init({
+      placeholder: "Custom placeholder"
+    });
+    expect(presenter.vm.inputVm.placeholder).toBe("Custom placeholder");
+  });
+  it("should return the compatible `vm.valuesVm` based on", () => {
+    presenter.init({
+      values: ["tag1", "tag2"]
+    });
+    expect(presenter.vm.valuesVm.values).toEqual([{
+      id: expect.any(String),
+      label: "tag1",
+      protected: false
+    }, {
+      id: expect.any(String),
+      label: "tag2",
+      protected: false
+    }]);
+  });
+  it("should call `onValueInput` and add the new value when input a value", () => {
+    presenter.init({
+      onValueInput
+    });
+    const value1 = "value 1";
+    presenter.inputValue(value1);
+    expect(onValueInput).toHaveBeenCalledWith(value1);
+    expect(presenter.vm.inputVm.value).toBe(value1);
+    const value2 = "value 2";
+    presenter.inputValue(value2);
+    expect(onValueInput).toHaveBeenCalledWith(value2);
+    expect(presenter.vm.inputVm.value).toBe(value2);
+  });
+  it("should call `onValueAdd` and add the new value when adding a value", () => {
+    presenter.init({
+      onValueAdd,
+      onValueChange
+    });
+
+    // It should add a value and call `onValueAdd` and `onValueChange`
+    const value1 = "value 1";
+    presenter.inputValue(value1);
+    presenter.addValue(value1);
+    expect(onValueAdd).toHaveBeenCalledWith(value1);
+    expect(presenter.vm.valuesVm.values).toEqual([{
+      id: expect.any(String),
+      label: value1,
+      protected: false
+    }]);
+    expect(onValueChange).toHaveBeenCalledWith([value1]);
+
+    // It should add another value and call `onValueAdd` and `onValueChange`
+    const value2 = "value 2";
+    presenter.inputValue(value2);
+    presenter.addValue(value2);
+    expect(onValueAdd).toHaveBeenCalledWith(value2);
+    expect(presenter.vm.valuesVm.values).toEqual([{
+      id: expect.any(String),
+      label: value1,
+      protected: false
+    }, {
+      id: expect.any(String),
+      label: value2,
+      protected: false
+    }]);
+    expect(onValueChange).toHaveBeenCalledWith([value1, value2]);
+
+    // It should not add an empty value
+    const emptyValue = " ";
+    presenter.inputValue(emptyValue);
+    presenter.addValue(emptyValue);
+    expect(onValueAdd).not.toHaveBeenCalledWith(emptyValue);
+    expect(presenter.vm.valuesVm.values).toEqual([{
+      id: expect.any(String),
+      label: value1,
+      protected: false
+    }, {
+      id: expect.any(String),
+      label: value2,
+      protected: false
+    }]);
+    expect(onValueChange).toHaveBeenCalledWith([value1, value2]);
+
+    // It should not add a duplicate value
+    presenter.inputValue(value1);
+    presenter.addValue(value1);
+    expect(onValueAdd).not.toHaveBeenLastCalledWith(value1);
+    expect(presenter.vm.valuesVm.values).toEqual([{
+      id: expect.any(String),
+      label: value1,
+      protected: false
+    }, {
+      id: expect.any(String),
+      label: value2,
+      protected: false
+    }]);
+  });
+  it("should call `onValueRemove` and remove the value when removing a value", () => {
+    const initialValues = ["tag1", "tag2"];
+    presenter.init({
+      values: initialValues,
+      onValueRemove,
+      onValueChange
+    });
+    const valueToRemove = "tag1";
+    presenter.removeValue(valueToRemove);
+    expect(onValueRemove).toHaveBeenCalledWith(valueToRemove);
+    expect(presenter.vm.valuesVm.values).toEqual([{
+      id: expect.any(String),
+      label: "tag2",
+      protected: false
+    }]);
+    expect(onValueChange).toHaveBeenCalledWith(["tag2"]);
+  });
+  it("should not remove a protected value", () => {
+    const initialValues = ["tag1", "tag2"];
+    const protectedValues = ["tag1"];
+    presenter.init({
+      values: initialValues,
+      protectedValues,
+      onValueRemove,
+      onValueChange
+    });
+    expect(presenter.vm.valuesVm.values).toEqual([{
+      id: expect.any(String),
+      label: "tag1",
+      protected: true
+    }, {
+      id: expect.any(String),
+      label: "tag2",
+      protected: false
+    }]);
+    const valueToRemove = "tag1";
+    presenter.removeValue(valueToRemove);
+    expect(onValueRemove).not.toHaveBeenCalled();
+    expect(onValueChange).not.toHaveBeenCalled();
+    expect(presenter.vm.valuesVm.values).toEqual([{
+      id: expect.any(String),
+      label: "tag1",
+      protected: true
+    }, {
+      id: expect.any(String),
+      label: "tag2",
+      protected: false
+    }]);
+  });
+  it("should not remove a value based on a pattern", () => {
+    const initialValues = ["tag1", "tag2", "another-tag"];
+    const protectedValues = ["tag*"];
+    presenter.init({
+      values: initialValues,
+      protectedValues,
+      onValueRemove,
+      onValueChange
+    });
+    expect(presenter.vm.valuesVm.values).toEqual([{
+      id: expect.any(String),
+      label: "tag1",
+      protected: true
+    }, {
+      id: expect.any(String),
+      label: "tag2",
+      protected: true
+    }, {
+      id: expect.any(String),
+      label: "another-tag",
+      protected: false
+    }]);
+
+    // Try to remove a protected value
+    const valueToRemove = "tag1";
+    presenter.removeValue(valueToRemove);
+    expect(onValueRemove).not.toHaveBeenCalled();
+    expect(onValueChange).not.toHaveBeenCalled();
+    expect(presenter.vm.valuesVm.values).toEqual([{
+      id: expect.any(String),
+      label: "tag1",
+      protected: true
+    }, {
+      id: expect.any(String),
+      label: "tag2",
+      protected: true
+    }, {
+      id: expect.any(String),
+      label: "another-tag",
+      protected: false
+    }]);
+
+    // Try to remove a non-protected value
+    const anotherValueToRemove = "another-tag";
+    presenter.removeValue(anotherValueToRemove);
+    expect(onValueRemove).toHaveBeenCalledWith(anotherValueToRemove);
+    expect(onValueChange).toHaveBeenCalledWith(["tag1", "tag2"]);
+    expect(presenter.vm.valuesVm.values).toEqual([{
+      id: expect.any(String),
+      label: "tag1",
+      protected: true
+    }, {
+      id: expect.any(String),
+      label: "tag2",
+      protected: true
+    }]);
+  });
+});
+
+//# sourceMappingURL=TagsPresenter.test.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,28 @@
+import { type TagItemFormatted } from "../../domain";
+interface TagsValuesPresenterParams {
+    values?: string[];
+    protectedValues?: string[];
+}
+interface ITagsValuesPresenter {
+    vm: {
+        values: TagItemFormatted[];
+    };
+    init: (params: TagsValuesPresenterParams) => void;
+    addValue: (value: string) => void;
+    removeValue: (value: string) => void;
+    hasValue: (value: string) => boolean;
+    isValueProtected: (value: string) => boolean;
+}
+declare class TagsValuesPresenter implements ITagsValuesPresenter {
+    private values;
+    constructor();
+    init(params: TagsValuesPresenterParams): void;
+    get vm(): {
+        values: TagItemFormatted[];
+    };
+    addValue: (value: string) => void;
+    removeValue: (value: string) => void;
+    hasValue: (value: string) => boolean;
+    isValueProtected: (value: string) => boolean;
+}
+export { TagsValuesPresenter, type ITagsValuesPresenter, type TagsValuesPresenterParams };

package/Tags/primitives/presenters/TagsValuesPresenter.js

@@ -0,0 +1,41 @@
+import { makeAutoObservable } from "mobx";
+import minimatch from "minimatch";
+import { TagItem, TagItemMapper } from "../../domain";
+class TagsValuesPresenter {
+  values = [];
+  constructor() {
+    makeAutoObservable(this);
+  }
+  init(params) {
+    this.values = params.values?.map(value => TagItem.create({
+      label: value,
+      protected: params.protectedValues ? params.protectedValues.some(pattern => minimatch(value, pattern)) : false
+    })) ?? [];
+  }
+  get vm() {
+    return {
+      values: this.values.map(value => TagItemMapper.toFormatted(value))
+    };
+  }
+  addValue = value => {
+    if (!value || this.values.find(tag => tag.label === value)) {
+      return;
+    }
+    const tagItem = TagItem.create({
+      label: value
+    });
+    this.values.push(tagItem);
+  };
+  removeValue = value => {
+    this.values = this.values.filter(tagItem => tagItem.label !== value || this.isValueProtected(tagItem.label));
+  };
+  hasValue = value => {
+    return !!this.values.find(tag => tag.label === value);
+  };
+  isValueProtected = value => {
+    return !!this.values.find(tag => tag.label === value && tag.protected);
+  };
+}
+export { TagsValuesPresenter };
+
+//# sourceMappingURL=TagsValuesPresenter.js.map

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

@@ -0,0 +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":[]}

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

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

package/Tags/primitives/presenters/index.js

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

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

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

package/Tags/primitives/useTags.d.ts

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

package/Tags/primitives/useTags.js

@@ -0,0 +1,36 @@
+import { useEffect, useMemo, useState } from "react";
+import { autorun } from "mobx";
+import { TagsInputPresenter, TagsPresenter, TagsValuesPresenter } from "./presenters";
+export const useTags = props => {
+  const params = useMemo(() => ({
+    values: props.value,
+    protectedValues: props.protectedValues,
+    placeholder: props.placeholder,
+    onValueChange: props.onChange,
+    onValueInput: props.onValueInput,
+    onValueAdd: props.onValueAdd,
+    onValueRemove: props.onValueRemove
+  }), [props.value, props.protectedValues, props.placeholder, props.onChange, props.onValueInput, props.onValueAdd, props.onValueRemove]);
+  const presenter = useMemo(() => {
+    const inputPresenter = new TagsInputPresenter();
+    const valuesPresenter = new TagsValuesPresenter();
+    return new TagsPresenter(inputPresenter, valuesPresenter);
+  }, []);
+  const [vm, setVm] = useState(presenter.vm);
+  useEffect(() => {
+    presenter.init(params);
+  }, [params, presenter]);
+  useEffect(() => {
+    return autorun(() => {
+      setVm(presenter.vm);
+    });
+  }, [presenter]);
+  return {
+    vm,
+    inputValue: presenter.inputValue,
+    addValue: presenter.addValue,
+    removeValue: presenter.removeValue
+  };
+};
+
+//# sourceMappingURL=useTags.js.map

package/Tags/primitives/useTags.js.map

@@ -0,0 +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":[]}

package/Textarea/Textarea.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { TextareaPrimitiveProps } from "./TextareaPrimitive";
-import { FormComponentProps } from "../FormComponent";
-type TextareaGroupProps = TextareaPrimitiveProps & FormComponentProps;
+import type { TextareaPrimitiveProps } from "./TextareaPrimitive";
+import type { FormComponentProps } from "../FormComponent";
+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;
     originalName: string;

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 { TextareaPrimitive, TextareaPrimitiveProps } from \"./TextareaPrimitive\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote,\n    FormComponentProps\n} from \"~/FormComponent\";\n\ntype TextareaGroupProps = TextareaPrimitiveProps & 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;AACpC,SAASC,iBAAiB;AAC1B,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAMrB,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","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":[]}

package/Toast/Toast.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { type ToasterProps } from "sonner";
-import { Icon as BaseIcon } from "../Icon";
+import type { Icon as BaseIcon } from "../Icon";
 import { ToastActions, ToastDescription, ToastTitle, type ToastRootProps } from "./components";
 interface ToastProps extends Omit<ToastRootProps, "title" | "content" | "children"> {
     title: React.ReactElement<typeof ToastTitle>;