@laerdal/life-react-components 3.5.2-uss.hackathon → 3.5.2

package/dist/js/InputFields/SearchBar.js

@@ -1,151 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = require("../styles/index");
-
-var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
-var _styling = require("./styling");
-
-var _Button = require("../Button");
-
-var _SearchBarInput = _interopRequireDefault(require("./components/SearchBarInput"));
-
-var _SearchField = _interopRequireDefault(require("./components/SearchField"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var ClearIconWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  \n  &.hidden{\n    display: none !important;\n  }\n"])));
-
-var SearchBar = function SearchBar(_ref) {
-  var id = _ref.id,
-      searchTerm = _ref.searchTerm,
-      _setSearchTerm = _ref.setSearchTerm,
-      enterSearch = _ref.enterSearch,
-      removeSearch = _ref.removeSearch,
-      placeholder = _ref.placeholder,
-      performSearchLabel = _ref.performSearchLabel,
-      disabled = _ref.disabled,
-      validationMessage = _ref.validationMessage,
-      onKeyDown = _ref.onKeyDown,
-      size = _ref.size,
-      _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? '4px 0' : _ref$margin;
-
-  var inputRef = _react.default.useRef(null);
-
-  var _React$useState = _react.default.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      tabbedHere = _React$useState2[0],
-      setTabbedHere = _React$useState2[1];
-
-  var isPressingEnter = function isPressingEnter(e) {
-    if (e.key === 'Enter') {
-      e.preventDefault();
-      e.stopPropagation();
-      return true;
-    }
-
-    return false;
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styling.InputWrapper, {
-    disabled: disabled,
-    margin: margin
-  }, /*#__PURE__*/_react.default.createElement(_SearchField.default, {
-    id: "".concat(id, "_main"),
-    size: size || '',
-    searchTerm: searchTerm,
-    disabled: disabled,
-    tabbedHere: tabbedHere,
-    validationMessage: validationMessage
-  }, /*#__PURE__*/_react.default.createElement(_SearchBarInput.default, {
-    placeholder: disabled ? '' : placeholder,
-    ref: inputRef,
-    id: id,
-    size: size,
-    disabled: disabled,
-    setTabbedHere: setTabbedHere,
-    setSearchTerm: function setSearchTerm(term) {
-      return _setSearchTerm(term);
-    },
-    searchTerm: searchTerm,
-    onKeyDown: onKeyDown,
-    enterSearch: enterSearch
-  }), /*#__PURE__*/_react.default.createElement(_styling.SearchIconWrapper, {
-    className: size ? size : '',
-    "aria-label": performSearchLabel
-  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    id: "".concat(id, "_Search"),
-    variant: "secondary",
-    shape: "circular",
-    action: enterSearch,
-    disabled: disabled,
-    onKeyPress: function onKeyPress(e) {
-      return isPressingEnter(e) ? enterSearch(e) : null;
-    }
-  }, /*#__PURE__*/_react.default.createElement(_SystemIcons.Search, {
-    size: "24px"
-  }))), /*#__PURE__*/_react.default.createElement(ClearIconWrapper, {
-    className: (size ? size : '').concat(!searchTerm ? ' hidden' : '')
-  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    id: "".concat(id, "_Clear"),
-    variant: "secondary",
-    shape: "circular",
-    action: removeSearch,
-    disabled: disabled,
-    onKeyPress: function onKeyPress(e) {
-      return isPressingEnter(e) ? removeSearch(e) : null;
-    }
-  }, /*#__PURE__*/_react.default.createElement(_SystemIcons.Clear, {
-    size: "24px"
-  }))))), validationMessage && /*#__PURE__*/_react.default.createElement(_styling.WarningMessage, {
-    className: size || ''
-  }, /*#__PURE__*/_react.default.createElement(_SystemIcons.TechnicalWarning, {
-    color: _index.COLORS.warning_400,
-    className: size || ''
-  }), /*#__PURE__*/_react.default.createElement("span", null, validationMessage)));
-};
-
-SearchBar.propTypes = {
-  id: _propTypes.default.string.isRequired,
-  searchTerm: _propTypes.default.string,
-  setSearchTerm: _propTypes.default.func.isRequired,
-  enterSearch: _propTypes.default.func.isRequired,
-  removeSearch: _propTypes.default.func.isRequired,
-  placeholder: _propTypes.default.string,
-  performSearchLabel: _propTypes.default.string,
-  disabled: _propTypes.default.bool,
-  validationMessage: _propTypes.default.string,
-  onKeyDown: _propTypes.default.func,
-  margin: _propTypes.default.string
-};
-var _default = SearchBar;
-exports.default = _default;
-//# sourceMappingURL=SearchBar.js.map

package/dist/js/InputFields/SearchBar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/InputFields/SearchBar.tsx"],"names":["ClearIconWrapper","styled","div","SearchBar","id","searchTerm","setSearchTerm","enterSearch","removeSearch","placeholder","performSearchLabel","disabled","validationMessage","onKeyDown","size","margin","inputRef","React","useRef","useState","tabbedHere","setTabbedHere","isPressingEnter","e","key","preventDefault","stopPropagation","term","concat","COLORS","warning_400"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { COLORS } from '../styles/index';\r\nimport { Search as SearchIcon, Clear as ClearIcon, TechnicalWarning } from '../icons/systemicons/SystemIcons';\r\nimport { WarningMessage, InputWrapper, SearchIconWrapper, StyledIcon } from './styling';\r\nimport { IconButton } from '../Button';\r\nimport SearchBarInput from './components/SearchBarInput';\r\nimport SearchField from './components/SearchField';\r\nimport { Size } from '../types';\r\nimport styled from 'styled-components';\r\n\r\ntype SeachBarProps = {\r\n  id: string;\r\n  searchTerm?: string;\r\n  setSearchTerm: (term: string) => void;\r\n  enterSearch: (e: any) => void;\r\n  removeSearch: (e: any) => void;\r\n  placeholder?: string;\r\n  performSearchLabel?: string;\r\n  disabled?: boolean;\r\n  validationMessage?: string;\r\n  onKeyDown?: (e: React.KeyboardEvent) => void;\r\n  size?: Size.Small | Size.Medium;\r\n  margin?: string;\r\n};\r\n\r\nconst ClearIconWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  \r\n  &.hidden{\r\n    display: none !important;\r\n  }\r\n`;\r\n\r\nconst SearchBar: React.FunctionComponent<SeachBarProps> = ({\r\n  id,\r\n  searchTerm,\r\n  setSearchTerm,\r\n  enterSearch,\r\n  removeSearch,\r\n  placeholder,\r\n  performSearchLabel,\r\n  disabled,\r\n  validationMessage,\r\n  onKeyDown,\r\n  size,\r\n  margin = '4px 0',\r\n}) => {\r\n  const inputRef = React.useRef<any>(null);\r\n  const [tabbedHere, setTabbedHere] = React.useState<boolean>(false);\r\n\r\n  const isPressingEnter = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <InputWrapper\r\n        disabled={disabled}\r\n        margin={margin}>\r\n        <SearchField id={`${id}_main`} size={size || ''} searchTerm={searchTerm} disabled={disabled} tabbedHere={tabbedHere} validationMessage={validationMessage}>\r\n          <SearchBarInput\r\n            placeholder={disabled ? '' : placeholder}\r\n            ref={inputRef}\r\n            id={id}\r\n            size={size}\r\n            disabled={disabled}\r\n            setTabbedHere={setTabbedHere}\r\n            setSearchTerm={(term: string) => setSearchTerm(term)}\r\n            searchTerm={searchTerm}\r\n            onKeyDown={onKeyDown}\r\n            enterSearch={enterSearch}\r\n          />\r\n          <SearchIconWrapper className={size ? size : ''} aria-label={performSearchLabel}>\r\n            <IconButton id={`${id}_Search`}\r\n                        variant=\"secondary\"\r\n                        shape=\"circular\"\r\n                        action={enterSearch}\r\n                        disabled={disabled}\r\n                        onKeyPress={(e: any) => (isPressingEnter(e) ? enterSearch(e) : null)}>\r\n              <SearchIcon size=\"24px\"/>\r\n            </IconButton>\r\n          </SearchIconWrapper>\r\n          <ClearIconWrapper className={(size ? size : '').concat(!searchTerm ? ' hidden' : '')}>\r\n            <IconButton id={`${id}_Clear`}\r\n                        variant=\"secondary\"\r\n                        shape=\"circular\"\r\n                        action={removeSearch}\r\n                        disabled={disabled}\r\n                        onKeyPress={(e: any) => (isPressingEnter(e) ? removeSearch(e) : null)}>\r\n              <ClearIcon size=\"24px\"/>\r\n            </IconButton>\r\n          </ClearIconWrapper>\r\n        </SearchField>\r\n      </InputWrapper>\r\n      {validationMessage && (\r\n        <WarningMessage className={size || ''}>\r\n          <TechnicalWarning color={COLORS.warning_400} className={size || ''} />\r\n          <span>{validationMessage}</span>\r\n        </WarningMessage>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default SearchBar;\r\n"],"file":"SearchBar.js"}

package/dist/js/InputFields/TextField.d.ts

@@ -1,23 +0,0 @@
-import { Size } from '../types';
-declare type TextFieldProps = {
-    id: string;
-    disabled?: boolean;
-    locked?: boolean;
-    onChange?: (text: string) => void;
-    hasError?: boolean;
-    value?: string;
-    validationMessage?: string;
-    validationIsCritical?: boolean;
-    type?: string;
-    autoComplete?: string;
-    placeholder?: string;
-    required?: boolean;
-    correct?: boolean;
-    pattern?: string;
-    maxLength?: number;
-    withoutBorder?: boolean;
-    size?: Size.Small | Size.Medium;
-    margin?: string;
-};
-declare const TextField: ({ id, disabled, locked, onChange, hasError, value, validationMessage, validationIsCritical, type, autoComplete, placeholder, required, correct, pattern, maxLength, withoutBorder, size, margin, }: TextFieldProps) => JSX.Element;
-export default TextField;

package/dist/js/InputFields/TextField.js

@@ -1,142 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
-var _styles = require("../styles");
-
-var _styling = require("./styling");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var TextField = function TextField(_ref) {
-  var id = _ref.id,
-      disabled = _ref.disabled,
-      locked = _ref.locked,
-      _onChange = _ref.onChange,
-      hasError = _ref.hasError,
-      value = _ref.value,
-      validationMessage = _ref.validationMessage,
-      validationIsCritical = _ref.validationIsCritical,
-      type = _ref.type,
-      autoComplete = _ref.autoComplete,
-      placeholder = _ref.placeholder,
-      required = _ref.required,
-      correct = _ref.correct,
-      pattern = _ref.pattern,
-      maxLength = _ref.maxLength,
-      withoutBorder = _ref.withoutBorder,
-      size = _ref.size,
-      _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? '4px 0' : _ref$margin;
-  var supressFocusRef = React.useRef(null);
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      tabbedHere = _React$useState2[0],
-      setTabbedHere = _React$useState2[1];
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styling.InputWrapper, {
-    locked: locked,
-    disabled: disabled,
-    margin: margin,
-    onClick: function onClick(e) {
-      if (disabled || locked) {
-        e.preventDefault();
-      }
-    }
-  }, /*#__PURE__*/React.createElement(_styling.InputFieldStyling, {
-    id: id,
-    type: type || 'text',
-    value: value,
-    className: (hasError ? 'error' : '').concat(size ? size : ''),
-    tabIndex: locked || disabled ? -1 : 0,
-    autoComplete: autoComplete,
-    placeholder: placeholder,
-    disabled: disabled,
-    locked: locked,
-    onChange: function onChange(e) {
-      var _e$target;
-
-      return _onChange && _onChange((e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) || '');
-    },
-    activeValidationMessage: validationMessage !== '' && validationMessage !== undefined,
-    activeErrorMessage: validationMessage !== '' && validationMessage !== undefined && validationIsCritical,
-    required: required,
-    correctInput: correct,
-    tabbedHere: tabbedHere,
-    pattern: pattern,
-    maxLength: maxLength,
-    onBlur: function onBlur() {
-      return setTabbedHere(false);
-    },
-    withoutBorder: withoutBorder,
-    onMouseDown: function onMouseDown(e) {
-      if (!(locked || disabled) && !tabbedHere) supressFocusRef.current = true;
-    },
-    onFocus: function onFocus(e) {
-      if (!(locked || disabled)) {
-        if (!supressFocusRef.current) setTabbedHere(true);else supressFocusRef.current = false;
-      }
-    }
-  })), validationMessage && !validationIsCritical && /*#__PURE__*/React.createElement(_styling.WarningMessage, {
-    className: size || ''
-  }, /*#__PURE__*/React.createElement(_SystemIcons.TechnicalWarning, {
-    size: "20px",
-    color: _styles.COLORS.warning_400
-  }), /*#__PURE__*/React.createElement("span", null, validationMessage)), validationMessage && validationIsCritical && /*#__PURE__*/React.createElement(_styling.ErrorMessage, {
-    className: size || ''
-  }, /*#__PURE__*/React.createElement(_SystemIcons.TechnicalWarning, {
-    size: "20px",
-    color: _styles.COLORS.critical_400
-  }), /*#__PURE__*/React.createElement("span", null, validationMessage)));
-};
-
-TextField.propTypes = {
-  id: _propTypes.default.string.isRequired,
-  disabled: _propTypes.default.bool,
-  locked: _propTypes.default.bool,
-  onChange: _propTypes.default.func,
-  hasError: _propTypes.default.bool,
-  value: _propTypes.default.string,
-  validationMessage: _propTypes.default.string,
-  validationIsCritical: _propTypes.default.bool,
-  type: _propTypes.default.string,
-  autoComplete: _propTypes.default.string,
-  placeholder: _propTypes.default.string,
-  required: _propTypes.default.bool,
-  correct: _propTypes.default.bool,
-  pattern: _propTypes.default.string,
-  maxLength: _propTypes.default.number,
-  withoutBorder: _propTypes.default.bool,
-  margin: _propTypes.default.string
-};
-var _default = TextField;
-exports.default = _default;
-//# sourceMappingURL=TextField.js.map

package/dist/js/InputFields/TextField.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/InputFields/TextField.tsx"],"names":["TextField","id","disabled","locked","onChange","hasError","value","validationMessage","validationIsCritical","type","autoComplete","placeholder","required","correct","pattern","maxLength","withoutBorder","size","margin","supressFocusRef","React","useRef","useState","tabbedHere","setTabbedHere","e","preventDefault","concat","target","undefined","current","COLORS","warning_400","critical_400"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport { TechnicalWarning } from '../icons/systemicons/SystemIcons';\r\nimport { COLORS } from '../styles';\r\nimport { Size} from '../types';\r\nimport { ErrorMessage, InputFieldStyling, InputWrapper, WarningMessage } from './styling';\r\n\r\ntype TextFieldProps = {\r\n  id: string;\r\n  disabled?: boolean;\r\n  locked?: boolean;\r\n  onChange?: (text: string) => void;\r\n  hasError?: boolean;\r\n  value?: string;\r\n  validationMessage?: string;\r\n  validationIsCritical?: boolean;\r\n  type?: string;\r\n  autoComplete?: string;\r\n  placeholder?: string;\r\n  required?: boolean;\r\n  correct?: boolean;\r\n  pattern?: string;\r\n  maxLength?: number;\r\n  withoutBorder?: boolean;\r\n  size?: Size.Small | Size.Medium;\r\n  margin?: string;\r\n};\r\n\r\nconst TextField = ({\r\n  id,\r\n  disabled,\r\n  locked,\r\n  onChange,\r\n  hasError,\r\n  value,\r\n  validationMessage,\r\n  validationIsCritical,\r\n  type,\r\n  autoComplete,\r\n  placeholder,\r\n  required,\r\n  correct,\r\n  pattern,\r\n  maxLength,\r\n  withoutBorder,\r\n  size,\r\n  margin = '4px 0',\r\n}: TextFieldProps) => {\r\n  const supressFocusRef = React.useRef<any>(null);\r\n  const [tabbedHere, setTabbedHere] = React.useState<boolean>(false);\r\n  return (\r\n    <>\r\n      <InputWrapper\r\n        locked={locked}\r\n        disabled={disabled}\r\n        margin={margin}\r\n        onClick={(e: any) => {\r\n          if (disabled || locked) {\r\n            e.preventDefault();\r\n          }\r\n        }}>\r\n        <InputFieldStyling\r\n          id={id}\r\n          type={type || 'text'}\r\n          value={value}\r\n          className={(hasError ? 'error' : '').concat(size ? size : '')}\r\n          tabIndex={locked || disabled ? -1 : 0}\r\n          autoComplete={autoComplete}\r\n          placeholder={placeholder}\r\n          disabled={disabled}\r\n          locked={locked}\r\n          onChange={(e: any) => onChange && onChange(e?.target?.value || '')}\r\n          activeValidationMessage={validationMessage !== '' && validationMessage !== undefined}\r\n          activeErrorMessage={validationMessage !== '' && validationMessage !== undefined && validationIsCritical}\r\n          required={required}\r\n          correctInput={correct}\r\n          tabbedHere={tabbedHere}\r\n          pattern={pattern}\r\n          maxLength={maxLength}\r\n          onBlur={() => setTabbedHere(false)}\r\n          withoutBorder={withoutBorder}\r\n          onMouseDown={(e: any) => {\r\n            if (!(locked || disabled) && !tabbedHere) supressFocusRef.current = true;\r\n          }}\r\n          onFocus={(e: any) => {\r\n            if (!(locked || disabled)) {\r\n              if (!supressFocusRef.current) setTabbedHere(true);\r\n              else supressFocusRef.current = false;\r\n            }\r\n          }}\r\n        />\r\n      </InputWrapper>\r\n      {validationMessage && !validationIsCritical && (\r\n        <WarningMessage className={size || ''}>\r\n          <TechnicalWarning size=\"20px\" color={COLORS.warning_400} />\r\n          <span>{validationMessage}</span>\r\n        </WarningMessage>\r\n      )}\r\n      {validationMessage && validationIsCritical && (\r\n        <ErrorMessage className={size || ''}>\r\n          <TechnicalWarning size=\"20px\" color={COLORS.critical_400} />\r\n          <span>{validationMessage}</span>\r\n        </ErrorMessage>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default TextField;\r\n"],"file":"TextField.js"}

package/dist/js/InputFields/Textarea.d.ts

@@ -1,18 +0,0 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-import { Size } from '../types';
-declare type TextareaProps = {
-    id: string;
-    placeholder: string;
-    value?: string;
-    disabled?: boolean;
-    onChange?: (text: string) => void;
-    validationType?: 'error' | 'warning';
-    validationMessage?: string;
-    size: Size.Small | Size.Medium;
-    margin?: string;
-};
-declare const Textarea: React.FunctionComponent<TextareaProps>;
-export default Textarea;

package/dist/js/InputFields/Textarea.js

@@ -1,84 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styles = require("../styles");
-
-var _styling = require("./styling");
-
-var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _typography = require("../styles/typography");
-
-var _templateObject, _templateObject2;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-// Add component-specific styles.
-var TextareaWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  ", "\n"])), function (props) {
-  return props.margin ? "margin: ".concat(props.margin, ";") : '';
-});
-
-var TextArea = _styledComponents.default.textarea(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  background: ", ";\n  border-radius: 4px;\n  outline: none;\n  margin: 1px;\n  padding: 16px;\n\n  ", "\n\n  &.small {\n    width: 304px;\n  }\n\n  &.medium {\n    width: 344px;\n  }\n\n  &:hover {\n    border: 2px solid ", ";\n    margin: 0px;\n  }\n\n  &:active,\n  &:focus {\n    border: 2px solid ", ";\n    margin: 0px;\n    box-shadow: 0px 4px 12px ", ", 0px 0px 8px ", ";\n  }\n\n  &.warning,\n  &.warning:hover,\n  &.warning:focus,\n  &.warning:active {\n    border: none;\n    margin: 1px;\n    -webkit-box-shadow: inset 0px 0px 0px 2px ", ";\n    -moz-box-shadow: inset 0px 0px 0px 2px ", ";\n    box-shadow: inset 0px 0px 0px 2px ", ";\n  }\n\n  &.error,\n  &.error:hover,\n  &.error:focus,\n  &.error:active {\n    border: none;\n    margin: 1px;\n    -webkit-box-shadow: inset 0px 0px 0px 2px ", ";\n    -moz-box-shadow: inset 0px 0px 0px 2px ", ";\n    box-shadow: inset 0px 0px 0px 2px ", ";\n  }\n\n  &:disabled,\n  &:disabled:hover,\n  &:disabled:focus {\n    cursor: not-allowed;\n    border: 1px solid ", ";\n    margin: 1px;\n    box-shadow: none;\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  &::placeholder {\n    ", "\n  }\n"])), _styles.COLORS.neutral_400, _styles.COLORS.white, (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Italic, _styles.COLORS.black), _styles.COLORS.primary_700, _styles.COLORS.primary_800, _styles.COLORS.focus_25, _styles.COLORS.focus, _styles.COLORS.warning_500, _styles.COLORS.warning_500, _styles.COLORS.warning_500, _styles.COLORS.critical_500, _styles.COLORS.critical_500, _styles.COLORS.critical_500, _styles.COLORS.neutral_100, _styles.COLORS.neutral_300, (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Italic, _styles.COLORS.neutral_600)); // Add component-specific types
-
-
-var Textarea = function Textarea(_ref) {
-  var id = _ref.id,
-      placeholder = _ref.placeholder,
-      value = _ref.value,
-      size = _ref.size,
-      disabled = _ref.disabled,
-      validationType = _ref.validationType,
-      validationMessage = _ref.validationMessage,
-      _onChange = _ref.onChange,
-      margin = _ref.margin;
-  return /*#__PURE__*/React.createElement(TextareaWrapper, null, /*#__PURE__*/React.createElement(TextArea, {
-    id: id,
-    value: value,
-    placeholder: placeholder,
-    className: "".concat(size, " ").concat(validationType),
-    disabled: disabled,
-    onChange: function onChange(e) {
-      var _e$target;
-
-      return _onChange && _onChange((e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) || '');
-    }
-  }), validationMessage && validationType === 'warning' && /*#__PURE__*/React.createElement(_styling.WarningMessage, null, /*#__PURE__*/React.createElement(_SystemIcons.TechnicalWarning, {
-    size: "20px",
-    color: _styles.COLORS.warning_400
-  }), /*#__PURE__*/React.createElement("span", null, validationMessage)), validationMessage && validationType === 'error' && /*#__PURE__*/React.createElement(_styling.ErrorMessage, null, /*#__PURE__*/React.createElement(_SystemIcons.TechnicalWarning, {
-    size: "20px",
-    color: _styles.COLORS.critical_400
-  }), /*#__PURE__*/React.createElement("span", null, validationMessage)));
-};
-
-Textarea.propTypes = {
-  id: _propTypes.default.string.isRequired,
-  placeholder: _propTypes.default.string.isRequired,
-  value: _propTypes.default.string,
-  disabled: _propTypes.default.bool,
-  onChange: _propTypes.default.func,
-  validationType: _propTypes.default.oneOf(['error', 'warning']),
-  validationMessage: _propTypes.default.string,
-  margin: _propTypes.default.string
-};
-var _default = Textarea;
-exports.default = _default;
-//# sourceMappingURL=Textarea.js.map

package/dist/js/InputFields/Textarea.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/InputFields/Textarea.tsx"],"names":["TextareaWrapper","styled","div","props","margin","TextArea","textarea","COLORS","neutral_400","white","ComponentTextStyle","Italic","black","primary_700","primary_800","focus_25","focus","warning_500","critical_500","neutral_100","neutral_300","neutral_600","Textarea","id","placeholder","value","size","disabled","validationType","validationMessage","onChange","e","target","warning_400","critical_400"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAMA;;AAKA;;AACA;;;;;;;;;;;;AAEA;AACA,IAAMA,eAAe,GAAGC,0BAAOC,GAAV,gGAEjB,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,MAAN,qBAA0BD,KAAK,CAACC,MAAhC,SAA4C,EAAxD;AAAA,CAFiB,CAArB;;AAIA,IAAMC,QAAQ,GAAGJ,0BAAOK,QAAV,gvCACQC,eAAOC,WADf,EAEED,eAAOE,KAFT,EAQV,mCAAkBC,+BAAmBC,MAArC,EAA6CJ,eAAOK,KAApD,CARU,EAmBUL,eAAOM,WAnBjB,EAyBUN,eAAOO,WAzBjB,EA2BiBP,eAAOQ,QA3BxB,EA2BiDR,eAAOS,KA3BxD,EAoCkCT,eAAOU,WApCzC,EAqC+BV,eAAOU,WArCtC,EAsC0BV,eAAOU,WAtCjC,EA+CkCV,eAAOW,YA/CzC,EAgD+BX,eAAOW,YAhDtC,EAiD0BX,eAAOW,YAjDjC,EAwDUX,eAAOY,WAxDjB,EA6DCZ,eAAOa,WA7DR,EAkER,mCAAkBV,+BAAmBC,MAArC,EAA6CJ,eAAOc,WAApD,CAlEQ,CAAd,C,CAsEA;;;AAaA,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,OAAoH;AAAA,MAAjHC,EAAiH,QAAjHA,EAAiH;AAAA,MAA7GC,WAA6G,QAA7GA,WAA6G;AAAA,MAAhGC,KAAgG,QAAhGA,KAAgG;AAAA,MAAzFC,IAAyF,QAAzFA,IAAyF;AAAA,MAAnFC,QAAmF,QAAnFA,QAAmF;AAAA,MAAzEC,cAAyE,QAAzEA,cAAyE;AAAA,MAAzDC,iBAAyD,QAAzDA,iBAAyD;AAAA,MAAtCC,SAAsC,QAAtCA,QAAsC;AAAA,MAA5B1B,MAA4B,QAA5BA,MAA4B;AAC3K,sBACE,oBAAC,eAAD,qBACE,oBAAC,QAAD;AACE,IAAA,EAAE,EAAEmB,EADN;AAEE,IAAA,KAAK,EAAEE,KAFT;AAGE,IAAA,WAAW,EAAED,WAHf;AAIE,IAAA,SAAS,YAAKE,IAAL,cAAaE,cAAb,CAJX;AAKE,IAAA,QAAQ,EAAED,QALZ;AAME,IAAA,QAAQ,EAAE,kBAACI,CAAD;AAAA;;AAAA,aAAYD,SAAQ,IAAIA,SAAQ,CAAC,CAAAC,CAAC,SAAD,IAAAA,CAAC,WAAD,yBAAAA,CAAC,CAAEC,MAAH,wDAAWP,KAAX,KAAoB,EAArB,CAAhC;AAAA;AANZ,IADF,EASGI,iBAAiB,IAAID,cAAc,KAAK,SAAxC,iBACC,oBAAC,uBAAD,qBACE,oBAAC,6BAAD;AAAkB,IAAA,IAAI,EAAC,MAAvB;AAA8B,IAAA,KAAK,EAAErB,eAAO0B;AAA5C,IADF,eAEE,kCAAOJ,iBAAP,CAFF,CAVJ,EAeGA,iBAAiB,IAAID,cAAc,KAAK,OAAxC,iBACC,oBAAC,qBAAD,qBACE,oBAAC,6BAAD;AAAkB,IAAA,IAAI,EAAC,MAAvB;AAA8B,IAAA,KAAK,EAAErB,eAAO2B;AAA5C,IADF,eAEE,kCAAOL,iBAAP,CAFF,CAhBJ,CADF;AAwBD,CAzBD;;;AAXEN,EAAAA,E;AACAC,EAAAA,W;AACAC,EAAAA,K;AACAE,EAAAA,Q;AACAG,EAAAA,Q;AACAF,EAAAA,c,4BAAiB,O,EAAU,S;AAC3BC,EAAAA,iB;AAEAzB,EAAAA,M;;eA8BakB,Q","sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { COLORS } from '../styles';\r\nimport { ErrorMessage, WarningMessage } from './styling';\r\nimport { Size } from '../types';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport { TechnicalWarning } from '../icons/systemicons/SystemIcons';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\nimport { ComponentMStyling, ComponentTextStyle } from '../styles/typography';\r\n\r\n// Add component-specific styles.\r\nconst TextareaWrapper = styled.div<{ margin?: string }>`\r\n  width: 100%;\r\n  ${(props) => (props.margin ? `margin: ${props.margin};` : '')}\r\n`;\r\nconst TextArea = styled.textarea`\r\n  border: 1px solid ${COLORS.neutral_400};\r\n  background: ${COLORS.white};\r\n  border-radius: 4px;\r\n  outline: none;\r\n  margin: 1px;\r\n  padding: 16px;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Italic, COLORS.black)}\r\n\r\n  &.small {\r\n    width: 304px;\r\n  }\r\n\r\n  &.medium {\r\n    width: 344px;\r\n  }\r\n\r\n  &:hover {\r\n    border: 2px solid ${COLORS.primary_700};\r\n    margin: 0px;\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    border: 2px solid ${COLORS.primary_800};\r\n    margin: 0px;\r\n    box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus};\r\n  }\r\n\r\n  &.warning,\r\n  &.warning:hover,\r\n  &.warning:focus,\r\n  &.warning:active {\r\n    border: none;\r\n    margin: 1px;\r\n    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.warning_500};\r\n    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.warning_500};\r\n    box-shadow: inset 0px 0px 0px 2px ${COLORS.warning_500};\r\n  }\r\n\r\n  &.error,\r\n  &.error:hover,\r\n  &.error:focus,\r\n  &.error:active {\r\n    border: none;\r\n    margin: 1px;\r\n    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.critical_500};\r\n    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.critical_500};\r\n    box-shadow: inset 0px 0px 0px 2px ${COLORS.critical_500};\r\n  }\r\n\r\n  &:disabled,\r\n  &:disabled:hover,\r\n  &:disabled:focus {\r\n    cursor: not-allowed;\r\n    border: 1px solid ${COLORS.neutral_100};\r\n    margin: 1px;\r\n    box-shadow: none;\r\n\r\n    &::placeholder {\r\n      color: ${COLORS.neutral_300};\r\n    }\r\n  }\r\n\r\n  &::placeholder {\r\n    ${ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_600)}\r\n  }\r\n`;\r\n\r\n// Add component-specific types\r\ntype TextareaProps = {\r\n  id: string;\r\n  placeholder: string;\r\n  value?: string;\r\n  disabled?: boolean;\r\n  onChange?: (text: string) => void;\r\n  validationType?: 'error' | 'warning';\r\n  validationMessage?: string;\r\n  size: Size.Small | Size.Medium;\r\n  margin?: string;\r\n};\r\n\r\nconst Textarea: React.FunctionComponent<TextareaProps> = ({ id, placeholder, value, size, disabled, validationType, validationMessage, onChange, margin }: TextareaProps) => {\r\n  return (\r\n    <TextareaWrapper>\r\n      <TextArea\r\n        id={id}\r\n        value={value}\r\n        placeholder={placeholder}\r\n        className={`${size} ${validationType}`}\r\n        disabled={disabled}\r\n        onChange={(e: any) => onChange && onChange(e?.target?.value || '')}\r\n      />\r\n      {validationMessage && validationType === 'warning' && (\r\n        <WarningMessage>\r\n          <TechnicalWarning size=\"20px\" color={COLORS.warning_400} />\r\n          <span>{validationMessage}</span>\r\n        </WarningMessage>\r\n      )}\r\n      {validationMessage && validationType === 'error' && (\r\n        <ErrorMessage>\r\n          <TechnicalWarning size=\"20px\" color={COLORS.critical_400} />\r\n          <span>{validationMessage}</span>\r\n        </ErrorMessage>\r\n      )}\r\n    </TextareaWrapper>\r\n  );\r\n};\r\n\r\nexport default Textarea;\r\n"],"file":"Textarea.js"}

package/dist/js/InputFields/__tests__/QuickSearch.test.js

@@ -1,65 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _types = require("../../types");
-
-require("jest-styled-components");
-
-var _ = require("..");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-describe('<QuickSearch />', function () {
-  it('Renders quick search', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var _getByTestId;
-
-    var search, searchEntered, _render, queryByText, getByTestId, queryAllByTestId;
-
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            search = '';
-            searchEntered = false;
-            _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement("div", {
-              style: {
-                width: '400px'
-              }
-            }, /*#__PURE__*/_react.default.createElement(_.QuickSearch, {
-              id: "QuickSearch",
-              size: _types.Size.Small,
-              enterSearch: function enterSearch() {
-                searchEntered = true;
-              },
-              removeSearch: function removeSearch() {
-                search = '';
-              },
-              setSearchTerm: function setSearchTerm(term) {
-                search = term;
-              }
-            }))), queryByText = _render.queryByText, getByTestId = _render.getByTestId, queryAllByTestId = _render.queryAllByTestId;
-            expect(getByTestId('QuickSearch_main').classList.contains('small')).toBeTruthy();
-            expect(getByTestId('QuickSearch_Searchbutton')).toBeDefined(); // Test click on icon and check that input field shows
-
-            expect(queryAllByTestId('QuickSearch').length).toBe(0);
-            (_getByTestId = getByTestId('QuickSearch_Searchbutton')) === null || _getByTestId === void 0 ? void 0 : _getByTestId.click();
-            expect(getByTestId('QuickSearch')).toBeDefined();
-            expect(getByTestId('QuickSearch_main').classList.contains('expanded')).toBeTruthy();
-            expect(getByTestId('QuickSearch_Clearicon').parentElement).toHaveProperty('hidden');
-
-          case 10:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-});
-//# sourceMappingURL=QuickSearch.test.js.map

package/dist/js/InputFields/__tests__/QuickSearch.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/InputFields/__tests__/QuickSearch.test.tsx"],"names":["describe","it","search","searchEntered","width","Size","Small","term","queryByText","getByTestId","queryAllByTestId","expect","classList","contains","toBeTruthy","toBeDefined","length","toBe","click","parentElement","toHaveProperty"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEAA,QAAQ,CAAC,iBAAD,EAAoB,YAAM;AAChCC,EAAAA,EAAE,CAAC,sBAAD,uEAAyB;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AACrBC,YAAAA,MADqB,GACZ,EADY;AAErBC,YAAAA,aAFqB,GAEL,KAFK;AAAA,sBAG8B,kCACrD;AAAK,cAAA,KAAK,EAAE;AAAEC,gBAAAA,KAAK,EAAE;AAAT;AAAZ,4BACE,6BAAC,aAAD;AACE,cAAA,EAAE,EAAC,aADL;AAEE,cAAA,IAAI,EAAEC,YAAKC,KAFb;AAGE,cAAA,WAAW,EAAE,uBAAM;AACjBH,gBAAAA,aAAa,GAAG,IAAhB;AACD,eALH;AAME,cAAA,YAAY,EAAE,wBAAM;AAClBD,gBAAAA,MAAM,GAAG,EAAT;AACD,eARH;AASE,cAAA,aAAa,EAAE,uBAACK,IAAD,EAAU;AACvBL,gBAAAA,MAAM,GAAGK,IAAT;AACD;AAXH,cADF,CADqD,CAH9B,EAGjBC,WAHiB,WAGjBA,WAHiB,EAGJC,WAHI,WAGJA,WAHI,EAGSC,gBAHT,WAGSA,gBAHT;AAoBzBC,YAAAA,MAAM,CAACF,WAAW,CAAC,kBAAD,CAAX,CAAgCG,SAAhC,CAA0CC,QAA1C,CAAmD,OAAnD,CAAD,CAAN,CAAoEC,UAApE;AACAH,YAAAA,MAAM,CAACF,WAAW,CAAC,0BAAD,CAAZ,CAAN,CAAgDM,WAAhD,GArByB,CAuBzB;;AACAJ,YAAAA,MAAM,CAACD,gBAAgB,CAAC,aAAD,CAAhB,CAAgCM,MAAjC,CAAN,CAA+CC,IAA/C,CAAoD,CAApD;AACA,4BAACR,WAAW,CAAC,0BAAD,CAAZ,8DAAgES,KAAhE;AACAP,YAAAA,MAAM,CAACF,WAAW,CAAC,aAAD,CAAZ,CAAN,CAAmCM,WAAnC;AACAJ,YAAAA,MAAM,CAACF,WAAW,CAAC,kBAAD,CAAX,CAAgCG,SAAhC,CAA0CC,QAA1C,CAAmD,UAAnD,CAAD,CAAN,CAAuEC,UAAvE;AACAH,YAAAA,MAAM,CAACF,WAAW,CAAC,uBAAD,CAAX,CAAqCU,aAAtC,CAAN,CAA2DC,cAA3D,CAA0E,QAA1E;;AA5ByB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAAzB,GAAF;AA8BD,CA/BO,CAAR","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport {Size} from '../../types';\r\nimport 'jest-styled-components';\r\nimport { QuickSearch } from '..';\r\n\r\ndescribe('<QuickSearch />', () => {\r\n  it('Renders quick search', async () => {\r\n    let search = '';\r\n    let searchEntered = false;\r\n    const { queryByText, getByTestId, queryAllByTestId } = render(\r\n      <div style={{ width: '400px' }}>\r\n        <QuickSearch\r\n          id=\"QuickSearch\"\r\n          size={Size.Small}\r\n          enterSearch={() => {\r\n            searchEntered = true;\r\n          }}\r\n          removeSearch={() => {\r\n            search = '';\r\n          }}\r\n          setSearchTerm={(term) => {\r\n            search = term;\r\n          }}\r\n        />\r\n      </div>,\r\n    );\r\n    expect(getByTestId('QuickSearch_main').classList.contains('small')).toBeTruthy();\r\n    expect(getByTestId('QuickSearch_Searchbutton')).toBeDefined();\r\n\r\n    // Test click on icon and check that input field shows\r\n    expect(queryAllByTestId('QuickSearch').length).toBe(0);\r\n    (getByTestId('QuickSearch_Searchbutton') as HTMLButtonElement)?.click();\r\n    expect(getByTestId('QuickSearch')).toBeDefined();\r\n    expect(getByTestId('QuickSearch_main').classList.contains('expanded')).toBeTruthy();\r\n    expect(getByTestId('QuickSearch_Clearicon').parentElement).toHaveProperty('hidden');\r\n  });\r\n});\r\n"],"file":"QuickSearch.test.js"}

package/dist/js/InputFields/components/SearchBarInput.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { Size } from '../../types';
-export declare const Search: import("styled-components").StyledComponent<"input", any, {
-    type: "search";
-}, "type">;
-export declare const BigSearch: import("styled-components").StyledComponent<"input", any, {
-    type: "search";
-}, "type">;
-declare type SearchBarInputProps = {
-    id: string;
-    searchTerm?: string;
-    setSearchTerm: (term: string) => void;
-    enterSearch: (e: any) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    onKeyDown?: (e: React.KeyboardEvent) => void;
-    size?: Size.Small | Size.Medium;
-    setTabbedHere: (tabbedHere: boolean) => void;
-    onBlur?: (e: any) => void;
-};
-declare const SearchBarInput: React.ForwardRefExoticComponent<SearchBarInputProps & React.RefAttributes<HTMLInputElement>>;
-export default SearchBarInput;