@popsure/dirty-swan 0.32.0 → 0.33.0

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

@@ -1 +0,0 @@
-{"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\nconst CurrencyInput = ({\n  value,\n  onChange,\n  type,\n  ...props\n}: {\n  value?: number;\n  placeholder?: string;\n  onChange?: (value: number) => void;\n} & Omit<InputProps, 'onChange' | 'value' | 'ref'>) => {\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    onChange?.(reverseFormatInput(shadowValue));\n    // eslint-disable-next-line\n  }, [shadowValue]);\n\n  useEffect(() => {\n    if (!inputRef.current || !cursor) {\n      return;\n    }\n\n    const cursorDiff =  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      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 default CurrencyInput;\n"],"names":["_jsx"],"mappings":"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"}

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

@@ -1,209 +0,0 @@
-import { b as __awaiter, c as __generator, _ as __assign } from '../../../tslib.es6-5bc94358.js';
-import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../customRender-4157fcff.js';
-import CurrencyInput from './index.js';
-import 'react';
-import 'react-dom';
-import '../../../_commonjsHelpers-e7f67fd8.js';
-import 'react-dom/test-utils';
-import '../index.js';
-import '../../../index-e9e37a34.js';
-import '../../../index-fb46adf9.js';
-import '../../../style-inject.es-1f59c1d0.js';
-
-var setup = function () {
-    var utils = customRender(jsx(CurrencyInput, {}, void 0));
-    var input = utils.getByTestId('ds-input-input');
-    return __assign({ input: input }, utils);
-};
-describe('Currency input component', function () {
-    it('Should correctly space thousands separators', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, input, user;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = setup(), input = _a.input, user = _a.user;
-                    return [4 /*yield*/, user.type(input, '1234567')];
-                case 1:
-                    _b.sent();
-                    expect(input.value).toBe('1 234 567');
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('Should remove non numerical values', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, input, user;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = setup(), input = _a.input, user = _a.user;
-                    return [4 /*yield*/, user.type(input, '123asdf4567')];
-                case 1:
-                    _b.sent();
-                    expect(input.value).toBe('1 234 567');
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('Should remove non numerical values', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, input, user;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = setup(), input = _a.input, user = _a.user;
-                    return [4 /*yield*/, user.type(input, '123asdf4567')];
-                case 1:
-                    _b.sent();
-                    expect(input.value).toBe('1 234 567');
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('Should allow decimal separator', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, input, user;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = setup(), input = _a.input, user = _a.user;
-                    return [4 /*yield*/, user.type(input, '1234567.34')];
-                case 1:
-                    _b.sent();
-                    expect(input.value).toBe('1 234 567.34');
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('Should replace comma decimal seprator with a dot', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, input, user;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = setup(), input = _a.input, user = _a.user;
-                    return [4 /*yield*/, user.type(input, '1234567,34')];
-                case 1:
-                    _b.sent();
-                    expect(input.value).toBe('1 234 567.34');
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('Should only allow one decimal separator', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, input, user;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = setup(), input = _a.input, user = _a.user;
-                    return [4 /*yield*/, user.type(input, '1234567..34')];
-                case 1:
-                    _b.sent();
-                    expect(input.value).toBe('1 234 567.34');
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('Should only allow one decimal separator after a sequence of number', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, input, user;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = setup(), input = _a.input, user = _a.user;
-                    return [4 /*yield*/, user.type(input, '1234567..34.4')];
-                case 1:
-                    _b.sent();
-                    expect(input.value).toBe('1 234 567.34');
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('Should have correct selection start when no spaces are added', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, input, user;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = setup(), input = _a.input, user = _a.user;
-                    return [4 /*yield*/, user.type(input, '123')];
-                case 1:
-                    _b.sent();
-                    // Should be: 123|
-                    expect(input.selectionStart).toBe(3);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('Should have correct selection start when spaces are added', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, input, user;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = setup(), input = _a.input, user = _a.user;
-                    return [4 /*yield*/, user.type(input, '1234')];
-                case 1:
-                    _b.sent();
-                    // Should be: 123 4|
-                    expect(input.selectionStart).toBe(5);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('Should have correct selection start when typing in middle of input', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, input, user;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = setup(), input = _a.input, user = _a.user;
-                    return [4 /*yield*/, user.type(input, '123{arrowleft}4')];
-                case 1:
-                    _b.sent();
-                    // Should be: 1 24|3
-                    expect(input.selectionStart).toBe(4);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('Should have correct selection start when typing in beginning of input', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, input, user;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = setup(), input = _a.input, user = _a.user;
-                    return [4 /*yield*/, user.type(input, '123{arrowleft}{arrowleft}{arrowleft}4')];
-                case 1:
-                    _b.sent();
-                    // Should be: 4 |123
-                    expect(input.selectionStart).toBe(2);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('Should have correct selection start when typing in input and has currency values', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, input, user;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = setup(), input = _a.input, user = _a.user;
-                    return [4 /*yield*/, user.type(input, '123.2{arrowleft}{arrowleft}{arrowleft}24')];
-                case 1:
-                    _b.sent();
-                    // Should be: 12 24|3.2
-                    expect(input.selectionStart).toBe(5);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('Should have correct selection start when deleting', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, input, user;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = setup(), input = _a.input, user = _a.user;
-                    return [4 /*yield*/, user.type(input, '12345{arrowleft}{backspace}67')];
-                case 1:
-                    _b.sent();
-                    // Should be: 123 67|5
-                    expect(input.selectionStart).toBe(6);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-});
-//# sourceMappingURL=index.test.js.map

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

@@ -1 +0,0 @@
-{"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/iban/index.js

@@ -1,33 +0,0 @@
-import { a as __rest, _ as __assign } from '../../../tslib.es6-5bc94358.js';
-import { jsx } from 'react/jsx-runtime';
-import Input from '../index.js';
-import 'react';
-import '../../../index-e9e37a34.js';
-import '../../../index-fb46adf9.js';
-import '../../../style-inject.es-1f59c1d0.js';
-
-var IBAN_CHAR_LIMIT = 4;
-var formatIban = function (iban) {
-    if (iban) {
-        var cleanIban_1 = iban
-            .replace(/\s\s+/g, ' ')
-            .replace(/[^0-9a-zA-Z]/gi, '')
-            .toUpperCase();
-        var values_1 = [];
-        cleanIban_1.split('').forEach(function (char, idx) {
-            if (idx % IBAN_CHAR_LIMIT === 0) {
-                values_1.push(cleanIban_1.substring(idx, idx + IBAN_CHAR_LIMIT));
-            }
-        });
-        return values_1.join(' ');
-    }
-    return '';
-};
-
-var IbanInput = function (_a) {
-    var value = _a.value, onChange = _a.onChange, props = __rest(_a, ["value", "onChange"]);
-    return (jsx(Input, __assign({ value: formatIban(value), onChange: function (e) { return onChange(formatIban(e.target.value)); } }, props), void 0));
-};
-
-export default IbanInput;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAA,IACjD,KAAK,UACT,EACH;;;;;"}

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

@@ -1,29 +0,0 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-5bc94358.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default, { useState } from 'react';
-import { c as classnames } from '../../index-e9e37a34.js';
-import { g as generateId } from '../../index-fb46adf9.js';
-import { s as styleInject } from '../../style-inject.es-1f59c1d0.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-grey-500);\n  transition: 0.3s top;\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-grey-600);\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  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-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5: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__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\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-grey-500);\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-grey-600);\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-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","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"};
-styleInject(css_248z);
-
-var Input = React__default.forwardRef(function (_a, ref) {
-    var _b, _c, _d, _e, _f, _g;
-    var className = _a.className, placeholder = _a.placeholder, label = _a.label, id = _a.id, prefix = _a.prefix, error = _a.error, disabled = _a.disabled, _h = _a.hideLabel, hideLabel = _h === void 0 ? false : _h, props = __rest(_a, ["className", "placeholder", "label", "id", "prefix", "error", "disabled", "hideLabel"]);
-    var uniqueId = useState(id !== null && id !== void 0 ? id : generateId())[0];
-    return (jsxs("div", __assign({ className: styles.container + " " + (className !== null && className !== void 0 ? className : '') }, { children: [label && (jsx("label", __assign({ htmlFor: uniqueId, className: classnames('p-p', styles.label, (_b = {},
-                    _b[styles['label--with-error']] = error,
-                    _b['sr-only'] = hideLabel,
-                    _b)) }, { children: label }), void 0)),
-            jsxs("div", __assign({ style: { position: 'relative' } }, { children: [jsx("input", __assign({ id: uniqueId, "data-testid": "ds-input-input", type: "text", ref: ref, className: classnames(error ? 'p-input--error' : 'p-input', !label && placeholder && placeholder.length > 0
-                            ? styles.input
-                            : styles['input--no-placeholder'], (_c = {}, _c[styles['input--with-prefix']] = prefix, _c)), placeholder: label ? placeholder : ' ', disabled: disabled }, props), void 0),
-                    prefix && (jsx("span", __assign({ className: classnames(styles.prefix, (_d = {}, _d[styles['prefix--with-error']] = error, _d), (_e = {}, _e[styles['prefix--disabled']] = disabled, _e)) }, { children: prefix }), void 0)),
-                    !label && (jsx("label", __assign({ htmlFor: uniqueId, className: classnames(styles.placeholder, (_f = {}, _f[styles['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles['placeholder--with-error']] = error, _g)) }, { children: placeholder }), void 0))] }), void 0),
-            error && (jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles.error }, { children: error }), void 0))] }), void 0));
-});
-
-export default Input;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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 = {\n  error?: string;\n  prefix?: string;\n  label?: string;\n  id?: string;\n  hideLabel?: boolean;\n} & Omit<JSX.IntrinsicElements['input'], 'enterKeyHint'> &\n  Partial<Pick<JSX.IntrinsicElements['input'], 'enterKeyHint'>>;\n\nexport default React.forwardRef(\n  (\n    {\n      className,\n      placeholder,\n      label,\n      id,\n      prefix,\n      error,\n      disabled,\n      hideLabel = false,\n      ...props\n    }: InputProps,\n    ref?: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const [uniqueId] = useState(id ?? generateId());\n    return (\n      <div className={`${styles.container} ${className ?? ''}`}>\n        {label && (\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 && placeholder && placeholder.length > 0\n                ? styles.input\n                : styles['input--no-placeholder'],\n              { [styles['input--with-prefix']]: prefix }\n            )}\n            placeholder={label ? placeholder : ' '}\n            disabled={disabled}\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              )}\n            >\n              {prefix}\n            </span>\n          )}\n          {!label && (\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              {placeholder}\n            </label>\n          )}\n        </div>\n        {error && (\n          <p className={`p-p--small tc-red-500 w100 ${styles.error}`}>\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;;AAgBA,YAAeA,cAAK,CAAC,UAAU,CAC7B,UACE,EAUa,EACb,GAA0C;;IAVxC,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,EACd,KAAK,cATV,uFAUC,CADS;IAIH,IAAA,QAAQ,GAAI,QAAQ,CAAC,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAU,EAAE,CAAC,GAAhC,CAAiC;IAChD,QACEC,uBAAK,SAAS,EAAK,MAAM,CAAC,SAAS,UAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,iBACrD,KAAK,KACJC,wBACE,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK;oBACvC,GAAC,MAAM,CAAC,mBAAmB,CAAC,IAAG,KAAK;oBACpC,aAAS,GAAE,SAAS;wBACpB,gBAED,KAAK,YACA,CACT;YACDD,uBAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAClCC,wBACE,EAAE,EAAE,QAAQ,iBACA,gBAAgB,EAC5B,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,KAAK,GAAG,gBAAgB,GAAG,SAAS,EACpC,CAAC,KAAK,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;8BAC3C,MAAM,CAAC,KAAK;8BACZ,MAAM,CAAC,uBAAuB,CAAC,YACjC,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,MAAM,MACzC,EACD,WAAW,EAAE,KAAK,GAAG,WAAW,GAAG,GAAG,EACtC,QAAQ,EAAE,QAAQ,IACd,KAAK,UACT;oBACD,MAAM,KACLA,uBACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,MAAM,YACX,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,KAAK,iBACrC,GAAC,MAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,MACzC,gBAEA,MAAM,YACF,CACR;oBACA,CAAC,KAAK,KACLA,wBACE,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,WAAW,YAChB,GAAC,MAAM,CAAC,0BAA0B,CAAC,IAAG,MAAM,iBAC5C,GAAC,MAAM,CAAC,yBAAyB,CAAC,IAAG,KAAK,MAC7C,gBAEA,WAAW,YACN,CACT,aACG;YACL,KAAK,KACJA,oBAAG,SAAS,EAAE,gCAA8B,MAAM,CAAC,KAAO,gBACvD,KAAK,YACJ,CACL,aACG,EACN;AACJ,CAAC,CACF;;;;"}