@popsure/dirty-swan 0.61.3 → 0.62.1

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-be47569b.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":"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"}
+{"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-be47569b.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-bc609993.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;;;;;"}

package/dist/esm/components/input/iban/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 { Input } from '../index.js';
 import 'react';
-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 IBAN_CHAR_LIMIT = 4;
 var formatIban = function (iban) {
@@ -29,5 +30,5 @@ var IbanInput = function (_a) {
     return (jsx(Input, __assign({ value: formatIban(value), onChange: function (e) { return onChange === null || onChange === void 0 ? void 0 : onChange(formatIban(e.target.value)); } }, props)));
 };
 
-export default IbanInput;
+export { IbanInput as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/iban/formatIban/index.ts","../../../../../../src/lib/components/input/iban/index.tsx"],"sourcesContent":["const IBAN_CHAR_LIMIT = 4;\n\nexport const formatIban = (iban?: string): string => {\n  if (iban) {\n    const cleanIban = iban\n      .replace(/\\s\\s+/g, ' ')\n      .replace(/[^0-9a-zA-Z]/gi, '')\n      .toUpperCase();\n\n    const values: string[] = [];\n\n    cleanIban.split('').forEach((char, idx) => {\n      if (idx % IBAN_CHAR_LIMIT === 0) {\n        values.push(cleanIban.substring(idx, idx + IBAN_CHAR_LIMIT));\n      }\n    });\n\n    return values.join(' ');\n  }\n\n  return '';\n};\n","import { Input, InputProps } from '..';\n\nimport { formatIban } from './formatIban';\n\nconst IbanInput = ({\n  value,\n  onChange,\n  ...props\n}: {\n  value?: string;\n  onChange: (value: string) => void;\n} & Omit<InputProps, 'onChange' | 'value' | 'ref'>) => (\n  <Input\n    value={formatIban(value)}\n    onChange={(e) => onChange?.(formatIban(e.target.value))}\n    {...props}\n  />\n);\n\nexport default IbanInput;\n"],"names":["_jsx"],"mappings":";;;;;;;;AAAA,IAAM,eAAe,GAAG,CAAC,CAAC;AAEnB,IAAM,UAAU,GAAG,UAAC,IAAa;IACtC,IAAI,IAAI,EAAE;QACR,IAAM,WAAS,GAAG,IAAI;aACnB,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;aACtB,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC;aAC7B,WAAW,EAAE,CAAC;QAEjB,IAAM,QAAM,GAAa,EAAE,CAAC;QAE5B,WAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,UAAC,IAAI,EAAE,GAAG;YACpC,IAAI,GAAG,GAAG,eAAe,KAAK,CAAC,EAAE;gBAC/B,QAAM,CAAC,IAAI,CAAC,WAAS,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,GAAG,eAAe,CAAC,CAAC,CAAC;aAC9D;SACF,CAAC,CAAC;QAEH,OAAO,QAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACzB;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;;ICjBK,SAAS,GAAG,UAAC,EAO+B;IANhD,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,KAAK,cAHS,qBAIlB,CADS;IAI6C,QACrDA,IAAC,KAAK,aACJ,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,EACxB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAA,IACnD,KAAK,EACT,EACH;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/iban/formatIban/index.ts","../../../../../../src/lib/components/input/iban/index.tsx"],"sourcesContent":["const IBAN_CHAR_LIMIT = 4;\n\nexport const formatIban = (iban?: string): string => {\n  if (iban) {\n    const cleanIban = iban\n      .replace(/\\s\\s+/g, ' ')\n      .replace(/[^0-9a-zA-Z]/gi, '')\n      .toUpperCase();\n\n    const values: string[] = [];\n\n    cleanIban.split('').forEach((char, idx) => {\n      if (idx % IBAN_CHAR_LIMIT === 0) {\n        values.push(cleanIban.substring(idx, idx + IBAN_CHAR_LIMIT));\n      }\n    });\n\n    return values.join(' ');\n  }\n\n  return '';\n};\n","import { Input, InputProps } from '..';\n\nimport { formatIban } from './formatIban';\n\nconst IbanInput = ({\n  value,\n  onChange,\n  ...props\n}: {\n  value?: string;\n  onChange: (value: string) => void;\n} & Omit<InputProps, 'onChange' | 'value' | 'ref'>) => (\n  <Input\n    value={formatIban(value)}\n    onChange={(e) => onChange?.(formatIban(e.target.value))}\n    {...props}\n  />\n);\n\nexport default IbanInput;\n"],"names":["_jsx"],"mappings":";;;;;;;;;AAAA,IAAM,eAAe,GAAG,CAAC;AAElB,IAAM,UAAU,GAAG,UAAC,IAAa,EAAA;IACtC,IAAI,IAAI,EAAE;QACR,IAAM,WAAS,GAAG;AACf,aAAA,OAAO,CAAC,QAAQ,EAAE,GAAG;AACrB,aAAA,OAAO,CAAC,gBAAgB,EAAE,EAAE;AAC5B,aAAA,WAAW,EAAE;QAEhB,IAAM,QAAM,GAAa,EAAE;QAE3B,WAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,UAAC,IAAI,EAAE,GAAG,EAAA;AACpC,YAAA,IAAI,GAAG,GAAG,eAAe,KAAK,CAAC,EAAE;AAC/B,gBAAA,QAAM,CAAC,IAAI,CAAC,WAAS,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,GAAG,eAAe,CAAC,CAAC;YAC9D;AACF,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,QAAM,CAAC,IAAI,CAAC,GAAG,CAAC;IACzB;AAEA,IAAA,OAAO,EAAE;AACX,CAAC;;ACjBD,IAAM,SAAS,GAAG,UAAC,EAO+B,EAAA;IANhD,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,KAAK,GAAA,MAAA,CAAA,EAAA,EAHS,CAAA,OAAA,EAAA,UAAA,CAIlB,CADS;AAI6C,IAAA,QACrDA,GAAA,CAAC,KAAK,EAAA,QAAA,CAAA,EACJ,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,EACxB,QAAQ,EAAE,UAAC,CAAC,EAAA,EAAK,OAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA,CAAtC,CAAsC,IACnD,KAAK,CAAA,CACT;;;;;"}

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

@@ -1,9 +1,10 @@
-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 { jsxs, jsx } from 'react/jsx-runtime';
 import React__default, { useState } from 'react';
-import { c as classNames } from '../../index-6ea95111.js';
-import { g as generateId } from '../../index-69a46657.js';
-import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
+import { c as classNames } from '../../index-DLQEsiym.js';
+import { g as generateId } from '../../index-CNcEE5dn.js';
+import { s as styleInject } from '../../style-inject.es-tgCJW-Cu.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
 
 var css_248z = ".style-module_container__2L4SP {\n  position: relative;\n}\n\n.style-module_prefix__3jAFZ {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--ds-neutral-600);\n  transition: top 0.3s, color 0.3s;\n}\n.style-module_prefix--with-value__2QiEA {\n  color: var(--ds-neutral-900);\n}\n.style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n.style-module_prefix--disabled__2-gcw {\n  color: var(--ds-neutral-700);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_placeholder__1U2z0,\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0,\n.style-module_input--with-inside-label__253bZ ~ .style-module_placeholder__1U2z0 {\n  top: 7px;\n  left: 16px;\n  transform: translateY(0);\n  font-size: 10px;\n  line-height: 12px;\n  opacity: 1;\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  color: var(--ds-neutral-900);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\ninput:focus ~ .style-module_prefix__3jAFZ {\n  color: var(--ds-neutral-900);\n}\ninput:focus ~ .style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ,\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  top: 28px;\n}\n\n.style-module_input--with-inside-label__253bZ ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:focus ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ {\n  top: 29px;\n}\n\n.style-module_input__1eJO5 {\n  box-sizing: border-box;\n  padding-top: 9px;\n  font-family: inherit;\n}\n.style-module_input--no-placeholder__3EGwh {\n  padding-top: 0px;\n}\n.style-module_input--with-prefix__38e0j {\n  padding-left: 32px !important;\n}\n.style-module_input--with-inside-label__253bZ {\n  padding-top: 9px;\n}\n\n.style-module_placeholder__1U2z0 {\n  position: absolute;\n  pointer-events: none;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: 0.3s ease all;\n  color: var(--ds-neutral-600);\n}\n.style-module_placeholder--with-prefix__2PquQ {\n  left: 32px;\n}\n.style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_label__3FEZ1 {\n  display: inline-block;\n  margin-bottom: 8px;\n  color: var(--ds-neutral-700);\n}\n.style-module_label--with-error__166bP {\n  color: var(--ds-red-500);\n}\n\n.style-module_error__167Zc {\n  margin-top: 4px;\n}";
 var styles = {"container":"style-module_container__2L4SP","prefix":"style-module_prefix__3jAFZ","prefix--with-value":"style-module_prefix--with-value__2QiEA","prefix--with-error":"style-module_prefix--with-error__1yTTM","prefix--disabled":"style-module_prefix--disabled__2-gcw","input":"style-module_input__1eJO5","placeholder":"style-module_placeholder__1U2z0","input--with-inside-label":"style-module_input--with-inside-label__253bZ","placeholder--with-error":"style-module_placeholder--with-error__2ieRU","input--no-placeholder":"style-module_input--no-placeholder__3EGwh","input--with-prefix":"style-module_input--with-prefix__38e0j","placeholder--with-prefix":"style-module_placeholder--with-prefix__2PquQ","label":"style-module_label__3FEZ1","label--with-error":"style-module_label--with-error__166bP","error":"style-module_error__167Zc"};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/input/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classnames from 'classnames';\nimport generateId from '../../util/generateId';\n\nimport styles from './style.module.scss';\n\n// Something weird is going on with enterKeyHint that makes it a required field under certain circumstances. The & Omit<…> and & Pick<…> is a hacky way to go around that.\nexport type InputProps = Omit<JSX.IntrinsicElements['input'], 'enterKeyHint'> &\n  Partial<Pick<JSX.IntrinsicElements['input'], 'enterKeyHint'>> & {\n    error?: string | boolean;\n    prefix?: string;\n    label?: string;\n    id?: string;\n    hideLabel?: boolean;\n    labelInsideInput?: boolean;\n  };\n\nexport const Input = React.forwardRef(\n  (\n    {\n      className,\n      placeholder,\n      label,\n      id,\n      prefix,\n      error,\n      disabled,\n      hideLabel = false,\n      labelInsideInput = false,\n      ...props\n    }: InputProps,\n    ref?: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const [uniqueId] = useState(id ?? generateId());\n\n    return (\n      <div className={`${styles.container} ${className ?? ''}`}>\n        {label && !labelInsideInput && (\n          <label\n            htmlFor={uniqueId}\n            className={classnames('p-p', styles.label, {\n              [styles['label--with-error']]: error,\n              'sr-only': hideLabel,\n            })}\n          >\n            {label}\n          </label>\n        )}\n        <div style={{ position: 'relative' }}>\n          <input\n            id={uniqueId}\n            data-testid=\"ds-input-input\"\n            type=\"text\"\n            ref={ref}\n            className={classnames(\n              error ? 'p-input--error' : 'p-input',\n              (!label || labelInsideInput) &&\n                placeholder &&\n                placeholder.length > 0\n                ? styles.input\n                : styles['input--no-placeholder'],\n              {\n                [styles['input--with-prefix']]: prefix,\n                [styles['input--with-inside-label']]: labelInsideInput,\n              }\n            )}\n            placeholder={label || labelInsideInput ? placeholder : ' '}\n            disabled={disabled}\n            aria-invalid={!!error}\n            aria-errormessage={error ? `${uniqueId}-error` : undefined}\n            {...props}\n          />\n          {prefix && (\n            <span\n              className={classnames(\n                styles.prefix,\n                { [styles['prefix--with-error']]: error },\n                { [styles['prefix--disabled']]: disabled },\n                { [styles['prefix--with-value']]: props.value }\n              )}\n            >\n              {prefix}\n            </span>\n          )}\n          {(!label || labelInsideInput) && (\n            <label\n              htmlFor={uniqueId}\n              className={classnames(\n                styles.placeholder,\n                { [styles['placeholder--with-prefix']]: prefix },\n                { [styles['placeholder--with-error']]: error }\n              )}\n            >\n              {labelInsideInput ? label : placeholder}\n            </label>\n          )}\n        </div>\n        {error && (\n          <p\n            id={`${uniqueId}-error`}\n            className={`p-p--small tc-red-500 w100 ${styles.error}`}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["React","_jsxs","_jsx","classnames"],"mappings":";;;;;;;;;;;IAiBa,KAAK,GAAGA,cAAK,CAAC,UAAU,CACnC,UACE,EAWa,EACb,GAA0C;;IAXxC,IAAA,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,EAAE,QAAA,EACF,MAAM,YAAA,EACN,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACrB,KAAK,cAVV,2GAWC,CADS;IAIH,IAAA,QAAQ,GAAI,QAAQ,CAAC,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAU,EAAE,CAAC,GAAhC,CAAiC;IAEhD,QACEC,cAAK,SAAS,EAAE,UAAG,MAAM,CAAC,SAAS,cAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,aACrD,KAAK,IAAI,CAAC,gBAAgB,KACzBC,eACE,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAEC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK;oBACvC,GAAC,MAAM,CAAC,mBAAmB,CAAC,IAAG,KAAK;oBACpC,aAAS,GAAE,SAAS;wBACpB,YAED,KAAK,GACA,CACT,EACDF,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAClCC,wBACE,EAAE,EAAE,QAAQ,iBACA,gBAAgB,EAC5B,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,UAAU,CACnB,KAAK,GAAG,gBAAgB,GAAG,SAAS,EACpC,CAAC,CAAC,KAAK,IAAI,gBAAgB;4BACzB,WAAW;4BACX,WAAW,CAAC,MAAM,GAAG,CAAC;8BACpB,MAAM,CAAC,KAAK;8BACZ,MAAM,CAAC,uBAAuB,CAAC;4BAEjC,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,MAAM;4BACtC,GAAC,MAAM,CAAC,0BAA0B,CAAC,IAAG,gBAAgB;gCAEzD,EACD,WAAW,EAAE,KAAK,IAAI,gBAAgB,GAAG,WAAW,GAAG,GAAG,EAC1D,QAAQ,EAAE,QAAQ,kBACJ,CAAC,CAAC,KAAK,uBACF,KAAK,GAAG,UAAG,QAAQ,WAAQ,GAAG,SAAS,IACtD,KAAK,EACT,EACD,MAAM,KACLD,cACE,SAAS,EAAEC,UAAU,CACnB,MAAM,CAAC,MAAM,YACX,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,KAAK,iBACrC,GAAC,MAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,iBACtC,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,KAAK,CAAC,KAAK,MAC9C,YAEA,MAAM,GACF,CACR,EACA,CAAC,CAAC,KAAK,IAAI,gBAAgB,MAC1BD,eACE,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAEC,UAAU,CACnB,MAAM,CAAC,WAAW,YAChB,GAAC,MAAM,CAAC,0BAA0B,CAAC,IAAG,MAAM,iBAC5C,GAAC,MAAM,CAAC,yBAAyB,CAAC,IAAG,KAAK,MAC7C,YAEA,gBAAgB,GAAG,KAAK,GAAG,WAAW,GACjC,CACT,IACG,EACL,KAAK,KACJD,WACE,EAAE,EAAE,UAAG,QAAQ,WAAQ,EACvB,SAAS,EAAE,qCAA8B,MAAM,CAAC,KAAK,CAAE,YAEtD,KAAK,GACJ,CACL,IACG,EACN;AACJ,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/input/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classnames from 'classnames';\nimport generateId from '../../util/generateId';\n\nimport styles from './style.module.scss';\n\n// Something weird is going on with enterKeyHint that makes it a required field under certain circumstances. The & Omit<…> and & Pick<…> is a hacky way to go around that.\nexport type InputProps = Omit<JSX.IntrinsicElements['input'], 'enterKeyHint'> &\n  Partial<Pick<JSX.IntrinsicElements['input'], 'enterKeyHint'>> & {\n    error?: string | boolean;\n    prefix?: string;\n    label?: string;\n    id?: string;\n    hideLabel?: boolean;\n    labelInsideInput?: boolean;\n  };\n\nexport const Input = React.forwardRef(\n  (\n    {\n      className,\n      placeholder,\n      label,\n      id,\n      prefix,\n      error,\n      disabled,\n      hideLabel = false,\n      labelInsideInput = false,\n      ...props\n    }: InputProps,\n    ref?: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const [uniqueId] = useState(id ?? generateId());\n\n    return (\n      <div className={`${styles.container} ${className ?? ''}`}>\n        {label && !labelInsideInput && (\n          <label\n            htmlFor={uniqueId}\n            className={classnames('p-p', styles.label, {\n              [styles['label--with-error']]: error,\n              'sr-only': hideLabel,\n            })}\n          >\n            {label}\n          </label>\n        )}\n        <div style={{ position: 'relative' }}>\n          <input\n            id={uniqueId}\n            data-testid=\"ds-input-input\"\n            type=\"text\"\n            ref={ref}\n            className={classnames(\n              error ? 'p-input--error' : 'p-input',\n              (!label || labelInsideInput) &&\n                placeholder &&\n                placeholder.length > 0\n                ? styles.input\n                : styles['input--no-placeholder'],\n              {\n                [styles['input--with-prefix']]: prefix,\n                [styles['input--with-inside-label']]: labelInsideInput,\n              }\n            )}\n            placeholder={label || labelInsideInput ? placeholder : ' '}\n            disabled={disabled}\n            aria-invalid={!!error}\n            aria-errormessage={error ? `${uniqueId}-error` : undefined}\n            {...props}\n          />\n          {prefix && (\n            <span\n              className={classnames(\n                styles.prefix,\n                { [styles['prefix--with-error']]: error },\n                { [styles['prefix--disabled']]: disabled },\n                { [styles['prefix--with-value']]: props.value }\n              )}\n            >\n              {prefix}\n            </span>\n          )}\n          {(!label || labelInsideInput) && (\n            <label\n              htmlFor={uniqueId}\n              className={classnames(\n                styles.placeholder,\n                { [styles['placeholder--with-prefix']]: prefix },\n                { [styles['placeholder--with-error']]: error }\n              )}\n            >\n              {labelInsideInput ? label : placeholder}\n            </label>\n          )}\n        </div>\n        {error && (\n          <p\n            id={`${uniqueId}-error`}\n            className={`p-p--small tc-red-500 w100 ${styles.error}`}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["React","_jsxs","_jsx","classnames"],"mappings":"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"}

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

@@ -1,26 +1,28 @@
-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 { Input } from './index.js';
-import { s as sharedConfig } from '../../config-bc609993.js';
-import '../../index-6ea95111.js';
-import '../../index-69a46657.js';
-import '../../style-inject.es-1f59c1d0.js';
+import { s as sharedConfig } from '../../config-PagIydiG.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/Input', component: Input }, 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 InputStory = function (_a) {
-    var onChange = _a.onChange, className = _a.className, placeholder = _a.placeholder, value = _a.value, label = _a.label, hideLabel = _a.hideLabel, labelInsideInput = _a.labelInsideInput, prefix = _a.prefix, error = _a.error, disabled = _a.disabled;
-    var _b = useState(value), newValue = _b[0], setValue = _b[1];
-    var handleOnChange = function (event) {
-        setValue(event.target.value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(event);
-    };
-    return (jsx(Input, { onChange: handleOnChange, value: newValue, className: className, placeholder: placeholder, label: label, hideLabel: hideLabel, labelInsideInput: labelInsideInput, prefix: prefix, error: error, disabled: disabled }));
+var InputStory = {
+    render: function (_a) {
+        var onChange = _a.onChange, className = _a.className, placeholder = _a.placeholder, value = _a.value, label = _a.label, hideLabel = _a.hideLabel, labelInsideInput = _a.labelInsideInput, prefix = _a.prefix, error = _a.error, disabled = _a.disabled;
+        var _b = useState(value), newValue = _b[0], setValue = _b[1];
+        var handleOnChange = function (event) {
+            setValue(event.target.value);
+            onChange === null || onChange === void 0 ? void 0 : onChange(event);
+        };
+        return (jsx(Input, { onChange: handleOnChange, value: newValue, className: className, placeholder: placeholder, label: label, hideLabel: hideLabel, labelInsideInput: labelInsideInput, prefix: prefix, error: error, disabled: disabled }));
+    },
+    name: 'Input',
 };
-InputStory.storyName = 'Input';
 
-export default story;
-export { InputStory };
+export { InputStory, story as default };
 //# sourceMappingURL=input.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.stories.js","sources":["../../../../../src/lib/components/input/input.stories.tsx"],"sourcesContent":["\nimport { ChangeEvent, useState } from 'react';\nimport { Input, InputProps } from '.';\nimport sharedConfig from './stories/config';\n\nconst story = {\n  title: 'JSX/Inputs/Input',\n  component: Input,\n  ...sharedConfig,\n  parameters: {\n    componentSubtitle: 'The default input component is used to gather informations from the user.'\n  }\n};\n\nexport const InputStory = ({ \n  onChange,\n  className,\n  placeholder,\n  value,\n  label,\n  hideLabel,\n  labelInsideInput,\n  prefix,\n  error,\n  disabled\n}: InputProps) => {\n  const [newValue, setValue] = useState(value);\n\n  const handleOnChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setValue(event.target.value)\n    onChange?.(event);\n  }\n\n  return (\n    <Input \n      onChange={handleOnChange}\n      value={newValue}\n      className={className}\n      placeholder={placeholder}\n      label={label}\n      hideLabel={hideLabel}\n      labelInsideInput={labelInsideInput}\n      prefix={prefix}\n      error={error}\n      disabled={disabled}\n    />\n  );\n};\n\nInputStory.storyName = 'Input';\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;IAKM,KAAK,uBACT,KAAK,EAAE,kBAAkB,EACzB,SAAS,EAAE,KAAK,IACb,YAAY,KACf,UAAU,EAAE;QACV,iBAAiB,EAAE,2EAA2E;KAC/F,IACD;IAEW,UAAU,GAAG,UAAC,EAWd;QAVX,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,KAAK,WAAA,EACL,SAAS,eAAA,EACT,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,KAAK,WAAA,EACL,QAAQ,cAAA;IAEF,IAAA,KAAuB,QAAQ,CAAC,KAAK,CAAC,EAArC,QAAQ,QAAA,EAAE,QAAQ,QAAmB,CAAC;IAE7C,IAAM,cAAc,GAAG,UAAC,KAAoC;QAC1D,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC5B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;KACnB,CAAA;IAED,QACEA,IAAC,KAAK,IACJ,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,QAAQ,EACf,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,EACF;AACJ,EAAE;AAEF,UAAU,CAAC,SAAS,GAAG,OAAO;;;;;"}
+{"version":3,"file":"input.stories.js","sources":["../../../../../src/lib/components/input/input.stories.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport { Input, InputProps } from '.';\nimport sharedConfig from './stories/config';\n\nconst story = {\n  title: 'JSX/Inputs/Input',\n  component: Input,\n  ...sharedConfig,\n  parameters: {\n    componentSubtitle:\n      'The default input component is used to gather informations from the user.',\n  },\n};\n\nexport const InputStory = {\n  render: ({\n    onChange,\n    className,\n    placeholder,\n    value,\n    label,\n    hideLabel,\n    labelInsideInput,\n    prefix,\n    error,\n    disabled,\n  }: InputProps) => {\n    const [newValue, setValue] = useState(value);\n\n    const handleOnChange = (event: ChangeEvent<HTMLInputElement>) => {\n      setValue(event.target.value);\n      onChange?.(event);\n    };\n\n    return (\n      <Input\n        onChange={handleOnChange}\n        value={newValue}\n        className={className}\n        placeholder={placeholder}\n        label={label}\n        hideLabel={hideLabel}\n        labelInsideInput={labelInsideInput}\n        prefix={prefix}\n        error={error}\n        disabled={disabled}\n      />\n    );\n  },\n\n  name: 'Input',\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;AAIA,IAAM,KAAK,GAAA,QAAA,CAAA,QAAA,CAAA,EACT,KAAK,EAAE,kBAAkB,EACzB,SAAS,EAAE,KAAK,EAAA,EACb,YAAY,CAAA,EAAA,EACf,UAAU,EAAE;AACV,QAAA,iBAAiB,EACf,2EAA2E;AAC9E,KAAA,EAAA;AAGI,IAAM,UAAU,GAAG;IACxB,MAAM,EAAE,UAAC,EAWI,EAAA;YAVX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA;QAEF,IAAA,EAAA,GAAuB,QAAQ,CAAC,KAAK,CAAC,EAArC,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAmB;QAE5C,IAAM,cAAc,GAAG,UAAC,KAAoC,EAAA;AAC1D,YAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAC5B,YAAA,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAG,KAAK,CAAC;AACnB,QAAA,CAAC;QAED,QACEA,IAAC,KAAK,EAAA,EACJ,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,QAAQ,EACf,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAAA,CAClB;IAEN,CAAC;AAED,IAAA,IAAI,EAAE,OAAO;;;;;"}

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

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as classNames } from '../../../index-6ea95111.js';
-import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
-import { g as generateId } from '../../../index-69a46657.js';
+import { c as classNames } from '../../../index-DLQEsiym.js';
+import { s as styleInject } from '../../../style-inject.es-tgCJW-Cu.js';
+import { g as generateId } from '../../../index-CNcEE5dn.js';
+import '../../../_commonjsHelpers-BFTU3MAI.js';
 
 var css_248z = ".styles-module_container__3M-sc {\n  max-width: 100%;\n}\n\n.styles-module_narrow__3VUzp {\n  max-width: 424px;\n}\n\n.styles-module_wide__3nLhz {\n  max-width: 736px;\n}";
 var styles = {"container":"styles-module_container__3M-sc","narrow":"styles-module_narrow__3VUzp","wide":"styles-module_wide__3nLhz"};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/radio/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ReactNode } from 'react';\n\nimport styles from './styles.module.scss';\nimport generateId from '../../../util/generateId';\nexport interface RadioWithDescription {\n  title: ReactNode;\n  description?: string;\n  icon?: (selected: boolean) => ReactNode;\n  hideBox?: boolean;\n}\n\nexport interface RadioProps<ValueType extends string> {\n  options: Record<ValueType, ReactNode | RadioWithDescription>;\n  value?: ValueType;\n  onChange: (value: ValueType) => void;\n  wide?: boolean;\n  inlineLayout?: boolean;\n  inlineIcon?: boolean;\n  classNames?: {\n    container?: string;\n    label?: string;\n    option?: string;\n  };\n  bordered?: boolean;\n  disabled?: boolean;\n  fieldLegend?: string;\n  groupName?: string;\n}\n\nexport const Radio = <ValueType extends string>({\n  options,\n  value,\n  onChange,\n  wide = false,\n  inlineLayout = false,\n  inlineIcon = false,\n  classNames: classNamesObj,\n  bordered = true,\n  disabled = false,\n  fieldLegend = 'Select an option',\n  groupName,\n}: RadioProps<ValueType>) => {\n  const entries = Object.entries(options) as [\n    ValueType,\n    ReactNode | RadioWithDescription\n  ][];\n\n  const name = groupName ?? generateId();\n\n  return (\n    <fieldset\n      className={classNames(\n        classNamesObj?.container,\n        styles.container,\n        'd-flex gap8',\n        {\n          [styles.wide]: wide,\n          [styles.narrow]: !wide,\n          'fd-row': inlineLayout,\n          'f-wrap': inlineLayout,\n          'fd-column': !inlineLayout,\n        }\n      )}\n    >\n      <legend className=\"sr-only\">{fieldLegend}</legend>\n      {entries.map(([currentValue, label]) => {\n        const checked = value === currentValue;\n        const customIcon = (label as RadioWithDescription)?.icon;\n        const hideIcon = (label as RadioWithDescription)?.hideBox;\n\n        const isRadioLabelObject = (\n          label: ReactNode | RadioWithDescription\n        ): label is RadioWithDescription => {\n          return (label as RadioWithDescription).title !== undefined;\n        };\n\n        return (\n          <div className={classNamesObj?.option} key={currentValue}>\n            <input\n              className={classNames('p-radio', {\n                'p-radio--no-icon': customIcon || hideIcon,\n                'p-radio--centered': !label,\n              })}\n              id={currentValue}\n              type=\"radio\"\n              value={currentValue}\n              onChange={() => onChange(currentValue)}\n              checked={checked}\n              data-testid={`radio-input-${currentValue}`}\n              disabled={disabled}\n              name={name}\n            />\n\n            <label\n              htmlFor={currentValue}\n              className={classNames(classNamesObj?.label, 'p-label', {\n                'jc-center': customIcon && !inlineIcon,\n                'fd-column': customIcon && !inlineIcon,\n                'p-label--bordered': bordered,\n              })}\n              data-cy={`radio-${currentValue}`}\n              data-testid={`radio-${currentValue}`}\n            >\n              {customIcon && (\n                <div\n                  className={classNames(\n                    'd-inline-flex ai-center jc-center',\n                    inlineIcon ? 'mr8' : 'mt8'\n                  )}\n                >\n                  {customIcon?.(checked)}\n                </div>\n              )}\n\n              {isRadioLabelObject(label) ? (\n                <div>\n                  <p className=\"p-p\">{label.title}</p>\n                  <span className=\"d-block p-p p-p--small tc-neutral-700\">\n                    {label.description}\n                  </span>\n                </div>\n              ) : (\n                label\n              )}\n            </label>\n          </div>\n        );\n      })}\n    </fieldset>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/radio/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ReactNode } from 'react';\n\nimport styles from './styles.module.scss';\nimport generateId from '../../../util/generateId';\nexport interface RadioWithDescription {\n  title: ReactNode;\n  description?: string;\n  icon?: (selected: boolean) => ReactNode;\n  hideBox?: boolean;\n}\n\nexport interface RadioProps<ValueType extends string> {\n  options: Record<ValueType, ReactNode | RadioWithDescription>;\n  value?: ValueType;\n  onChange: (value: ValueType) => void;\n  wide?: boolean;\n  inlineLayout?: boolean;\n  inlineIcon?: boolean;\n  classNames?: {\n    container?: string;\n    label?: string;\n    option?: string;\n  };\n  bordered?: boolean;\n  disabled?: boolean;\n  fieldLegend?: string;\n  groupName?: string;\n}\n\nexport const Radio = <ValueType extends string>({\n  options,\n  value,\n  onChange,\n  wide = false,\n  inlineLayout = false,\n  inlineIcon = false,\n  classNames: classNamesObj,\n  bordered = true,\n  disabled = false,\n  fieldLegend = 'Select an option',\n  groupName,\n}: RadioProps<ValueType>) => {\n  const entries = Object.entries(options) as [\n    ValueType,\n    ReactNode | RadioWithDescription\n  ][];\n\n  const name = groupName ?? generateId();\n\n  return (\n    <fieldset\n      className={classNames(\n        classNamesObj?.container,\n        styles.container,\n        'd-flex gap8',\n        {\n          [styles.wide]: wide,\n          [styles.narrow]: !wide,\n          'fd-row': inlineLayout,\n          'f-wrap': inlineLayout,\n          'fd-column': !inlineLayout,\n        }\n      )}\n    >\n      <legend className=\"sr-only\">{fieldLegend}</legend>\n      {entries.map(([currentValue, label]) => {\n        const checked = value === currentValue;\n        const customIcon = (label as RadioWithDescription)?.icon;\n        const hideIcon = (label as RadioWithDescription)?.hideBox;\n\n        const isRadioLabelObject = (\n          label: ReactNode | RadioWithDescription\n        ): label is RadioWithDescription => {\n          return (label as RadioWithDescription).title !== undefined;\n        };\n\n        return (\n          <div className={classNamesObj?.option} key={currentValue}>\n            <input\n              className={classNames('p-radio', {\n                'p-radio--no-icon': customIcon || hideIcon,\n                'p-radio--centered': !label,\n              })}\n              id={currentValue}\n              type=\"radio\"\n              value={currentValue}\n              onChange={() => onChange(currentValue)}\n              checked={checked}\n              data-testid={`radio-input-${currentValue}`}\n              disabled={disabled}\n              name={name}\n            />\n\n            <label\n              htmlFor={currentValue}\n              className={classNames(classNamesObj?.label, 'p-label', {\n                'jc-center': customIcon && !inlineIcon,\n                'fd-column': customIcon && !inlineIcon,\n                'p-label--bordered': bordered,\n              })}\n              data-cy={`radio-${currentValue}`}\n              data-testid={`radio-${currentValue}`}\n            >\n              {customIcon && (\n                <div\n                  className={classNames(\n                    'd-inline-flex ai-center jc-center',\n                    inlineIcon ? 'mr8' : 'mt8'\n                  )}\n                >\n                  {customIcon?.(checked)}\n                </div>\n              )}\n\n              {isRadioLabelObject(label) ? (\n                <div>\n                  <p className=\"p-p\">{label.title}</p>\n                  <span className=\"d-block p-p p-p--small tc-neutral-700\">\n                    {label.description}\n                  </span>\n                </div>\n              ) : (\n                label\n              )}\n            </label>\n          </div>\n        );\n      })}\n    </fieldset>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}