@webiny/admin-ui 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/ToggleGroup/ToggleGroup.stories.js

@@ -1,208 +1,235 @@
-import React, { useState } from "react";
-import { ReactComponent as BoldIcon } from "@webiny/icons/format_bold.svg";
-import { ReactComponent as ItalicIcon } from "@webiny/icons/format_italic.svg";
-import { ReactComponent as UnderlineIcon } from "@webiny/icons/format_underlined.svg";
-import { ReactComponent as AlignLeftIcon } from "@webiny/icons/format_align_left.svg";
-import { ReactComponent as AlignCenterIcon } from "@webiny/icons/format_align_center.svg";
-import { ReactComponent as AlignRightIcon } from "@webiny/icons/format_align_right.svg";
+import react, { useState } from "react";
+import { ReactComponent } from "@webiny/icons/format_bold.svg";
+import { ReactComponent as format_italic_svg_ReactComponent } from "@webiny/icons/format_italic.svg";
+import { ReactComponent as format_underlined_svg_ReactComponent } from "@webiny/icons/format_underlined.svg";
+import { ReactComponent as format_align_left_svg_ReactComponent } from "@webiny/icons/format_align_left.svg";
+import { ReactComponent as format_align_center_svg_ReactComponent } from "@webiny/icons/format_align_center.svg";
+import { ReactComponent as format_align_right_svg_ReactComponent } from "@webiny/icons/format_align_right.svg";
 import { Tooltip } from "../Tooltip/index.js";
 import { ToggleGroup } from "./index.js";
-const textItems = [{
-  value: "bold",
-  label: "Bold"
-}, {
-  value: "italic",
-  label: "Italic"
-}, {
-  value: "underline",
-  label: "Underline"
-}];
-const iconItems = [{
-  value: "left",
-  icon: /*#__PURE__*/React.createElement(AlignLeftIcon, null)
-}, {
-  value: "center",
-  icon: /*#__PURE__*/React.createElement(AlignCenterIcon, null)
-}, {
-  value: "right",
-  icon: /*#__PURE__*/React.createElement(AlignRightIcon, null)
-}];
-const iconTextItems = [{
-  value: "bold",
-  label: "Bold",
-  icon: /*#__PURE__*/React.createElement(BoldIcon, null)
-}, {
-  value: "italic",
-  label: "Italic",
-  icon: /*#__PURE__*/React.createElement(ItalicIcon, null)
-}, {
-  value: "underline",
-  label: "Underline",
-  icon: /*#__PURE__*/React.createElement(UnderlineIcon, null)
-}];
+const textItems = [
+    {
+        value: "bold",
+        label: "Bold"
+    },
+    {
+        value: "italic",
+        label: "Italic"
+    },
+    {
+        value: "underline",
+        label: "Underline"
+    }
+];
+const iconItems = [
+    {
+        value: "left",
+        icon: /*#__PURE__*/ react.createElement(format_align_left_svg_ReactComponent, null)
+    },
+    {
+        value: "center",
+        icon: /*#__PURE__*/ react.createElement(format_align_center_svg_ReactComponent, null)
+    },
+    {
+        value: "right",
+        icon: /*#__PURE__*/ react.createElement(format_align_right_svg_ReactComponent, null)
+    }
+];
+const iconTextItems = [
+    {
+        value: "bold",
+        label: "Bold",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    },
+    {
+        value: "italic",
+        label: "Italic",
+        icon: /*#__PURE__*/ react.createElement(format_italic_svg_ReactComponent, null)
+    },
+    {
+        value: "underline",
+        label: "Underline",
+        icon: /*#__PURE__*/ react.createElement(format_underlined_svg_ReactComponent, null)
+    }
+];
 const meta = {
-  title: "Components/Form/ToggleGroup",
-  component: ToggleGroup,
-  parameters: {
-    layout: "padded"
-  },
-  decorators: [Story => /*#__PURE__*/React.createElement(Tooltip.Provider, null, /*#__PURE__*/React.createElement(Story, null))],
-  render: args => {
-    const [value, setValue] = useState("");
-    return /*#__PURE__*/React.createElement(ToggleGroup, Object.assign({}, args, {
-      type: "single",
-      value: value,
-      onChange: v => setValue(v)
-    }));
-  }
+    title: "Components/Form/ToggleGroup",
+    component: ToggleGroup,
+    parameters: {
+        layout: "padded"
+    },
+    decorators: [
+        (Story)=>/*#__PURE__*/ react.createElement(Tooltip.Provider, null, /*#__PURE__*/ react.createElement(Story, null))
+    ],
+    render: (args)=>{
+        const [value, setValue] = useState("");
+        return /*#__PURE__*/ react.createElement(ToggleGroup, {
+            ...args,
+            type: "single",
+            value: value,
+            onChange: (v)=>setValue(v)
+        });
+    }
 };
-export default meta;
-export const Default = {
-  args: {
-    items: textItems,
-    label: "Text formatting",
-    bordered: true
-  }
+const ToggleGroup_stories = meta;
+const Default = {
+    args: {
+        items: textItems,
+        label: "Text formatting",
+        bordered: true
+    }
 };
-export const IconOnly = {
-  args: {
-    items: iconItems,
-    label: "Alignment",
-    bordered: true
-  }
+const IconOnly = {
+    args: {
+        items: iconItems,
+        label: "Alignment",
+        bordered: true
+    }
 };
-export const IconOnlyGhost = {
-  args: {
-    items: iconItems,
-    label: "Alignment",
-    variant: "ghost",
-    bordered: true
-  }
+const IconOnlyGhost = {
+    args: {
+        items: iconItems,
+        label: "Alignment",
+        variant: "ghost",
+        bordered: true
+    }
 };
-export const WithIconAndText = {
-  args: {
-    items: iconTextItems,
-    label: "Text formatting",
-    bordered: true
-  }
+const WithIconAndText = {
+    args: {
+        items: iconTextItems,
+        label: "Text formatting",
+        bordered: true
+    }
 };
-export const Outline = {
-  args: {
-    items: textItems,
-    label: "Text formatting",
-    variant: "outline",
-    bordered: true
-  }
+const Outline = {
+    args: {
+        items: textItems,
+        label: "Text formatting",
+        variant: "outline",
+        bordered: true
+    }
 };
-export const Ghost = {
-  args: {
-    items: textItems,
-    label: "Text formatting",
-    variant: "ghost",
-    bordered: true
-  }
+const Ghost = {
+    args: {
+        items: textItems,
+        label: "Text formatting",
+        variant: "ghost",
+        bordered: true
+    }
 };
-export const WithDescription = {
-  args: {
-    items: iconTextItems,
-    label: "Text formatting",
-    description: "Choose one or more formatting options.",
-    bordered: true
-  }
+const WithDescription = {
+    args: {
+        items: iconTextItems,
+        label: "Text formatting",
+        description: "Choose one or more formatting options.",
+        bordered: true
+    }
 };
-export const WithNotes = {
-  args: {
-    items: iconItems,
-    label: "Alignment",
-    note: "Note: Formatting applies to selected text only.",
-    bordered: true
-  }
+const WithNotes = {
+    args: {
+        items: iconItems,
+        label: "Alignment",
+        note: "Note: Formatting applies to selected text only.",
+        bordered: true
+    }
 };
-export const WithErrors = {
-  args: {
-    items: textItems,
-    label: "Text formatting",
-    bordered: true,
-    validation: {
-      isValid: false,
-      message: "Please select a formatting option."
-    }
-  }
+const WithErrors = {
+    args: {
+        items: textItems,
+        label: "Text formatting",
+        bordered: true,
+        validation: {
+            isValid: false,
+            message: "Please select a formatting option."
+        }
+    }
 };
-export const Multiple = {
-  render: args => {
-    const [value, setValue] = useState([]);
-    return /*#__PURE__*/React.createElement(ToggleGroup, Object.assign({}, args, {
-      type: "multiple",
-      value: value,
-      onChange: v => setValue(v)
-    }));
-  },
-  args: {
-    items: iconTextItems,
-    label: "Text formatting",
-    bordered: true
-  }
+const Multiple = {
+    render: (args)=>{
+        const [value, setValue] = useState([]);
+        return /*#__PURE__*/ react.createElement(ToggleGroup, {
+            ...args,
+            type: "multiple",
+            value: value,
+            onChange: (v)=>setValue(v)
+        });
+    },
+    args: {
+        items: iconTextItems,
+        label: "Text formatting",
+        bordered: true
+    }
 };
-export const Disabled = {
-  args: {
-    items: iconItems,
-    label: "Alignment",
-    bordered: true,
-    disabled: true
-  }
+const Disabled = {
+    args: {
+        items: iconItems,
+        label: "Alignment",
+        bordered: true,
+        disabled: true
+    }
 };
-export const Documentation = {
-  render: args => {
-    const [value, setValue] = useState("");
-    return /*#__PURE__*/React.createElement(ToggleGroup, Object.assign({}, args, {
-      type: "single",
-      value: value,
-      onChange: v => setValue(v)
-    }));
-  },
-  args: {
-    items: iconItems,
-    label: "Alignment",
-    bordered: true,
-    description: "Choose a text alignment option.",
-    note: "Note: Alignment applies to the selected paragraph."
-  },
-  argTypes: {
-    label: {
-      description: "Label above the group",
-      control: "text"
-    },
-    description: {
-      description: "Description below the label",
-      control: "text"
-    },
-    note: {
-      description: "Note below the group",
-      control: "text"
-    },
-    bordered: {
-      description: "Show a border around the group container",
-      control: "boolean"
-    },
-    disabled: {
-      description: "Disables all items",
-      control: "boolean"
-    },
-    variant: {
-      description: "Visual style of items",
-      control: "select",
-      options: ["primary", "outline", "ghost", "ghost-negative"]
+const Documentation = {
+    render: (args)=>{
+        const [value, setValue] = useState("");
+        return /*#__PURE__*/ react.createElement(ToggleGroup, {
+            ...args,
+            type: "single",
+            value: value,
+            onChange: (v)=>setValue(v)
+        });
     },
-    size: {
-      description: "Size of items",
-      control: "select",
-      options: ["sm", "md"]
+    args: {
+        items: iconItems,
+        label: "Alignment",
+        bordered: true,
+        description: "Choose a text alignment option.",
+        note: "Note: Alignment applies to the selected paragraph."
     },
-    onChange: {
-      description: "Called with the new value when selection changes"
+    argTypes: {
+        label: {
+            description: "Label above the group",
+            control: "text"
+        },
+        description: {
+            description: "Description below the label",
+            control: "text"
+        },
+        note: {
+            description: "Note below the group",
+            control: "text"
+        },
+        bordered: {
+            description: "Show a border around the group container",
+            control: "boolean"
+        },
+        disabled: {
+            description: "Disables all items",
+            control: "boolean"
+        },
+        variant: {
+            description: "Visual style of items",
+            control: "select",
+            options: [
+                "primary",
+                "outline",
+                "ghost",
+                "ghost-negative"
+            ]
+        },
+        size: {
+            description: "Size of items",
+            control: "select",
+            options: [
+                "sm",
+                "md"
+            ]
+        },
+        onChange: {
+            description: "Called with the new value when selection changes"
+        }
     }
-  }
 };
+export default ToggleGroup_stories;
+export { Default, Disabled, Documentation, Ghost, IconOnly, IconOnlyGhost, Multiple, Outline, WithDescription, WithErrors, WithIconAndText, WithNotes };
 
 //# sourceMappingURL=ToggleGroup.stories.js.map

package/ToggleGroup/ToggleGroup.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ReactComponent","BoldIcon","ItalicIcon","UnderlineIcon","AlignLeftIcon","AlignCenterIcon","AlignRightIcon","Tooltip","ToggleGroup","textItems","value","label","iconItems","icon","createElement","iconTextItems","meta","title","component","parameters","layout","decorators","Story","Provider","render","args","setValue","Object","assign","type","onChange","v","Default","items","bordered","IconOnly","IconOnlyGhost","variant","WithIconAndText","Outline","Ghost","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Multiple","Disabled","disabled","Documentation","argTypes","control","options","size"],"sources":["ToggleGroup.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { ReactComponent as BoldIcon } from \"@webiny/icons/format_bold.svg\";\nimport { ReactComponent as ItalicIcon } from \"@webiny/icons/format_italic.svg\";\nimport { ReactComponent as UnderlineIcon } from \"@webiny/icons/format_underlined.svg\";\nimport { ReactComponent as AlignLeftIcon } from \"@webiny/icons/format_align_left.svg\";\nimport { ReactComponent as AlignCenterIcon } from \"@webiny/icons/format_align_center.svg\";\nimport { ReactComponent as AlignRightIcon } from \"@webiny/icons/format_align_right.svg\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { ToggleGroup } from \"~/ToggleGroup/index.js\";\n\nconst textItems = [\n    { value: \"bold\", label: \"Bold\" },\n    { value: \"italic\", label: \"Italic\" },\n    { value: \"underline\", label: \"Underline\" }\n];\n\nconst iconItems = [\n    { value: \"left\", icon: <AlignLeftIcon /> },\n    { value: \"center\", icon: <AlignCenterIcon /> },\n    { value: \"right\", icon: <AlignRightIcon /> }\n];\n\nconst iconTextItems = [\n    { value: \"bold\", label: \"Bold\", icon: <BoldIcon /> },\n    { value: \"italic\", label: \"Italic\", icon: <ItalicIcon /> },\n    { value: \"underline\", label: \"Underline\", icon: <UnderlineIcon /> }\n];\n\nconst meta: Meta<typeof ToggleGroup> = {\n    title: \"Components/Form/ToggleGroup\",\n    component: ToggleGroup,\n    parameters: {\n        layout: \"padded\"\n    },\n    decorators: [\n        Story => (\n            <Tooltip.Provider>\n                <Story />\n            </Tooltip.Provider>\n        )\n    ],\n    render: args => {\n        const [value, setValue] = useState<string>(\"\");\n        return (\n            <ToggleGroup\n                {...args}\n                type=\"single\"\n                value={value}\n                onChange={v => setValue(v as string)}\n            />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof ToggleGroup>;\n\nexport const Default: Story = {\n    args: { items: textItems, label: \"Text formatting\", bordered: true }\n};\n\nexport const IconOnly: Story = {\n    args: { items: iconItems, label: \"Alignment\", bordered: true }\n};\n\nexport const IconOnlyGhost: Story = {\n    args: { items: iconItems, label: \"Alignment\", variant: \"ghost\", bordered: true }\n};\n\nexport const WithIconAndText: Story = {\n    args: { items: iconTextItems, label: \"Text formatting\", bordered: true }\n};\n\nexport const Outline: Story = {\n    args: { items: textItems, label: \"Text formatting\", variant: \"outline\", bordered: true }\n};\n\nexport const Ghost: Story = {\n    args: { items: textItems, label: \"Text formatting\", variant: \"ghost\", bordered: true }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        items: iconTextItems,\n        label: \"Text formatting\",\n        description: \"Choose one or more formatting options.\",\n        bordered: true\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        items: iconItems,\n        label: \"Alignment\",\n        note: \"Note: Formatting applies to selected text only.\",\n        bordered: true\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        items: textItems,\n        label: \"Text formatting\",\n        bordered: true,\n        validation: { isValid: false, message: \"Please select a formatting option.\" }\n    }\n};\n\nexport const Multiple: Story = {\n    render: args => {\n        const [value, setValue] = useState<string[]>([]);\n        return (\n            <ToggleGroup\n                {...args}\n                type=\"multiple\"\n                value={value}\n                onChange={v => setValue(v as string[])}\n            />\n        );\n    },\n    args: { items: iconTextItems, label: \"Text formatting\", bordered: true }\n};\n\nexport const Disabled: Story = {\n    args: { items: iconItems, label: \"Alignment\", bordered: true, disabled: true }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [value, setValue] = useState<string>(\"\");\n        return (\n            <ToggleGroup\n                {...args}\n                type=\"single\"\n                value={value}\n                onChange={v => setValue(v as string)}\n            />\n        );\n    },\n    args: {\n        items: iconItems,\n        label: \"Alignment\",\n        bordered: true,\n        description: \"Choose a text alignment option.\",\n        note: \"Note: Alignment applies to the selected paragraph.\"\n    },\n    argTypes: {\n        label: { description: \"Label above the group\", control: \"text\" },\n        description: { description: \"Description below the label\", control: \"text\" },\n        note: { description: \"Note below the group\", control: \"text\" },\n        bordered: { description: \"Show a border around the group container\", control: \"boolean\" },\n        disabled: { description: \"Disables all items\", control: \"boolean\" },\n        variant: {\n            description: \"Visual style of items\",\n            control: \"select\",\n            options: [\"primary\", \"outline\", \"ghost\", \"ghost-negative\"]\n        },\n        size: {\n            description: \"Size of items\",\n            control: \"select\",\n            options: [\"sm\", \"md\"]\n        },\n        onChange: { description: \"Called with the new value when selection changes\" }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ToggleGroup/ToggleGroup.stories.js","sources":["../../src/ToggleGroup/ToggleGroup.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { ReactComponent as BoldIcon } from \"@webiny/icons/format_bold.svg\";\nimport { ReactComponent as ItalicIcon } from \"@webiny/icons/format_italic.svg\";\nimport { ReactComponent as UnderlineIcon } from \"@webiny/icons/format_underlined.svg\";\nimport { ReactComponent as AlignLeftIcon } from \"@webiny/icons/format_align_left.svg\";\nimport { ReactComponent as AlignCenterIcon } from \"@webiny/icons/format_align_center.svg\";\nimport { ReactComponent as AlignRightIcon } from \"@webiny/icons/format_align_right.svg\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { ToggleGroup } from \"~/ToggleGroup/index.js\";\n\nconst textItems = [\n    { value: \"bold\", label: \"Bold\" },\n    { value: \"italic\", label: \"Italic\" },\n    { value: \"underline\", label: \"Underline\" }\n];\n\nconst iconItems = [\n    { value: \"left\", icon: <AlignLeftIcon /> },\n    { value: \"center\", icon: <AlignCenterIcon /> },\n    { value: \"right\", icon: <AlignRightIcon /> }\n];\n\nconst iconTextItems = [\n    { value: \"bold\", label: \"Bold\", icon: <BoldIcon /> },\n    { value: \"italic\", label: \"Italic\", icon: <ItalicIcon /> },\n    { value: \"underline\", label: \"Underline\", icon: <UnderlineIcon /> }\n];\n\nconst meta: Meta<typeof ToggleGroup> = {\n    title: \"Components/Form/ToggleGroup\",\n    component: ToggleGroup,\n    parameters: {\n        layout: \"padded\"\n    },\n    decorators: [\n        Story => (\n            <Tooltip.Provider>\n                <Story />\n            </Tooltip.Provider>\n        )\n    ],\n    render: args => {\n        const [value, setValue] = useState<string>(\"\");\n        return (\n            <ToggleGroup\n                {...args}\n                type=\"single\"\n                value={value}\n                onChange={v => setValue(v as string)}\n            />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof ToggleGroup>;\n\nexport const Default: Story = {\n    args: { items: textItems, label: \"Text formatting\", bordered: true }\n};\n\nexport const IconOnly: Story = {\n    args: { items: iconItems, label: \"Alignment\", bordered: true }\n};\n\nexport const IconOnlyGhost: Story = {\n    args: { items: iconItems, label: \"Alignment\", variant: \"ghost\", bordered: true }\n};\n\nexport const WithIconAndText: Story = {\n    args: { items: iconTextItems, label: \"Text formatting\", bordered: true }\n};\n\nexport const Outline: Story = {\n    args: { items: textItems, label: \"Text formatting\", variant: \"outline\", bordered: true }\n};\n\nexport const Ghost: Story = {\n    args: { items: textItems, label: \"Text formatting\", variant: \"ghost\", bordered: true }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        items: iconTextItems,\n        label: \"Text formatting\",\n        description: \"Choose one or more formatting options.\",\n        bordered: true\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        items: iconItems,\n        label: \"Alignment\",\n        note: \"Note: Formatting applies to selected text only.\",\n        bordered: true\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        items: textItems,\n        label: \"Text formatting\",\n        bordered: true,\n        validation: { isValid: false, message: \"Please select a formatting option.\" }\n    }\n};\n\nexport const Multiple: Story = {\n    render: args => {\n        const [value, setValue] = useState<string[]>([]);\n        return (\n            <ToggleGroup\n                {...args}\n                type=\"multiple\"\n                value={value}\n                onChange={v => setValue(v as string[])}\n            />\n        );\n    },\n    args: { items: iconTextItems, label: \"Text formatting\", bordered: true }\n};\n\nexport const Disabled: Story = {\n    args: { items: iconItems, label: \"Alignment\", bordered: true, disabled: true }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [value, setValue] = useState<string>(\"\");\n        return (\n            <ToggleGroup\n                {...args}\n                type=\"single\"\n                value={value}\n                onChange={v => setValue(v as string)}\n            />\n        );\n    },\n    args: {\n        items: iconItems,\n        label: \"Alignment\",\n        bordered: true,\n        description: \"Choose a text alignment option.\",\n        note: \"Note: Alignment applies to the selected paragraph.\"\n    },\n    argTypes: {\n        label: { description: \"Label above the group\", control: \"text\" },\n        description: { description: \"Description below the label\", control: \"text\" },\n        note: { description: \"Note below the group\", control: \"text\" },\n        bordered: { description: \"Show a border around the group container\", control: \"boolean\" },\n        disabled: { description: \"Disables all items\", control: \"boolean\" },\n        variant: {\n            description: \"Visual style of items\",\n            control: \"select\",\n            options: [\"primary\", \"outline\", \"ghost\", \"ghost-negative\"]\n        },\n        size: {\n            description: \"Size of items\",\n            control: \"select\",\n            options: [\"sm\", \"md\"]\n        },\n        onChange: { description: \"Called with the new value when selection changes\" }\n    }\n};\n"],"names":["textItems","iconItems","AlignLeftIcon","AlignCenterIcon","AlignRightIcon","iconTextItems","BoldIcon","ItalicIcon","UnderlineIcon","meta","ToggleGroup","Story","Tooltip","args","value","setValue","useState","v","Default","IconOnly","IconOnlyGhost","WithIconAndText","Outline","Ghost","WithDescription","WithNotes","WithErrors","Multiple","Disabled","Documentation"],"mappings":"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"}

package/ToggleGroup/domains/ToggleGroupItem.d.ts

@@ -6,6 +6,7 @@ export declare class ToggleGroupItem {
     private readonly _disabled;
     private readonly _icon;
     private readonly _iconPosition;
+    private readonly _tooltip?;
     protected constructor(data: {
         id: string;
         label: any;
@@ -13,6 +14,7 @@ export declare class ToggleGroupItem {
         disabled: boolean;
         icon: any;
         iconPosition: "start" | "end";
+        tooltip?: any;
     });
     static create(data: ToggleGroupItemParams): ToggleGroupItem;
     get id(): string;
@@ -21,4 +23,5 @@ export declare class ToggleGroupItem {
     get disabled(): boolean;
     get icon(): any;
     get iconPosition(): "end" | "start";
+    get tooltip(): any;
 }

package/ToggleGroup/domains/ToggleGroupItem.js

@@ -1,41 +1,47 @@
 import { generateId } from "../../utils.js";
-export class ToggleGroupItem {
-  constructor(data) {
-    this._id = data.id;
-    this._label = data.label;
-    this._value = data.value;
-    this._disabled = data.disabled;
-    this._icon = data.icon;
-    this._iconPosition = data.iconPosition;
-  }
-  static create(data) {
-    return new ToggleGroupItem({
-      id: generateId(data.id),
-      label: data.label,
-      value: data.value,
-      disabled: data.disabled ?? false,
-      icon: data.icon,
-      iconPosition: data.iconPosition ?? "start"
-    });
-  }
-  get id() {
-    return this._id;
-  }
-  get label() {
-    return this._label;
-  }
-  get value() {
-    return this._value;
-  }
-  get disabled() {
-    return this._disabled;
-  }
-  get icon() {
-    return this._icon;
-  }
-  get iconPosition() {
-    return this._iconPosition;
-  }
+class ToggleGroupItem {
+    constructor(data){
+        this._id = data.id;
+        this._label = data.label;
+        this._value = data.value;
+        this._disabled = data.disabled;
+        this._icon = data.icon;
+        this._iconPosition = data.iconPosition;
+        this._tooltip = data.tooltip;
+    }
+    static create(data) {
+        return new ToggleGroupItem({
+            id: generateId(data.id),
+            label: data.label,
+            value: data.value,
+            disabled: data.disabled ?? false,
+            icon: data.icon,
+            iconPosition: data.iconPosition ?? "start",
+            tooltip: data.tooltip
+        });
+    }
+    get id() {
+        return this._id;
+    }
+    get label() {
+        return this._label;
+    }
+    get value() {
+        return this._value;
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    get icon() {
+        return this._icon;
+    }
+    get iconPosition() {
+        return this._iconPosition;
+    }
+    get tooltip() {
+        return this._tooltip;
+    }
 }
+export { ToggleGroupItem };
 
 //# sourceMappingURL=ToggleGroupItem.js.map

package/ToggleGroup/domains/ToggleGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["generateId","ToggleGroupItem","constructor","data","_id","id","_label","label","_value","value","_disabled","disabled","_icon","icon","_iconPosition","iconPosition","create"],"sources":["ToggleGroupItem.ts"],"sourcesContent":["import type { ToggleGroupItemParams } from \"./ToggleGroupItemParams.js\";\nimport { generateId } from \"~/utils.js\";\n\nexport class ToggleGroupItem {\n    private readonly _id: string;\n    private readonly _label: any;\n    private readonly _value: string;\n    private readonly _disabled: boolean;\n    private readonly _icon: any;\n    private readonly _iconPosition: \"start\" | \"end\";\n\n    protected constructor(data: {\n        id: string;\n        label: any;\n        value: string;\n        disabled: boolean;\n        icon: any;\n        iconPosition: \"start\" | \"end\";\n    }) {\n        this._id = data.id;\n        this._label = data.label;\n        this._value = data.value;\n        this._disabled = data.disabled;\n        this._icon = data.icon;\n        this._iconPosition = data.iconPosition;\n    }\n\n    static create(data: ToggleGroupItemParams): ToggleGroupItem {\n        return new ToggleGroupItem({\n            id: generateId(data.id),\n            label: data.label,\n            value: data.value,\n            disabled: data.disabled ?? false,\n            icon: data.icon,\n            iconPosition: data.iconPosition ?? \"start\"\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    get icon() {\n        return this._icon;\n    }\n\n    get iconPosition() {\n        return this._iconPosition;\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,eAAe,CAAC;EAQfC,WAAWA,CAACC,IAOrB,EAAE;IACC,IAAI,CAACC,GAAG,GAAGD,IAAI,CAACE,EAAE;IAClB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGL,IAAI,CAACM,KAAK;IACxB,IAAI,CAACC,SAAS,GAAGP,IAAI,CAACQ,QAAQ;IAC9B,IAAI,CAACC,KAAK,GAAGT,IAAI,CAACU,IAAI;IACtB,IAAI,CAACC,aAAa,GAAGX,IAAI,CAACY,YAAY;EAC1C;EAEA,OAAOC,MAAMA,CAACb,IAA2B,EAAmB;IACxD,OAAO,IAAIF,eAAe,CAAC;MACvBI,EAAE,EAAEL,UAAU,CAACG,IAAI,CAACE,EAAE,CAAC;MACvBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,KAAK,EAAEN,IAAI,CAACM,KAAK;MACjBE,QAAQ,EAAER,IAAI,CAACQ,QAAQ,IAAI,KAAK;MAChCE,IAAI,EAAEV,IAAI,CAACU,IAAI;MACfE,YAAY,EAAEZ,IAAI,CAACY,YAAY,IAAI;IACvC,CAAC,CAAC;EACN;EAEA,IAAIV,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIG,IAAIA,CAAA,EAAG;IACP,OAAO,IAAI,CAACD,KAAK;EACrB;EAEA,IAAIG,YAAYA,CAAA,EAAG;IACf,OAAO,IAAI,CAACD,aAAa;EAC7B;AACJ","ignoreList":[]}
+{"version":3,"file":"ToggleGroup/domains/ToggleGroupItem.js","sources":["../../../src/ToggleGroup/domains/ToggleGroupItem.ts"],"sourcesContent":["import type { ToggleGroupItemParams } from \"./ToggleGroupItemParams.js\";\nimport { generateId } from \"~/utils.js\";\n\nexport class ToggleGroupItem {\n    private readonly _id: string;\n    private readonly _label: any;\n    private readonly _value: string;\n    private readonly _disabled: boolean;\n    private readonly _icon: any;\n    private readonly _iconPosition: \"start\" | \"end\";\n    private readonly _tooltip?: any;\n\n    protected constructor(data: {\n        id: string;\n        label: any;\n        value: string;\n        disabled: boolean;\n        icon: any;\n        iconPosition: \"start\" | \"end\";\n        tooltip?: any;\n    }) {\n        this._id = data.id;\n        this._label = data.label;\n        this._value = data.value;\n        this._disabled = data.disabled;\n        this._icon = data.icon;\n        this._iconPosition = data.iconPosition;\n        this._tooltip = data.tooltip;\n    }\n\n    static create(data: ToggleGroupItemParams): ToggleGroupItem {\n        return new ToggleGroupItem({\n            id: generateId(data.id),\n            label: data.label,\n            value: data.value,\n            disabled: data.disabled ?? false,\n            icon: data.icon,\n            iconPosition: data.iconPosition ?? \"start\",\n            tooltip: data.tooltip\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    get icon() {\n        return this._icon;\n    }\n\n    get iconPosition() {\n        return this._iconPosition;\n    }\n\n    get tooltip() {\n        return this._tooltip;\n    }\n}\n"],"names":["ToggleGroupItem","data","generateId"],"mappings":";AAGO,MAAMA;IAST,YAAsBC,IAQrB,CAAE;QACC,IAAI,CAAC,GAAG,GAAGA,KAAK,EAAE;QAClB,IAAI,CAAC,MAAM,GAAGA,KAAK,KAAK;QACxB,IAAI,CAAC,MAAM,GAAGA,KAAK,KAAK;QACxB,IAAI,CAAC,SAAS,GAAGA,KAAK,QAAQ;QAC9B,IAAI,CAAC,KAAK,GAAGA,KAAK,IAAI;QACtB,IAAI,CAAC,aAAa,GAAGA,KAAK,YAAY;QACtC,IAAI,CAAC,QAAQ,GAAGA,KAAK,OAAO;IAChC;IAEA,OAAO,OAAOA,IAA2B,EAAmB;QACxD,OAAO,IAAID,gBAAgB;YACvB,IAAIE,WAAWD,KAAK,EAAE;YACtB,OAAOA,KAAK,KAAK;YACjB,OAAOA,KAAK,KAAK;YACjB,UAAUA,KAAK,QAAQ,IAAI;YAC3B,MAAMA,KAAK,IAAI;YACf,cAAcA,KAAK,YAAY,IAAI;YACnC,SAASA,KAAK,OAAO;QACzB;IACJ;IAEA,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,GAAG;IACnB;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,MAAM;IACtB;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,MAAM;IACtB;IAEA,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,aAAa;IAC7B;IAEA,IAAI,UAAU;QACV,OAAO,IAAI,CAAC,QAAQ;IACxB;AACJ"}

package/ToggleGroup/domains/ToggleGroupItemFormatted.d.ts

@@ -6,4 +6,5 @@ export interface ToggleGroupItemFormatted {
     disabled: boolean;
     icon?: React.ReactNode;
     iconPosition: "start" | "end";
+    tooltip?: React.ReactNode;
 }

package/ToggleGroup/domains/ToggleGroupItemFormatted.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=ToggleGroupItemFormatted.js.map

package/ToggleGroup/domains/ToggleGroupItemFormatter.js

@@ -1,14 +1,16 @@
-export class ToggleGroupItemFormatter {
-  static format(item) {
-    return {
-      id: item.id,
-      label: item.label,
-      value: item.value,
-      disabled: item.disabled,
-      icon: item.icon,
-      iconPosition: item.iconPosition
-    };
-  }
+class ToggleGroupItemFormatter {
+    static format(item) {
+        return {
+            id: item.id,
+            label: item.label,
+            value: item.value,
+            disabled: item.disabled,
+            icon: item.icon,
+            iconPosition: item.iconPosition,
+            tooltip: item.tooltip
+        };
+    }
 }
+export { ToggleGroupItemFormatter };
 
 //# sourceMappingURL=ToggleGroupItemFormatter.js.map

package/ToggleGroup/domains/ToggleGroupItemFormatter.js.map

@@ -1 +1 @@
-{"version":3,"names":["ToggleGroupItemFormatter","format","item","id","label","value","disabled","icon","iconPosition"],"sources":["ToggleGroupItemFormatter.ts"],"sourcesContent":["import type { ToggleGroupItemFormatted } from \"./ToggleGroupItemFormatted.js\";\nimport type { ToggleGroupItem } from \"./ToggleGroupItem.js\";\n\nexport class ToggleGroupItemFormatter {\n    static format(item: ToggleGroupItem): ToggleGroupItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            value: item.value,\n            disabled: item.disabled,\n            icon: item.icon,\n            iconPosition: item.iconPosition\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,wBAAwB,CAAC;EAClC,OAAOC,MAAMA,CAACC,IAAqB,EAA4B;IAC3D,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,KAAK,EAAEH,IAAI,CAACG,KAAK;MACjBC,QAAQ,EAAEJ,IAAI,CAACI,QAAQ;MACvBC,IAAI,EAAEL,IAAI,CAACK,IAAI;MACfC,YAAY,EAAEN,IAAI,CAACM;IACvB,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"file":"ToggleGroup/domains/ToggleGroupItemFormatter.js","sources":["../../../src/ToggleGroup/domains/ToggleGroupItemFormatter.ts"],"sourcesContent":["import type { ToggleGroupItemFormatted } from \"./ToggleGroupItemFormatted.js\";\nimport type { ToggleGroupItem } from \"./ToggleGroupItem.js\";\n\nexport class ToggleGroupItemFormatter {\n    static format(item: ToggleGroupItem): ToggleGroupItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            value: item.value,\n            disabled: item.disabled,\n            icon: item.icon,\n            iconPosition: item.iconPosition,\n            tooltip: item.tooltip\n        };\n    }\n}\n"],"names":["ToggleGroupItemFormatter","item"],"mappings":"AAGO,MAAMA;IACT,OAAO,OAAOC,IAAqB,EAA4B;QAC3D,OAAO;YACH,IAAIA,KAAK,EAAE;YACX,OAAOA,KAAK,KAAK;YACjB,OAAOA,KAAK,KAAK;YACjB,UAAUA,KAAK,QAAQ;YACvB,MAAMA,KAAK,IAAI;YACf,cAAcA,KAAK,YAAY;YAC/B,SAASA,KAAK,OAAO;QACzB;IACJ;AACJ"}