@webiny/admin-ui 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.eb196ccd2f

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 type { TextareaPrimitiveProps } from "./TextareaPrimitive";
 import type { FormComponentProps } from "../FormComponent";
-type TextareaGroupProps = TextareaPrimitiveProps & FormComponentProps;
+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 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 = 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;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","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/index.d.ts

@@ -49,6 +49,7 @@ export * from "./Switch";
 export * from "./Table";
 export * from "./Tabs";
 export * from "./Tag";
+export * from "./Tags";
 export * from "./Text";
 export * from "./Textarea";
 export * from "./TimeAgo";

package/index.js

@@ -49,6 +49,7 @@ export * from "./Switch";
 export * from "./Table";
 export * from "./Tabs";
 export * from "./Tag";
+export * from "./Tags";
 export * from "./Text";
 export * from "./Textarea";
 export * from "./TimeAgo";

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./Alert\";\nexport * from \"./AutoComplete\";\nexport * from \"./Avatar\";\nexport * from \"./Button\";\nexport * from \"./Card\";\nexport * from \"./Checkbox\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./CodeEditor\";\nexport * from \"./ColorPicker\";\nexport * from \"./DataList\";\nexport * from \"./DataTable\";\nexport * from \"./DelayedOnChange\";\nexport * from \"./Dialog\";\nexport * from \"./Drawer\";\nexport * from \"./DropdownMenu\";\nexport * from \"./DynamicFieldset\";\nexport * from \"./FilePicker\";\nexport * from \"./FormComponent\";\nexport * from \"./Grid\";\nexport * from \"./HeaderBar\";\nexport * from \"./HeaderBar\";\nexport * from \"./Heading\";\nexport * from \"./Icon\";\nexport * from \"./IconPicker\";\nexport * from \"./Image\";\nexport * from \"./Input\";\nexport * from \"./Label\";\nexport * from \"./Link\";\nexport * from \"./List\";\nexport * from \"./Loader\";\nexport * from \"./MultiAutoComplete\";\nexport * from \"./MultiFilePicker\";\nexport * from \"./Portal\";\nexport * from \"./Popover\";\nexport * from \"./ProgressBar\";\nexport * from \"./Providers\";\nexport * from \"./RadioGroup\";\nexport * from \"./RangeSlider\";\nexport * from \"./RichTextEditor\";\nexport * from \"./Scrollbar\";\nexport * from \"./Select\";\nexport * from \"./Separator\";\nexport * from \"./Sidebar\";\nexport * from \"./Skeleton\";\nexport * from \"./Slider\";\nexport * from \"./SteppedProgress\";\nexport * from \"./Switch\";\nexport * from \"./Table\";\nexport * from \"./Tabs\";\nexport * from \"./Tag\";\nexport * from \"./Text\";\nexport * from \"./Textarea\";\nexport * from \"./TimeAgo\";\nexport * from \"./Toast\";\nexport * from \"./Tooltip\";\nexport * from \"./Tree\";\nexport * from \"./utils\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./Alert\";\nexport * from \"./AutoComplete\";\nexport * from \"./Avatar\";\nexport * from \"./Button\";\nexport * from \"./Card\";\nexport * from \"./Checkbox\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./CodeEditor\";\nexport * from \"./ColorPicker\";\nexport * from \"./DataList\";\nexport * from \"./DataTable\";\nexport * from \"./DelayedOnChange\";\nexport * from \"./Dialog\";\nexport * from \"./Drawer\";\nexport * from \"./DropdownMenu\";\nexport * from \"./DynamicFieldset\";\nexport * from \"./FilePicker\";\nexport * from \"./FormComponent\";\nexport * from \"./Grid\";\nexport * from \"./HeaderBar\";\nexport * from \"./HeaderBar\";\nexport * from \"./Heading\";\nexport * from \"./Icon\";\nexport * from \"./IconPicker\";\nexport * from \"./Image\";\nexport * from \"./Input\";\nexport * from \"./Label\";\nexport * from \"./Link\";\nexport * from \"./List\";\nexport * from \"./Loader\";\nexport * from \"./MultiAutoComplete\";\nexport * from \"./MultiFilePicker\";\nexport * from \"./Portal\";\nexport * from \"./Popover\";\nexport * from \"./ProgressBar\";\nexport * from \"./Providers\";\nexport * from \"./RadioGroup\";\nexport * from \"./RangeSlider\";\nexport * from \"./RichTextEditor\";\nexport * from \"./Scrollbar\";\nexport * from \"./Select\";\nexport * from \"./Separator\";\nexport * from \"./Sidebar\";\nexport * from \"./Skeleton\";\nexport * from \"./Slider\";\nexport * from \"./SteppedProgress\";\nexport * from \"./Switch\";\nexport * from \"./Table\";\nexport * from \"./Tabs\";\nexport * from \"./Tag\";\nexport * from \"./Tags\";\nexport * from \"./Text\";\nexport * from \"./Textarea\";\nexport * from \"./TimeAgo\";\nexport * from \"./Toast\";\nexport * from \"./Tooltip\";\nexport * from \"./Tree\";\nexport * from \"./utils\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/admin-ui",
-	"version": "0.0.0-unstable.e53eceafb5",
+	"version": "0.0.0-unstable.eb196ccd2f",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,16 +14,17 @@
 		"@fortawesome/react-fontawesome": "0.1.19",
 		"@minoru/react-dnd-treeview": "3.5.2",
 		"@tanstack/react-table": "8.20.6",
-		"@webiny/icons": "0.0.0-unstable.e53eceafb5",
-		"@webiny/react-composition": "0.0.0-unstable.e53eceafb5",
-		"@webiny/react-router": "0.0.0-unstable.e53eceafb5",
-		"@webiny/utils": "0.0.0-unstable.e53eceafb5",
+		"@webiny/icons": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/react-composition": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/react-router": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/utils": "0.0.0-unstable.eb196ccd2f",
 		"ace-builds": "1.37.5",
 		"bytes": "3.1.2",
 		"class-variance-authority": "0.7.1",
 		"clsx": "2.1.1",
 		"cmdk": "1.0.4",
 		"lodash": "4.17.21",
+		"minimatch": "5.1.6",
 		"mobx": "6.9.0",
 		"radix-ui": "1.4.2",
 		"react": "18.2.0",
@@ -50,8 +51,8 @@
 		"@types/react-color": "2.17.11",
 		"@types/react-custom-scrollbars": "4.0.10",
 		"@types/react-virtualized": "9.22.0",
-		"@webiny/cli": "0.0.0-unstable.e53eceafb5",
-		"@webiny/project-utils": "0.0.0-unstable.e53eceafb5",
+		"@webiny/cli": "0.0.0-unstable.eb196ccd2f",
+		"@webiny/project-utils": "0.0.0-unstable.eb196ccd2f",
 		"chalk": "4.1.2",
 		"css-loader": "6.10.0",
 		"file-loader": "6.2.0",
@@ -81,5 +82,5 @@
 			]
 		}
 	},
-	"gitHead": "e53eceafb5ce1a3872c9b4548939bb2eae5b1aef"
+	"gitHead": "eb196ccd2f32296e10f7add6dd7220d4e3abece4"
 }