@laerdal/life-react-components 3.5.1-dev.16 → 3.5.1-dev.18

package/dist/umd/InputFields/SearchBar.js

@@ -1,140 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "../styles/index", "../icons/systemicons/SystemIcons", "./styling", "../Button", "./components/SearchBarInput", "./components/SearchField", "styled-components"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("../styles/index"), require("../icons/systemicons/SystemIcons"), require("./styling"), require("../Button"), require("./components/SearchBarInput"), require("./components/SearchField"), require("styled-components"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.index, global.SystemIcons, global.styling, global.Button, global.SearchBarInput, global.SearchField, global.styledComponents);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _index, _SystemIcons, _styling, _Button, _SearchBarInput, _SearchField, _styledComponents) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var _react2 = _interopRequireDefault(_react);
-
-  var _SearchBarInput2 = _interopRequireDefault(_SearchBarInput);
-
-  var _SearchField2 = _interopRequireDefault(_SearchField);
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const ClearIconWrapper = _styledComponents2.default.div`
-  display: flex;
-  align-items: center;
-  
-  &.hidden{
-    display: none !important;
-  }
-`;
-
-  const SearchBar = ({
-    id,
-    searchTerm,
-    setSearchTerm,
-    enterSearch,
-    removeSearch,
-    placeholder,
-    performSearchLabel,
-    disabled,
-    validationMessage,
-    onKeyDown,
-    size,
-    margin = '4px 0'
-  }) => {
-    const inputRef = _react2.default.useRef(null);
-
-    const [tabbedHere, setTabbedHere] = _react2.default.useState(false);
-
-    const isPressingEnter = e => {
-      if (e.key === 'Enter') {
-        e.preventDefault();
-        e.stopPropagation();
-        return true;
-      }
-
-      return false;
-    };
-
-    return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement(_styling.InputWrapper, {
-      disabled: disabled,
-      margin: margin
-    }, /*#__PURE__*/_react2.default.createElement(_SearchField2.default, {
-      id: `${id}_main`,
-      size: size || '',
-      searchTerm: searchTerm,
-      disabled: disabled,
-      tabbedHere: tabbedHere,
-      validationMessage: validationMessage
-    }, /*#__PURE__*/_react2.default.createElement(_SearchBarInput2.default, {
-      placeholder: disabled ? '' : placeholder,
-      ref: inputRef,
-      id: id,
-      size: size,
-      disabled: disabled,
-      setTabbedHere: setTabbedHere,
-      setSearchTerm: term => setSearchTerm(term),
-      searchTerm: searchTerm,
-      onKeyDown: onKeyDown,
-      enterSearch: enterSearch
-    }), /*#__PURE__*/_react2.default.createElement(_styling.SearchIconWrapper, {
-      className: size ? size : '',
-      "aria-label": performSearchLabel
-    }, /*#__PURE__*/_react2.default.createElement(_Button.IconButton, {
-      id: `${id}_Search`,
-      variant: "secondary",
-      shape: "circular",
-      action: enterSearch,
-      disabled: disabled,
-      onKeyPress: e => isPressingEnter(e) ? enterSearch(e) : null
-    }, /*#__PURE__*/_react2.default.createElement(_SystemIcons.Search, {
-      size: "24px"
-    }))), /*#__PURE__*/_react2.default.createElement(ClearIconWrapper, {
-      className: (size ? size : '').concat(!searchTerm ? ' hidden' : '')
-    }, /*#__PURE__*/_react2.default.createElement(_Button.IconButton, {
-      id: `${id}_Clear`,
-      variant: "secondary",
-      shape: "circular",
-      action: removeSearch,
-      disabled: disabled,
-      onKeyPress: e => isPressingEnter(e) ? removeSearch(e) : null
-    }, /*#__PURE__*/_react2.default.createElement(_SystemIcons.Clear, {
-      size: "24px"
-    }))))), validationMessage && /*#__PURE__*/_react2.default.createElement(_styling.WarningMessage, {
-      className: size || ''
-    }, /*#__PURE__*/_react2.default.createElement(_SystemIcons.TechnicalWarning, {
-      color: _index.COLORS.warning_400,
-      className: size || ''
-    }), /*#__PURE__*/_react2.default.createElement("span", null, validationMessage)));
-  };
-
-  SearchBar.propTypes = {
-    id: _propTypes2.default.string.isRequired,
-    searchTerm: _propTypes2.default.string,
-    setSearchTerm: _propTypes2.default.func.isRequired,
-    enterSearch: _propTypes2.default.func.isRequired,
-    removeSearch: _propTypes2.default.func.isRequired,
-    placeholder: _propTypes2.default.string,
-    performSearchLabel: _propTypes2.default.string,
-    disabled: _propTypes2.default.bool,
-    validationMessage: _propTypes2.default.string,
-    onKeyDown: _propTypes2.default.func,
-    margin: _propTypes2.default.string
-  };
-  exports.default = SearchBar;
-});
-//# sourceMappingURL=SearchBar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/InputFields/SearchBar.tsx"],"names":["id","searchTerm","setSearchTerm","enterSearch","removeSearch","placeholder","performSearchLabel","disabled","validationMessage","onKeyDown","margin","ClearIconWrapper","styled","div","SearchBar","inputRef","React","isPressingEnter","e","size","term","COLORS"],"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/umd/InputFields/TextField.js

@@ -1,173 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "../icons/systemicons/SystemIcons", "../styles", "./styling"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("../icons/systemicons/SystemIcons"), require("../styles"), require("./styling"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.SystemIcons, global.styles, global.styling);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _SystemIcons, _styles, _styling) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (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
-    };
-  }
-
-  const TextField = ({
-    id,
-    disabled,
-    locked,
-    onChange,
-    hasError,
-    value,
-    validationMessage,
-    validationIsCritical,
-    type,
-    autoComplete,
-    placeholder,
-    required,
-    correct,
-    pattern,
-    maxLength,
-    withoutBorder,
-    size,
-    margin = '4px 0'
-  }) => {
-    const supressFocusRef = React.useRef(null);
-    const [tabbedHere, setTabbedHere] = React.useState(false);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styling.InputWrapper, {
-      locked: locked,
-      disabled: disabled,
-      margin: margin,
-      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: e => onChange && onChange(e?.target?.value || ''),
-      activeValidationMessage: validationMessage !== '' && validationMessage !== undefined,
-      activeErrorMessage: validationMessage !== '' && validationMessage !== undefined && validationIsCritical,
-      required: required,
-      correctInput: correct,
-      tabbedHere: tabbedHere,
-      pattern: pattern,
-      maxLength: maxLength,
-      onBlur: () => setTabbedHere(false),
-      withoutBorder: withoutBorder,
-      onMouseDown: e => {
-        if (!(locked || disabled) && !tabbedHere) supressFocusRef.current = true;
-      },
-      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: _propTypes2.default.string.isRequired,
-    disabled: _propTypes2.default.bool,
-    locked: _propTypes2.default.bool,
-    onChange: _propTypes2.default.func,
-    hasError: _propTypes2.default.bool,
-    value: _propTypes2.default.string,
-    validationMessage: _propTypes2.default.string,
-    validationIsCritical: _propTypes2.default.bool,
-    type: _propTypes2.default.string,
-    autoComplete: _propTypes2.default.string,
-    placeholder: _propTypes2.default.string,
-    required: _propTypes2.default.bool,
-    correct: _propTypes2.default.bool,
-    pattern: _propTypes2.default.string,
-    maxLength: _propTypes2.default.number,
-    withoutBorder: _propTypes2.default.bool,
-    margin: _propTypes2.default.string
-  };
-  exports.default = TextField;
-});
-//# sourceMappingURL=TextField.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/InputFields/TextField.tsx"],"names":["id","disabled","locked","onChange","hasError","value","validationMessage","validationIsCritical","type","autoComplete","placeholder","required","correct","pattern","maxLength","withoutBorder","margin","TextField","supressFocusRef","React","e","size","setTabbedHere","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/umd/InputFields/Textarea.js

@@ -1,211 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "../styles", "./styling", "../icons/systemicons/SystemIcons", "styled-components", "../styles/typography"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("../styles"), require("./styling"), require("../icons/systemicons/SystemIcons"), require("styled-components"), require("../styles/typography"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styles, global.styling, global.SystemIcons, global.styledComponents, global.typography);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styles, _styling, _SystemIcons, _styledComponents, _typography) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (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
-    };
-  }
-
-  /**
-   * Import React libraries.
-   */
-
-  /**
-   * Import custom styles.
-   */
-
-  /**
-   * Import custom components.
-   */
-
-  /**
-   * Import third-party libraries.
-   */
-  // Add component-specific styles.
-  const TextareaWrapper = _styledComponents2.default.div`
-  width: 100%;
-  ${props => props.margin ? `margin: ${props.margin};` : ''}
-`;
-  const TextArea = _styledComponents2.default.textarea`
-  border: 1px solid ${_styles.COLORS.neutral_400};
-  background: ${_styles.COLORS.white};
-  border-radius: 4px;
-  outline: none;
-  margin: 1px;
-  padding: 16px;
-
-  ${(0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Italic, _styles.COLORS.black)}
-
-  &.small {
-    width: 304px;
-  }
-
-  &.medium {
-    width: 344px;
-  }
-
-  &:hover {
-    border: 2px solid ${_styles.COLORS.primary_700};
-    margin: 0px;
-  }
-
-  &:active,
-  &:focus {
-    border: 2px solid ${_styles.COLORS.primary_800};
-    margin: 0px;
-    box-shadow: 0px 4px 12px ${_styles.COLORS.focus_25}, 0px 0px 8px ${_styles.COLORS.focus};
-  }
-
-  &.warning,
-  &.warning:hover,
-  &.warning:focus,
-  &.warning:active {
-    border: none;
-    margin: 1px;
-    -webkit-box-shadow: inset 0px 0px 0px 2px ${_styles.COLORS.warning_500};
-    -moz-box-shadow: inset 0px 0px 0px 2px ${_styles.COLORS.warning_500};
-    box-shadow: inset 0px 0px 0px 2px ${_styles.COLORS.warning_500};
-  }
-
-  &.error,
-  &.error:hover,
-  &.error:focus,
-  &.error:active {
-    border: none;
-    margin: 1px;
-    -webkit-box-shadow: inset 0px 0px 0px 2px ${_styles.COLORS.critical_500};
-    -moz-box-shadow: inset 0px 0px 0px 2px ${_styles.COLORS.critical_500};
-    box-shadow: inset 0px 0px 0px 2px ${_styles.COLORS.critical_500};
-  }
-
-  &:disabled,
-  &:disabled:hover,
-  &:disabled:focus {
-    cursor: not-allowed;
-    border: 1px solid ${_styles.COLORS.neutral_100};
-    margin: 1px;
-    box-shadow: none;
-
-    &::placeholder {
-      color: ${_styles.COLORS.neutral_300};
-    }
-  }
-
-  &::placeholder {
-    ${(0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Italic, _styles.COLORS.neutral_600)}
-  }
-`; // Add component-specific types
-
-  const Textarea = ({
-    id,
-    placeholder,
-    value,
-    size,
-    disabled,
-    validationType,
-    validationMessage,
-    onChange,
-    margin
-  }) => {
-    return /*#__PURE__*/React.createElement(TextareaWrapper, null, /*#__PURE__*/React.createElement(TextArea, {
-      id: id,
-      value: value,
-      placeholder: placeholder,
-      className: `${size} ${validationType}`,
-      disabled: disabled,
-      onChange: e => onChange && onChange(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: _propTypes2.default.string.isRequired,
-    placeholder: _propTypes2.default.string.isRequired,
-    value: _propTypes2.default.string,
-    disabled: _propTypes2.default.bool,
-    onChange: _propTypes2.default.func,
-    validationType: _propTypes2.default.oneOf(['error', 'warning']),
-    validationMessage: _propTypes2.default.string,
-    margin: _propTypes2.default.string
-  };
-  exports.default = Textarea;
-});
-//# sourceMappingURL=Textarea.js.map

package/dist/umd/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","ComponentMStyling","ComponentTextStyle","primary_700","primary_800","focus_25","focus","warning_500","critical_500","neutral_100","neutral_300","id","placeholder","value","disabled","onChange","validationType","validationMessage","Textarea","size","e","warning_400","critical_400"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAGA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAHA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAGA;AACA;AACA;AAIA;AACA,QAAMA,eAAe,GAAGC,2BAAOC,GAAyB;AACxD;AACA,IAAKC,KAAD,IAAYA,KAAK,CAALA,MAAAA,GAAgB,WAAUA,KAAK,CAACC,MAAhCD,GAAAA,GAA4C,EAAI;AAFhE,CAAA;AAIA,QAAME,QAAQ,GAAGJ,2BAAOK,QAAS;AACjC,sBAAsBC,eAAOC,WAAY;AACzC,gBAAgBD,eAAOE,KAAM;AAC7B;AACA;AACA;AACA;AACA;AACA,IAAIC,mCAAkBC,+BAAD,MAAjBD,EAA6CH,eAA5B,KAAjBG,CAA2D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwBH,eAAOK,WAAY;AAC3C;AACA;AACA;AACA;AACA;AACA,wBAAwBL,eAAOM,WAAY;AAC3C;AACA,+BAA+BN,eAAOO,QAAS,iBAAgBP,eAAOQ,KAAM;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gDAAgDR,eAAOS,WAAY;AACnE,6CAA6CT,eAAOS,WAAY;AAChE,wCAAwCT,eAAOS,WAAY;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gDAAgDT,eAAOU,YAAa;AACpE,6CAA6CV,eAAOU,YAAa;AACjE,wCAAwCV,eAAOU,YAAa;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwBV,eAAOW,WAAY;AAC3C;AACA;AACA;AACA;AACA,eAAeX,eAAOY,WAAY;AAClC;AACA;AACA;AACA;AACA,MAAMT,mCAAkBC,+BAAD,MAAjBD,EAA6CH,eAA5B,WAAjBG,CAAiE;AACvE;AAnEA,CAAA,C,CAsEA;;AAaA,QAAMiB,QAAgD,GAAG,CAAC;AAAA,IAAA,EAAA;AAAA,IAAA,WAAA;AAAA,IAAA,KAAA;AAAA,IAAA,IAAA;AAAA,IAAA,QAAA;AAAA,IAAA,cAAA;AAAA,IAAA,iBAAA;AAAA,IAAA,QAAA;AAAuFvB,IAAAA;AAAvF,GAAD,KAAoH;AAC3K,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AACE,MAAA,EAAE,EADJ,EAAA;AAEE,MAAA,KAAK,EAFP,KAAA;AAGE,MAAA,WAAW,EAHb,WAAA;AAIE,MAAA,SAAS,EAAG,GAAEwB,IAAK,IAAGH,cAJxB,EAAA;AAKE,MAAA,QAAQ,EALV,QAAA;AAME,MAAA,QAAQ,EAAGI,CAAD,IAAYL,QAAQ,IAAIA,QAAQ,CAACK,CAAC,EAADA,MAAAA,EAAAA,KAAAA,IAAD,EAAA;AAN5C,KAAA,CADF,EASGH,iBAAiB,IAAID,cAAc,KAAnCC,SAAAA,IAAAA,aACC,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA;AAAkB,MAAA,IAAI,EAAtB,MAAA;AAA8B,MAAA,KAAK,EAAEnB,eAAOuB;AAA5C,KAAA,CADF,EAAA,aAEE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAZN,iBAYM,CAFF,CAVJ,EAeGJ,iBAAiB,IAAID,cAAc,KAAnCC,OAAAA,IAAAA,aACC,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA;AAAkB,MAAA,IAAI,EAAtB,MAAA;AAA8B,MAAA,KAAK,EAAEnB,eAAOwB;AAA5C,KAAA,CADF,EAAA,aAEE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAnBR,iBAmBQ,CAFF,CAhBJ,CADF;AADF,GAAA;;;AAXEX,IAAAA,E;AACAC,IAAAA,W;AACAC,IAAAA,K;AACAC,IAAAA,Q;AACAC,IAAAA,Q;AACAC,IAAAA,c,6BAAiB,O,EAAU,S;AAC3BC,IAAAA,iB;AAEAtB,IAAAA,M;;oBA8BF,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/umd/InputFields/__tests__/QuickSearch.test.js

@@ -1,60 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["react", "@testing-library/react", "../../types", "..", "jest-styled-components"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(require("react"), require("@testing-library/react"), require("../../types"), require(".."), require("jest-styled-components"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(global.react, global.react, global.types, global._, global.jestStyledComponents);
-    global.undefined = mod.exports;
-  }
-})(this, function (_react, _react3, _types, _) {
-  "use strict";
-
-  var _react2 = _interopRequireDefault(_react);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  describe('<QuickSearch />', () => {
-    it('Renders quick search', async () => {
-      let search = '';
-      let searchEntered = false;
-      const {
-        queryByText,
-        getByTestId,
-        queryAllByTestId
-      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement("div", {
-        style: {
-          width: '400px'
-        }
-      }, /*#__PURE__*/_react2.default.createElement(_.QuickSearch, {
-        id: "QuickSearch",
-        size: _types.Size.Small,
-        enterSearch: () => {
-          searchEntered = true;
-        },
-        removeSearch: () => {
-          search = '';
-        },
-        setSearchTerm: term => {
-          search = term;
-        }
-      })));
-      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('QuickSearch_Searchbutton')?.click();
-      expect(getByTestId('QuickSearch')).toBeDefined();
-      expect(getByTestId('QuickSearch_main').classList.contains('expanded')).toBeTruthy();
-      expect(getByTestId('QuickSearch_Clearicon').parentElement).toHaveProperty('hidden');
-    });
-  });
-});
-//# sourceMappingURL=QuickSearch.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/InputFields/__tests__/QuickSearch.test.tsx"],"names":["describe","it","search","searchEntered","queryAllByTestId","render","width","Size","term","expect","getByTestId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMAA,EAAAA,QAAQ,CAAA,iBAAA,EAAoB,MAAM;AAChCC,IAAAA,EAAE,CAAA,sBAAA,EAAyB,YAAY;AACrC,UAAIC,MAAM,GAAV,EAAA;AACA,UAAIC,aAAa,GAAjB,KAAA;AACA,YAAM;AAAA,QAAA,WAAA;AAAA,QAAA,WAAA;AAA4BC,QAAAA;AAA5B,UAAiDC,qBAAM,aAC3D,gBAAA,aAAA,CAAA,KAAA,EAAA;AAAK,QAAA,KAAK,EAAE;AAAEC,UAAAA,KAAK,EAAE;AAAT;AAAZ,OAAA,EAAA,aACE,gBAAA,aAAA,CAAA,aAAA,EAAA;AACE,QAAA,EAAE,EADJ,aAAA;AAEE,QAAA,IAAI,EAAEC,YAFR,KAAA;AAGE,QAAA,WAAW,EAAE,MAAM;AACjBJ,UAAAA,aAAa,GAAbA,IAAAA;AAJJ,SAAA;AAME,QAAA,YAAY,EAAE,MAAM;AAClBD,UAAAA,MAAM,GAANA,EAAAA;AAPJ,SAAA;AASE,QAAA,aAAa,EAAGM,IAAD,IAAU;AACvBN,UAAAA,MAAM,GAANA,IAAAA;AACD;AAXH,OAAA,CADF,CADqDG,CAAvD;AAiBAI,MAAAA,MAAM,CAACC,WAAW,CAAXA,kBAAW,CAAXA,CAAAA,SAAAA,CAAAA,QAAAA,CAAPD,OAAOC,CAAD,CAAND,CAAAA,UAAAA;AACAA,MAAAA,MAAM,CAACC,WAAW,CAAlBD,0BAAkB,CAAZ,CAANA,CArBqC,WAqBrCA,GArBqC,CAuBrC;;AACAA,MAAAA,MAAM,CAACL,gBAAgB,CAAhBA,aAAgB,CAAhBA,CAAPK,MAAM,CAANA,CAAAA,IAAAA,CAAAA,CAAAA;AACCC,MAAAA,WAAW,CAAZ,0BAAY,CAAXA,EAAD,KAACA;AACDD,MAAAA,MAAM,CAACC,WAAW,CAAlBD,aAAkB,CAAZ,CAANA,CAAAA,WAAAA;AACAA,MAAAA,MAAM,CAACC,WAAW,CAAXA,kBAAW,CAAXA,CAAAA,SAAAA,CAAAA,QAAAA,CAAPD,UAAOC,CAAD,CAAND,CAAAA,UAAAA;AACAA,MAAAA,MAAM,CAACC,WAAW,CAAXA,uBAAW,CAAXA,CAAPD,aAAM,CAANA,CAAAA,cAAAA,CAAAA,QAAAA;AA5BFR,KAAE,CAAFA;AADFD,GAAQ,CAARA","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"}