@webiny/admin-ui 0.0.0-unstable.4485d22882 → 0.0.0-unstable.9bd236cf5e

package/Tags/primitives/TagsPrimitive.stories.js

@@ -0,0 +1,185 @@
+import React from "react";
+import { ReactComponent as TagIcon } from "@webiny/icons/tag.svg";
+import { TagsPrimitive } from "./TagsPrimitive";
+import { Button } from "../../Button";
+import { Icon } from "../../Icon";
+const meta = {
+  title: "Components/Form Primitives/Tags",
+  component: TagsPrimitive,
+  argTypes: {
+    onChange: {
+      action: "onChange"
+    },
+    onValueInput: {
+      action: "onValueInput"
+    },
+    onValueAdd: {
+      action: "onValueAdd"
+    },
+    onValueRemove: {
+      action: "onValueRemove"
+    },
+    disabled: {
+      control: "boolean",
+      defaultValue: false
+    }
+  },
+  parameters: {
+    layout: "padded"
+  },
+  render: args => /*#__PURE__*/React.createElement(TagsPrimitive, args)
+};
+export default meta;
+export const Default = {};
+export const MediumSize = {
+  args: {
+    ...Default.args,
+    size: "md"
+  }
+};
+export const LargeSize = {
+  args: {
+    ...Default.args,
+    size: "lg"
+  }
+};
+export const ExtraLargeSize = {
+  args: {
+    ...Default.args,
+    size: "xl"
+  }
+};
+export const PrimaryVariant = {
+  args: {
+    ...Default.args,
+    variant: "primary"
+  }
+};
+export const PrimaryVariantDisabled = {
+  args: {
+    ...PrimaryVariant.args,
+    disabled: true
+  }
+};
+export const PrimaryVariantInvalid = {
+  args: {
+    ...PrimaryVariant.args,
+    invalid: true
+  }
+};
+export const SecondaryVariant = {
+  args: {
+    variant: "secondary",
+    placeholder: "Custom placeholder"
+  }
+};
+export const SecondaryVariantDisabled = {
+  args: {
+    ...SecondaryVariant.args,
+    disabled: true
+  }
+};
+export const SecondaryVariantInvalid = {
+  args: {
+    ...SecondaryVariant.args,
+    invalid: true
+  }
+};
+export const GhostVariant = {
+  args: {
+    variant: "ghost",
+    placeholder: "Custom placeholder"
+  }
+};
+export const GhostVariantDisabled = {
+  args: {
+    ...GhostVariant.args,
+    disabled: true
+  }
+};
+export const GhostVariantInvalid = {
+  args: {
+    ...GhostVariant.args,
+    invalid: true
+  }
+};
+export const GhostNegativeVariant = {
+  args: {
+    ...Default.args,
+    variant: "ghost-negative",
+    placeholder: "Custom placeholder"
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
+export const GhostNegativeVariantDisabled = {
+  args: {
+    ...GhostNegativeVariant.args,
+    disabled: true
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
+export const GhostNegativeVariantInvalid = {
+  args: {
+    ...GhostNegativeVariant.args,
+    invalid: true
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
+export const WithCustomPlaceholder = {
+  args: {
+    ...Default.args,
+    placeholder: "Custom placeholder"
+  }
+};
+export const WithStartIcon = {
+  args: {
+    ...Default.args,
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      label: "Tag",
+      icon: /*#__PURE__*/React.createElement(TagIcon, null)
+    })
+  }
+};
+export const WithInitialValues = {
+  args: {
+    ...Default.args,
+    value: ["tag1", "tag2", "tag3"]
+  }
+};
+export const WithProtectedValues = {
+  args: {
+    ...Default.args,
+    value: ["tag1", "tag2", "tag3", "another-tag1", "another-tag2"],
+    protectedValues: ["tag1", "another-tag*"]
+  }
+};
+export const WithExternalValueControl = {
+  args: {
+    ...Default.args,
+    value: ["tag1", "tag2", "tag3"]
+  },
+  render: args => {
+    const [value, setValue] = React.useState(args.value || []);
+    return /*#__PURE__*/React.createElement("div", {
+      className: "wby-w-full"
+    }, /*#__PURE__*/React.createElement(TagsPrimitive, Object.assign({}, args, {
+      value: value,
+      onChange: setValue
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "wby-mt-4 wby-text-center"
+    }, /*#__PURE__*/React.createElement(Button, {
+      text: "Reset",
+      onClick: () => setValue(args.value || [])
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "wby-mt-4 wby-text-center"
+    }, "Current selected values: ", value?.join(",")));
+  }
+};
+
+//# sourceMappingURL=TagsPrimitive.stories.js.map

package/Tags/primitives/TagsPrimitive.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","TagIcon","TagsPrimitive","Button","Icon","meta","title","component","argTypes","onChange","action","onValueInput","onValueAdd","onValueRemove","disabled","control","defaultValue","parameters","layout","render","args","createElement","Default","MediumSize","size","LargeSize","ExtraLargeSize","PrimaryVariant","variant","PrimaryVariantDisabled","PrimaryVariantInvalid","invalid","SecondaryVariant","placeholder","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","GhostNegativeVariant","decorators","Story","className","GhostNegativeVariantDisabled","GhostNegativeVariantInvalid","WithCustomPlaceholder","WithStartIcon","startIcon","label","icon","WithInitialValues","value","WithProtectedValues","protectedValues","WithExternalValueControl","setValue","useState","Object","assign","text","onClick","join"],"sources":["TagsPrimitive.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { ReactComponent as TagIcon } from \"@webiny/icons/tag.svg\";\nimport { TagsPrimitive } from \"./TagsPrimitive\";\nimport { Button } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\n\nconst meta: Meta<typeof TagsPrimitive> = {\n    title: \"Components/Form Primitives/Tags\",\n    component: TagsPrimitive,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        onValueInput: { action: \"onValueInput\" },\n        onValueAdd: { action: \"onValueAdd\" },\n        onValueRemove: { action: \"onValueRemove\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => <TagsPrimitive {...args} />\n};\n\nexport default meta;\ntype Story = StoryObj<typeof TagsPrimitive>;\n\nexport const Default: Story = {};\n\nexport const MediumSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const LargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const PrimaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"primary\"\n    }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const SecondaryVariant: Story = {\n    args: {\n        variant: \"secondary\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostVariant: Story = {\n    args: {\n        variant: \"ghost\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const GhostVariantDisabled: Story = {\n    args: {\n        ...GhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const GhostVariantInvalid: Story = {\n    args: {\n        ...GhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostNegativeVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"ghost-negative\",\n        placeholder: \"Custom placeholder\"\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-bg-neutral-dark wby-text-neutral-light wby-p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantDisabled: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        disabled: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-bg-neutral-dark wby-text-neutral-light wby-p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantInvalid: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        invalid: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-bg-neutral-dark wby-text-neutral-light wby-p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const WithCustomPlaceholder: Story = {\n    args: {\n        ...Default.args,\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const WithStartIcon: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <Icon label={\"Tag\"} icon={<TagIcon />} />\n    }\n};\n\nexport const WithInitialValues: Story = {\n    args: {\n        ...Default.args,\n        value: [\"tag1\", \"tag2\", \"tag3\"]\n    }\n};\n\nexport const WithProtectedValues: Story = {\n    args: {\n        ...Default.args,\n        value: [\"tag1\", \"tag2\", \"tag3\", \"another-tag1\", \"another-tag2\"],\n        protectedValues: [\"tag1\", \"another-tag*\"]\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        ...Default.args,\n        value: [\"tag1\", \"tag2\", \"tag3\"]\n    },\n    render: args => {\n        const [value, setValue] = React.useState<string[]>(args.value || []);\n\n        return (\n            <div className={\"wby-w-full\"}>\n                <TagsPrimitive {...args} value={value} onChange={setValue} />\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValue(args.value || [])} />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected values: {value?.join(\",\")}\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/Tags/primitives/index.d.ts

@@ -0,0 +1 @@
+export * from "./TagsPrimitive";

package/Tags/primitives/index.js

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

package/Tags/primitives/index.js.map

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

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":[]}