@popsure/dirty-swan 0.63.0 → 0.63.2

package/dist/esm/components/input/checkbox/index.stories.js

@@ -1,10 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { Checkbox } from './index.js';
-import { a as images } from '../../../index-29e6f39e.js';
-import '../../../tslib.es6-a39f91fc.js';
-import '../../../index-6ea95111.js';
-import '../../../style-inject.es-1f59c1d0.js';
+import { i as images } from '../../../index-C4hs4X-e.js';
+import '../../../tslib.es6-CVlKGIvp.js';
+import '../../../index-DLQEsiym.js';
+import '../../../_commonjsHelpers-BFTU3MAI.js';
+import '../../../style-inject.es-tgCJW-Cu.js';
 
 var story = {
     title: 'JSX/Inputs/Checkbox',
@@ -16,16 +17,19 @@ var story = {
         value: {
             description: 'Current checked values.',
         },
+        fieldLegend: {
+            description: 'Accessibility property that describes the purpose of a group of checkbox buttons, read aloud by screen readers to provide context.',
+        },
         onChange: {
             description: 'Function called everytime a value changes.',
             action: true,
             table: {
-                category: "Callbacks",
+                category: 'Callbacks',
             },
         },
         wide: {
             description: 'Property that defines if options should fill 100% of available horizontal space',
-            defaultValue: false
+            defaultValue: false,
         },
         bordered: {
             control: 'boolean',
@@ -42,119 +46,131 @@ var story = {
         options: {
             CAT: {
                 title: 'Cat',
-                description: 'At least 1'
+                description: 'At least 1',
             },
             DOG: {
                 title: 'Dog',
-                description: 'At least 2'
+                description: 'At least 2',
             },
             NONE: {
                 title: 'None',
-                description: 'No pets'
-            }
+                description: 'No pets',
+            },
         },
+        fieldLegend: 'Owned pets',
         wide: false,
         bordered: true,
         inlineLayout: false,
         classNames: {
             container: '',
             label: '',
-            option: ''
+            option: '',
         },
         value: [],
-        className: ''
-    }
+        className: '',
+    },
 };
-var CheckboxStory = function (_a) {
-    var onChange = _a.onChange, options = _a.options, wide = _a.wide, bordered = _a.bordered, classNames = _a.classNames, inlineLayout = _a.inlineLayout;
-    var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
-    var handleOnChange = function (newValue) {
-        setCheckedValues(newValue);
-        onChange(newValue);
-    };
-    return (jsx(Checkbox, { wide: wide, options: options, onChange: handleOnChange, value: checkedValues, bordered: bordered, classNames: classNames, inlineLayout: inlineLayout }));
+var CheckboxStory = {
+    render: function (_a) {
+        var onChange = _a.onChange, options = _a.options, wide = _a.wide, bordered = _a.bordered, classNames = _a.classNames, inlineLayout = _a.inlineLayout, fieldLegend = _a.fieldLegend;
+        var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
+        var handleOnChange = function (newValue) {
+            setCheckedValues(newValue);
+            onChange(newValue);
+        };
+        return (jsx(Checkbox, { wide: wide, options: options, onChange: handleOnChange, value: checkedValues, bordered: bordered, classNames: classNames, inlineLayout: inlineLayout, fieldLegend: fieldLegend }));
+    },
+    name: 'Checkbox',
 };
-var CheckboxWithCustomWrapperStyles = function (_a) {
-    var onChange = _a.onChange;
-    var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
-    var handleOnChange = function (newValue) {
-        if (newValue === void 0) { newValue = []; }
-        setCheckedValues(newValue);
-        onChange(newValue);
-    };
-    return (jsx(Checkbox, { onChange: handleOnChange, value: checkedValues, options: {
-            CAT1: 'Cat',
-            DOG1: 'Dog',
-        }, classNames: { container: "p32 bg-primary-300 br24 bs-lg" } }));
+var CheckboxWithCustomWrapperStyles = {
+    render: function (_a) {
+        var onChange = _a.onChange;
+        var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
+        var handleOnChange = function (newValue) {
+            if (newValue === void 0) { newValue = []; }
+            setCheckedValues(newValue);
+            onChange(newValue);
+        };
+        return (jsx(Checkbox, { onChange: handleOnChange, value: checkedValues, options: {
+                CAT1: 'Cat',
+                DOG1: 'Dog',
+            }, classNames: { container: 'p32 bg-purple-500 br24 bs-lg' } }));
+    },
 };
-var CheckboxWithCustomOptionStyles = function (_a) {
-    var onChange = _a.onChange;
-    var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
-    var handleOnChange = function (newValue) {
-        if (newValue === void 0) { newValue = []; }
-        setCheckedValues(newValue);
-        onChange(newValue);
-    };
-    return (jsx(Checkbox, { onChange: handleOnChange, value: checkedValues, options: {
-            CAT2: 'Cat',
-            DOG2: 'Dog',
-        }, classNames: { option: "mb32 p24 bg-green-100 br12 bs-lg" } }));
+var CheckboxWithCustomOptionStyles = {
+    render: function (_a) {
+        var onChange = _a.onChange;
+        var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
+        var handleOnChange = function (newValue) {
+            if (newValue === void 0) { newValue = []; }
+            setCheckedValues(newValue);
+            onChange(newValue);
+        };
+        return (jsx(Checkbox, { onChange: handleOnChange, value: checkedValues, options: {
+                CAT2: 'Cat',
+                DOG2: 'Dog',
+            }, classNames: { option: 'mb32 p24 bg-green-100 br12 bs-lg' } }));
+    },
 };
-var CheckboxWithCustomLabelStyles = function (_a) {
-    var onChange = _a.onChange;
-    var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
-    var handleOnChange = function (newValue) {
-        if (newValue === void 0) { newValue = []; }
-        setCheckedValues(newValue);
-        onChange(newValue);
-    };
-    return (jsx(Checkbox, { onChange: handleOnChange, value: checkedValues, options: {
-            CAT3: 'Cat',
-            DOG3: 'Dog',
-        }, classNames: { label: "bg-grey-900 tc-white" } }));
+var CheckboxWithCustomLabelStyles = {
+    render: function (_a) {
+        var onChange = _a.onChange;
+        var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
+        var handleOnChange = function (newValue) {
+            if (newValue === void 0) { newValue = []; }
+            setCheckedValues(newValue);
+            onChange(newValue);
+        };
+        return (jsx(Checkbox, { onChange: handleOnChange, value: checkedValues, options: {
+                CAT3: 'Cat',
+                DOG3: 'Dog',
+            }, classNames: { label: 'bg-neutral-900 tc-white' } }));
+    },
 };
-var CheckboxWithInlineLayout = function (_a) {
-    var onChange = _a.onChange;
-    var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
-    var handleOnChange = function (newValue) {
-        if (newValue === void 0) { newValue = []; }
-        setCheckedValues(newValue);
-        onChange(newValue);
-    };
-    return (jsx(Checkbox, { onChange: handleOnChange, value: checkedValues, options: {
-            CAT4: 'Cat',
-            DOG4: 'Dog',
-            FISHER: 'Fish',
-            RABBIT: 'Rabbit',
-            RAT: 'Rat',
-            ANOTHER: 'Other',
-        }, classNames: { option: "w30" }, inlineLayout: true, wide: true }));
+var CheckboxWithInlineLayout = {
+    render: function (_a) {
+        var onChange = _a.onChange;
+        var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
+        var handleOnChange = function (newValue) {
+            if (newValue === void 0) { newValue = []; }
+            setCheckedValues(newValue);
+            onChange(newValue);
+        };
+        return (jsx(Checkbox, { onChange: handleOnChange, value: checkedValues, options: {
+                CAT4: 'Cat',
+                DOG4: 'Dog',
+                FISHER: 'Fish',
+                RABBIT: 'Rabbit',
+                RAT: 'Rat',
+                ANOTHER: 'Other',
+            }, classNames: { option: 'w30' }, inlineLayout: true, wide: true }));
+    },
 };
-var CheckboxWithCustomLabel = function (_a) {
-    var onChange = _a.onChange; _a.wide; _a.classNames; _a.inlineLayout;
-    var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
-    var handleOnChange = function (newValue) {
-        if (newValue === void 0) { newValue = []; }
-        setCheckedValues(newValue);
-        onChange(newValue);
-    };
-    return (jsx(Checkbox, { options: {
-            BIGDOG: {
-                icon: function () { return jsx("img", { src: images.bigDog, alt: '' }); },
-                title: 'Dog',
-            },
-            FISH: {
-                icon: function () { return jsx("img", { src: images.brokenAquarium, alt: '' }); },
-                title: 'Fish',
-            },
-            OTHER: {
-                icon: function () { return jsx("img", { src: images.brokenGlass, alt: '' }); },
-                title: 'Other',
-            }
-        }, onChange: handleOnChange, value: checkedValues, classNames: { option: "w30" }, inlineLayout: true }));
+var CheckboxWithCustomLabel = {
+    render: function (_a) {
+        var onChange = _a.onChange; _a.wide; _a.classNames; _a.inlineLayout;
+        var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
+        var handleOnChange = function (newValue) {
+            if (newValue === void 0) { newValue = []; }
+            setCheckedValues(newValue);
+            onChange(newValue);
+        };
+        return (jsx(Checkbox, { options: {
+                BIGDOG: {
+                    icon: function () { return jsx("img", { src: images.bigDog, alt: "" }); },
+                    title: 'Dog',
+                },
+                FISH: {
+                    icon: function () { return jsx("img", { src: images.brokenAquarium, alt: "" }); },
+                    title: 'Fish',
+                },
+                OTHER: {
+                    icon: function () { return jsx("img", { src: images.brokenGlass, alt: "" }); },
+                    title: 'Other',
+                },
+            }, onChange: handleOnChange, value: checkedValues, classNames: { option: 'w30' }, inlineLayout: true }));
+    },
 };
-CheckboxStory.storyName = 'Checkbox';
 
-export default story;
-export { CheckboxStory, CheckboxWithCustomLabel, CheckboxWithCustomLabelStyles, CheckboxWithCustomOptionStyles, CheckboxWithCustomWrapperStyles, CheckboxWithInlineLayout };
+export { CheckboxStory, CheckboxWithCustomLabel, CheckboxWithCustomLabelStyles, CheckboxWithCustomOptionStyles, CheckboxWithCustomWrapperStyles, CheckboxWithInlineLayout, story as default };
 //# sourceMappingURL=index.stories.js.map

package/dist/esm/components/input/checkbox/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/input/checkbox/index.stories.tsx"],"sourcesContent":["\nimport { useState } from 'react';\nimport { Checkbox, CheckboxProps } from '.';\nimport { images } from '../../../util/images';\nimport classNames from 'classnames';\n\nconst story = {\n  title: 'JSX/Inputs/Checkbox',\n  component: Checkbox,\n  argTypes: {\n    options: {\n      description: 'Object that contains the possible options for rendering in the input.',\n    },\n    value: {\n      description: 'Current checked values.',\n    },\n    onChange: {\n      description: 'Function called everytime a value changes.',\n      action: true,\n      table: {\n        category: \"Callbacks\",\n      },\n    },\n    wide: {\n      description: 'Property that defines if options should fill 100% of available horizontal space',\n      defaultValue: false\n    },\n    bordered: {\n      control: 'boolean',\n      description: 'Property that defines if checkbox should show the border around each label',\n    },\n    inlineLayout: {\n      description: 'Property that defines if options should show inline instead of block. Check inline checkbox options story for examples.',\n    },\n    className: {\n      description: 'ClassNames for custom styling',\n    },\n  },\n  args: {\n    options: {\n      CAT:{\n        title: 'Cat',\n        description: 'At least 1'\n      },\n      DOG:{\n        title: 'Dog',\n        description: 'At least 2'\n      },\n      NONE:{\n        title: 'None',\n        description: 'No pets'\n      }\n    },\n    wide: false,\n    bordered: true,\n    inlineLayout: false,\n    classNames: {\n      container: '',\n      label: '',\n      option: ''\n    },\n    value: [],\n    className: ''\n  }\n};\n\nexport const CheckboxStory = ({ \n  onChange,\n  options,\n  wide,\n  bordered,\n  classNames,\n  inlineLayout,\n}: CheckboxProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n  const handleOnChange = (newValue: string[]) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  }\n\n  return (\n    <Checkbox \n      wide={wide}\n      options={options} \n      onChange={handleOnChange}\n      value={checkedValues}\n      bordered={bordered}\n      classNames={classNames}\n      inlineLayout={inlineLayout}\n    />\n  );\n}\n\nexport const CheckboxWithCustomWrapperStyles = ({ onChange }: CheckboxProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n  const handleOnChange = (newValue: string[] = []) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  }\n\n  return (\n    <Checkbox \n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT1: 'Cat',\n        DOG1: 'Dog',\n      }} \n      classNames={{ container: \"p32 bg-primary-300 br24 bs-lg\" }}\n    />\n  );\n}\n\nexport const CheckboxWithCustomOptionStyles = ({ onChange }: CheckboxProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n  const handleOnChange = (newValue: string[] = []) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  }\n\n  return (\n    <Checkbox \n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT2: 'Cat',\n        DOG2: 'Dog',\n      }} \n      classNames={{ option: \"mb32 p24 bg-green-100 br12 bs-lg\" }}\n    />\n  );\n}\n\nexport const CheckboxWithCustomLabelStyles = ({ onChange }: CheckboxProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n  const handleOnChange = (newValue: string[] = []) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  }\n\n  return (\n    <Checkbox \n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT3: 'Cat',\n        DOG3: 'Dog',\n      }} \n      classNames={{ label: \"bg-grey-900 tc-white\" }}\n    />\n  );\n}\n\nexport const CheckboxWithInlineLayout = ({ onChange }: CheckboxProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n  const handleOnChange = (newValue: string[] = []) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  }\n\n  return (\n    <Checkbox \n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT4: 'Cat',\n        DOG4: 'Dog',\n        FISHER: 'Fish',\n        RABBIT: 'Rabbit',\n        RAT: 'Rat',\n        ANOTHER: 'Other',\n      }} \n      classNames={{ option: \"w30\" }}\n      inlineLayout\n      wide\n    />\n  );\n}\n\nexport const CheckboxWithCustomLabel = ({ onChange, wide, classNames, inlineLayout }: CheckboxProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n  const handleOnChange = (newValue: string[] = []) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  }\n\n  return (\n    <Checkbox \n      options={{\n        BIGDOG: {\n          icon: () => <img src={images.bigDog} alt='' />,\n          title: 'Dog',\n        },\n        FISH:{\n          icon: () => <img src={images.brokenAquarium} alt='' />,\n          title: 'Fish',\n        },\n        OTHER:{\n          icon: () => <img src={images.brokenGlass} alt='' />,\n          title: 'Other',\n        }\n      }} \n      onChange={handleOnChange}\n      value={checkedValues}\n      classNames={{ option: \"w30\" }}\n      inlineLayout\n    />\n  );\n}\n\nCheckboxStory.storyName = 'Checkbox';\n\nexport default story;\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/input/checkbox/index.stories.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Checkbox, CheckboxProps } from '.';\nimport { images } from '../../../util/images';\nimport classNames from 'classnames';\n\nconst story = {\n  title: 'JSX/Inputs/Checkbox',\n  component: Checkbox,\n  argTypes: {\n    options: {\n      description:\n        'Object that contains the possible options for rendering in the input.',\n    },\n    value: {\n      description: 'Current checked values.',\n    },\n    fieldLegend: {\n      description:\n        'Accessibility property that describes the purpose of a group of checkbox buttons, read aloud by screen readers to provide context.',\n    },\n    onChange: {\n      description: 'Function called everytime a value changes.',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    wide: {\n      description:\n        'Property that defines if options should fill 100% of available horizontal space',\n      defaultValue: false,\n    },\n    bordered: {\n      control: 'boolean',\n      description:\n        'Property that defines if checkbox should show the border around each label',\n    },\n    inlineLayout: {\n      description:\n        'Property that defines if options should show inline instead of block. Check inline checkbox options story for examples.',\n    },\n    className: {\n      description: 'ClassNames for custom styling',\n    },\n  },\n  args: {\n    options: {\n      CAT: {\n        title: 'Cat',\n        description: 'At least 1',\n      },\n      DOG: {\n        title: 'Dog',\n        description: 'At least 2',\n      },\n      NONE: {\n        title: 'None',\n        description: 'No pets',\n      },\n    },\n    fieldLegend: 'Owned pets',\n    wide: false,\n    bordered: true,\n    inlineLayout: false,\n    classNames: {\n      container: '',\n      label: '',\n      option: '',\n    },\n    value: [],\n    className: '',\n  },\n};\n\nexport const CheckboxStory = {\n  render: ({\n    onChange,\n    options,\n    wide,\n    bordered,\n    classNames,\n    inlineLayout,\n    fieldLegend,\n  }: CheckboxProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n    const handleOnChange = (newValue: string[]) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Checkbox\n        wide={wide}\n        options={options}\n        onChange={handleOnChange}\n        value={checkedValues}\n        bordered={bordered}\n        classNames={classNames}\n        inlineLayout={inlineLayout}\n        fieldLegend={fieldLegend}\n      />\n    );\n  },\n\n  name: 'Checkbox',\n};\n\nexport const CheckboxWithCustomWrapperStyles = {\n  render: ({ onChange }: CheckboxProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n    const handleOnChange = (newValue: string[] = []) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Checkbox\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT1: 'Cat',\n          DOG1: 'Dog',\n        }}\n        classNames={{ container: 'p32 bg-purple-500 br24 bs-lg' }}\n      />\n    );\n  },\n};\n\nexport const CheckboxWithCustomOptionStyles = {\n  render: ({ onChange }: CheckboxProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n    const handleOnChange = (newValue: string[] = []) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Checkbox\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT2: 'Cat',\n          DOG2: 'Dog',\n        }}\n        classNames={{ option: 'mb32 p24 bg-green-100 br12 bs-lg' }}\n      />\n    );\n  },\n};\n\nexport const CheckboxWithCustomLabelStyles = {\n  render: ({ onChange }: CheckboxProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n    const handleOnChange = (newValue: string[] = []) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Checkbox\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT3: 'Cat',\n          DOG3: 'Dog',\n        }}\n        classNames={{ label: 'bg-neutral-900 tc-white' }}\n      />\n    );\n  },\n};\n\nexport const CheckboxWithInlineLayout = {\n  render: ({ onChange }: CheckboxProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n    const handleOnChange = (newValue: string[] = []) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Checkbox\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT4: 'Cat',\n          DOG4: 'Dog',\n          FISHER: 'Fish',\n          RABBIT: 'Rabbit',\n          RAT: 'Rat',\n          ANOTHER: 'Other',\n        }}\n        classNames={{ option: 'w30' }}\n        inlineLayout\n        wide\n      />\n    );\n  },\n};\n\nexport const CheckboxWithCustomLabel = {\n  render: ({\n    onChange,\n    wide,\n    classNames,\n    inlineLayout,\n  }: CheckboxProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n    const handleOnChange = (newValue: string[] = []) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Checkbox\n        options={{\n          BIGDOG: {\n            icon: () => <img src={images.bigDog} alt=\"\" />,\n            title: 'Dog',\n          },\n          FISH: {\n            icon: () => <img src={images.brokenAquarium} alt=\"\" />,\n            title: 'Fish',\n          },\n          OTHER: {\n            icon: () => <img src={images.brokenGlass} alt=\"\" />,\n            title: 'Other',\n          },\n        }}\n        onChange={handleOnChange}\n        value={checkedValues}\n        classNames={{ option: 'w30' }}\n        inlineLayout\n      />\n    );\n  },\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":"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"}

package/dist/esm/components/input/checkbox/index.test.js

@@ -1,13 +1,14 @@
-import { c as __awaiter, d as __generator } from '../../../tslib.es6-a39f91fc.js';
+import { _ as __awaiter, a as __generator } from '../../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../customRender-d03c10b6.js';
+import { c as customRender } from '../../../customRender-DzdqZxUd.js';
 import { Checkbox } from './index.js';
+import '../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import '../../../_commonjsHelpers-4730bd53.js';
+import 'util';
 import 'react-dom/test-utils';
-import '../../../index-6ea95111.js';
-import '../../../style-inject.es-1f59c1d0.js';
+import '../../../index-DLQEsiym.js';
+import '../../../style-inject.es-tgCJW-Cu.js';
 
 var mockOnChange = jest.fn();
 var setup = function (onChange, value) {
@@ -34,7 +35,7 @@ describe('Checkbox component', function () {
                     return [4 /*yield*/, user.click(getByTestId('checkbox-DOG'))];
                 case 1:
                     _b.sent();
-                    expect(mockOnChange).toBeCalledWith(['DOG']);
+                    expect(mockOnChange).toHaveBeenCalledWith(['DOG']);
                     return [2 /*return*/];
             }
         });
@@ -56,7 +57,7 @@ describe('Checkbox component', function () {
                     return [4 /*yield*/, user.click(getByTestId('checkbox-NONE'))];
                 case 1:
                     _b.sent();
-                    expect(mockOnChange).toBeCalledWith(['NONE']);
+                    expect(mockOnChange).toHaveBeenCalledWith(['NONE']);
                     return [2 /*return*/];
             }
         });
@@ -70,7 +71,7 @@ describe('Checkbox component', function () {
                     return [4 /*yield*/, user.click(getByTestId('checkbox-NONE'))];
                 case 1:
                     _b.sent();
-                    expect(mockOnChange).toBeCalledWith([]);
+                    expect(mockOnChange).toHaveBeenCalledWith([]);
                     return [2 /*return*/];
             }
         });

package/dist/esm/components/input/checkbox/index.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../../src/lib/components/input/checkbox/index.test.tsx"],"sourcesContent":["import { render } from '../../../util/testUtils';\n\nimport { Checkbox, CheckboxProps } from '.';\n\nconst mockOnChange = jest.fn();\n\nconst setup = (\n  onChange: CheckboxProps<string>['onChange'],\n  value?: string[]\n) => {\n  const utils = render(\n    <Checkbox\n      options={{\n        CAT: 'Cat',\n        DOG: 'Dog',\n        NONE: 'None',\n      }}\n      onChange={onChange}\n      value={value}\n    />\n  );\n\n  return utils;\n};\n\ndescribe('Checkbox component', () => {\n  it('Should render options', () => {\n    const { getByText } = setup(mockOnChange);\n\n    expect(getByText('Cat')).toBeInTheDocument();\n    expect(getByText('Dog')).toBeInTheDocument();\n    expect(getByText('None')).toBeInTheDocument();\n  });\n\n  it('Should call onchange on selecting an option', async () => {\n    const { getByTestId, user } = setup(mockOnChange);\n\n    await user.click(getByTestId('checkbox-DOG'));\n\n    expect(mockOnChange).toBeCalledWith(['DOG']);\n  });\n\n  it('Should render checked items when value is passed', async () => {\n    const { getByTestId } = setup(mockOnChange, ['CAT']);\n\n    expect(getByTestId('checkbox-input-CAT')).toBeChecked();\n  });\n\n  it('Should call onchange with NONE and removing other items on selecting NONE option', async () => {\n    const { getByTestId, user } = setup(mockOnChange, ['CAT', 'DOG']);\n\n    await user.click(getByTestId('checkbox-NONE'));\n\n    expect(mockOnChange).toBeCalledWith(['NONE']);\n  });\n\n  it('Should call onchange empty when removing NONE option', async () => {\n    const { getByTestId, user } = setup(mockOnChange, ['NONE']);\n\n    await user.click(getByTestId('checkbox-NONE'));\n\n    expect(mockOnChange).toBeCalledWith([]);\n  });\n\n  it('Should render custom description', () => {\n    const { getByText } = render(\n      <Checkbox\n        options={{\n          CAT: {\n            title: 'Cat',\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('Cat description')).toBeInTheDocument();\n  });\n\n  it('Should render custom icon', () => {\n    const { getByText } = render(\n      <Checkbox\n        options={{\n          CAT: {\n            title: 'Cat',\n            icon: () => 'ICON',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('ICON')).toBeInTheDocument();\n  });\n\n  it('Should render custom icon with selected', () => {\n    const { getByText } = render(\n      <Checkbox\n        options={{\n          CAT: {\n            title: 'Cat',\n            icon: (selected) => (selected ? 'SELECTED-ICON' : 'ICON'),\n          },\n        }}\n        onChange={mockOnChange}\n        value={['CAT']}\n      />\n    );\n\n    expect(getByText('SELECTED-ICON')).toBeInTheDocument();\n  });\n\n  it('Should render label text passed in HTML format', () => {\n    const { getByText } = render(\n      <Checkbox\n        options={{\n          CAT: {\n            title: <p>Cat</p>,\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('Cat')).toBeInTheDocument();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.test.js","sources":["../../../../../../src/lib/components/input/checkbox/index.test.tsx"],"sourcesContent":["import { render } from '../../../util/testUtils';\n\nimport { Checkbox, CheckboxProps } from '.';\n\nconst mockOnChange = jest.fn();\n\nconst setup = (\n  onChange: CheckboxProps<string>['onChange'],\n  value?: string[]\n) => {\n  const utils = render(\n    <Checkbox\n      options={{\n        CAT: 'Cat',\n        DOG: 'Dog',\n        NONE: 'None',\n      }}\n      onChange={onChange}\n      value={value}\n    />\n  );\n\n  return utils;\n};\n\ndescribe('Checkbox component', () => {\n  it('Should render options', () => {\n    const { getByText } = setup(mockOnChange);\n\n    expect(getByText('Cat')).toBeInTheDocument();\n    expect(getByText('Dog')).toBeInTheDocument();\n    expect(getByText('None')).toBeInTheDocument();\n  });\n\n  it('Should call onchange on selecting an option', async () => {\n    const { getByTestId, user } = setup(mockOnChange);\n\n    await user.click(getByTestId('checkbox-DOG'));\n\n    expect(mockOnChange).toHaveBeenCalledWith(['DOG']);\n  });\n\n  it('Should render checked items when value is passed', async () => {\n    const { getByTestId } = setup(mockOnChange, ['CAT']);\n\n    expect(getByTestId('checkbox-input-CAT')).toBeChecked();\n  });\n\n  it('Should call onchange with NONE and removing other items on selecting NONE option', async () => {\n    const { getByTestId, user } = setup(mockOnChange, ['CAT', 'DOG']);\n\n    await user.click(getByTestId('checkbox-NONE'));\n\n    expect(mockOnChange).toHaveBeenCalledWith(['NONE']);\n  });\n\n  it('Should call onchange empty when removing NONE option', async () => {\n    const { getByTestId, user } = setup(mockOnChange, ['NONE']);\n\n    await user.click(getByTestId('checkbox-NONE'));\n\n    expect(mockOnChange).toHaveBeenCalledWith([]);\n  });\n\n  it('Should render custom description', () => {\n    const { getByText } = render(\n      <Checkbox\n        options={{\n          CAT: {\n            title: 'Cat',\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('Cat description')).toBeInTheDocument();\n  });\n\n  it('Should render custom icon', () => {\n    const { getByText } = render(\n      <Checkbox\n        options={{\n          CAT: {\n            title: 'Cat',\n            icon: () => 'ICON',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('ICON')).toBeInTheDocument();\n  });\n\n  it('Should render custom icon with selected', () => {\n    const { getByText } = render(\n      <Checkbox\n        options={{\n          CAT: {\n            title: 'Cat',\n            icon: (selected) => (selected ? 'SELECTED-ICON' : 'ICON'),\n          },\n        }}\n        onChange={mockOnChange}\n        value={['CAT']}\n      />\n    );\n\n    expect(getByText('SELECTED-ICON')).toBeInTheDocument();\n  });\n\n  it('Should render label text passed in HTML format', () => {\n    const { getByText } = render(\n      <Checkbox\n        options={{\n          CAT: {\n            title: <p>Cat</p>,\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('Cat')).toBeInTheDocument();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}

package/dist/esm/components/input/currency/index.js

@@ -1,10 +1,11 @@
-import { b as __rest, a as __assign } from '../../../tslib.es6-a39f91fc.js';
+import { c as __rest, b as __assign } from '../../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
 import { Input } from '../index.js';
-import '../../../index-6ea95111.js';
-import '../../../index-69a46657.js';
-import '../../../style-inject.es-1f59c1d0.js';
+import '../../../index-DLQEsiym.js';
+import '../../../_commonjsHelpers-BFTU3MAI.js';
+import '../../../index-CNcEE5dn.js';
+import '../../../style-inject.es-tgCJW-Cu.js';
 
 var formatInput = function (input) {
     var decimalSeparator = input.includes(',') ? ',' : '.';

package/dist/esm/components/input/currency/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/currency/format/index.ts","../../../../../../src/lib/components/input/currency/index.tsx"],"sourcesContent":["export const formatInput = (input: string): string => {\n  const decimalSeparator = input.includes(',') ? ',' : '.';\n  const parts = input.split(decimalSeparator);\n  const floor = parts[0];\n  const ceiling = parts[1];\n  parts[0] = floor.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ' ');\n  if (ceiling) {\n    parts[1] = ceiling.slice(0, Math.min(ceiling.length, 2));\n  }\n  return parts.join('.');\n};\n\nexport function reverseFormatInput(input: string): number {\n  return Number(input.replace(/,/, '.').replace(/\\s/g, ''));\n}\n","import { useEffect, useRef, useState } from 'react';\n\nimport { formatInput, reverseFormatInput } from './format';\nimport { Input, InputProps } from '..';\n\nexport type CurrencyInputProps = {\n  value?: number;\n  placeholder?: string;\n  onChange?: (value: number) => void;\n} & Omit<InputProps, 'onChange' | 'value' | 'ref'>\n\nconst CurrencyInput = ({\n  value,\n  onChange,\n  type,\n  ...props\n}: CurrencyInputProps) => {\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const [cursor, setCursor] = useState<number | null>(null);\n  const [shadowValue, setShadowValue] = useState('');\n\n  const formattedShadowValue = formatInput(\n    shadowValue\n      .replace(/ /g, '') // remove all whitespace\n      .replace(',', '.') // change commas to dot for decimal separator\n      .replace('.', 'DECIMAL_SEPARATOR') // Gymnastic  to remove all the but the first decimal separators 🤸\n      .replace(/\\./g, '')\n      .replace('DECIMAL_SEPARATOR', '.') // End of the Gymnastic 🤸\n      .replace(/[^\\d\\\\.]/g, '') // remove all non decimal and dot\n  );\n\n  useEffect(() => {\n    if (value && value !== reverseFormatInput(shadowValue)) {\n      setShadowValue(formatInput(value.toString()));\n    }\n    // eslint-disable-next-line\n  }, [value]);\n\n  useEffect(() => {\n    if (shadowValue === '' && value) {\n      onChange?.(0);\n    } else if (shadowValue) {\n      onChange?.(reverseFormatInput(shadowValue));\n    }\n    // eslint-disable-next-line\n  }, [shadowValue]);\n\n  useEffect(() => {\n    if (!inputRef.current || !cursor) {\n      return;\n    }\n\n    const cursorDiff =\n      String(formattedShadowValue).length - String(shadowValue).length;\n    const newCursor = cursorDiff + cursor;\n\n    inputRef.current.selectionStart = newCursor;\n    inputRef.current.selectionEnd = newCursor;\n  }, [cursor, formattedShadowValue, shadowValue]);\n\n  return (\n    <Input\n      inputMode='decimal'\n      prefix=\"€\"\n      ref={inputRef}\n      type=\"string\"\n      value={formattedShadowValue}\n      onChange={(e) => {\n        setCursor(e.target.selectionStart);\n        setShadowValue(e.target.value);\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { CurrencyInput };\n"],"names":["_jsx"],"mappings":";;;;;;;;AAAO,IAAM,WAAW,GAAG,UAAC,KAAa;IACvC,IAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;IACzD,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC5C,IAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACvB,IAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACzB,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,uBAAuB,EAAE,GAAG,CAAC,CAAC;IACvD,IAAI,OAAO,EAAE;QACX,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;KAC1D;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzB,CAAC,CAAC;SAEc,kBAAkB,CAAC,KAAa;IAC9C,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;AAC5D;;ICHM,aAAa,GAAG,UAAC,EAKF;QAJnB,KAAK,WAAA,EACL,QAAQ,cAAA,SACJ,MACD,KAAK,cAJa,6BAKtB;IACC,IAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACjD,IAAA,KAAsB,QAAQ,CAAgB,IAAI,CAAC,EAAlD,MAAM,QAAA,EAAE,SAAS,QAAiC,CAAC;IACpD,IAAA,KAAgC,QAAQ,CAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAC;IAEnD,IAAM,oBAAoB,GAAG,WAAW,CACtC,WAAW;SACR,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;SACjB,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;SACjB,OAAO,CAAC,GAAG,EAAE,mBAAmB,CAAC;SACjC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;SAClB,OAAO,CAAC,mBAAmB,EAAE,GAAG,CAAC;SACjC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;KAC5B,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,KAAK,IAAI,KAAK,KAAK,kBAAkB,CAAC,WAAW,CAAC,EAAE;YACtD,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;SAC/C;;KAEF,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC;QACR,IAAI,WAAW,KAAK,EAAE,IAAI,KAAK,EAAE;YAC/B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;SACf;aAAM,IAAI,WAAW,EAAE;YACtB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC;SAC7C;;KAEF,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC;QACR,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,MAAM,EAAE;YAChC,OAAO;SACR;QAED,IAAM,UAAU,GACd,MAAM,CAAC,oBAAoB,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC;QACnE,IAAM,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;QAEtC,QAAQ,CAAC,OAAO,CAAC,cAAc,GAAG,SAAS,CAAC;QAC5C,QAAQ,CAAC,OAAO,CAAC,YAAY,GAAG,SAAS,CAAC;KAC3C,EAAE,CAAC,MAAM,EAAE,oBAAoB,EAAE,WAAW,CAAC,CAAC,CAAC;IAEhD,QACEA,IAAC,KAAK,aACJ,SAAS,EAAC,SAAS,EACnB,MAAM,EAAC,QAAG,EACV,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,oBAAoB,EAC3B,QAAQ,EAAE,UAAC,CAAC;YACV,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YACnC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;SAChC,IACG,KAAK,EACT,EACF;AACJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/currency/format/index.ts","../../../../../../src/lib/components/input/currency/index.tsx"],"sourcesContent":["export const formatInput = (input: string): string => {\n  const decimalSeparator = input.includes(',') ? ',' : '.';\n  const parts = input.split(decimalSeparator);\n  const floor = parts[0];\n  const ceiling = parts[1];\n  parts[0] = floor.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ' ');\n  if (ceiling) {\n    parts[1] = ceiling.slice(0, Math.min(ceiling.length, 2));\n  }\n  return parts.join('.');\n};\n\nexport function reverseFormatInput(input: string): number {\n  return Number(input.replace(/,/, '.').replace(/\\s/g, ''));\n}\n","import { useEffect, useRef, useState } from 'react';\n\nimport { formatInput, reverseFormatInput } from './format';\nimport { Input, InputProps } from '..';\n\nexport type CurrencyInputProps = {\n  value?: number;\n  placeholder?: string;\n  onChange?: (value: number) => void;\n} & Omit<InputProps, 'onChange' | 'value' | 'ref'>\n\nconst CurrencyInput = ({\n  value,\n  onChange,\n  type,\n  ...props\n}: CurrencyInputProps) => {\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const [cursor, setCursor] = useState<number | null>(null);\n  const [shadowValue, setShadowValue] = useState('');\n\n  const formattedShadowValue = formatInput(\n    shadowValue\n      .replace(/ /g, '') // remove all whitespace\n      .replace(',', '.') // change commas to dot for decimal separator\n      .replace('.', 'DECIMAL_SEPARATOR') // Gymnastic  to remove all the but the first decimal separators 🤸\n      .replace(/\\./g, '')\n      .replace('DECIMAL_SEPARATOR', '.') // End of the Gymnastic 🤸\n      .replace(/[^\\d\\\\.]/g, '') // remove all non decimal and dot\n  );\n\n  useEffect(() => {\n    if (value && value !== reverseFormatInput(shadowValue)) {\n      setShadowValue(formatInput(value.toString()));\n    }\n    // eslint-disable-next-line\n  }, [value]);\n\n  useEffect(() => {\n    if (shadowValue === '' && value) {\n      onChange?.(0);\n    } else if (shadowValue) {\n      onChange?.(reverseFormatInput(shadowValue));\n    }\n    // eslint-disable-next-line\n  }, [shadowValue]);\n\n  useEffect(() => {\n    if (!inputRef.current || !cursor) {\n      return;\n    }\n\n    const cursorDiff =\n      String(formattedShadowValue).length - String(shadowValue).length;\n    const newCursor = cursorDiff + cursor;\n\n    inputRef.current.selectionStart = newCursor;\n    inputRef.current.selectionEnd = newCursor;\n  }, [cursor, formattedShadowValue, shadowValue]);\n\n  return (\n    <Input\n      inputMode='decimal'\n      prefix=\"€\"\n      ref={inputRef}\n      type=\"string\"\n      value={formattedShadowValue}\n      onChange={(e) => {\n        setCursor(e.target.selectionStart);\n        setShadowValue(e.target.value);\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { CurrencyInput };\n"],"names":["_jsx"],"mappings":"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"}

package/dist/esm/components/input/currency/index.test.js

@@ -1,15 +1,16 @@
-import { c as __awaiter, d as __generator, a as __assign } from '../../../tslib.es6-a39f91fc.js';
+import { _ as __awaiter, a as __generator, b as __assign } from '../../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../customRender-d03c10b6.js';
+import { c as customRender } from '../../../customRender-DzdqZxUd.js';
 import { CurrencyInput } from './index.js';
+import '../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import '../../../_commonjsHelpers-4730bd53.js';
+import 'util';
 import 'react-dom/test-utils';
 import '../index.js';
-import '../../../index-6ea95111.js';
-import '../../../index-69a46657.js';
-import '../../../style-inject.es-1f59c1d0.js';
+import '../../../index-DLQEsiym.js';
+import '../../../index-CNcEE5dn.js';
+import '../../../style-inject.es-tgCJW-Cu.js';
 
 var setup = function () {
     var utils = customRender(jsx(CurrencyInput, {}));

package/dist/esm/components/input/currency/index.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../../src/lib/components/input/currency/index.test.tsx"],"sourcesContent":["import { render } from '../../../util/testUtils';\n\nimport { CurrencyInput } from '.';\n\nconst setup = () => {\n  const utils = render(<CurrencyInput />);\n  const input = utils.getByTestId('ds-input-input') as HTMLInputElement;\n  return {\n    input,\n    ...utils,\n  };\n};\n\ndescribe('Currency input component', () => {\n  it('Should correctly space thousands separators', async () => {\n    const { input, user } = setup();\n    await user.type(input, '1234567');\n    expect(input.value).toBe('1 234 567');\n  });\n\n  it('Should remove non numerical values', async () => {\n    const { input, user } = setup();\n    await user.type(input, '123asdf4567');\n    expect(input.value).toBe('1 234 567');\n  });\n\n  it('Should remove non numerical values', async () => {\n    const { input, user } = setup();\n    await user.type(input, '123asdf4567');\n    expect(input.value).toBe('1 234 567');\n  });\n\n  it('Should allow decimal separator', async () => {\n    const { input, user } = setup();\n    await user.type(input, '1234567.34');\n    expect(input.value).toBe('1 234 567.34');\n  });\n\n  it('Should replace comma decimal seprator with a dot', async () => {\n    const { input, user } = setup();\n    await user.type(input, '1234567,34');\n    expect(input.value).toBe('1 234 567.34');\n  });\n\n  it('Should only allow one decimal separator', async () => {\n    const { input, user } = setup();\n    await user.type(input, '1234567..34');\n    expect(input.value).toBe('1 234 567.34');\n  });\n\n  it('Should only allow one decimal separator after a sequence of number', async () => {\n    const { input, user } = setup();\n    await user.type(input, '1234567..34.4');\n    expect(input.value).toBe('1 234 567.34');\n  });\n\n  it('Should have correct selection start when no spaces are added', async () => {\n    const { input, user } = setup();\n\n    await user.type(input, '123');\n    // Should be: 123|\n    expect(input.selectionStart).toBe(3);\n  });\n\n  it('Should have correct selection start when spaces are added', async () => {\n    const { input, user } = setup();\n\n    await user.type(input, '1234');\n    // Should be: 123 4|\n    expect(input.selectionStart).toBe(5);\n  });\n\n  it('Should have correct selection start when typing in middle of input', async () => {\n    const { input, user } = setup();\n\n    await user.type(input, '123{arrowleft}4');\n\n    // Should be: 1 24|3\n    expect(input.selectionStart).toBe(4);\n  });\n\n  it('Should have correct selection start when typing in beginning of input', async () => {\n    const { input, user } = setup();\n\n    await user.type(input, '123{arrowleft}{arrowleft}{arrowleft}4');\n\n    // Should be: 4 |123\n    expect(input.selectionStart).toBe(2);\n  });\n\n  it('Should have correct selection start when typing in input and has currency values', async () => {\n    const { input, user } = setup();\n\n    await user.type(input, '123.2{arrowleft}{arrowleft}{arrowleft}24');\n\n    // Should be: 12 24|3.2\n    expect(input.selectionStart).toBe(5);\n  });\n\n  it('Should have correct selection start when deleting', async () => {\n    const { input, user } = setup();\n\n    await user.type(input, '12345{arrowleft}{backspace}67');\n\n    // Should be: 123 67|5\n    expect(input.selectionStart).toBe(6);\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.test.js","sources":["../../../../../../src/lib/components/input/currency/index.test.tsx"],"sourcesContent":["import { render } from '../../../util/testUtils';\n\nimport { CurrencyInput } from '.';\n\nconst setup = () => {\n  const utils = render(<CurrencyInput />);\n  const input = utils.getByTestId('ds-input-input') as HTMLInputElement;\n  return {\n    input,\n    ...utils,\n  };\n};\n\ndescribe('Currency input component', () => {\n  it('Should correctly space thousands separators', async () => {\n    const { input, user } = setup();\n    await user.type(input, '1234567');\n    expect(input.value).toBe('1 234 567');\n  });\n\n  it('Should remove non numerical values', async () => {\n    const { input, user } = setup();\n    await user.type(input, '123asdf4567');\n    expect(input.value).toBe('1 234 567');\n  });\n\n  it('Should remove non numerical values', async () => {\n    const { input, user } = setup();\n    await user.type(input, '123asdf4567');\n    expect(input.value).toBe('1 234 567');\n  });\n\n  it('Should allow decimal separator', async () => {\n    const { input, user } = setup();\n    await user.type(input, '1234567.34');\n    expect(input.value).toBe('1 234 567.34');\n  });\n\n  it('Should replace comma decimal seprator with a dot', async () => {\n    const { input, user } = setup();\n    await user.type(input, '1234567,34');\n    expect(input.value).toBe('1 234 567.34');\n  });\n\n  it('Should only allow one decimal separator', async () => {\n    const { input, user } = setup();\n    await user.type(input, '1234567..34');\n    expect(input.value).toBe('1 234 567.34');\n  });\n\n  it('Should only allow one decimal separator after a sequence of number', async () => {\n    const { input, user } = setup();\n    await user.type(input, '1234567..34.4');\n    expect(input.value).toBe('1 234 567.34');\n  });\n\n  it('Should have correct selection start when no spaces are added', async () => {\n    const { input, user } = setup();\n\n    await user.type(input, '123');\n    // Should be: 123|\n    expect(input.selectionStart).toBe(3);\n  });\n\n  it('Should have correct selection start when spaces are added', async () => {\n    const { input, user } = setup();\n\n    await user.type(input, '1234');\n    // Should be: 123 4|\n    expect(input.selectionStart).toBe(5);\n  });\n\n  it('Should have correct selection start when typing in middle of input', async () => {\n    const { input, user } = setup();\n\n    await user.type(input, '123{arrowleft}4');\n\n    // Should be: 1 24|3\n    expect(input.selectionStart).toBe(4);\n  });\n\n  it('Should have correct selection start when typing in beginning of input', async () => {\n    const { input, user } = setup();\n\n    await user.type(input, '123{arrowleft}{arrowleft}{arrowleft}4');\n\n    // Should be: 4 |123\n    expect(input.selectionStart).toBe(2);\n  });\n\n  it('Should have correct selection start when typing in input and has currency values', async () => {\n    const { input, user } = setup();\n\n    await user.type(input, '123.2{arrowleft}{arrowleft}{arrowleft}24');\n\n    // Should be: 12 24|3.2\n    expect(input.selectionStart).toBe(5);\n  });\n\n  it('Should have correct selection start when deleting', async () => {\n    const { input, user } = setup();\n\n    await user.type(input, '12345{arrowleft}{backspace}67');\n\n    // Should be: 123 67|5\n    expect(input.selectionStart).toBe(6);\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}

package/dist/esm/components/input/currency/input.stories.js

@@ -1,27 +1,29 @@
-import { a as __assign } from '../../../tslib.es6-a39f91fc.js';
+import { b as __assign } from '../../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { CurrencyInput } from './index.js';
-import { s as sharedConfig } from '../../../config-4b5ffe4f.js';
+import { s as sharedConfig } from '../../../config-PagIydiG.js';
 import '../index.js';
-import '../../../index-6ea95111.js';
-import '../../../index-69a46657.js';
-import '../../../style-inject.es-1f59c1d0.js';
+import '../../../index-DLQEsiym.js';
+import '../../../_commonjsHelpers-BFTU3MAI.js';
+import '../../../index-CNcEE5dn.js';
+import '../../../style-inject.es-tgCJW-Cu.js';
 
 var story = __assign(__assign({ title: 'JSX/Inputs/CurrencyInput', component: CurrencyInput }, sharedConfig), { parameters: {
-        componentSubtitle: 'The default input component is used to gather informations from the user.'
+        componentSubtitle: 'The default input component is used to gather informations from the user.',
     } });
-var CurrencyInputStory = function (_a) {
-    var onChange = _a.onChange, className = _a.className, placeholder = _a.placeholder; _a.value; var label = _a.label, hideLabel = _a.hideLabel, prefix = _a.prefix, error = _a.error;
-    var _b = useState(Number), newValue = _b[0], setValue = _b[1];
-    var handleOnChange = function (value) {
-        setValue(value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(value);
-    };
-    return (jsx(CurrencyInput, { onChange: handleOnChange, value: newValue, className: className, placeholder: placeholder, label: label, hideLabel: hideLabel, prefix: prefix, error: error }));
+var CurrencyInputStory = {
+    render: function (_a) {
+        var onChange = _a.onChange, className = _a.className, placeholder = _a.placeholder; _a.value; var label = _a.label, hideLabel = _a.hideLabel, prefix = _a.prefix, error = _a.error;
+        var _b = useState(Number), newValue = _b[0], setValue = _b[1];
+        var handleOnChange = function (value) {
+            setValue(value);
+            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        };
+        return (jsx(CurrencyInput, { onChange: handleOnChange, value: newValue, className: className, placeholder: placeholder, label: label, hideLabel: hideLabel, prefix: prefix, error: error }));
+    },
+    name: 'CurrencyInput',
 };
-CurrencyInputStory.storyName = 'CurrencyInput';
 
-export default story;
-export { CurrencyInputStory };
+export { CurrencyInputStory, story as default };
 //# sourceMappingURL=input.stories.js.map

package/dist/esm/components/input/currency/input.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.stories.js","sources":["../../../../../../src/lib/components/input/currency/input.stories.tsx"],"sourcesContent":["\nimport { useState } from 'react';\nimport { CurrencyInput, CurrencyInputProps } from '.';\nimport sharedConfig from '../stories/config';\n\nconst story = {\n  title: 'JSX/Inputs/CurrencyInput',\n  component: CurrencyInput,\n  ...sharedConfig,\n  parameters: {\n    componentSubtitle: 'The default input component is used to gather informations from the user.'\n  }\n};\n\nexport const CurrencyInputStory = ({ \n  onChange,\n  className,\n  placeholder,\n  value,\n  label,\n  hideLabel,\n  prefix,\n  error\n}: CurrencyInputProps) => {\n  const [newValue, setValue] = useState<number>(Number);\n\n  const handleOnChange = (value: number) => {\n    setValue(value)\n    onChange?.(value);\n  }\n\n  return (\n    <CurrencyInput \n      onChange={handleOnChange}\n      value={newValue}\n      className={className}\n      placeholder={placeholder}\n      label={label}\n      hideLabel={hideLabel}\n      prefix={prefix}\n      error={error}\n    />\n  );\n};\n\nCurrencyInputStory.storyName = 'CurrencyInput';\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;IAKM,KAAK,uBACT,KAAK,EAAE,0BAA0B,EACjC,SAAS,EAAE,aAAa,IACrB,YAAY,KACf,UAAU,EAAE;QACV,iBAAiB,EAAE,2EAA2E;KAC/F,IACD;IAEW,kBAAkB,GAAG,UAAC,EASd;QARnB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,WAAW,iBAAA,UACN,MACL,KAAK,WAAA,EACL,SAAS,eAAA,EACT,MAAM,YAAA,EACN,KAAK;IAEC,IAAA,KAAuB,QAAQ,CAAS,MAAM,CAAC,EAA9C,QAAQ,QAAA,EAAE,QAAQ,QAA4B,CAAC;IAEtD,IAAM,cAAc,GAAG,UAAC,KAAa;QACnC,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;KACnB,CAAA;IAED,QACEA,IAAC,aAAa,IACZ,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,QAAQ,EACf,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,GACZ,EACF;AACJ,EAAE;AAEF,kBAAkB,CAAC,SAAS,GAAG,eAAe;;;;;"}
+{"version":3,"file":"input.stories.js","sources":["../../../../../../src/lib/components/input/currency/input.stories.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { CurrencyInput, CurrencyInputProps } from '.';\nimport sharedConfig from '../stories/config';\n\nconst story = {\n  title: 'JSX/Inputs/CurrencyInput',\n  component: CurrencyInput,\n  ...sharedConfig,\n  parameters: {\n    componentSubtitle:\n      'The default input component is used to gather informations from the user.',\n  },\n};\n\nexport const CurrencyInputStory = {\n  render: ({\n    onChange,\n    className,\n    placeholder,\n    value,\n    label,\n    hideLabel,\n    prefix,\n    error,\n  }: CurrencyInputProps) => {\n    const [newValue, setValue] = useState<number>(Number);\n\n    const handleOnChange = (value: number) => {\n      setValue(value);\n      onChange?.(value);\n    };\n\n    return (\n      <CurrencyInput\n        onChange={handleOnChange}\n        value={newValue}\n        className={className}\n        placeholder={placeholder}\n        label={label}\n        hideLabel={hideLabel}\n        prefix={prefix}\n        error={error}\n      />\n    );\n  },\n\n  name: 'CurrencyInput',\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;AAIA,IAAM,KAAK,GAAA,QAAA,CAAA,QAAA,CAAA,EACT,KAAK,EAAE,0BAA0B,EACjC,SAAS,EAAE,aAAa,EAAA,EACrB,YAAY,CAAA,EAAA,EACf,UAAU,EAAE;AACV,QAAA,iBAAiB,EACf,2EAA2E;AAC9E,KAAA,EAAA;AAGI,IAAM,kBAAkB,GAAG;IAChC,MAAM,EAAE,UAAC,EASY,EAAA;YARnB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,WAAW,GAAA,EAAA,CAAA,WAAA,EACN,EAAA,CAAA,KAAA,MACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA,CACN,KAAK,GAAA,EAAA,CAAA;QAEC,IAAA,EAAA,GAAuB,QAAQ,CAAS,MAAM,CAAC,EAA9C,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,CAAA,CAA4B;QAErD,IAAM,cAAc,GAAG,UAAC,KAAa,EAAA;YACnC,QAAQ,CAAC,KAAK,CAAC;AACf,YAAA,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAG,KAAK,CAAC;AACnB,QAAA,CAAC;AAED,QAAA,QACEA,GAAA,CAAC,aAAa,EAAA,EACZ,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,QAAQ,EACf,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EAAA,CACZ;IAEN,CAAC;AAED,IAAA,IAAI,EAAE,eAAe;;;;;"}