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

package/dist/umd/InputFields/components/SearchBarInput.js

@@ -1,199 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "styled-components", "../../styles/index", "../../styles/typography"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../../styles/index"), require("../../styles/typography"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.index, global.typography);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styledComponents, _index, _typography) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.BigSearch = exports.Search = undefined;
-
-  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
-    };
-  }
-
-  const Search = exports.Search = _styledComponents2.default.input.attrs(() => ({
-    type: 'search'
-  }))`
-  appearance: none;
-  width: calc(100% - 96px);
-  ${(0, _typography.ComponentSStyling)(_index.ComponentTextStyle.Regular, _index.COLORS.black)}
-
-  /* To prevent browser putting its own cross inside the search bar */
-  ::-ms-clear {
-    display: none;
-    width: 0;
-    height: 0;
-  }
-  ::-ms-reveal {
-    display: none;
-    width: 0;
-    height: 0;
-  }
-  ::-webkit-search-decoration,
-  ::-webkit-search-cancel-button,
-  ::-webkit-search-results-button,
-  ::-webkit-search-results-decoration {
-    display: none;
-  }
-
-  ::placeholder {
-    ${(0, _typography.ComponentSStyling)(_index.ComponentTextStyle.Italic, _index.COLORS.neutral_500)}
-  }
-
-  &:focus {
-    outline-width: 0;
-  }
-`;
-  const BigSearch = exports.BigSearch = (0, _styledComponents2.default)(Search)`
-  height: 32px;
-  border-width: 0;
-  margin-left: 50px;
-  outline: none;
-
-  ${(0, _typography.ComponentMStyling)(_index.ComponentTextStyle.Regular, _index.COLORS.black)}
-
-  ::placeholder {
-    ${(0, _typography.ComponentSStyling)(_index.ComponentTextStyle.Italic, _index.COLORS.neutral_600)}
-  }
-  ${_index.BREAKPOINTS.MEDIUM} {
-    ::placeholder {
-      ${(0, _typography.ComponentMStyling)(_index.ComponentTextStyle.Italic, _index.COLORS.neutral_600)}
-    }
-  }
-  &.small {
-    ::placeholder {
-      ${(0, _typography.ComponentSStyling)(_index.ComponentTextStyle.Italic, _index.COLORS.neutral_600)}
-    }
-  }
-  &.medium {
-    ::placeholder {
-      ${(0, _typography.ComponentMStyling)(_index.ComponentTextStyle.Italic, _index.COLORS.neutral_600)}
-    }
-  }
-  &:disabled {
-    background: transparent;
-    border: none;
-  }
-`;
-  const SearchBarInput = /*#__PURE__*/React.forwardRef((props, ref) => {
-    const {
-      id,
-      searchTerm,
-      setSearchTerm,
-      enterSearch,
-      placeholder,
-      disabled,
-      onKeyDown,
-      size,
-      setTabbedHere,
-      onBlur
-    } = props;
-
-    const isPressingEnter = e => {
-      if (e.key === 'Enter') {
-        e.preventDefault();
-        e.stopPropagation();
-        return true;
-      }
-
-      return false;
-    };
-
-    return /*#__PURE__*/React.createElement(BigSearch, {
-      placeholder: disabled ? '' : placeholder,
-      id: id,
-      "data-testid": id,
-      className: size ? size : '',
-      tabIndex: 0,
-      disabled: disabled,
-      onChange: e => setSearchTerm(e.target.value),
-      value: searchTerm,
-      ref: ref,
-      onBlur: e => onBlur ? onBlur(e) : setTabbedHere(false),
-      onKeyDown: onKeyDown,
-      onKeyPress: e => isPressingEnter(e) ? enterSearch(e) : null
-    });
-  });
-  SearchBarInput.propTypes = {
-    id: _propTypes2.default.string.isRequired,
-    searchTerm: _propTypes2.default.string,
-    setSearchTerm: _propTypes2.default.func.isRequired,
-    enterSearch: _propTypes2.default.func.isRequired,
-    placeholder: _propTypes2.default.string,
-    disabled: _propTypes2.default.bool,
-    onKeyDown: _propTypes2.default.func,
-    setTabbedHere: _propTypes2.default.func.isRequired,
-    onBlur: _propTypes2.default.func
-  };
-  exports.default = SearchBarInput;
-});
-//# sourceMappingURL=SearchBarInput.js.map

package/dist/umd/InputFields/components/SearchBarInput.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/InputFields/components/SearchBarInput.tsx"],"names":["Search","type","ComponentSStyling","ComponentTextStyle","COLORS","BigSearch","styled","ComponentMStyling","BREAKPOINTS","MEDIUM","id","searchTerm","setSearchTerm","enterSearch","placeholder","disabled","onKeyDown","setTabbedHere","onBlur","SearchBarInput","isPressingEnter","e","size"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../../styles/index';\r\nimport { Size } from '../../types';\r\nimport { ComponentMStyling, ComponentSStyling } from '../../styles/typography';\r\n\r\nexport const Search = styled.input.attrs(() => ({ type: 'search' }))`\r\n  appearance: none;\r\n  width: calc(100% - 96px);\r\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n\r\n  /* To prevent browser putting its own cross inside the search bar */\r\n  ::-ms-clear {\r\n    display: none;\r\n    width: 0;\r\n    height: 0;\r\n  }\r\n  ::-ms-reveal {\r\n    display: none;\r\n    width: 0;\r\n    height: 0;\r\n  }\r\n  ::-webkit-search-decoration,\r\n  ::-webkit-search-cancel-button,\r\n  ::-webkit-search-results-button,\r\n  ::-webkit-search-results-decoration {\r\n    display: none;\r\n  }\r\n\r\n  ::placeholder {\r\n    ${ComponentSStyling(ComponentTextStyle.Italic, COLORS.neutral_500)}\r\n  }\r\n\r\n  &:focus {\r\n    outline-width: 0;\r\n  }\r\n`;\r\n\r\nexport const BigSearch = styled(Search)`\r\n  height: 32px;\r\n  border-width: 0;\r\n  margin-left: 50px;\r\n  outline: none;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n\r\n  ::placeholder {\r\n    ${ComponentSStyling(ComponentTextStyle.Italic, COLORS.neutral_600)}\r\n  }\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ::placeholder {\r\n      ${ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_600)}\r\n    }\r\n  }\r\n  &.small {\r\n    ::placeholder {\r\n      ${ComponentSStyling(ComponentTextStyle.Italic, COLORS.neutral_600)}\r\n    }\r\n  }\r\n  &.medium {\r\n    ::placeholder {\r\n      ${ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_600)}\r\n    }\r\n  }\r\n  &:disabled {\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n`;\r\n\r\ntype SearchBarInputProps = {\r\n  id: string;\r\n  searchTerm?: string;\r\n  setSearchTerm: (term: string) => void;\r\n  enterSearch: (e: any) => void;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  onKeyDown?: (e: React.KeyboardEvent) => void;\r\n  size?: Size.Small | Size.Medium;\r\n  setTabbedHere: (tabbedHere: boolean) => void;\r\n  onBlur?: (e: any) => void;\r\n};\r\n\r\nconst SearchBarInput = React.forwardRef<HTMLInputElement, SearchBarInputProps>((props: SearchBarInputProps, ref) => {\r\n  const { id, searchTerm, setSearchTerm, enterSearch, placeholder, disabled, onKeyDown, size, setTabbedHere, onBlur } = props;\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    <BigSearch\r\n      placeholder={disabled ? '' : placeholder}\r\n      id={id}\r\n      data-testid={id}\r\n      className={size ? size : ''}\r\n      tabIndex={0}\r\n      disabled={disabled}\r\n      onChange={(e: any) => setSearchTerm(e.target.value)}\r\n      value={searchTerm}\r\n      ref={ref}\r\n      onBlur={(e) => (onBlur ? onBlur(e) : setTabbedHere(false))}\r\n      onKeyDown={onKeyDown}\r\n      onKeyPress={(e: any) => (isPressingEnter(e) ? enterSearch(e) : null)}\r\n    />\r\n  );\r\n});\r\n\r\nexport default SearchBarInput;\r\n"],"file":"SearchBarInput.js"}

package/dist/umd/InputFields/components/SearchField.js

@@ -1,188 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "styled-components", "../../styles/index", "../styling", "../../styles/typography"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../../styles/index"), require("../styling"), require("../../styles/typography"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.index, global.styling, global.typography);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styledComponents, _index, _styling, _typography) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.StyledSearchField = undefined;
-
-  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
-    };
-  }
-
-  const DisabledState = _styledComponents.css`
-  border: 1px solid ${_index.COLORS.neutral_100};
-  pointer-events: none;
-  background-color: transparent !important;
-  box-shadow: none !important;
-`;
-  const StyledSearchField = exports.StyledSearchField = _styledComponents2.default.div`
-  display: flex;
-  flex-direction: row;
-  box-shadow: inset 0px 0px 0px 1px ${_index.COLORS.neutral_400};
-  box-sizing: border-box;
-  border-radius: 56px;
-  align-items: center;
-  position: relative;
-  height: 48px;
-  appearance: none;
-  background-color: ${_index.COLORS.white};
-
-  ${(0, _typography.ComponentSStyling)(_index.ComponentTextStyle.Regular, _index.COLORS.black)}
-
-  padding: 0 !important;
-  width: 100%;
-  ::placeholder {
-    ${(0, _typography.ComponentSStyling)(_index.ComponentTextStyle.Italic, _index.COLORS.neutral_500)}
-  }
-  ${_index.BREAKPOINTS.MEDIUM} {
-    ${(0, _typography.ComponentMStyling)(_index.ComponentTextStyle.Regular, _index.COLORS.black)}
-
-    height: 56px;
-    padding: 0 4px !important;
-    &::placeholder {
-      ${(0, _typography.ComponentMStyling)(_index.ComponentTextStyle.Italic, _index.COLORS.neutral_500)}
-    }
-  }
-  &.small {
-    ${(0, _typography.ComponentSStyling)(_index.ComponentTextStyle.Regular, _index.COLORS.black)}
-    height: 48px;
-    padding: 0 !important;
-    &::placeholder {
-      ${(0, _typography.ComponentSStyling)(_index.ComponentTextStyle.Italic, _index.COLORS.neutral_500)}
-    }
-  }
-  &.medium {
-    ${(0, _typography.ComponentMStyling)(_index.ComponentTextStyle.Regular, _index.COLORS.black)}
-    height: 56px;
-    &::placeholder {
-      ${(0, _typography.ComponentMStyling)(_index.ComponentTextStyle.Italic, _index.COLORS.neutral_500)}
-    }
-  }
-  &:hover {
-    -webkit-box-shadow: inset 0px 0px 0px 2px ${_index.COLORS.primary_700};
-    -moz-box-shadow: inset 0px 0px 0px 2px ${_index.COLORS.primary_700};
-    box-shadow: inset 0px 0px 0px 2px ${_index.COLORS.primary_700};
-    border-color: transparent;
-  }
-  &:focus-within {
-    -webkit-box-shadow: inset 0px 0px 0px 2px ${_index.COLORS.primary_800};
-    -moz-box-shadow: inset 0px 0px 0px 2px ${_index.COLORS.primary_800};
-    box-shadow: inset 0px 0px 0px 2px ${_index.COLORS.primary_800};
-    border-color: transparent;
-  }
-  &:disabled {
-    border: 1px solid ${_index.COLORS.neutral_100};
-    pointer-events: none;
-    background-color: transparent !important;
-  }
-  div {
-    color: ${_index.COLORS.neutral_600};
-    background-color: transparent;
-  }
-  ${props => props.disabled ? DisabledState : ''}
-  ${props => props.activeValidationMessage ? _styling.activeValidationMessageState : ''}
-  ${props => props.tabbedHere ? _styling.tabbedHereStyle : ''}
-`;
-
-  const SearchField = ({
-    id,
-    searchTerm,
-    disabled,
-    validationMessage,
-    children,
-    tabbedHere,
-    size
-  }) => {
-    return /*#__PURE__*/React.createElement(StyledSearchField, {
-      id: `${id}_main`,
-      className: (searchTerm !== '' ? 'searchactive ' : '').concat(size ? size : ''),
-      disabled: disabled,
-      tabbedHere: tabbedHere,
-      tabIndex: -1,
-      activeValidationMessage: validationMessage !== undefined && validationMessage !== ''
-    }, children);
-  };
-
-  SearchField.propTypes = {
-    id: _propTypes2.default.string.isRequired,
-    searchTerm: _propTypes2.default.string,
-    disabled: _propTypes2.default.bool,
-    validationMessage: _propTypes2.default.string,
-    children: _propTypes2.default.any.isRequired,
-    tabbedHere: _propTypes2.default.bool.isRequired,
-    size: _propTypes2.default.string.isRequired
-  };
-  exports.default = SearchField;
-});
-//# sourceMappingURL=SearchField.js.map

package/dist/umd/InputFields/components/SearchField.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/InputFields/components/SearchField.tsx"],"names":["DisabledState","css","COLORS","neutral_100","StyledSearchField","styled","div","neutral_400","white","ComponentSStyling","ComponentTextStyle","BREAKPOINTS","MEDIUM","ComponentMStyling","primary_700","primary_800","neutral_600","props","id","searchTerm","disabled","validationMessage","children","tabbedHere","size","SearchField"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles/index';\r\nimport {activeValidationMessageState, tabbedHereStyle} from '../styling';\r\nimport {ComponentMStyling, ComponentSStyling} from '../../styles/typography';\r\n\r\nconst DisabledState = css`\r\n  border: 1px solid ${COLORS.neutral_100};\r\n  pointer-events: none;\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n`;\r\n\r\nexport const StyledSearchField = styled.div<{ disabled?: boolean; activeValidationMessage?: boolean; tabbedHere?: boolean }>`\r\n  display: flex;\r\n  flex-direction: row;\r\n  box-shadow: inset 0px 0px 0px 1px ${COLORS.neutral_400};\r\n  box-sizing: border-box;\r\n  border-radius: 56px;\r\n  align-items: center;\r\n  position: relative;\r\n  height: 48px;\r\n  appearance: none;\r\n  background-color: ${COLORS.white};\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n\r\n  padding: 0 !important;\r\n  width: 100%;\r\n  ::placeholder {\r\n    ${ComponentSStyling(ComponentTextStyle.Italic, COLORS.neutral_500)}\r\n  }\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n\r\n    height: 56px;\r\n    padding: 0 4px !important;\r\n    &::placeholder {\r\n      ${ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_500)}\r\n    }\r\n  }\r\n  &.small {\r\n    ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n    height: 48px;\r\n    padding: 0 !important;\r\n    &::placeholder {\r\n      ${ComponentSStyling(ComponentTextStyle.Italic, COLORS.neutral_500)}\r\n    }\r\n  }\r\n  &.medium {\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n    height: 56px;\r\n    &::placeholder {\r\n      ${ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_500)}\r\n    }\r\n  }\r\n  &:hover {\r\n    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_700};\r\n    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_700};\r\n    box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_700};\r\n    border-color: transparent;\r\n  }\r\n  &:focus-within {\r\n    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_800};\r\n    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_800};\r\n    box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_800};\r\n    border-color: transparent;\r\n  }\r\n  &:disabled {\r\n    border: 1px solid ${COLORS.neutral_100};\r\n    pointer-events: none;\r\n    background-color: transparent !important;\r\n  }\r\n  div {\r\n    color: ${COLORS.neutral_600};\r\n    background-color: transparent;\r\n  }\r\n  ${(props) => (props.disabled ? DisabledState : '')}\r\n  ${(props) => (props.activeValidationMessage ? activeValidationMessageState : '')}\r\n  ${(props) => (props.tabbedHere ? tabbedHereStyle : '')}\r\n`;\r\n\r\ntype SeachFieldProps = {\r\n  id: string;\r\n  searchTerm?: string;\r\n  disabled?: boolean;\r\n  validationMessage?: string;\r\n  children: any;\r\n  tabbedHere: boolean;\r\n  size: string;\r\n};\r\n\r\nconst SearchField: React.FunctionComponent<SeachFieldProps> = ({ id, searchTerm, disabled, validationMessage, children, tabbedHere, size }) => {\r\n  return (\r\n    <StyledSearchField\r\n      id={`${id}_main`}\r\n      className={(searchTerm !== '' ? 'searchactive ' : '').concat(size ? size : '')}\r\n      disabled={disabled}\r\n      tabbedHere={tabbedHere}\r\n      tabIndex={-1}\r\n      activeValidationMessage={validationMessage !== undefined && validationMessage !== ''}>\r\n      {children}\r\n    </StyledSearchField>\r\n  );\r\n};\r\n\r\nexport default SearchField;\r\n"],"file":"SearchField.js"}

package/dist/umd/InputFields/index.js

@@ -1,55 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "./TextField", "./PasswordField", "./Checkbox", "./RadioButton", "./SearchBar", "./Label", "./DatepickerField", "./Textarea", "./QuickSearch"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("./TextField"), require("./PasswordField"), require("./Checkbox"), require("./RadioButton"), require("./SearchBar"), require("./Label"), require("./DatepickerField"), require("./Textarea"), require("./QuickSearch"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.TextField, global.PasswordField, global.Checkbox, global.RadioButton, global.SearchBar, global.Label, global.DatepickerField, global.Textarea, global.QuickSearch);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _TextField, _PasswordField, _Checkbox, _RadioButton, _SearchBar, _Label, _DatepickerField, _Textarea, _QuickSearch) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.QuickSearch = exports.Textarea = exports.DatepickerField = exports.InputLabel = exports.SearchBar = exports.RadioButton = exports.Checkbox = exports.PasswordField = exports.TextField = undefined;
-
-  var _TextField2 = _interopRequireDefault(_TextField);
-
-  var _PasswordField2 = _interopRequireDefault(_PasswordField);
-
-  var _Checkbox2 = _interopRequireDefault(_Checkbox);
-
-  var _RadioButton2 = _interopRequireDefault(_RadioButton);
-
-  var _SearchBar2 = _interopRequireDefault(_SearchBar);
-
-  var _Label2 = _interopRequireDefault(_Label);
-
-  var _DatepickerField2 = _interopRequireDefault(_DatepickerField);
-
-  var _Textarea2 = _interopRequireDefault(_Textarea);
-
-  var _QuickSearch2 = _interopRequireDefault(_QuickSearch);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  exports.TextField = _TextField2.default;
-  exports.PasswordField = _PasswordField2.default;
-  exports.Checkbox = _Checkbox2.default;
-  exports.RadioButton = _RadioButton2.default;
-  exports.SearchBar = _SearchBar2.default;
-  exports.InputLabel = _Label2.default;
-  exports.DatepickerField = _DatepickerField2.default;
-  exports.Textarea = _Textarea2.default;
-  exports.QuickSearch = _QuickSearch2.default;
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/InputFields/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAUA,S,GAAA,mB;UAAA,a,GAAA,uB;UAAA,Q,GAAA,kB;UAAA,W,GAAA,qB;UAAA,S,GAAA,mB;UAAA,U,GAAA,e;UAAA,e,GAAA,yB;UAAA,Q,GAAA,kB;UAAA,W,GAAA,qB","sourcesContent":["import TextField from './TextField';\r\nimport PasswordField from './PasswordField';\r\nimport Checkbox from './Checkbox';\r\nimport RadioButton from './RadioButton';\r\nimport SearchBar from './SearchBar';\r\nimport InputLabel from './Label';\r\nimport DatepickerField from './DatepickerField';\r\nimport Textarea from './Textarea';\r\nimport QuickSearch from './QuickSearch';\r\n\r\nexport { TextField, PasswordField, Checkbox, RadioButton, SearchBar, InputLabel, DatepickerField, Textarea, QuickSearch };\r\n"],"file":"index.js"}