@laerdal/life-react-components 1.2.1-dev.1.full → 1.2.1-dev.2

package/dist/esm/List/ListRowDropdown.js

@@ -1,125 +0,0 @@
-import _pt from "prop-types";
-import * as React from 'react';
-import styled from 'styled-components';
-import { COLORS, ComponentTextStyle } from '../styles';
-import { ComponentMStyling } from '../styles/typography';
-const Wrapper = styled.div`
-  .isInside {
-    top: 42px;
-  }
-  .isOutside {
-    bottom: 42px;
-  }
-`;
-const DropdownMenuContainer = styled.div`
-  position: absolute;
-  flex-direction: column;
-  background: ${COLORS.white};
-  font-size: 1em;
-  z-index: 1;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
-  border-radius: 4px;
-  right: 0;
-  width: max-content;
-  min-width: 260px;
-`;
-const Content = styled.button`
-  min-width: 100%;
-  padding: 12px 16px;
-
-  text-align: left;
-  height: inherit;
-
-  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}
-
-  background-color: ${COLORS.white};
-  border-width: 0;
-
-  &:hover,
-  &:focus {
-    cursor: pointer;
-  }
-
-  &:hover {
-    background: ${COLORS.primary_20};
-    border-radius: 4px;
-  }
-  &:active {
-    background: ${COLORS.primary_100};
-    border-radius: 4px;
-  }
-`;
-const DropdownValue = styled.div`
-  height: ${props => handleDropdownHeight(props.size)}
-`;
-
-const handleDropdownHeight = size => {
-  switch (size) {
-    case 'small':
-      return '48px;';
-
-    case 'medium':
-      return '56px;';
-
-    default:
-      return '64px;';
-  }
-};
-
-const ListRowDropdown = ({
-  options,
-  closeDropdown,
-  size
-}) => {
-  const [classname, setClassname] = React.useState('isInside');
-  const reference = React.useRef(null);
-
-  const clickIsOutside = e => reference && reference?.current && !reference?.current.contains(e.target);
-
-  const handleClick = e => {
-    if (e.keyCode) {
-      if (e.keyCode === 27) {
-        closeDropdown();
-      }
-    } else if (clickIsOutside(e)) {
-      closeDropdown();
-    }
-  };
-
-  const isInViewport = (offset = 0) => {
-    if (!reference.current) return;
-    const top = reference.current.getBoundingClientRect().bottom;
-    const inside = top + offset >= 0 && top - offset <= window.innerHeight;
-
-    if (!inside) {
-      setClassname('isOutside');
-    }
-  };
-
-  React.useEffect(() => {
-    document.addEventListener('mousedown', handleClick, false);
-    document.addEventListener('keydown', handleClick, false);
-    isInViewport();
-    return () => {
-      document.removeEventListener('mousedown', handleClick, false);
-      document.removeEventListener('keydown', handleClick, false);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(DropdownMenuContainer, {
-    ref: reference,
-    className: classname
-  }, options.map(option => /*#__PURE__*/React.createElement(DropdownValue, {
-    size: size
-  }, /*#__PURE__*/React.createElement(Content, {
-    key: option.key,
-    onClick: option.action
-  }, option.label)))));
-};
-
-ListRowDropdown.propTypes = {
-  options: _pt.array.isRequired,
-  closeDropdown: _pt.any.isRequired,
-  size: _pt.string.isRequired
-};
-export default ListRowDropdown;
-//# sourceMappingURL=ListRowDropdown.js.map

package/dist/esm/List/ListRowDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/List/ListRowDropdown.tsx"],"names":["React","styled","COLORS","ComponentTextStyle","ComponentMStyling","Wrapper","div","DropdownMenuContainer","white","Content","button","Regular","neutral_600","primary_20","primary_100","DropdownValue","props","handleDropdownHeight","size","ListRowDropdown","options","closeDropdown","classname","setClassname","useState","reference","useRef","clickIsOutside","e","current","contains","target","handleClick","keyCode","isInViewport","offset","top","getBoundingClientRect","bottom","inside","window","innerHeight","useEffect","document","addEventListener","removeEventListener","map","option","key","action","label"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {COLORS, ComponentTextStyle} from '../styles';\nimport {ListRowDropdownOption} from '../types';\nimport {ComponentMStyling} from '../styles/typography';\n\nconst Wrapper = styled.div`\n  .isInside {\n    top: 42px;\n  }\n  .isOutside {\n    bottom: 42px;\n  }\n`;\n\nconst DropdownMenuContainer = styled.div`\n  position: absolute;\n  flex-direction: column;\n  background: ${COLORS.white};\n  font-size: 1em;\n  z-index: 1;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n  right: 0;\n  width: max-content;\n  min-width: 260px;\n`;\n\nconst Content = styled.button`\n  min-width: 100%;\n  padding: 12px 16px;\n\n  text-align: left;\n  height: inherit;\n\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n\n  background-color: ${COLORS.white};\n  border-width: 0;\n\n  &:hover,\n  &:focus {\n    cursor: pointer;\n  }\n\n  &:hover {\n    background: ${COLORS.primary_20};\n    border-radius: 4px;\n  }\n  &:active {\n    background: ${COLORS.primary_100};\n    border-radius: 4px;\n  }\n`;\n\nconst DropdownValue = styled.div<{size:string}>`\n  height: ${props=> handleDropdownHeight(props.size)}\n`;\n\nconst handleDropdownHeight = (size:string) => {\n  switch(size)\n  {\n    case 'small' : return '48px;';\n    case 'medium' : return '56px;';\n    default : return '64px;';\n  }\n}\n\ntype DropdownMenuProps = {\n  options: ListRowDropdownOption[];\n  closeDropdown: any;\n  size: string;\n};\n\nconst ListRowDropdown: React.FunctionComponent<DropdownMenuProps> = ({ options, closeDropdown, size }: DropdownMenuProps) => {\n  const [classname, setClassname] = React.useState('isInside');\n  const reference = React.useRef<HTMLDivElement>(null);\n\n  const clickIsOutside = (e: any) => reference && reference?.current && !reference?.current.contains(e.target);\n\n  const handleClick = (e: any) => {\n    if (e.keyCode) {\n      if (e.keyCode === 27) {\n        closeDropdown();\n      }\n    } else if (clickIsOutside(e)) {\n      closeDropdown();\n    }\n  };\n\n  const isInViewport = (offset = 0) => {\n    if (!reference.current) return;\n    const top = reference.current.getBoundingClientRect().bottom;\n    const inside = top + offset >= 0 && top - offset <= window.innerHeight;\n    if (!inside) {\n      setClassname('isOutside');\n    }\n  };\n\n  React.useEffect(() => {\n    document.addEventListener('mousedown', handleClick, false);\n    document.addEventListener('keydown', handleClick, false);\n    isInViewport();\n    return () => {\n      document.removeEventListener('mousedown', handleClick, false);\n      document.removeEventListener('keydown', handleClick, false);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Wrapper>\n      <DropdownMenuContainer ref={reference} className={classname}>\n        {options.map(option => (\n          <DropdownValue size={size}>\n            <Content key={option.key} onClick={option.action} >\n              {option.label}\n            </Content>\n          </DropdownValue>\n        ))}\n      </DropdownMenuContainer>\n    </Wrapper>\n  );\n};\n\nexport default ListRowDropdown;\n"],"file":"ListRowDropdown.js"}

package/dist/js/List/ListRowDropdown.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { ListRowDropdownOption } from '../types';
-declare type DropdownMenuProps = {
-    options: ListRowDropdownOption[];
-    closeDropdown: any;
-    size: string;
-};
-declare const ListRowDropdown: React.FunctionComponent<DropdownMenuProps>;
-export default ListRowDropdown;

package/dist/js/List/ListRowDropdown.js

@@ -1,131 +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 _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _typography = require("../styles/typography");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-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; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .isInside {\n    top: 42px;\n  }\n  .isOutside {\n    bottom: 42px;\n  }\n"])));
-
-var DropdownMenuContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  flex-direction: column;\n  background: ", ";\n  font-size: 1em;\n  z-index: 1;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n  right: 0;\n  width: max-content;\n  min-width: 260px;\n"])), _styles.COLORS.white);
-
-var Content = _styledComponents.default.button(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  min-width: 100%;\n  padding: 12px 16px;\n\n  text-align: left;\n  height: inherit;\n\n  ", "\n\n  background-color: ", ";\n  border-width: 0;\n\n  &:hover,\n  &:focus {\n    cursor: pointer;\n  }\n\n  &:hover {\n    background: ", ";\n    border-radius: 4px;\n  }\n  &:active {\n    background: ", ";\n    border-radius: 4px;\n  }\n"])), (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600), _styles.COLORS.white, _styles.COLORS.primary_20, _styles.COLORS.primary_100);
-
-var DropdownValue = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  height: ", "\n"])), function (props) {
-  return handleDropdownHeight(props.size);
-});
-
-var handleDropdownHeight = function handleDropdownHeight(size) {
-  switch (size) {
-    case 'small':
-      return '48px;';
-
-    case 'medium':
-      return '56px;';
-
-    default:
-      return '64px;';
-  }
-};
-
-var ListRowDropdown = function ListRowDropdown(_ref) {
-  var options = _ref.options,
-      closeDropdown = _ref.closeDropdown,
-      size = _ref.size;
-
-  var _React$useState = React.useState('isInside'),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      classname = _React$useState2[0],
-      setClassname = _React$useState2[1];
-
-  var reference = React.useRef(null);
-
-  var clickIsOutside = function clickIsOutside(e) {
-    return reference && (reference === null || reference === void 0 ? void 0 : reference.current) && !(reference !== null && reference !== void 0 && reference.current.contains(e.target));
-  };
-
-  var handleClick = function handleClick(e) {
-    if (e.keyCode) {
-      if (e.keyCode === 27) {
-        closeDropdown();
-      }
-    } else if (clickIsOutside(e)) {
-      closeDropdown();
-    }
-  };
-
-  var isInViewport = function isInViewport() {
-    var offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    if (!reference.current) return;
-    var top = reference.current.getBoundingClientRect().bottom;
-    var inside = top + offset >= 0 && top - offset <= window.innerHeight;
-
-    if (!inside) {
-      setClassname('isOutside');
-    }
-  };
-
-  React.useEffect(function () {
-    document.addEventListener('mousedown', handleClick, false);
-    document.addEventListener('keydown', handleClick, false);
-    isInViewport();
-    return function () {
-      document.removeEventListener('mousedown', handleClick, false);
-      document.removeEventListener('keydown', handleClick, false);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(DropdownMenuContainer, {
-    ref: reference,
-    className: classname
-  }, options.map(function (option) {
-    return /*#__PURE__*/React.createElement(DropdownValue, {
-      size: size
-    }, /*#__PURE__*/React.createElement(Content, {
-      key: option.key,
-      onClick: option.action
-    }, option.label));
-  })));
-};
-
-ListRowDropdown.propTypes = {
-  options: _propTypes.default.array.isRequired,
-  closeDropdown: _propTypes.default.any.isRequired,
-  size: _propTypes.default.string.isRequired
-};
-var _default = ListRowDropdown;
-exports.default = _default;
-//# sourceMappingURL=ListRowDropdown.js.map

package/dist/js/List/ListRowDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/List/ListRowDropdown.tsx"],"names":["Wrapper","styled","div","DropdownMenuContainer","COLORS","white","Content","button","ComponentTextStyle","Regular","neutral_600","primary_20","primary_100","DropdownValue","props","handleDropdownHeight","size","ListRowDropdown","options","closeDropdown","React","useState","classname","setClassname","reference","useRef","clickIsOutside","e","current","contains","target","handleClick","keyCode","isInViewport","offset","top","getBoundingClientRect","bottom","inside","window","innerHeight","useEffect","document","addEventListener","removeEventListener","map","option","key","action","label"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {COLORS, ComponentTextStyle} from '../styles';\nimport {ListRowDropdownOption} from '../types';\nimport {ComponentMStyling} from '../styles/typography';\n\nconst Wrapper = styled.div`\n  .isInside {\n    top: 42px;\n  }\n  .isOutside {\n    bottom: 42px;\n  }\n`;\n\nconst DropdownMenuContainer = styled.div`\n  position: absolute;\n  flex-direction: column;\n  background: ${COLORS.white};\n  font-size: 1em;\n  z-index: 1;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n  right: 0;\n  width: max-content;\n  min-width: 260px;\n`;\n\nconst Content = styled.button`\n  min-width: 100%;\n  padding: 12px 16px;\n\n  text-align: left;\n  height: inherit;\n\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n\n  background-color: ${COLORS.white};\n  border-width: 0;\n\n  &:hover,\n  &:focus {\n    cursor: pointer;\n  }\n\n  &:hover {\n    background: ${COLORS.primary_20};\n    border-radius: 4px;\n  }\n  &:active {\n    background: ${COLORS.primary_100};\n    border-radius: 4px;\n  }\n`;\n\nconst DropdownValue = styled.div<{size:string}>`\n  height: ${props=> handleDropdownHeight(props.size)}\n`;\n\nconst handleDropdownHeight = (size:string) => {\n  switch(size)\n  {\n    case 'small' : return '48px;';\n    case 'medium' : return '56px;';\n    default : return '64px;';\n  }\n}\n\ntype DropdownMenuProps = {\n  options: ListRowDropdownOption[];\n  closeDropdown: any;\n  size: string;\n};\n\nconst ListRowDropdown: React.FunctionComponent<DropdownMenuProps> = ({ options, closeDropdown, size }: DropdownMenuProps) => {\n  const [classname, setClassname] = React.useState('isInside');\n  const reference = React.useRef<HTMLDivElement>(null);\n\n  const clickIsOutside = (e: any) => reference && reference?.current && !reference?.current.contains(e.target);\n\n  const handleClick = (e: any) => {\n    if (e.keyCode) {\n      if (e.keyCode === 27) {\n        closeDropdown();\n      }\n    } else if (clickIsOutside(e)) {\n      closeDropdown();\n    }\n  };\n\n  const isInViewport = (offset = 0) => {\n    if (!reference.current) return;\n    const top = reference.current.getBoundingClientRect().bottom;\n    const inside = top + offset >= 0 && top - offset <= window.innerHeight;\n    if (!inside) {\n      setClassname('isOutside');\n    }\n  };\n\n  React.useEffect(() => {\n    document.addEventListener('mousedown', handleClick, false);\n    document.addEventListener('keydown', handleClick, false);\n    isInViewport();\n    return () => {\n      document.removeEventListener('mousedown', handleClick, false);\n      document.removeEventListener('keydown', handleClick, false);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Wrapper>\n      <DropdownMenuContainer ref={reference} className={classname}>\n        {options.map(option => (\n          <DropdownValue size={size}>\n            <Content key={option.key} onClick={option.action} >\n              {option.label}\n            </Content>\n          </DropdownValue>\n        ))}\n      </DropdownMenuContainer>\n    </Wrapper>\n  );\n};\n\nexport default ListRowDropdown;\n"],"file":"ListRowDropdown.js"}

package/dist/umd/List/ListRowDropdown.js

@@ -1,202 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "styled-components", "../styles", "../styles/typography"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../styles"), require("../styles/typography"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.styles, global.typography);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styledComponents, _styles, _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
-    };
-  }
-
-  const Wrapper = _styledComponents2.default.div`
-  .isInside {
-    top: 42px;
-  }
-  .isOutside {
-    bottom: 42px;
-  }
-`;
-  const DropdownMenuContainer = _styledComponents2.default.div`
-  position: absolute;
-  flex-direction: column;
-  background: ${_styles.COLORS.white};
-  font-size: 1em;
-  z-index: 1;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
-  border-radius: 4px;
-  right: 0;
-  width: max-content;
-  min-width: 260px;
-`;
-  const Content = _styledComponents2.default.button`
-  min-width: 100%;
-  padding: 12px 16px;
-
-  text-align: left;
-  height: inherit;
-
-  ${(0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600)}
-
-  background-color: ${_styles.COLORS.white};
-  border-width: 0;
-
-  &:hover,
-  &:focus {
-    cursor: pointer;
-  }
-
-  &:hover {
-    background: ${_styles.COLORS.primary_20};
-    border-radius: 4px;
-  }
-  &:active {
-    background: ${_styles.COLORS.primary_100};
-    border-radius: 4px;
-  }
-`;
-  const DropdownValue = _styledComponents2.default.div`
-  height: ${props => handleDropdownHeight(props.size)}
-`;
-
-  const handleDropdownHeight = size => {
-    switch (size) {
-      case 'small':
-        return '48px;';
-
-      case 'medium':
-        return '56px;';
-
-      default:
-        return '64px;';
-    }
-  };
-
-  const ListRowDropdown = ({
-    options,
-    closeDropdown,
-    size
-  }) => {
-    const [classname, setClassname] = React.useState('isInside');
-    const reference = React.useRef(null);
-
-    const clickIsOutside = e => reference && reference?.current && !reference?.current.contains(e.target);
-
-    const handleClick = e => {
-      if (e.keyCode) {
-        if (e.keyCode === 27) {
-          closeDropdown();
-        }
-      } else if (clickIsOutside(e)) {
-        closeDropdown();
-      }
-    };
-
-    const isInViewport = (offset = 0) => {
-      if (!reference.current) return;
-      const top = reference.current.getBoundingClientRect().bottom;
-      const inside = top + offset >= 0 && top - offset <= window.innerHeight;
-
-      if (!inside) {
-        setClassname('isOutside');
-      }
-    };
-
-    React.useEffect(() => {
-      document.addEventListener('mousedown', handleClick, false);
-      document.addEventListener('keydown', handleClick, false);
-      isInViewport();
-      return () => {
-        document.removeEventListener('mousedown', handleClick, false);
-        document.removeEventListener('keydown', handleClick, false);
-      }; // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(DropdownMenuContainer, {
-      ref: reference,
-      className: classname
-    }, options.map(option => /*#__PURE__*/React.createElement(DropdownValue, {
-      size: size
-    }, /*#__PURE__*/React.createElement(Content, {
-      key: option.key,
-      onClick: option.action
-    }, option.label)))));
-  };
-
-  ListRowDropdown.propTypes = {
-    options: _propTypes2.default.array.isRequired,
-    closeDropdown: _propTypes2.default.any.isRequired,
-    size: _propTypes2.default.string.isRequired
-  };
-  exports.default = ListRowDropdown;
-});
-//# sourceMappingURL=ListRowDropdown.js.map

package/dist/umd/List/ListRowDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/List/ListRowDropdown.tsx"],"names":["Wrapper","styled","div","DropdownMenuContainer","COLORS","white","Content","button","ComponentMStyling","ComponentTextStyle","primary_20","primary_100","DropdownValue","props","handleDropdownHeight","size","options","closeDropdown","ListRowDropdown","React","reference","clickIsOutside","e","handleClick","isInViewport","offset","top","inside","window","setClassname","document","classname","option","action"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {COLORS, ComponentTextStyle} from '../styles';\nimport {ListRowDropdownOption} from '../types';\nimport {ComponentMStyling} from '../styles/typography';\n\nconst Wrapper = styled.div`\n  .isInside {\n    top: 42px;\n  }\n  .isOutside {\n    bottom: 42px;\n  }\n`;\n\nconst DropdownMenuContainer = styled.div`\n  position: absolute;\n  flex-direction: column;\n  background: ${COLORS.white};\n  font-size: 1em;\n  z-index: 1;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n  right: 0;\n  width: max-content;\n  min-width: 260px;\n`;\n\nconst Content = styled.button`\n  min-width: 100%;\n  padding: 12px 16px;\n\n  text-align: left;\n  height: inherit;\n\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n\n  background-color: ${COLORS.white};\n  border-width: 0;\n\n  &:hover,\n  &:focus {\n    cursor: pointer;\n  }\n\n  &:hover {\n    background: ${COLORS.primary_20};\n    border-radius: 4px;\n  }\n  &:active {\n    background: ${COLORS.primary_100};\n    border-radius: 4px;\n  }\n`;\n\nconst DropdownValue = styled.div<{size:string}>`\n  height: ${props=> handleDropdownHeight(props.size)}\n`;\n\nconst handleDropdownHeight = (size:string) => {\n  switch(size)\n  {\n    case 'small' : return '48px;';\n    case 'medium' : return '56px;';\n    default : return '64px;';\n  }\n}\n\ntype DropdownMenuProps = {\n  options: ListRowDropdownOption[];\n  closeDropdown: any;\n  size: string;\n};\n\nconst ListRowDropdown: React.FunctionComponent<DropdownMenuProps> = ({ options, closeDropdown, size }: DropdownMenuProps) => {\n  const [classname, setClassname] = React.useState('isInside');\n  const reference = React.useRef<HTMLDivElement>(null);\n\n  const clickIsOutside = (e: any) => reference && reference?.current && !reference?.current.contains(e.target);\n\n  const handleClick = (e: any) => {\n    if (e.keyCode) {\n      if (e.keyCode === 27) {\n        closeDropdown();\n      }\n    } else if (clickIsOutside(e)) {\n      closeDropdown();\n    }\n  };\n\n  const isInViewport = (offset = 0) => {\n    if (!reference.current) return;\n    const top = reference.current.getBoundingClientRect().bottom;\n    const inside = top + offset >= 0 && top - offset <= window.innerHeight;\n    if (!inside) {\n      setClassname('isOutside');\n    }\n  };\n\n  React.useEffect(() => {\n    document.addEventListener('mousedown', handleClick, false);\n    document.addEventListener('keydown', handleClick, false);\n    isInViewport();\n    return () => {\n      document.removeEventListener('mousedown', handleClick, false);\n      document.removeEventListener('keydown', handleClick, false);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Wrapper>\n      <DropdownMenuContainer ref={reference} className={classname}>\n        {options.map(option => (\n          <DropdownValue size={size}>\n            <Content key={option.key} onClick={option.action} >\n              {option.label}\n            </Content>\n          </DropdownValue>\n        ))}\n      </DropdownMenuContainer>\n    </Wrapper>\n  );\n};\n\nexport default ListRowDropdown;\n"],"file":"ListRowDropdown.js"}