@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1.full

package/dist/ChipsInput/ChipInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInput.cjs","names":["React","_interopRequireWildcard","require","_types","_ChipInputField","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ChipInput","forwardRef","_ref","ref","values","inputId","variants","icon","placeholder","disabled","altPlaceholder","validationMessage","onValueChange","multiLine","size","Size","Medium","autoSave","rest","_objectWithoutProperties2","chips","setChips","useState","value","setValue","chipItems","setChipItems","useEffect","map","chip","index","label","variant","handleInputBlur","event","_event$target","target","closest","concat","ChipInputContainer","contains","relatedTarget","handleInputKeyDown","key","preventDefault","onRemoveChip","newChips","splice","jsx","ChipInputField","items","onRemoveItem","item","inputValue","onInputValueChange","onInputKeyDown","onBlur","_default","exports"],"sources":["../../src/ChipsInput/ChipInput.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {Size} from '../types';\r\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\r\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\r\n\r\n\r\nconst ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(({\r\n                                                                        values,\r\n                                                                        inputId,\r\n                                                                        variants,\r\n                                                                        icon,\r\n                                                                        placeholder,\r\n                                                                        disabled,\r\n                                                                        altPlaceholder,\r\n                                                                        validationMessage,\r\n                                                                        onValueChange,\r\n                                                                        multiLine = true,\r\n                                                                        size = Size.Medium,\r\n                                                                        autoSave = false,\r\n                                                                        ...rest\r\n                                                                      }: ChipInputProps, ref) => {\r\n\r\n  const [chips, setChips] = React.useState<string[]>([]);\r\n  const [value, setValue] = React.useState<string>('');\r\n  const [chipItems, setChipItems] = React.useState<ChipItem[]>([]);\r\n\r\n  /**\r\n   * Sets initial values for the chips.\r\n   */\r\n  React.useEffect(() => {\r\n    // Let's add initial chip values\r\n    setChips(values);\r\n  }, [values]);\r\n\r\n  /**\r\n   * Set chip items for chip input field\r\n   * */\r\n  React.useEffect(() => {\r\n    setChipItems(chips.map((chip, index) => ({\r\n      label: chip,\r\n      icon: icon,\r\n      disabled: false,\r\n      variant: variants && variants[index],\r\n    })));\r\n  }, [chips, variants, icon, size]);\r\n\r\n\r\n  const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    if (autoSave && value && !event.target?.closest(`${ChipInputContainer}`)?.contains(event.relatedTarget as Node)) {\r\n      setChips([...chips, value]);\r\n      onValueChange([...chips, value]);\r\n\r\n      setValue('');\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Adds a chip to the chip list.\r\n   * @param event - Event handler from the key down event.\r\n   */\r\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\r\n    if ((event.key === 'Enter' || event.key === ' ') && value) {\r\n      event.preventDefault();\r\n\r\n      setChips([...chips, value]);\r\n      onValueChange([...chips, value]);\r\n\r\n      setValue('');\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Removes a specific chip from the chip list.\r\n   * @param index - Index of the chip that needs to be removed.\r\n   */\r\n  const onRemoveChip = (index: number): void => {\r\n    const newChips = [...chips];\r\n    newChips.splice(index, 1);\r\n\r\n    setChips(newChips);\r\n    onValueChange(newChips);\r\n  };\r\n\r\n  /**\r\n   * Return Chip Input component.\r\n   */\r\n  return (\r\n    <ChipInputField inputId={inputId}\r\n                    ref={ref}\r\n                    items={chipItems}\r\n                    onRemoveItem={(item, index) => onRemoveChip(index)}\r\n                    inputValue={value}\r\n                    onInputValueChange={value => setValue(value)}\r\n                    onInputKeyDown={handleInputKeyDown}\r\n                    placeholder={placeholder}\r\n                    altPlaceholder={altPlaceholder}\r\n                    disabled={disabled}\r\n                    validationMessage={validationMessage}\r\n                    multiLine={multiLine}\r\n                    size={size}\r\n                    onBlur={handleInputBlur}\r\n                    {...rest}\r\n    />\r\n  );\r\n});\r\n\r\nexport default ChipInput;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ChipInput.cjs","names":["React","_interopRequireWildcard","require","_types","_ChipInputField","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ChipInput","forwardRef","_ref","ref","values","inputId","variants","icon","placeholder","disabled","altPlaceholder","validationMessage","onValueChange","multiLine","size","Size","Medium","autoSave","rest","_objectWithoutProperties2","chips","setChips","useState","value","setValue","chipItems","setChipItems","useEffect","map","chip","index","label","variant","handleInputBlur","event","target","closest","ChipInputContainer","contains","relatedTarget","handleInputKeyDown","key","preventDefault","onRemoveChip","newChips","splice","jsx","ChipInputField","items","onRemoveItem","item","inputValue","onInputValueChange","onInputKeyDown","onBlur","_default","exports"],"sources":["../../src/ChipsInput/ChipInput.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {Size} from '../types';\r\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\r\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\r\n\r\n\r\nconst ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(({\r\n                                                                        values,\r\n                                                                        inputId,\r\n                                                                        variants,\r\n                                                                        icon,\r\n                                                                        placeholder,\r\n                                                                        disabled,\r\n                                                                        altPlaceholder,\r\n                                                                        validationMessage,\r\n                                                                        onValueChange,\r\n                                                                        multiLine = true,\r\n                                                                        size = Size.Medium,\r\n                                                                        autoSave = false,\r\n                                                                        ...rest\r\n                                                                      }: ChipInputProps, ref) => {\r\n\r\n  const [chips, setChips] = React.useState<string[]>([]);\r\n  const [value, setValue] = React.useState<string>('');\r\n  const [chipItems, setChipItems] = React.useState<ChipItem[]>([]);\r\n\r\n  /**\r\n   * Sets initial values for the chips.\r\n   */\r\n  React.useEffect(() => {\r\n    // Let's add initial chip values\r\n    setChips(values);\r\n  }, [values]);\r\n\r\n  /**\r\n   * Set chip items for chip input field\r\n   * */\r\n  React.useEffect(() => {\r\n    setChipItems(chips.map((chip, index) => ({\r\n      label: chip,\r\n      icon: icon,\r\n      disabled: false,\r\n      variant: variants && variants[index],\r\n    })));\r\n  }, [chips, variants, icon, size]);\r\n\r\n\r\n  const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    if (autoSave && value && !event.target?.closest(`${ChipInputContainer}`)?.contains(event.relatedTarget as Node)) {\r\n      setChips([...chips, value]);\r\n      onValueChange([...chips, value]);\r\n\r\n      setValue('');\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Adds a chip to the chip list.\r\n   * @param event - Event handler from the key down event.\r\n   */\r\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\r\n    if ((event.key === 'Enter' || event.key === ' ') && value) {\r\n      event.preventDefault();\r\n\r\n      setChips([...chips, value]);\r\n      onValueChange([...chips, value]);\r\n\r\n      setValue('');\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Removes a specific chip from the chip list.\r\n   * @param index - Index of the chip that needs to be removed.\r\n   */\r\n  const onRemoveChip = (index: number): void => {\r\n    const newChips = [...chips];\r\n    newChips.splice(index, 1);\r\n\r\n    setChips(newChips);\r\n    onValueChange(newChips);\r\n  };\r\n\r\n  /**\r\n   * Return Chip Input component.\r\n   */\r\n  return (\r\n    <ChipInputField inputId={inputId}\r\n                    ref={ref}\r\n                    items={chipItems}\r\n                    onRemoveItem={(item, index) => onRemoveChip(index)}\r\n                    inputValue={value}\r\n                    onInputValueChange={value => setValue(value)}\r\n                    onInputKeyDown={handleInputKeyDown}\r\n                    placeholder={placeholder}\r\n                    altPlaceholder={altPlaceholder}\r\n                    disabled={disabled}\r\n                    validationMessage={validationMessage}\r\n                    multiLine={multiLine}\r\n                    size={size}\r\n                    onBlur={handleInputBlur}\r\n                    {...rest}\r\n    />\r\n  );\r\n});\r\n\r\nexport default ChipInput;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/ChipsInput/ChipInput.d.ts

@@ -1,7 +1,7 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-import { ChipInputProps } from './ChipInputTypes';
-declare const ChipInput: React.ForwardRefExoticComponent<ChipInputProps & React.RefAttributes<HTMLInputElement>>;
-export default ChipInput;
+/**
+ * Import React libraries.
+ */
+import * as React from 'react';
+import { ChipInputProps } from './ChipInputTypes';
+declare const ChipInput: React.ForwardRefExoticComponent<ChipInputProps & React.RefAttributes<HTMLInputElement>>;
+export default ChipInput;

package/dist/ChipsInput/ChipInput.js

@@ -54,8 +54,7 @@ const ChipInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     })));
   }, [chips, variants, icon, size]);
   const handleInputBlur = event => {
-    var _event$target;
-    if (autoSave && value && !((_event$target = event.target) !== null && _event$target !== void 0 && (_event$target = _event$target.closest("".concat(ChipInputContainer))) !== null && _event$target !== void 0 && _event$target.contains(event.relatedTarget))) {
+    if (autoSave && value && !event.target?.closest(`${ChipInputContainer}`)?.contains(event.relatedTarget)) {
       setChips([...chips, value]);
       onValueChange([...chips, value]);
       setValue('');

package/dist/ChipsInput/ChipInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInput.js","names":["React","Size","ChipInputContainer","ChipInputField","jsx","_jsx","ChipInput","forwardRef","_ref","ref","values","inputId","variants","icon","placeholder","disabled","altPlaceholder","validationMessage","onValueChange","multiLine","size","Medium","autoSave","rest","_objectWithoutProperties","_excluded","chips","setChips","useState","value","setValue","chipItems","setChipItems","useEffect","map","chip","index","label","variant","handleInputBlur","event","_event$target","target","closest","concat","contains","relatedTarget","handleInputKeyDown","key","preventDefault","onRemoveChip","newChips","splice","_objectSpread","items","onRemoveItem","item","inputValue","onInputValueChange","onInputKeyDown","onBlur"],"sources":["../../src/ChipsInput/ChipInput.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {Size} from '../types';\r\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\r\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\r\n\r\n\r\nconst ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(({\r\n                                                                        values,\r\n                                                                        inputId,\r\n                                                                        variants,\r\n                                                                        icon,\r\n                                                                        placeholder,\r\n                                                                        disabled,\r\n                                                                        altPlaceholder,\r\n                                                                        validationMessage,\r\n                                                                        onValueChange,\r\n                                                                        multiLine = true,\r\n                                                                        size = Size.Medium,\r\n                                                                        autoSave = false,\r\n                                                                        ...rest\r\n                                                                      }: ChipInputProps, ref) => {\r\n\r\n  const [chips, setChips] = React.useState<string[]>([]);\r\n  const [value, setValue] = React.useState<string>('');\r\n  const [chipItems, setChipItems] = React.useState<ChipItem[]>([]);\r\n\r\n  /**\r\n   * Sets initial values for the chips.\r\n   */\r\n  React.useEffect(() => {\r\n    // Let's add initial chip values\r\n    setChips(values);\r\n  }, [values]);\r\n\r\n  /**\r\n   * Set chip items for chip input field\r\n   * */\r\n  React.useEffect(() => {\r\n    setChipItems(chips.map((chip, index) => ({\r\n      label: chip,\r\n      icon: icon,\r\n      disabled: false,\r\n      variant: variants && variants[index],\r\n    })));\r\n  }, [chips, variants, icon, size]);\r\n\r\n\r\n  const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    if (autoSave && value && !event.target?.closest(`${ChipInputContainer}`)?.contains(event.relatedTarget as Node)) {\r\n      setChips([...chips, value]);\r\n      onValueChange([...chips, value]);\r\n\r\n      setValue('');\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Adds a chip to the chip list.\r\n   * @param event - Event handler from the key down event.\r\n   */\r\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\r\n    if ((event.key === 'Enter' || event.key === ' ') && value) {\r\n      event.preventDefault();\r\n\r\n      setChips([...chips, value]);\r\n      onValueChange([...chips, value]);\r\n\r\n      setValue('');\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Removes a specific chip from the chip list.\r\n   * @param index - Index of the chip that needs to be removed.\r\n   */\r\n  const onRemoveChip = (index: number): void => {\r\n    const newChips = [...chips];\r\n    newChips.splice(index, 1);\r\n\r\n    setChips(newChips);\r\n    onValueChange(newChips);\r\n  };\r\n\r\n  /**\r\n   * Return Chip Input component.\r\n   */\r\n  return (\r\n    <ChipInputField inputId={inputId}\r\n                    ref={ref}\r\n                    items={chipItems}\r\n                    onRemoveItem={(item, index) => onRemoveChip(index)}\r\n                    inputValue={value}\r\n                    onInputValueChange={value => setValue(value)}\r\n                    onInputKeyDown={handleInputKeyDown}\r\n                    placeholder={placeholder}\r\n                    altPlaceholder={altPlaceholder}\r\n                    disabled={disabled}\r\n                    validationMessage={validationMessage}\r\n                    multiLine={multiLine}\r\n                    size={size}\r\n                    onBlur={handleInputBlur}\r\n                    {...rest}\r\n    />\r\n  );\r\n});\r\n\r\nexport default ChipInput;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ChipInput.js","names":["React","Size","ChipInputContainer","ChipInputField","jsx","_jsx","ChipInput","forwardRef","_ref","ref","values","inputId","variants","icon","placeholder","disabled","altPlaceholder","validationMessage","onValueChange","multiLine","size","Medium","autoSave","rest","_objectWithoutProperties","_excluded","chips","setChips","useState","value","setValue","chipItems","setChipItems","useEffect","map","chip","index","label","variant","handleInputBlur","event","target","closest","contains","relatedTarget","handleInputKeyDown","key","preventDefault","onRemoveChip","newChips","splice","_objectSpread","items","onRemoveItem","item","inputValue","onInputValueChange","onInputKeyDown","onBlur"],"sources":["../../src/ChipsInput/ChipInput.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {Size} from '../types';\r\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\r\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\r\n\r\n\r\nconst ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(({\r\n                                                                        values,\r\n                                                                        inputId,\r\n                                                                        variants,\r\n                                                                        icon,\r\n                                                                        placeholder,\r\n                                                                        disabled,\r\n                                                                        altPlaceholder,\r\n                                                                        validationMessage,\r\n                                                                        onValueChange,\r\n                                                                        multiLine = true,\r\n                                                                        size = Size.Medium,\r\n                                                                        autoSave = false,\r\n                                                                        ...rest\r\n                                                                      }: ChipInputProps, ref) => {\r\n\r\n  const [chips, setChips] = React.useState<string[]>([]);\r\n  const [value, setValue] = React.useState<string>('');\r\n  const [chipItems, setChipItems] = React.useState<ChipItem[]>([]);\r\n\r\n  /**\r\n   * Sets initial values for the chips.\r\n   */\r\n  React.useEffect(() => {\r\n    // Let's add initial chip values\r\n    setChips(values);\r\n  }, [values]);\r\n\r\n  /**\r\n   * Set chip items for chip input field\r\n   * */\r\n  React.useEffect(() => {\r\n    setChipItems(chips.map((chip, index) => ({\r\n      label: chip,\r\n      icon: icon,\r\n      disabled: false,\r\n      variant: variants && variants[index],\r\n    })));\r\n  }, [chips, variants, icon, size]);\r\n\r\n\r\n  const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    if (autoSave && value && !event.target?.closest(`${ChipInputContainer}`)?.contains(event.relatedTarget as Node)) {\r\n      setChips([...chips, value]);\r\n      onValueChange([...chips, value]);\r\n\r\n      setValue('');\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Adds a chip to the chip list.\r\n   * @param event - Event handler from the key down event.\r\n   */\r\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\r\n    if ((event.key === 'Enter' || event.key === ' ') && value) {\r\n      event.preventDefault();\r\n\r\n      setChips([...chips, value]);\r\n      onValueChange([...chips, value]);\r\n\r\n      setValue('');\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Removes a specific chip from the chip list.\r\n   * @param index - Index of the chip that needs to be removed.\r\n   */\r\n  const onRemoveChip = (index: number): void => {\r\n    const newChips = [...chips];\r\n    newChips.splice(index, 1);\r\n\r\n    setChips(newChips);\r\n    onValueChange(newChips);\r\n  };\r\n\r\n  /**\r\n   * Return Chip Input component.\r\n   */\r\n  return (\r\n    <ChipInputField inputId={inputId}\r\n                    ref={ref}\r\n                    items={chipItems}\r\n                    onRemoveItem={(item, index) => onRemoveChip(index)}\r\n                    inputValue={value}\r\n                    onInputValueChange={value => setValue(value)}\r\n                    onInputKeyDown={handleInputKeyDown}\r\n                    placeholder={placeholder}\r\n                    altPlaceholder={altPlaceholder}\r\n                    disabled={disabled}\r\n                    validationMessage={validationMessage}\r\n                    multiLine={multiLine}\r\n                    size={size}\r\n                    onBlur={handleInputBlur}\r\n                    {...rest}\r\n    />\r\n  );\r\n});\r\n\r\nexport default ChipInput;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/ChipsInput/ChipInputField.cjs

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChipInputField = exports.ChipInputEl = exports.ChipInputContentContainer = exports.ChipInputContainer = exports.ChipInputBoundItems = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _types = require("../types");
@@ -21,17 +20,137 @@ var _Button = require("../Button");
 var _icons = require("../icons");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["inputId", "items", "disabled", "placeholder", "altPlaceholder", "multiLine", "size", "validationMessage", "loading", "onRemoveItem", "onInputValueChange", "onInputKeyDown", "onActivationChange", "inputValue", "required", "onBlur"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
-const Loading = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  height: 20px;\n  width: 20px;\n"])));
-const ChipInputBoundItems = exports.ChipInputBoundItems = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  flex: 1;\n  min-width: 40px;\n"])));
-const ChipInputContentContainer = exports.ChipInputContentContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  column-gap: 8px;\n  margin-right: 6px;\n  padding-right: 10px;\n  padding-left: 16px;\n  flex-wrap: nowrap;\n  overflow-x: scroll;\n  min-height: 48px;\n\n  ", "\n  ::-webkit-scrollbar:horizontal {\n    display: none;\n  }\n\n  .action-right:focus,\n  button:focus {\n    outline-offset: -4px !important;\n  }\n"])), (0, _styles.scrollBarStyling)(_types.Size.Small));
-const ChipInputEl = exports.ChipInputEl = _styledComponents.default.input(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  border: none;\n  outline: none;\n\n  height: 40px;\n  min-width: 40px;\n  display: inline-flex;\n  flex: 1;\n  background: transparent;\n\n  ", "\n  color: ", " !important;\n\n  &::placeholder {\n    ", "\n  }\n"])), (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, null), props => _styles.COLORS.getColor('black', props.theme), props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.getColor('neutral_600', props.theme)));
-const ChipInputContainer = exports.ChipInputContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: auto;\n  border-radius: 4px;\n  margin-bottom: 4px;\n  box-shadow: inset 0 0 0 1px ", ";\n  background-color: ", ";\n  box-sizing: border-box;\n  cursor: text;\n  outline: none;\n  display: flex;\n  align-items: center;\n\n  ", "\n  &.small {\n    padding: 0;\n    min-height: 48px;\n\n    ", "::placeholder {\n      ", "\n    }\n  }\n\n  &.medium {\n    padding: 4px 0;\n    min-height: 56px;\n\n    ", "::placeholder {\n      ", "\n    }\n  }\n\n  &.multiline.medium {\n    ", " {\n      max-height: calc(48px * 3);\n      flex-wrap: wrap;\n      overflow-y: auto;\n      overflow-x: unset;\n    }\n  }\n\n  &.focus-visible-within,\n  &:focus {\n    ", "\n  }\n\n  &:hover {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &:focus-within {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &.invalid,\n  &.invalid:hover,\n  &.invalid:focus {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &.disabled {\n    ", " {\n      pointer-events: none;\n    }\n\n    cursor: not-allowed;\n    box-shadow: inset 0 0 0 1px ", ";\n    outline: none;\n    color: ", " !important;\n  }\n"])), props => _styles.COLORS.getColor('neutral_400', props.theme), props => _styles.COLORS.getColor('white', props.theme), props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme)), ChipInputEl, props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.getColor('neutral_600', props.theme)), ChipInputEl, props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.getColor('neutral_600', props.theme)), ChipInputContentContainer, _styles.focusStyles, props => _styles.COLORS.getColor('primary_700', props.theme), props => _styles.COLORS.getColor('primary_800', props.theme), props => _styles.COLORS.getColor('critical_500', props.theme), ChipInputContentContainer, props => _styles.COLORS.getColor('neutral_100', props.theme), props => _styles.COLORS.getColor('neutral_300', props.theme));
+const Wrapper = _styledComponents.default.div`
+  position: relative;
+`;
+const Loading = _styledComponents.default.div`
+  height: 20px;
+  width: 20px;
+`;
+const ChipInputBoundItems = exports.ChipInputBoundItems = _styledComponents.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+  flex: 1;
+  min-width: 40px;
+`;
+const ChipInputContentContainer = exports.ChipInputContentContainer = _styledComponents.default.div`
+  width: 100%;
+  background: transparent;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: 8px;
+  margin-right: 6px;
+  padding-right: 10px;
+  padding-left: 16px;
+  flex-wrap: nowrap;
+  overflow-x: scroll;
+  min-height: 48px;
+
+  ${(0, _styles.scrollBarStyling)(_types.Size.Small)}
+  ::-webkit-scrollbar:horizontal {
+    display: none;
+  }
+
+  .action-right:focus,
+  button:focus {
+    outline-offset: -4px !important;
+  }
+`;
+const ChipInputEl = exports.ChipInputEl = _styledComponents.default.input`
+  border: none;
+  outline: none;
+
+  height: 40px;
+  min-width: 40px;
+  display: inline-flex;
+  flex: 1;
+  background: transparent;
+
+  ${(0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, null)}
+  color: ${props => _styles.COLORS.getColor('black', props.theme)} !important;
+
+  &::placeholder {
+    ${props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.getColor('neutral_600', props.theme))}
+  }
+`;
+const ChipInputContainer = exports.ChipInputContainer = _styledComponents.default.div`
+  width: 100%;
+  height: auto;
+  border-radius: 4px;
+  margin-bottom: 4px;
+  box-shadow: inset 0 0 0 1px ${props => _styles.COLORS.getColor('neutral_400', props.theme)};
+  background-color: ${props => _styles.COLORS.getColor('white', props.theme)};
+  box-sizing: border-box;
+  cursor: text;
+  outline: none;
+  display: flex;
+  align-items: center;
+
+  ${props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme))}
+  &.small {
+    padding: 0;
+    min-height: 48px;
+
+    ${ChipInputEl}::placeholder {
+      ${props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.getColor('neutral_600', props.theme))}
+    }
+  }
+
+  &.medium {
+    padding: 4px 0;
+    min-height: 56px;
+
+    ${ChipInputEl}::placeholder {
+      ${props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Italic, _styles.COLORS.getColor('neutral_600', props.theme))}
+    }
+  }
+
+  &.multiline.medium {
+    ${ChipInputContentContainer} {
+      max-height: calc(48px * 3);
+      flex-wrap: wrap;
+      overflow-y: auto;
+      overflow-x: unset;
+    }
+  }
+
+  &.focus-visible-within,
+  &:focus {
+    ${_styles.focusStyles}
+  }
+
+  &:hover {
+    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+  }
+
+  &:focus-within {
+    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+  }
+
+  &.invalid,
+  &.invalid:hover,
+  &.invalid:focus {
+    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.getColor('critical_500', props.theme)};
+  }
+
+  &.disabled {
+    ${ChipInputContentContainer} {
+      pointer-events: none;
+    }
+
+    cursor: not-allowed;
+    box-shadow: inset 0 0 0 1px ${props => _styles.COLORS.getColor('neutral_100', props.theme)};
+    outline: none;
+    color: ${props => _styles.COLORS.getColor('neutral_300', props.theme)} !important;
+  }
+`;
 const ChipInputField = exports.ChipInputField = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
       inputId,
@@ -73,25 +192,22 @@ const ChipInputField = exports.ChipInputField = /*#__PURE__*/_react.default.forw
    * Remove last cheap on backspace
    * */
   const handleInputKeyDown = e => {
-    var _inputRef$current;
-    if (e.key === 'Backspace' && !((_inputRef$current = inputRef.current) !== null && _inputRef$current !== void 0 && _inputRef$current.value) && !e.repeat && items.length > 0) {
+    if (e.key === 'Backspace' && !inputRef.current?.value && !e.repeat && items.length > 0) {
       onRemoveItem(items[items.length - 1], items.length - 1);
     } else {
       onInputKeyDown(e);
     }
   };
   const handleItemRemove = (event, item, index) => {
-    var _inputRef$current2;
     onRemoveItem(item, index);
-    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus({
+    inputRef.current?.focus({
       focusVisible: event.detail !== 1
     });
   };
   const handleInputClear = e => {
-    var _inputRef$current3;
     onInputValueChange('');
-    (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus({
-      focusVisible: (e === null || e === void 0 ? void 0 : e.detail) !== 1
+    inputRef.current?.focus({
+      focusVisible: e?.detail !== 1
     });
   };
   const handleContainerKeyDown = e => {
@@ -100,32 +216,29 @@ const ChipInputField = exports.ChipInputField = /*#__PURE__*/_react.default.forw
     const currentIndex = Array.from(items).indexOf(e.target);
     const direction = e.key === 'ArrowLeft' ? -1 : 1;
     const item = items[currentIndex + direction];
-    item === null || item === void 0 || item.focus({
+    item?.focus({
       focusVisible: true
     });
     onActivationChange && onActivationChange(false);
   };
-  const cls = "".concat(multiLine ? 'multiline' : '', " ").concat(validationMessage ? 'invalid' : '', " ").concat(size, " ").concat(loading ? 'loading' : '', " ").concat(disabled ? 'disabled' : '');
+  const cls = `${multiLine ? 'multiline' : ''} ${validationMessage ? 'invalid' : ''} ${size} ${loading ? 'loading' : ''} ${disabled ? 'disabled' : ''}`;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
     onBlur: onBlur,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ChipInputContainer, {
       "data-testid": "chip-input-container",
       ref: containerRef,
       onKeyDown: handleContainerKeyDown,
-      onClick: () => {
-        var _inputRef$current4;
-        return !disabled && ((_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.focus());
-      },
+      onClick: () => !disabled && inputRef.current?.focus(),
       className: cls,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(ChipInputContentContainer, {
-        children: [items === null || items === void 0 ? void 0 : items.map((chip, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chips.InputChip, {
-          icon: chip === null || chip === void 0 ? void 0 : chip.icon,
+        children: [items?.map((chip, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chips.InputChip, {
+          icon: chip?.icon,
           size: size,
           disabled: chip.disabled || disabled,
           variant: chip.variant || _types.States.Default,
           text: chip.label,
           onRemove: e => handleItemRemove(e, chip, index)
-        }, "chip_".concat(index))), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ChipInputBoundItems, {
+        }, `chip_${index}`)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ChipInputBoundItems, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ChipInputEl, _objectSpread({
             ref: inputRef,
             type: "text",
@@ -135,17 +248,17 @@ const ChipInputField = exports.ChipInputField = /*#__PURE__*/_react.default.forw
             value: inputValue,
             onChange: e => onInputValueChange(e.target.value),
             onKeyDown: handleInputKeyDown,
-            placeholder: (items === null || items === void 0 ? void 0 : items.length) === 0 ? placeholder : altPlaceholder || '',
+            placeholder: items?.length === 0 ? placeholder : altPlaceholder || '',
             onClick: e => {
               e.stopPropagation();
               onActivationChange && onActivationChange(true);
             }
           }, rest)), inputValue && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-            id: "clear-btn-".concat(inputId),
-            dataTestId: "clear-btn-".concat(inputId),
+            id: `clear-btn-${inputId}`,
+            dataTestId: `clear-btn-${inputId}`,
             action: handleInputClear,
             ref: ref => {
-              ref === null || ref === void 0 || ref.scrollIntoView({
+              ref?.scrollIntoView({
                 block: 'nearest',
                 inline: 'nearest'
               });

package/dist/ChipsInput/ChipInputField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInputField.cjs","names":["_react","_interopRequireDefault","require","_types","_Chips","_InputFields","_styles","_styledComponents","_interopRequireWildcard","_LoadingIndicator","_common","_Button","_icons","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Wrapper","styled","div","_taggedTemplateLiteral2","Loading","ChipInputBoundItems","exports","ChipInputContentContainer","scrollBarStyling","Size","Small","ChipInputEl","input","ComponentMStyling","ComponentTextStyle","Regular","props","COLORS","getColor","theme","Italic","ChipInputContainer","ComponentSStyling","focusStyles","ChipInputField","React","forwardRef","_ref","ref","inputId","items","disabled","placeholder","altPlaceholder","multiLine","size","Medium","validationMessage","loading","onRemoveItem","onInputValueChange","onInputKeyDown","onActivationChange","inputValue","required","onBlur","rest","_objectWithoutProperties2","useTheme","containerRef","useRef","inputRef","useFocusVisibleRef","useImperativeHandle","current","useEffect","document","activeElement","scrollIntoView","block","inline","handleInputKeyDown","_inputRef$current","key","value","repeat","handleItemRemove","event","item","index","_inputRef$current2","focus","focusVisible","detail","handleInputClear","_inputRef$current3","handleContainerKeyDown","querySelectorAll","currentIndex","Array","from","indexOf","target","direction","cls","concat","jsxs","children","jsx","onKeyDown","onClick","_inputRef$current4","className","map","chip","InputChip","icon","variant","States","Default","text","label","onRemove","type","id","tabIndex","onChange","stopPropagation","IconButton","dataTestId","action","useTransparentBackground","shape","style","marginLeft","focusOnClick","SystemIcons","Clear","LoadingIndicator","color","ErrorMessage","TechnicalWarning","propTypes","_propTypes","string","isRequired","array","bool","func"],"sources":["../../src/ChipsInput/ChipInputField.tsx"],"sourcesContent":["import React from 'react';\r\nimport {ChipItem} from './ChipInputTypes';\r\nimport {Size, States} from '../types';\r\nimport {InputChip} from '../Chips';\r\nimport {ErrorMessage} from '../InputFields';\r\nimport {\r\n  COLORS,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles,\r\n  scrollBarStyling\r\n} from '../styles';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {LoadingIndicator} from '../LoadingIndicator';\r\nimport {useFocusVisibleRef} from '../common';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\n\r\nconst Wrapper = styled.div`\r\n  position: relative;\r\n`;\r\n\r\nconst Loading = styled.div`\r\n  height: 20px;\r\n  width: 20px;\r\n`;\r\n\r\nexport const ChipInputBoundItems = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 8px;\r\n  flex: 1;\r\n  min-width: 40px;\r\n`;\r\n\r\nexport const ChipInputContentContainer = styled.div`\r\n  width: 100%;\r\n  background: transparent;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  column-gap: 8px;\r\n  margin-right: 6px;\r\n  padding-right: 10px;\r\n  padding-left: 16px;\r\n  flex-wrap: nowrap;\r\n  overflow-x: scroll;\r\n  min-height: 48px;\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n  ::-webkit-scrollbar:horizontal {\r\n    display: none;\r\n  }\r\n\r\n  .action-right:focus,\r\n  button:focus {\r\n    outline-offset: -4px !important;\r\n  }\r\n`;\r\n\r\nexport const ChipInputEl = styled.input`\r\n  border: none;\r\n  outline: none;\r\n\r\n  height: 40px;\r\n  min-width: 40px;\r\n  display: inline-flex;\r\n  flex: 1;\r\n  background: transparent;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  color: ${props => COLORS.getColor('black', props.theme)} !important;\r\n\r\n  &::placeholder {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nexport const ChipInputContainer = styled.div`\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 4px;\r\n  margin-bottom: 4px;\r\n  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  cursor: text;\r\n  outline: none;\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  &.small {\r\n    padding: 0;\r\n    min-height: 48px;\r\n\r\n    ${ChipInputEl}::placeholder {\r\n      ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    padding: 4px 0;\r\n    min-height: 56px;\r\n\r\n    ${ChipInputEl}::placeholder {\r\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.multiline.medium {\r\n    ${ChipInputContentContainer} {\r\n      max-height: calc(48px * 3);\r\n      flex-wrap: wrap;\r\n      overflow-y: auto;\r\n      overflow-x: unset;\r\n    }\r\n  }\r\n\r\n  &.focus-visible-within,\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:focus-within {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &.invalid,\r\n  &.invalid:hover,\r\n  &.invalid:focus {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_500', props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    ${ChipInputContentContainer} {\r\n      pointer-events: none;\r\n    }\r\n\r\n    cursor: not-allowed;\r\n    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    outline: none;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n  }\r\n`;\r\n\r\nexport interface ChipInputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>,  'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {\r\n  inputId: string;\r\n  items: ChipItem[];\r\n  disabled?: boolean;\r\n  placeholder?: string;\r\n  altPlaceholder?: string;\r\n  multiLine?: boolean;\r\n  size?: Size.Large | Size.Medium | Size.Small;\r\n  loading?: boolean;\r\n  required?: boolean;\r\n\r\n  validationMessage?: string;\r\n\r\n  onRemoveItem: (item: ChipItem, index: number) => void;\r\n  inputValue: string;\r\n  onInputValueChange: (value: string) => void;\r\n  onInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;\r\n  onActivationChange?: (active: boolean) => void;\r\n}\r\n\r\nexport const ChipInputField = React.forwardRef<HTMLInputElement, ChipInputFieldProps>(\r\n  (\r\n    {\r\n      inputId,\r\n      items,\r\n      disabled = false,\r\n      placeholder,\r\n      altPlaceholder,\r\n      multiLine = true,\r\n      size = Size.Medium,\r\n      validationMessage,\r\n      loading,\r\n      onRemoveItem,\r\n      onInputValueChange,\r\n      onInputKeyDown,\r\n      onActivationChange,\r\n      inputValue,\r\n      required,\r\n      onBlur,\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const theme = useTheme();\r\n    const containerRef = React.useRef<HTMLDivElement>(null);\r\n    const inputRef = useFocusVisibleRef([containerRef]);\r\n    \r\n    React.useImperativeHandle(ref, () => inputRef.current, [inputRef])\r\n\r\n    /**\r\n     * Scroll container to last item on change\r\n     * */\r\n    React.useEffect(() => {\r\n      if (inputRef.current && document.activeElement === inputRef.current) {\r\n        inputRef.current.scrollIntoView({\r\n          block: 'nearest',\r\n          inline: 'nearest',\r\n        });\r\n      }\r\n    }, [containerRef, inputRef, items]);\r\n\r\n    /**\r\n     * Remove last cheap on backspace\r\n     * */\r\n    const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === 'Backspace' && !inputRef.current?.value && !e.repeat && items.length > 0) {\r\n        onRemoveItem(items[items.length - 1], items.length - 1);\r\n      } else {\r\n        onInputKeyDown(e);\r\n      }\r\n    };\r\n\r\n    const handleItemRemove = (event: any, item: ChipItem, index: number) => {\r\n      onRemoveItem(item, index);\r\n      inputRef.current?.focus({focusVisible: event.detail !== 1} as any);\r\n    };\r\n\r\n    const handleInputClear = (e: any) => {\r\n      onInputValueChange('');\r\n      inputRef.current?.focus({focusVisible: e?.detail !== 1} as any);\r\n    };\r\n\r\n    const handleContainerKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\r\n      if (!containerRef.current || (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight')) return;\r\n\r\n      const items = containerRef.current.querySelectorAll('[tabindex=\"0\"]') as NodeListOf<HTMLElement>;\r\n      const currentIndex = Array.from(items).indexOf(e.target as any);\r\n      const direction = e.key === 'ArrowLeft' ? -1 : 1;\r\n      const item = items[currentIndex + direction];\r\n      item?.focus({focusVisible: true} as any);\r\n\r\n      onActivationChange && onActivationChange(false);\r\n    };\r\n\r\n    const cls = `${multiLine ? 'multiline' : ''} ${validationMessage ? 'invalid' : ''} ${size} ${loading ? 'loading' : ''} ${disabled ? 'disabled' : ''}`;\r\n\r\n    return (\r\n      <Wrapper onBlur={onBlur}>\r\n        <ChipInputContainer\r\n          data-testid=\"chip-input-container\"\r\n          ref={containerRef}\r\n          onKeyDown={handleContainerKeyDown}\r\n          onClick={() => !disabled && inputRef.current?.focus()}\r\n          className={cls}>\r\n          <ChipInputContentContainer>\r\n            {items?.map((chip: ChipItem, index: number) => (\r\n              <InputChip\r\n                key={`chip_${index}`}\r\n                icon={chip?.icon}\r\n                size={size}\r\n                disabled={chip.disabled || disabled}\r\n                variant={chip.variant || States.Default}\r\n                text={chip.label}\r\n                onRemove={(e) => handleItemRemove(e, chip, index)}\r\n              />\r\n            ))}\r\n            <ChipInputBoundItems>\r\n              <ChipInputEl\r\n                ref={inputRef}\r\n                type=\"text\"\r\n                id={inputId}\r\n                required={required}\r\n                tabIndex={disabled ? -1 : 0}\r\n                value={inputValue}\r\n                onChange={(e) => onInputValueChange(e.target.value)}\r\n                onKeyDown={handleInputKeyDown}\r\n                placeholder={items?.length === 0 ? placeholder : altPlaceholder || ''}\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                  onActivationChange && onActivationChange(true);\r\n                }}\r\n                {...rest}\r\n              />\r\n              {inputValue && !disabled && (\r\n                <IconButton\r\n                  id={`clear-btn-${inputId}`}\r\n                  dataTestId={`clear-btn-${inputId}`}\r\n                  action={handleInputClear}\r\n                  ref={(ref) => {\r\n                    ref?.scrollIntoView({\r\n                      block: 'nearest',\r\n                      inline: 'nearest',\r\n                    });\r\n                  }}\r\n                  useTransparentBackground={true}\r\n                  shape={'circular'}\r\n                  style={{marginLeft: '-8px'}}\r\n                  focusOnClick={true}\r\n                  variant={'secondary'}>\r\n                  <SystemIcons.Clear/>\r\n                </IconButton>\r\n              )}\r\n\r\n              {loading && (\r\n                <Loading className={size}>\r\n                  <LoadingIndicator size={Size.Small} color={COLORS.getColor('neutral_600', theme)}/>\r\n                </Loading>\r\n              )}\r\n            </ChipInputBoundItems>\r\n          </ChipInputContentContainer>\r\n        </ChipInputContainer>\r\n        {validationMessage && (\r\n          <ErrorMessage>\r\n            <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)}/>\r\n            <span>{validationMessage}</span>\r\n          </ErrorMessage>\r\n        )}\r\n      </Wrapper>\r\n    );\r\n  },\r\n);\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ChipInputField.cjs","names":["_react","_interopRequireDefault","require","_types","_Chips","_InputFields","_styles","_styledComponents","_interopRequireWildcard","_LoadingIndicator","_common","_Button","_icons","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Wrapper","styled","div","Loading","ChipInputBoundItems","exports","ChipInputContentContainer","scrollBarStyling","Size","Small","ChipInputEl","input","ComponentMStyling","ComponentTextStyle","Regular","props","COLORS","getColor","theme","Italic","ChipInputContainer","ComponentSStyling","focusStyles","ChipInputField","React","forwardRef","_ref","ref","inputId","items","disabled","placeholder","altPlaceholder","multiLine","size","Medium","validationMessage","loading","onRemoveItem","onInputValueChange","onInputKeyDown","onActivationChange","inputValue","required","onBlur","rest","_objectWithoutProperties2","useTheme","containerRef","useRef","inputRef","useFocusVisibleRef","useImperativeHandle","current","useEffect","document","activeElement","scrollIntoView","block","inline","handleInputKeyDown","key","value","repeat","handleItemRemove","event","item","index","focus","focusVisible","detail","handleInputClear","handleContainerKeyDown","querySelectorAll","currentIndex","Array","from","indexOf","target","direction","cls","jsxs","children","jsx","onKeyDown","onClick","className","map","chip","InputChip","icon","variant","States","Default","text","label","onRemove","type","id","tabIndex","onChange","stopPropagation","IconButton","dataTestId","action","useTransparentBackground","shape","style","marginLeft","focusOnClick","SystemIcons","Clear","LoadingIndicator","color","ErrorMessage","TechnicalWarning","propTypes","_propTypes","string","isRequired","array","bool","func"],"sources":["../../src/ChipsInput/ChipInputField.tsx"],"sourcesContent":["import React from 'react';\r\nimport {ChipItem} from './ChipInputTypes';\r\nimport {Size, States} from '../types';\r\nimport {InputChip} from '../Chips';\r\nimport {ErrorMessage} from '../InputFields';\r\nimport {\r\n  COLORS,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles,\r\n  scrollBarStyling\r\n} from '../styles';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {LoadingIndicator} from '../LoadingIndicator';\r\nimport {useFocusVisibleRef} from '../common';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\n\r\nconst Wrapper = styled.div`\r\n  position: relative;\r\n`;\r\n\r\nconst Loading = styled.div`\r\n  height: 20px;\r\n  width: 20px;\r\n`;\r\n\r\nexport const ChipInputBoundItems = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 8px;\r\n  flex: 1;\r\n  min-width: 40px;\r\n`;\r\n\r\nexport const ChipInputContentContainer = styled.div`\r\n  width: 100%;\r\n  background: transparent;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  column-gap: 8px;\r\n  margin-right: 6px;\r\n  padding-right: 10px;\r\n  padding-left: 16px;\r\n  flex-wrap: nowrap;\r\n  overflow-x: scroll;\r\n  min-height: 48px;\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n  ::-webkit-scrollbar:horizontal {\r\n    display: none;\r\n  }\r\n\r\n  .action-right:focus,\r\n  button:focus {\r\n    outline-offset: -4px !important;\r\n  }\r\n`;\r\n\r\nexport const ChipInputEl = styled.input`\r\n  border: none;\r\n  outline: none;\r\n\r\n  height: 40px;\r\n  min-width: 40px;\r\n  display: inline-flex;\r\n  flex: 1;\r\n  background: transparent;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  color: ${props => COLORS.getColor('black', props.theme)} !important;\r\n\r\n  &::placeholder {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nexport const ChipInputContainer = styled.div`\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 4px;\r\n  margin-bottom: 4px;\r\n  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  cursor: text;\r\n  outline: none;\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  &.small {\r\n    padding: 0;\r\n    min-height: 48px;\r\n\r\n    ${ChipInputEl}::placeholder {\r\n      ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    padding: 4px 0;\r\n    min-height: 56px;\r\n\r\n    ${ChipInputEl}::placeholder {\r\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.multiline.medium {\r\n    ${ChipInputContentContainer} {\r\n      max-height: calc(48px * 3);\r\n      flex-wrap: wrap;\r\n      overflow-y: auto;\r\n      overflow-x: unset;\r\n    }\r\n  }\r\n\r\n  &.focus-visible-within,\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:focus-within {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &.invalid,\r\n  &.invalid:hover,\r\n  &.invalid:focus {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_500', props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    ${ChipInputContentContainer} {\r\n      pointer-events: none;\r\n    }\r\n\r\n    cursor: not-allowed;\r\n    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    outline: none;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n  }\r\n`;\r\n\r\nexport interface ChipInputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>,  'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {\r\n  inputId: string;\r\n  items: ChipItem[];\r\n  disabled?: boolean;\r\n  placeholder?: string;\r\n  altPlaceholder?: string;\r\n  multiLine?: boolean;\r\n  size?: Size.Large | Size.Medium | Size.Small;\r\n  loading?: boolean;\r\n  required?: boolean;\r\n\r\n  validationMessage?: string;\r\n\r\n  onRemoveItem: (item: ChipItem, index: number) => void;\r\n  inputValue: string;\r\n  onInputValueChange: (value: string) => void;\r\n  onInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;\r\n  onActivationChange?: (active: boolean) => void;\r\n}\r\n\r\nexport const ChipInputField = React.forwardRef<HTMLInputElement, ChipInputFieldProps>(\r\n  (\r\n    {\r\n      inputId,\r\n      items,\r\n      disabled = false,\r\n      placeholder,\r\n      altPlaceholder,\r\n      multiLine = true,\r\n      size = Size.Medium,\r\n      validationMessage,\r\n      loading,\r\n      onRemoveItem,\r\n      onInputValueChange,\r\n      onInputKeyDown,\r\n      onActivationChange,\r\n      inputValue,\r\n      required,\r\n      onBlur,\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const theme = useTheme();\r\n    const containerRef = React.useRef<HTMLDivElement>(null);\r\n    const inputRef = useFocusVisibleRef([containerRef]);\r\n    \r\n    React.useImperativeHandle(ref, () => inputRef.current, [inputRef])\r\n\r\n    /**\r\n     * Scroll container to last item on change\r\n     * */\r\n    React.useEffect(() => {\r\n      if (inputRef.current && document.activeElement === inputRef.current) {\r\n        inputRef.current.scrollIntoView({\r\n          block: 'nearest',\r\n          inline: 'nearest',\r\n        });\r\n      }\r\n    }, [containerRef, inputRef, items]);\r\n\r\n    /**\r\n     * Remove last cheap on backspace\r\n     * */\r\n    const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === 'Backspace' && !inputRef.current?.value && !e.repeat && items.length > 0) {\r\n        onRemoveItem(items[items.length - 1], items.length - 1);\r\n      } else {\r\n        onInputKeyDown(e);\r\n      }\r\n    };\r\n\r\n    const handleItemRemove = (event: any, item: ChipItem, index: number) => {\r\n      onRemoveItem(item, index);\r\n      inputRef.current?.focus({focusVisible: event.detail !== 1} as any);\r\n    };\r\n\r\n    const handleInputClear = (e: any) => {\r\n      onInputValueChange('');\r\n      inputRef.current?.focus({focusVisible: e?.detail !== 1} as any);\r\n    };\r\n\r\n    const handleContainerKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\r\n      if (!containerRef.current || (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight')) return;\r\n\r\n      const items = containerRef.current.querySelectorAll('[tabindex=\"0\"]') as NodeListOf<HTMLElement>;\r\n      const currentIndex = Array.from(items).indexOf(e.target as any);\r\n      const direction = e.key === 'ArrowLeft' ? -1 : 1;\r\n      const item = items[currentIndex + direction];\r\n      item?.focus({focusVisible: true} as any);\r\n\r\n      onActivationChange && onActivationChange(false);\r\n    };\r\n\r\n    const cls = `${multiLine ? 'multiline' : ''} ${validationMessage ? 'invalid' : ''} ${size} ${loading ? 'loading' : ''} ${disabled ? 'disabled' : ''}`;\r\n\r\n    return (\r\n      <Wrapper onBlur={onBlur}>\r\n        <ChipInputContainer\r\n          data-testid=\"chip-input-container\"\r\n          ref={containerRef}\r\n          onKeyDown={handleContainerKeyDown}\r\n          onClick={() => !disabled && inputRef.current?.focus()}\r\n          className={cls}>\r\n          <ChipInputContentContainer>\r\n            {items?.map((chip: ChipItem, index: number) => (\r\n              <InputChip\r\n                key={`chip_${index}`}\r\n                icon={chip?.icon}\r\n                size={size}\r\n                disabled={chip.disabled || disabled}\r\n                variant={chip.variant || States.Default}\r\n                text={chip.label}\r\n                onRemove={(e) => handleItemRemove(e, chip, index)}\r\n              />\r\n            ))}\r\n            <ChipInputBoundItems>\r\n              <ChipInputEl\r\n                ref={inputRef}\r\n                type=\"text\"\r\n                id={inputId}\r\n                required={required}\r\n                tabIndex={disabled ? -1 : 0}\r\n                value={inputValue}\r\n                onChange={(e) => onInputValueChange(e.target.value)}\r\n                onKeyDown={handleInputKeyDown}\r\n                placeholder={items?.length === 0 ? placeholder : altPlaceholder || ''}\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                  onActivationChange && onActivationChange(true);\r\n                }}\r\n                {...rest}\r\n              />\r\n              {inputValue && !disabled && (\r\n                <IconButton\r\n                  id={`clear-btn-${inputId}`}\r\n                  dataTestId={`clear-btn-${inputId}`}\r\n                  action={handleInputClear}\r\n                  ref={(ref) => {\r\n                    ref?.scrollIntoView({\r\n                      block: 'nearest',\r\n                      inline: 'nearest',\r\n                    });\r\n                  }}\r\n                  useTransparentBackground={true}\r\n                  shape={'circular'}\r\n                  style={{marginLeft: '-8px'}}\r\n                  focusOnClick={true}\r\n                  variant={'secondary'}>\r\n                  <SystemIcons.Clear/>\r\n                </IconButton>\r\n              )}\r\n\r\n              {loading && (\r\n                <Loading className={size}>\r\n                  <LoadingIndicator size={Size.Small} color={COLORS.getColor('neutral_600', theme)}/>\r\n                </Loading>\r\n              )}\r\n            </ChipInputBoundItems>\r\n          </ChipInputContentContainer>\r\n        </ChipInputContainer>\r\n        {validationMessage && (\r\n          <ErrorMessage>\r\n            <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)}/>\r\n            <span>{validationMessage}</span>\r\n          </ErrorMessage>\r\n        )}\r\n      </Wrapper>\r\n    );\r\n  },\r\n);\r\n"],"mappings":"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","ignoreList":[]}

package/dist/ChipsInput/ChipInputField.d.ts

@@ -1,25 +1,25 @@
-import React from 'react';
-import { ChipItem } from './ChipInputTypes';
-import { Size } from '../types';
-export declare const ChipInputBoundItems: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChipInputContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChipInputEl: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export declare const ChipInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export interface ChipInputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {
-    inputId: string;
-    items: ChipItem[];
-    disabled?: boolean;
-    placeholder?: string;
-    altPlaceholder?: string;
-    multiLine?: boolean;
-    size?: Size.Large | Size.Medium | Size.Small;
-    loading?: boolean;
-    required?: boolean;
-    validationMessage?: string;
-    onRemoveItem: (item: ChipItem, index: number) => void;
-    inputValue: string;
-    onInputValueChange: (value: string) => void;
-    onInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    onActivationChange?: (active: boolean) => void;
-}
-export declare const ChipInputField: React.ForwardRefExoticComponent<ChipInputFieldProps & React.RefAttributes<HTMLInputElement>>;
+import React from 'react';
+import { ChipItem } from './ChipInputTypes';
+import { Size } from '../types';
+export declare const ChipInputBoundItems: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChipInputContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChipInputEl: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const ChipInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export interface ChipInputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {
+    inputId: string;
+    items: ChipItem[];
+    disabled?: boolean;
+    placeholder?: string;
+    altPlaceholder?: string;
+    multiLine?: boolean;
+    size?: Size.Large | Size.Medium | Size.Small;
+    loading?: boolean;
+    required?: boolean;
+    validationMessage?: string;
+    onRemoveItem: (item: ChipItem, index: number) => void;
+    inputValue: string;
+    onInputValueChange: (value: string) => void;
+    onInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onActivationChange?: (active: boolean) => void;
+}
+export declare const ChipInputField: React.ForwardRefExoticComponent<ChipInputFieldProps & React.RefAttributes<HTMLInputElement>>;