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

package/Tags/primitives/TagsPrimitive.d.ts

@@ -0,0 +1,81 @@
+import React from "react";
+import { type InputPrimitiveProps } from "../../Input";
+import type { Icon } from "../../Icon";
+interface TagsPrimitiveProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
+    /**
+     * Indicates if the field is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Reference to the input element.
+     */
+    inputRef?: React.Ref<HTMLInputElement>;
+    /**
+     * Indicates if the input field is invalid.
+     */
+    invalid?: boolean;
+    /**
+     * Callback triggered when a tag is added or removed.
+     */
+    onChange?: (values: string[]) => void;
+    /**
+     * Callback triggered when the input value changes.
+     */
+    onValueInput?: (value: string) => void;
+    /**
+     * Callback triggered when the value is added to the list.
+     */
+    onValueAdd?: (value: string) => void;
+    /**
+     * Callback triggered when a tag is removed.
+     */
+    onValueRemove?: (value: string) => void;
+    /**
+     * Placeholder text for the input field.
+     */
+    placeholder?: string;
+    /**
+     * Size of the input field.
+     * Refer to `InputPrimitiveProps["size"]` for possible values.
+     */
+    size?: InputPrimitiveProps["size"];
+    /**
+     * Icon to be displayed at the start of the input field.
+     */
+    startIcon?: React.ReactElement<typeof Icon> | React.ReactElement;
+    /**
+     * Variant of the input field.
+     * Refer to `InputPrimitiveProps["variant"]` for possible values.
+     */
+    variant?: InputPrimitiveProps["variant"];
+    /**
+     * Optional selected item.
+     */
+    value?: string[];
+    /**
+     * Protected values cannot be removed by the user, these can be simple strings or regex patterns.
+     */
+    protectedValues?: string[];
+}
+declare const TagsPrimitive: ((props: TagsPrimitiveProps) => React.JSX.Element) & {
+    original: (props: TagsPrimitiveProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: TagsPrimitiveProps) => React.JSX.Element) & {
+        original: (props: TagsPrimitiveProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: TagsPrimitiveProps) => React.JSX.Element) & {
+        original: (props: TagsPrimitiveProps) => React.JSX.Element;
+        originalName: string; /**
+         * Indicates if the input field is invalid.
+         */
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { TagsPrimitive, type TagsPrimitiveProps };

package/Tags/primitives/TagsPrimitive.js

@@ -0,0 +1,54 @@
+import React, { useMemo } from "react";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { makeDecoratable } from "../../utils";
+import { useTags } from "./useTags";
+import { InputPrimitive } from "../../Input";
+import { Tag } from "../../Tag";
+import { IconButton } from "../../Button";
+const DecoratableTagsPrimitive = props => {
+  const {
+    vm,
+    inputValue,
+    addValue,
+    removeValue
+  } = useTags(props);
+  const inputProps = useMemo(() => ({
+    disabled: props.disabled,
+    inputRef: props.inputRef,
+    invalid: props.invalid,
+    onChange: inputValue,
+    placeholder: props.placeholder,
+    size: props.size,
+    variant: props.variant
+  }), [props]);
+
+  // When user press Enter, add the current input value as a tag
+  const handleKeyDown = event => {
+    if (event.key === "Enter" && event.target) {
+      event.preventDefault();
+      addValue();
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(InputPrimitive, Object.assign({}, inputProps, vm.inputVm, {
+    onChange: inputValue,
+    onKeyDown: handleKeyDown,
+    startIcon: props.startIcon,
+    endIcon: /*#__PURE__*/React.createElement(IconButton, {
+      onClick: addValue,
+      icon: /*#__PURE__*/React.createElement(AddIcon, null),
+      variant: "ghost",
+      disabled: inputProps.disabled
+    })
+  })), vm.valuesVm.values.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "wby-mt-sm wby-flex wby-flex-wrap wby-gap-xs"
+  }, vm.valuesVm.values.map(tag => /*#__PURE__*/React.createElement(Tag, {
+    key: tag.id,
+    content: tag.label,
+    onDismiss: !tag.protected ? () => removeValue(tag.label) : undefined,
+    variant: "neutral-muted"
+  }))));
+};
+const TagsPrimitive = makeDecoratable("TagsPrimitive", DecoratableTagsPrimitive);
+export { TagsPrimitive };
+
+//# sourceMappingURL=TagsPrimitive.js.map

package/Tags/primitives/TagsPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","ReactComponent","AddIcon","makeDecoratable","useTags","InputPrimitive","Tag","IconButton","DecoratableTagsPrimitive","props","vm","inputValue","addValue","removeValue","inputProps","disabled","inputRef","invalid","onChange","placeholder","size","variant","handleKeyDown","event","key","target","preventDefault","createElement","Object","assign","inputVm","onKeyDown","startIcon","endIcon","onClick","icon","valuesVm","values","length","className","map","tag","id","content","label","onDismiss","protected","undefined","TagsPrimitive"],"sources":["TagsPrimitive.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { makeDecoratable } from \"~/utils\";\nimport { useTags } from \"./useTags\";\nimport { InputPrimitive, type InputPrimitiveProps } from \"~/Input\";\nimport { Tag } from \"~/Tag\";\nimport { IconButton } from \"~/Button\";\nimport type { Icon } from \"~/Icon\";\n\ninterface TagsPrimitiveProps\n    extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"onChange\"> {\n    /**\n     * Indicates if the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Reference to the input element.\n     */\n    inputRef?: React.Ref<HTMLInputElement>;\n    /**\n     * Indicates if the input field is invalid.\n     */\n    invalid?: boolean;\n    /**\n     * Callback triggered when a tag is added or removed.\n     */\n    onChange?: (values: string[]) => void;\n    /**\n     * Callback triggered when the input value changes.\n     */\n    onValueInput?: (value: string) => void;\n    /**\n     * Callback triggered when the value is added to the list.\n     */\n    onValueAdd?: (value: string) => void;\n    /**\n     * Callback triggered when a tag is removed.\n     */\n    onValueRemove?: (value: string) => void;\n    /**\n     * Placeholder text for the input field.\n     */\n    placeholder?: string;\n    /**\n     * Size of the input field.\n     * Refer to `InputPrimitiveProps[\"size\"]` for possible values.\n     */\n    size?: InputPrimitiveProps[\"size\"];\n    /**\n     * Icon to be displayed at the start of the input field.\n     */\n    startIcon?: React.ReactElement<typeof Icon> | React.ReactElement;\n    /**\n     * Variant of the input field.\n     * Refer to `InputPrimitiveProps[\"variant\"]` for possible values.\n     */\n    variant?: InputPrimitiveProps[\"variant\"];\n    /**\n     * Optional selected item.\n     */\n    value?: string[];\n    /**\n     * Protected values cannot be removed by the user, these can be simple strings or regex patterns.\n     */\n    protectedValues?: string[];\n}\n\nconst DecoratableTagsPrimitive = (props: TagsPrimitiveProps) => {\n    const { vm, inputValue, addValue, removeValue } = useTags(props);\n\n    const inputProps: InputPrimitiveProps = useMemo(\n        () => ({\n            disabled: props.disabled,\n            inputRef: props.inputRef,\n            invalid: props.invalid,\n            onChange: inputValue,\n            placeholder: props.placeholder,\n            size: props.size,\n            variant: props.variant\n        }),\n        [props]\n    );\n\n    // When user press Enter, add the current input value as a tag\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === \"Enter\" && event.target) {\n            event.preventDefault();\n            addValue();\n        }\n    };\n\n    return (\n        <div>\n            <InputPrimitive\n                {...inputProps}\n                {...vm.inputVm}\n                onChange={inputValue}\n                onKeyDown={handleKeyDown}\n                startIcon={props.startIcon}\n                endIcon={\n                    <IconButton\n                        onClick={addValue}\n                        icon={<AddIcon />}\n                        variant={\"ghost\"}\n                        disabled={inputProps.disabled}\n                    />\n                }\n            />\n\n            {vm.valuesVm.values.length > 0 && (\n                <div className={\"wby-mt-sm wby-flex wby-flex-wrap wby-gap-xs\"}>\n                    {vm.valuesVm.values.map(tag => (\n                        <Tag\n                            key={tag.id}\n                            content={tag.label}\n                            onDismiss={!tag.protected ? () => removeValue(tag.label) : undefined}\n                            variant={\"neutral-muted\"}\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n};\n\nconst TagsPrimitive = makeDecoratable(\"TagsPrimitive\", DecoratableTagsPrimitive);\n\nexport { TagsPrimitive, type TagsPrimitiveProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AACjE,SAASC,eAAe;AACxB,SAASC,OAAO;AAChB,SAASC,cAAc;AACvB,SAASC,GAAG;AACZ,SAASC,UAAU;AA6DnB,MAAMC,wBAAwB,GAAIC,KAAyB,IAAK;EAC5D,MAAM;IAAEC,EAAE;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGT,OAAO,CAACK,KAAK,CAAC;EAEhE,MAAMK,UAA+B,GAAGd,OAAO,CAC3C,OAAO;IACHe,QAAQ,EAAEN,KAAK,CAACM,QAAQ;IACxBC,QAAQ,EAAEP,KAAK,CAACO,QAAQ;IACxBC,OAAO,EAAER,KAAK,CAACQ,OAAO;IACtBC,QAAQ,EAAEP,UAAU;IACpBQ,WAAW,EAAEV,KAAK,CAACU,WAAW;IAC9BC,IAAI,EAAEX,KAAK,CAACW,IAAI;IAChBC,OAAO,EAAEZ,KAAK,CAACY;EACnB,CAAC,CAAC,EACF,CAACZ,KAAK,CACV,CAAC;;EAED;EACA,MAAMa,aAAa,GAAIC,KAA4C,IAAK;IACpE,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACE,MAAM,EAAE;MACvCF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBd,QAAQ,CAAC,CAAC;IACd;EACJ,CAAC;EAED,oBACIb,KAAA,CAAA4B,aAAA,2BACI5B,KAAA,CAAA4B,aAAA,CAACtB,cAAc,EAAAuB,MAAA,CAAAC,MAAA,KACPf,UAAU,EACVJ,EAAE,CAACoB,OAAO;IACdZ,QAAQ,EAAEP,UAAW;IACrBoB,SAAS,EAAET,aAAc;IACzBU,SAAS,EAAEvB,KAAK,CAACuB,SAAU;IAC3BC,OAAO,eACHlC,KAAA,CAAA4B,aAAA,CAACpB,UAAU;MACP2B,OAAO,EAAEtB,QAAS;MAClBuB,IAAI,eAAEpC,KAAA,CAAA4B,aAAA,CAACzB,OAAO,MAAE,CAAE;MAClBmB,OAAO,EAAE,OAAQ;MACjBN,QAAQ,EAAED,UAAU,CAACC;IAAS,CACjC;EACJ,EACJ,CAAC,EAEDL,EAAE,CAAC0B,QAAQ,CAACC,MAAM,CAACC,MAAM,GAAG,CAAC,iBAC1BvC,KAAA,CAAA4B,aAAA;IAAKY,SAAS,EAAE;EAA8C,GACzD7B,EAAE,CAAC0B,QAAQ,CAACC,MAAM,CAACG,GAAG,CAACC,GAAG,iBACvB1C,KAAA,CAAA4B,aAAA,CAACrB,GAAG;IACAkB,GAAG,EAAEiB,GAAG,CAACC,EAAG;IACZC,OAAO,EAAEF,GAAG,CAACG,KAAM;IACnBC,SAAS,EAAE,CAACJ,GAAG,CAACK,SAAS,GAAG,MAAMjC,WAAW,CAAC4B,GAAG,CAACG,KAAK,CAAC,GAAGG,SAAU;IACrE1B,OAAO,EAAE;EAAgB,CAC5B,CACJ,CACA,CAER,CAAC;AAEd,CAAC;AAED,MAAM2B,aAAa,GAAG7C,eAAe,CAAC,eAAe,EAAEK,wBAAwB,CAAC;AAEhF,SAASwC,aAAa","ignoreList":[]}

package/Tags/primitives/TagsPrimitive.stories.d.ts

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { TagsPrimitive } from "./TagsPrimitive";
+declare const meta: Meta<typeof TagsPrimitive>;
+export default meta;
+type Story = StoryObj<typeof TagsPrimitive>;
+export declare const Default: Story;
+export declare const MediumSize: Story;
+export declare const LargeSize: Story;
+export declare const ExtraLargeSize: Story;
+export declare const PrimaryVariant: Story;
+export declare const PrimaryVariantDisabled: Story;
+export declare const PrimaryVariantInvalid: Story;
+export declare const SecondaryVariant: Story;
+export declare const SecondaryVariantDisabled: Story;
+export declare const SecondaryVariantInvalid: Story;
+export declare const GhostVariant: Story;
+export declare const GhostVariantDisabled: Story;
+export declare const GhostVariantInvalid: Story;
+export declare const GhostNegativeVariant: Story;
+export declare const GhostNegativeVariantDisabled: Story;
+export declare const GhostNegativeVariantInvalid: Story;
+export declare const WithCustomPlaceholder: Story;
+export declare const WithStartIcon: Story;
+export declare const WithInitialValues: Story;
+export declare const WithProtectedValues: Story;
+export declare const WithExternalValueControl: Story;

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 {};