@laerdal/life-react-components 3.4.2 → 3.5.0

package/dist/umd/List/ListRow.js

@@ -0,0 +1,327 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "prop-types", "react", "styled-components", "../styles", "../styles/typography", "../Tooltips", "../Dropdown", "../icons", "../types", "../styles/z-indexes"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../styles"), require("../styles/typography"), require("../Tooltips"), require("../Dropdown"), require("../icons"), require("../types"), require("../styles/z-indexes"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.styles, global.typography, global.Tooltips, global.Dropdown, global.icons, global.types, global.zIndexes);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _propTypes, _react, _styledComponents, _styles, _typography, _Tooltips, _Dropdown, _icons, _types, _zIndexes) {
+  "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
+    };
+  }
+
+  function _extends() {
+    _extends = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends.apply(this, arguments);
+  }
+
+  const Row = _styledComponents2.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  border-bottom: 1px solid ${_styles.COLORS.neutral_100};
+  box-sizing: border-box;
+  position: relative;
+
+  color: ${_styles.COLORS.neutral_600};
+  background-color: ${_styles.COLORS.white};
+
+
+  cursor: default;
+
+  &.interactive {
+    cursor: pointer;
+  }
+
+  &.interactive.disabled {
+    cursor: not-allowed;
+  }
+
+  &.interactive:hover:not(.in-action):not(.disabled) {
+    background-color: ${_styles.COLORS.primary_20};
+    color: ${_styles.COLORS.primary_700};
+    z-index: ${_zIndexes.Z_INDEXES.hover};
+  }
+
+  &.interactive:active:not(.in-action):not(.disabled) {
+    background-color: ${_styles.COLORS.primary_100};
+    color: ${_styles.COLORS.primary_800};
+    box-shadow: none;
+    z-index: ${_zIndexes.Z_INDEXES.active};
+  }
+
+  &.interactive:focus {
+    outline: none;
+    box-shadow: 0 4px 12px rgba(46, 127, 161, 0.25), 0 0 8px #2E7FA1;
+    z-index: ${_zIndexes.Z_INDEXES.focus};
+  }
+
+  &.disabled {
+    .list-item-icon, .list-item-content, .list-item-note, .list-item-actions {
+      color: ${_styles.COLORS.neutral_300};
+    }
+  }
+
+
+  &.small {
+    min-height: 48px;
+    padding: 0 8px;
+
+    .list-item-icon {
+      margin-right: 8px;
+    }
+
+    .list-item-main-text {
+      ${(0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null)}
+    }
+
+    .list-item-actions {
+      margin-right: -8px;
+    }
+  }
+
+  &.medium {
+    min-height: 56px;
+    padding: 0 12px;
+
+    .list-item-icon {
+      margin-right: 12px;
+    }
+
+    .list-item-main-text {
+      ${(0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, null)}
+    }
+
+    .list-item-actions {
+      margin-right: -12px;
+    }
+  }
+
+  &.large {
+    min-height: 64px;
+    padding: 0 16px;
+
+    .list-item-icon {
+      margin-right: 16px;
+    }
+
+    .list-item-main-text {
+      ${(0, _typography.ComponentLStyling)(_styles.ComponentTextStyle.Regular, null)}
+    }
+
+    .list-item-actions {
+      margin-right: -16px;
+    }
+  }
+
+  &.overlay {
+    padding: 0 4px;
+
+    .list-item-actions {
+      margin-right: -4px;
+    }
+  }
+
+  .list-item-icon {
+    width: 24px;
+    height: 24px;
+
+    svg {
+      width: 24px;
+      height: 24px;
+    }
+  }
+
+  .list-item-content {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .list-item-main-text {
+  }
+
+  .list-item-secondary-text {
+    ${(0, _typography.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, null)}
+  }
+
+  .list-item-note {
+    color: ${_styles.COLORS.neutral_600};
+    word-break: initial;
+    ${(0, _typography.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, null)}
+  }
+
+  .list-item-note.with-tooltip {
+    cursor: pointer;
+
+    > div {
+      text-decoration-line: underline;
+      text-decoration-style: dashed;
+      text-underline-offset: 1px;
+      text-decoration-thickness: 1px;
+    }
+  }
+
+  .list-item-actions {
+    color: ${_styles.COLORS.neutral_600};
+    display: flex;
+    align-items: center;
+
+    button div {
+      background-color: transparent;
+    }
+  }
+`;
+
+  const ListRow = ({
+    size = _types.Size.Medium,
+    variant = 'normal',
+    icon,
+    mainText,
+    secondaryText,
+    dropdown,
+    note,
+    noteTooltip,
+    disabled = false,
+    action
+  }) => {
+    const [inAction, setInAction] = React.useState(false);
+
+    const handleKeyPress = e => {
+      if (e.key === 'Enter') {
+        action && action();
+      }
+    };
+
+    const rowClassName = (inAction ? 'in-action ' : '').concat(disabled ? 'disabled ' : '').concat(!!action ? 'interactive ' : '').concat('list-item-row ').concat(`${variant} `).concat(`${size}`);
+    return /*#__PURE__*/React.createElement(Row, {
+      tabIndex: !!action && !disabled ? 0 : undefined,
+      className: rowClassName,
+      onKeyPress: e => !disabled && handleKeyPress(e),
+      onClick: e => {
+        !disabled && action && action();
+      },
+      "data-hj-suppress": true
+    }, !!icon && /*#__PURE__*/React.createElement("div", {
+      className: 'list-item-icon'
+    }, icon), /*#__PURE__*/React.createElement("div", {
+      className: 'list-item-content'
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'list-item-main-text'
+    }, mainText), !!secondaryText && /*#__PURE__*/React.createElement("div", {
+      className: 'list-item-secondary-text'
+    }, secondaryText)), !!note && /*#__PURE__*/React.createElement(React.Fragment, null, !!noteTooltip && /*#__PURE__*/React.createElement("div", {
+      className: 'list-item-note with-tooltip'
+    }, /*#__PURE__*/React.createElement(_Tooltips.TooltipWrapper, {
+      label: noteTooltip,
+      size: size === _types.Size.Large ? _types.Size.Medium : size === _types.Size.Small ? _types.Size.XSmall : _types.Size.Small,
+      position: 'top',
+      withArrow: true
+    }, note)), !noteTooltip && /*#__PURE__*/React.createElement("div", {
+      className: 'list-item-note'
+    }, note)), !!dropdown && /*#__PURE__*/React.createElement("div", {
+      className: 'list-item-actions',
+      onMouseEnter: () => setInAction(!dropdown?.disabled),
+      onMouseLeave: () => setInAction(false)
+    }, /*#__PURE__*/React.createElement(_Dropdown.DropdownButton, _extends({}, dropdown, {
+      disabled: disabled || dropdown.disabled,
+      icon: variant === 'overlay' ? /*#__PURE__*/React.createElement(_icons.SystemIcons.ArrowDropDown, null) : /*#__PURE__*/React.createElement(_icons.SystemIcons.MoreVertical, null)
+    }))));
+  };
+
+  ListRow.propTypes = {
+    variant: _propTypes2.default.oneOf(['normal', 'overlay']),
+    icon: _propTypes2.default.node,
+    mainText: _propTypes2.default.string.isRequired,
+    secondaryText: _propTypes2.default.string,
+    note: _propTypes2.default.string,
+    noteTooltip: _propTypes2.default.string,
+    disabled: _propTypes2.default.bool,
+    action: _propTypes2.default.func
+  };
+  exports.default = ListRow;
+});
+//# sourceMappingURL=ListRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/List/ListRow.tsx"],"names":["Row","styled","div","COLORS","neutral_100","neutral_600","white","primary_20","primary_700","Z_INDEXES","hover","primary_100","primary_800","active","focus","neutral_300","ComponentSStyling","ComponentTextStyle","ComponentMStyling","ComponentLStyling","ComponentXXSStyling","ComponentXSStyling","variant","icon","mainText","secondaryText","note","noteTooltip","disabled","action","ListRow","size","Size","React","handleKeyPress","e","rowClassName","inAction","setInAction","dropdown"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,QAAMA,GAAG,GAAGC,2BAAOC,GAAI;AACvB;AACA;AACA;AACA;AACA,6BAA6BC,eAAOC,WAAY;AAChD;AACA;AACA;AACA,WAAWD,eAAOE,WAAY;AAC9B,sBAAsBF,eAAOG,KAAM;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwBH,eAAOI,UAAW;AAC1C,aAAaJ,eAAOK,WAAY;AAChC,eAAeC,oBAAUC,KAAM;AAC/B;AACA;AACA;AACA,wBAAwBP,eAAOQ,WAAY;AAC3C,aAAaR,eAAOS,WAAY;AAChC;AACA,eAAeH,oBAAUI,MAAO;AAChC;AACA;AACA;AACA;AACA;AACA,eAAeJ,oBAAUK,KAAM;AAC/B;AACA;AACA;AACA;AACA,eAAeX,eAAOY,WAAY;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQC,mCAAkBC,2BAAD,OAAjBD,EAAiB,IAAjBA,CAAoD;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQE,mCAAkBD,2BAAD,OAAjBC,EAAiB,IAAjBA,CAAoD;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQC,mCAAkBF,2BAAD,OAAjBE,EAAiB,IAAjBA,CAAoD;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,qCAAoBH,2BAAD,OAAnBG,EAAmB,IAAnBA,CAAsD;AAC5D;AACA;AACA;AACA,aAAajB,eAAOE,WAAY;AAChC;AACA,MAAMgB,oCAAmBJ,2BAAD,OAAlBI,EAAkB,IAAlBA,CAAqD;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAalB,eAAOE,WAAY;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AA5JA,CAAA;;AA6KA,QAAMyB,OAAuC,GAAG,CAAC;AACEC,IAAAA,IAAI,GAAGC,YADT,MAAA;AAEEV,IAAAA,OAAO,GAFT,QAAA;AAAA,IAAA,IAAA;AAAA,IAAA,QAAA;AAAA,IAAA,aAAA;AAAA,IAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IAAA,WAAA;AASEM,IAAAA,QAAQ,GATV,KAAA;AAUEC,IAAAA;AAVF,GAAD,KAWc;AAE5D,UAAM,CAAA,QAAA,EAAA,WAAA,IAA0BI,KAAK,CAALA,QAAAA,CAAhC,KAAgCA,CAAhC;;AAEA,UAAMC,cAAc,GAAIC,CAAD,IAAY;AACjC,UAAIA,CAAC,CAADA,GAAAA,KAAJ,OAAA,EAAuB;AACrBN,QAAAA,MAAM,IAAIA,MAAVA,EAAAA;AACD;AAHH,KAAA;;AAMA,UAAMO,YAAY,GAAG,CAACC,QAAQ,GAAA,YAAA,GAAT,EAAA,EAAA,MAAA,CACXT,QAAQ,GAAA,WAAA,GADG,EAAA,EAAA,MAAA,CAEX,CAAC,CAAD,MAAA,GAAA,cAAA,GAFW,EAAA,EAAA,MAAA,CAAA,gBAAA,EAAA,MAAA,CAIV,GAAEN,OAJQ,GAAA,EAAA,MAAA,CAKV,GAAES,IALb,EAAqB,CAArB;AAOA,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAK,MAAA,QAAQ,EAAE,CAAC,CAAD,MAAA,IAAY,CAAZ,QAAA,GAAA,CAAA,GAAf,SAAA;AACK,MAAA,SAAS,EADd,YAAA;AAEK,MAAA,UAAU,EAAGI,CAAD,IAAO,CAAA,QAAA,IAAaD,cAAc,CAFnD,CAEmD,CAFnD;AAGK,MAAA,OAAO,EAAEC,CAAC,IAAI;AACZ,SAAA,QAAA,IAAA,MAAA,IAAuBN,MAAvB,EAAA;AAJP,OAAA;AAMK,0BAAA;AANL,KAAA,EAQI,CAAC,CAAD,IAAA,IAAA,aACA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE;AAAhB,KAAA,EATJ,IASI,CATJ,EAAA,aAWE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE;AAAhB,KAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE;AAAhB,KAAA,EADF,QACE,CADF,EAEG,CAAC,CAAD,aAAA,IAAA,aAAmB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE;AAAhB,KAAA,EAbxB,aAawB,CAFtB,CAXF,EAgBI,CAAC,CAAD,IAAA,IAAA,aACA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAEI,CAAC,CAAD,WAAA,IAAA,aACA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE;AAAhB,KAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,wBAAA,EAAA;AAAgB,MAAA,KAAK,EAArB,WAAA;AACgB,MAAA,IAAI,EAAEE,IAAI,KAAKC,YAATD,KAAAA,GAAsBC,YAAtBD,MAAAA,GAAoCA,IAAI,KAAKC,YAATD,KAAAA,GAAsBC,YAAtBD,MAAAA,GAAoCC,YAD9F,KAAA;AAEgB,MAAA,QAAQ,EAFxB,KAAA;AAGgB,MAAA,SAAS,EAAE;AAH3B,KAAA,EAJN,IAIM,CADF,CAHJ,EAaI,CAAA,WAAA,IAAA,aACA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE;AAAhB,KAAA,EA/BR,IA+BQ,CAdJ,CAjBJ,EAsCI,CAAC,CAAD,QAAA,IAAA,aACA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAd,mBAAA;AACK,MAAA,YAAY,EAAE,MAAMM,WAAW,CAAC,CAACC,QAAQ,EAD9C,QACoC,CADpC;AAEK,MAAA,YAAY,EAAE,MAAMD,WAAW,CAAA,KAAA;AAFpC,KAAA,EAAA,aAGE,KAAA,CAAA,aAAA,CAAA,wBAAA,EAAA,QAAA,CAAA,EAAA,EAAA,QAAA,EAAA;AACgB,MAAA,QAAQ,EAAEV,QAAQ,IAAIW,QAAQ,CAD9C,QAAA;AAEgB,MAAA,IAAI,EAAEjB,OAAO,KAAPA,SAAAA,GAAAA,aACF,KAAA,CAAA,aAAA,CAAA,mBAAA,aAAA,EADEA,IACF,CADEA,GAAAA,aAEF,KAAA,CAAA,aAAA,CAAA,mBAAA,YAAA,EAAA,IAAA;AAJpB,KAAA,CAAA,CAHF,CAvCJ,CADF;AA5BF,GAAA;;;AAXEA,IAAAA,O,6BAAU,Q,EAAW,S;AACrBC,IAAAA,I;AACAC,IAAAA,Q;AACAC,IAAAA,a;AAEAC,IAAAA,I;AACAC,IAAAA,W;AACAC,IAAAA,Q;AACAC,IAAAA,M;;oBAsFF,O","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentTextStyle} from '../styles';\r\n\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles/typography';\r\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {TooltipWrapper} from '../Tooltips';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\n\r\nconst Row = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-bottom: 1px solid ${COLORS.neutral_100};\r\n  box-sizing: border-box;\r\n  position: relative;\r\n\r\n  color: ${COLORS.neutral_600};\r\n  background-color: ${COLORS.white};\r\n\r\n\r\n  cursor: default;\r\n\r\n  &.interactive {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &.interactive.disabled {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  &.interactive:hover:not(.in-action):not(.disabled) {\r\n    background-color: ${COLORS.primary_20};\r\n    color: ${COLORS.primary_700};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &.interactive:active:not(.in-action):not(.disabled) {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n    box-shadow: none;\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.interactive:focus {\r\n    outline: none;\r\n    box-shadow: 0 4px 12px rgba(46, 127, 161, 0.25), 0 0 8px #2E7FA1;\r\n    z-index: ${Z_INDEXES.focus};\r\n  }\r\n\r\n  &.disabled {\r\n    .list-item-icon, .list-item-content, .list-item-note, .list-item-actions {\r\n      color: ${COLORS.neutral_300};\r\n    }\r\n  }\r\n\r\n\r\n  &.small {\r\n    min-height: 48px;\r\n    padding: 0 8px;\r\n\r\n    .list-item-icon {\r\n      margin-right: 8px;\r\n    }\r\n\r\n    .list-item-main-text {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    .list-item-actions {\r\n      margin-right: -8px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    min-height: 56px;\r\n    padding: 0 12px;\r\n\r\n    .list-item-icon {\r\n      margin-right: 12px;\r\n    }\r\n\r\n    .list-item-main-text {\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    .list-item-actions {\r\n      margin-right: -12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    min-height: 64px;\r\n    padding: 0 16px;\r\n\r\n    .list-item-icon {\r\n      margin-right: 16px;\r\n    }\r\n\r\n    .list-item-main-text {\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    .list-item-actions {\r\n      margin-right: -16px;\r\n    }\r\n  }\r\n\r\n  &.overlay {\r\n    padding: 0 4px;\r\n\r\n    .list-item-actions {\r\n      margin-right: -4px;\r\n    }\r\n  }\r\n\r\n  .list-item-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  .list-item-content {\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .list-item-main-text {\r\n  }\r\n\r\n  .list-item-secondary-text {\r\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n  .list-item-note {\r\n    color: ${COLORS.neutral_600};\r\n    word-break: initial;\r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n  .list-item-note.with-tooltip {\r\n    cursor: pointer;\r\n\r\n    > div {\r\n      text-decoration-line: underline;\r\n      text-decoration-style: dashed;\r\n      text-underline-offset: 1px;\r\n      text-decoration-thickness: 1px;\r\n    }\r\n  }\r\n\r\n  .list-item-actions {\r\n    color: ${COLORS.neutral_600};\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    button div {\r\n      background-color: transparent;\r\n    }\r\n  }\r\n`;\r\n\r\n\r\ntype Props = {\r\n  size?: Size;\r\n  variant?: 'normal' | 'overlay';\r\n  icon?: React.ReactNode;\r\n  mainText: string;\r\n  secondaryText?: string;\r\n  dropdown?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width'>;\r\n  note?: string;\r\n  noteTooltip?: string;\r\n  disabled?: boolean;\r\n  action?: () => void;\r\n};\r\n\r\nconst ListRow: React.FunctionComponent<Props> = ({\r\n                                                   size = Size.Medium,\r\n                                                   variant = 'normal',\r\n                                                   icon,\r\n                                                   mainText,\r\n                                                   secondaryText,\r\n                                                   dropdown,\r\n                                                   note,\r\n                                                   noteTooltip,\r\n                                                   disabled = false,\r\n                                                   action\r\n                                                 }: Props) => {\r\n\r\n  const [inAction, setInAction] = React.useState<Boolean>(false);\r\n\r\n  const handleKeyPress = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      action && action()\r\n    }\r\n  }\r\n\r\n  const rowClassName = (inAction ? 'in-action ' : '')\r\n    .concat(disabled ? 'disabled ' : '')\r\n    .concat(!!action ? 'interactive ' : '')\r\n    .concat('list-item-row ')\r\n    .concat(`${variant} `)\r\n    .concat(`${size}`);\r\n\r\n  return (\r\n    <Row tabIndex={!!action && !disabled ? 0 : undefined}\r\n         className={rowClassName}\r\n         onKeyPress={(e) => !disabled && handleKeyPress(e)}\r\n         onClick={e => {\r\n           !disabled && action && action();\r\n         }}\r\n         data-hj-suppress>\r\n      {\r\n        !!icon &&\r\n        <div className={'list-item-icon'}>{icon}</div>\r\n      }\r\n      <div className={'list-item-content'}>\r\n        <div className={'list-item-main-text'}>{mainText}</div>\r\n        {!!secondaryText && <div className={'list-item-secondary-text'}>{secondaryText}</div>}\r\n      </div>\r\n      {\r\n        !!note &&\r\n        <>\r\n          {\r\n            !!noteTooltip &&\r\n            <div className={'list-item-note with-tooltip'}>\r\n              <TooltipWrapper label={noteTooltip}\r\n                              size={size === Size.Large ? Size.Medium : size === Size.Small ? Size.XSmall : Size.Small}\r\n                              position={'top'}\r\n                              withArrow={true}>\r\n                {note}\r\n              </TooltipWrapper>\r\n            </div>\r\n          }\r\n          {\r\n            !noteTooltip &&\r\n            <div className={'list-item-note'}>\r\n              {note}\r\n            </div>\r\n          }\r\n        </>\r\n      }\r\n      {\r\n        !!dropdown &&\r\n        <div className={'list-item-actions'}\r\n             onMouseEnter={() => setInAction(!dropdown?.disabled)}\r\n             onMouseLeave={() => setInAction(false)}>\r\n          <DropdownButton {...dropdown}\r\n                          disabled={disabled || dropdown.disabled}\r\n                          icon={variant === 'overlay'\r\n                            ? <SystemIcons.ArrowDropDown/>\r\n                            : <SystemIcons.MoreVertical/>}\r\n          />\r\n        </div>\r\n      }\r\n    </Row>\r\n  );\r\n};\r\n\r\nexport default ListRow;\r\n\r\n"],"file":"ListRow.js"}

package/dist/umd/List/ListRowDropdown.js

@@ -0,0 +1,202 @@
+(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

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

package/dist/umd/List/__tests__/ListRow.tests.js

@@ -0,0 +1,38 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["react", "@testing-library/react", "../index", "../../types", "../../icons"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(require("react"), require("@testing-library/react"), require("../index"), require("../../types"), require("../../icons"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(global.react, global.react, global.index, global.types, global.icons);
+    global.undefined = mod.exports;
+  }
+})(this, function (_react, _react3, _index, _types, _icons) {
+  "use strict";
+
+  var _react2 = _interopRequireDefault(_react);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  describe('<ListRow />', () => {
+    it('Renders', async () => {
+      const {
+        getByText
+      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.ListRow, {
+        icon: /*#__PURE__*/_react2.default.createElement(_icons.SystemIcons.Institute, null),
+        mainText: 'Laerdal Medical AS',
+        size: _types.Size.Small,
+        disabled: false
+      }));
+      expect(getByText('Laerdal Medical AS')).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=ListRow.tests.js.map

package/dist/umd/List/__tests__/ListRow.tests.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/List/__tests__/ListRow.tests.tsx"],"names":["describe","it","getByText","render","Size","expect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMAA,EAAAA,QAAQ,CAAA,aAAA,EAAgB,MAAM;AAC5BC,IAAAA,EAAE,CAAA,SAAA,EAAY,YAAY;AACxB,YAAM;AAACC,QAAAA;AAAD,UAAcC,qBAAM,aACxB,gBAAA,aAAA,CAAA,cAAA,EAAA;AACE,QAAA,IAAI,EAAA,aAAE,gBAAA,aAAA,CAAA,mBAAA,SAAA,EADR,IACQ,CADR;AAEE,QAAA,QAAQ,EAFV,oBAAA;AAGE,QAAA,IAAI,EAAEC,YAHR,KAAA;AAIE,QAAA,QAAQ,EAAE;AAJZ,OAAA,CADkBD,CAApB;AAOAE,MAAAA,MAAM,CAACH,SAAS,CAAhBG,oBAAgB,CAAV,CAANA,CAAAA,WAAAA;AARFJ,KAAE,CAAFA;AADFD,GAAQ,CAARA","sourcesContent":["import React from 'react';\r\nimport {render} from '@testing-library/react';\r\nimport {ListRow} from '../index';\r\nimport {Size} from '../../types';\r\nimport {SystemIcons} from '../../icons';\r\n\r\ndescribe('<ListRow />', () => {\r\n  it('Renders', async () => {\r\n    const {getByText} = render(\r\n      <ListRow\r\n        icon={<SystemIcons.Institute/>}\r\n        mainText={'Laerdal Medical AS'}\r\n        size={Size.Small}\r\n        disabled={false}/>,\r\n    );\r\n    expect(getByText('Laerdal Medical AS')).toBeDefined();\r\n  });\r\n});\r\n"],"file":"ListRow.tests.js"}

package/dist/umd/List/index.js

@@ -0,0 +1,31 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "./ListRow"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("./ListRow"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.ListRow);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _ListRow) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports.ListRow = undefined;
+
+  var _ListRow2 = _interopRequireDefault(_ListRow);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  exports.ListRow = _ListRow2.default;
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/List/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;UAEA,O,GAAA,iB","sourcesContent":["import ListRow from './ListRow';\r\n\r\nexport {ListRow};\r\n"],"file":"index.js"}