@laerdal/life-react-components 1.11.0-dev.9 → 2.0.0-dev.1.full

package/dist/Tabs/TabLink.d.ts

@@ -12,5 +12,5 @@ declare type TabLinkProps = {
     size?: Size.Small | Size.Medium | Size.Large;
     variant?: 'positive' | 'critical';
 } & NavLinkProps;
-declare const TabLink: ({ to, disabled, requiredLine, optionalLine, OptionalLineIcon, onLinkClick, testId, showNotificationDot, size, variant }: TabLinkProps) => JSX.Element;
+declare const TabLink: ({ to, disabled, requiredLine, optionalLine, OptionalLineIcon, onLinkClick, testId, showNotificationDot, size, variant, }: TabLinkProps) => JSX.Element;
 export default TabLink;

package/dist/Tabs/TabLink.js

@@ -1,16 +1,17 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
 import * as React from 'react';
-import { NavLink, useLocation } from 'react-router-dom';
+import { NavLink } from 'react-router-dom';
 import styled from 'styled-components';
 import { NotificationDot } from '../NotificationDot';
 import { Size } from '../types';
 import { COLORS, focusStyles } from '../styles';
 import { Z_INDEXES } from '../styles/z-indexes';
 import { defaultOnMouseDownHandler } from '../common';
+import { useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -41,20 +42,27 @@ var TabLink = function TabLink(_ref) {
       size = _ref$size === void 0 ? Size.Small : _ref$size,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? 'critical' : _ref$variant;
-  var location = useLocation();
   var ref = React.useRef(null);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      activeState = _useState2[0],
+      setActiveState = _useState2[1];
+
   return /*#__PURE__*/_jsx(Wrapper, {
     className: disabled ? 'disabled' : '',
     children: /*#__PURE__*/_jsxs(StyledTabLink, {
       to: to.toString(),
+      disabled: disabled,
       className: function className(_ref2) {
         var isActive = _ref2.isActive;
-        return isActive ? 'active ' : '' + disabled ? 'disabled' : '';
+        if (isActive != activeState) setActiveState(isActive);
+        return (isActive ? 'active ' : '') + (disabled ? 'disabled' : '');
       },
       onMouseDown: defaultOnMouseDownHandler,
       tabIndex: disabled ? -1 : 0,
       role: "tab",
-      "aria-selected": to === location.pathname,
+      "aria-selected": activeState,
       onClick: function onClick(e) {
         return !disabled && onLinkClick && onLinkClick(e);
       },
@@ -66,7 +74,7 @@ var TabLink = function TabLink(_ref) {
             children: requiredLine
           })
         }), optionalLine && OptionalLineIcon ? /*#__PURE__*/_jsxs(OptionalLineWrapperWithIcon, {
-          children: [OptionalLineIcon && OptionalLineIcon, !!optionalLine && /*#__PURE__*/_jsx("span", {
+          children: [OptionalLineIcon, !!optionalLine && /*#__PURE__*/_jsx("span", {
             children: optionalLine
           })]
         }) : optionalLine ? /*#__PURE__*/_jsx(OptionalLineWrapper, {
@@ -85,15 +93,5 @@ var TabLink = function TabLink(_ref) {
   });
 };
 
-TabLink.propTypes = {
-  disabled: _pt.bool,
-  requiredLine: _pt.string.isRequired,
-  optionalLine: _pt.string,
-  OptionalLineIcon: _pt.node,
-  onLinkClick: _pt.func,
-  testId: _pt.string,
-  showNotificationDot: _pt.bool,
-  variant: _pt.oneOf(['positive', 'critical'])
-};
 export default TabLink;
 //# sourceMappingURL=TabLink.js.map

package/dist/Tabs/TabLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabLink.js","names":["React","NavLink","useLocation","styled","NotificationDot","Size","COLORS","focusStyles","Z_INDEXES","defaultOnMouseDownHandler","StyledTabLink","neutral_600","props","disabled","neutral_100","active","neutral_20","primary_20","hover","primary_600","primary_100","primary_800","primary_500","white","neutral_300","OptionalLineWrapperWithIcon","div","TopWrapper","TextContainer","StyledNotification","OptionalLineWrapper","Wrapper","TabLink","to","requiredLine","optionalLine","OptionalLineIcon","onLinkClick","testId","showNotificationDot","size","Small","variant","location","ref","useRef","toString","isActive","pathname","e"],"sources":["../../src/Tabs/TabLink.tsx"],"sourcesContent":["import * as React from 'react';\nimport {NavLink, NavLinkProps, useLocation} from 'react-router-dom';\nimport styled from 'styled-components';\nimport {NotificationDot} from '../NotificationDot';\nimport {BaseProps} from '../icons';\nimport {Size} from '../types';\nimport {COLORS, focusStyles} from '../styles';\nimport {Z_INDEXES} from '../styles/z-indexes';\nimport {defaultOnMouseDownHandler} from '../common';\n\ntype TabLinkProps = {\n  disabled?: boolean;\n  requiredLine: string;\n  optionalLine?: string;\n  OptionalLineIcon?: React.ReactNode;//React.FunctionComponent<BaseProps>;\n  onLinkClick?: (e: React.MouseEvent) => void;\n  testId?: string;\n  showNotificationDot?: boolean;\n  size?: Size.Small | Size.Medium | Size.Large;\n  variant?: 'positive' | 'critical';\n} & NavLinkProps;\n\ntype StyledTabLinkProps = {\n  disabled?: boolean;\n};\n\nconst StyledTabLink = styled(NavLink)<StyledTabLinkProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  font-size: 16px;\n  line-height: 120%;\n  color: ${COLORS.neutral_600};\n\n  background-color: ${(props) => (props.disabled ? COLORS.neutral_100 : 'transparent')};\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  border-left: 1px solid transparent;\n  text-decoration: none;\n  position: relative;\n  border-radius: 2px;\n\n  &:not(:last-child) {\n    margin-bottom: 4px;\n  }\n\n  &:focus {\n    ${focusStyles}\n  }\n\n  &.active {\n    z-index: ${Z_INDEXES.active};\n    background-color: ${COLORS.neutral_20};\n  }\n\n  &.active:hover {\n    background-color: ${COLORS.primary_20};\n  }\n\n  &:hover {\n    z-index: ${Z_INDEXES.hover};\n    background-color: ${COLORS.primary_20};\n    color: ${COLORS.primary_600};\n  }\n\n  &:active {\n    z-index: ${Z_INDEXES.active};\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n  }\n\n  &.active {\n    &::after {\n      position: absolute;\n      content: ' ';\n      width: 4px;\n      top: 0;\n      bottom: 0;\n      left: -1px;\n      background-color: ${COLORS.primary_500};\n\n      border-radius: 2px;\n    }\n  }\n\n  &.active:hover {\n    &::after {\n      background-color: ${COLORS.primary_600};\n    }\n  }\n\n  &.active:active {\n    background-color: ${COLORS.primary_100};\n\n    &::after {\n      background-color: ${COLORS.primary_800};\n    }\n  }\n\n  &.disabled {\n    background-color: ${COLORS.white};\n    color: ${COLORS.neutral_300};\n\n    span {\n      color: ${COLORS.neutral_300};\n    }\n\n    &::after {\n      background-color: ${COLORS.neutral_300};\n    }\n  }\n`;\n\nconst OptionalLineWrapperWithIcon = styled.div`\n  display: flex;\n  flex-direction: row;\n\n  span {\n    margin: 0 0 0 4px !important;\n    font-size: 12px;\n    line-height: 16px;\n  }\n`;\n\nconst TopWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n\n  span:not(:only-child) {\n    width: calc(100% - 32px);\n  }\n`;\n\nconst TextContainer = styled.div`\n  width: 100%;\n  margin: auto 0 auto 16px !important;\n`;\n\nconst StyledNotification = styled.div`\n  margin: 0 15px 0 0 !important;\n`;\n\nconst OptionalLineWrapper = styled.div`\n  font-size: 12px;\n`;\n\nconst Wrapper = styled.div`\n  &.disabled {\n    cursor: not-allowed;\n\n    ${StyledTabLink} {\n      pointer-events: none;\n    }\n  }\n`;\n\nconst TabLink = ({\n                   to,\n                   disabled = false,\n                   requiredLine,\n                   optionalLine,\n                   OptionalLineIcon,\n                   onLinkClick,\n                   testId,\n                   showNotificationDot = false,\n                   size = Size.Small,\n                   variant = 'critical'\n                 }: TabLinkProps) => {\n  const location = useLocation();\n  const ref = React.useRef<any>(null);\n\n  return (\n    <Wrapper className={disabled ? 'disabled' : ''}>\n      <StyledTabLink\n        to={to.toString()}\n        className={({ isActive }) => isActive ? 'active ' : '' + disabled ? 'disabled' : ''}\n        onMouseDown={defaultOnMouseDownHandler}\n        tabIndex={disabled ? -1 : 0}\n        role=\"tab\"\n        aria-selected={to === location.pathname}\n        onClick={(e: React.MouseEvent) => !disabled && onLinkClick && onLinkClick(e)}\n        ref={ref}\n        data-testid={testId}>\n        <TextContainer>\n          <TopWrapper>\n            <span>{requiredLine}</span>\n          </TopWrapper>\n          {optionalLine && OptionalLineIcon ? (\n            <OptionalLineWrapperWithIcon>\n              {OptionalLineIcon && OptionalLineIcon}\n              {!!optionalLine && <span>{optionalLine}</span>}\n            </OptionalLineWrapperWithIcon>\n          ) : optionalLine ? (\n            <OptionalLineWrapper>\n              <span>{optionalLine}</span>\n            </OptionalLineWrapper>\n          ) : (\n            <></>\n          )}\n        </TextContainer>\n        <StyledNotification>\n          {showNotificationDot && <NotificationDot testId=\"NotificationDot\" size={size} variant={variant}/>}\n        </StyledNotification>\n      </StyledTabLink>\n    </Wrapper>\n  );\n};\n\nexport default TabLink;\n"],"mappings":"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"}
+{"version":3,"file":"TabLink.js","names":["React","NavLink","styled","NotificationDot","Size","COLORS","focusStyles","Z_INDEXES","defaultOnMouseDownHandler","useState","StyledTabLink","neutral_600","props","disabled","neutral_100","active","neutral_20","primary_20","hover","primary_600","primary_100","primary_800","primary_500","white","neutral_300","OptionalLineWrapperWithIcon","div","TopWrapper","TextContainer","StyledNotification","OptionalLineWrapper","Wrapper","TabLink","to","requiredLine","optionalLine","OptionalLineIcon","onLinkClick","testId","showNotificationDot","size","Small","variant","ref","useRef","activeState","setActiveState","toString","isActive","e"],"sources":["../../src/Tabs/TabLink.tsx"],"sourcesContent":["import * as React from 'react';\nimport { NavLink, NavLinkProps } from 'react-router-dom';\nimport { useLocation } from 'react-router';\nimport styled from 'styled-components';\nimport { NotificationDot } from '../NotificationDot';\nimport { BaseProps } from '../icons';\nimport { Size } from '../types';\nimport { COLORS, focusStyles } from '../styles';\nimport { Z_INDEXES } from '../styles/z-indexes';\nimport { defaultOnMouseDownHandler } from '../common';\nimport { useState } from 'react';\n\ntype TabLinkProps = {\n  disabled?: boolean;\n  requiredLine: string;\n  optionalLine?: string;\n  OptionalLineIcon?: React.ReactNode; //React.FunctionComponent<BaseProps>;\n  onLinkClick?: (e: React.MouseEvent) => void;\n  testId?: string;\n  showNotificationDot?: boolean;\n  size?: Size.Small | Size.Medium | Size.Large;\n  variant?: 'positive' | 'critical';\n} & NavLinkProps;\n\ntype StyledTabLinkProps = {\n  disabled?: boolean;\n};\n\nconst StyledTabLink = styled(NavLink)<StyledTabLinkProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  font-size: 16px;\n  line-height: 120%;\n  color: ${COLORS.neutral_600};\n\n  background-color: ${(props) => (props.disabled ? COLORS.neutral_100 : 'transparent')};\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  border-left: 1px solid transparent;\n  text-decoration: none;\n  position: relative;\n  border-radius: 2px;\n\n  &:not(:last-child) {\n    margin-bottom: 4px;\n  }\n\n  &:focus {\n    ${focusStyles}\n  }\n\n  &.active {\n    z-index: ${Z_INDEXES.active};\n    background-color: ${COLORS.neutral_20};\n  }\n\n  &.active:hover {\n    background-color: ${COLORS.primary_20};\n  }\n\n  &:hover {\n    z-index: ${Z_INDEXES.hover};\n    background-color: ${COLORS.primary_20};\n    color: ${COLORS.primary_600};\n  }\n\n  &:active {\n    z-index: ${Z_INDEXES.active};\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n  }\n\n  &.active {\n    &::after {\n      position: absolute;\n      content: ' ';\n      width: 4px;\n      top: 0;\n      bottom: 0;\n      left: -1px;\n      background-color: ${COLORS.primary_500};\n\n      border-radius: 2px;\n    }\n  }\n\n  &.active:hover {\n    &::after {\n      background-color: ${COLORS.primary_600};\n    }\n  }\n\n  &.active:active {\n    background-color: ${COLORS.primary_100};\n\n    &::after {\n      background-color: ${COLORS.primary_800};\n    }\n  }\n\n  &.disabled {\n    background-color: ${COLORS.white};\n    color: ${COLORS.neutral_300};\n\n    span {\n      color: ${COLORS.neutral_300};\n    }\n\n    &::after {\n      background-color: ${COLORS.neutral_300};\n    }\n  }\n`;\n\nconst OptionalLineWrapperWithIcon = styled.div`\n  display: flex;\n  flex-direction: row;\n\n  span {\n    margin: 0 0 0 4px !important;\n    font-size: 12px;\n    line-height: 16px;\n  }\n`;\n\nconst TopWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n\n  span:not(:only-child) {\n    width: calc(100% - 32px);\n  }\n`;\n\nconst TextContainer = styled.div`\n  width: 100%;\n  margin: auto 0 auto 16px !important;\n`;\n\nconst StyledNotification = styled.div`\n  margin: 0 15px 0 0 !important;\n`;\n\nconst OptionalLineWrapper = styled.div`\n  font-size: 12px;\n`;\n\nconst Wrapper = styled.div`\n  &.disabled {\n    cursor: not-allowed;\n\n    ${StyledTabLink} {\n      pointer-events: none;\n    }\n  }\n`;\n\nconst TabLink = ({\n  to,\n  disabled = false,\n  requiredLine,\n  optionalLine,\n  OptionalLineIcon,\n  onLinkClick,\n  testId,\n  showNotificationDot = false,\n  size = Size.Small,\n  variant = 'critical',\n}: TabLinkProps) => {\n  const ref = React.useRef<any>(null);\n  const [activeState, setActiveState] = useState<boolean>(false);\n  return (\n    <Wrapper className={disabled ? 'disabled' : ''}>\n      <StyledTabLink\n        to={to.toString()}\n        disabled={disabled}\n        className={({ isActive }) => {\n          if(isActive != activeState)\n            setActiveState(isActive);\n          return (isActive ? 'active ' : '') + (disabled ? 'disabled' : '');\n        }}\n        onMouseDown={defaultOnMouseDownHandler}\n        tabIndex={disabled ? -1 : 0}\n        role=\"tab\"\n        aria-selected={activeState}\n        onClick={(e: React.MouseEvent) => !disabled && onLinkClick && onLinkClick(e)}\n        ref={ref}\n        data-testid={testId}>\n        <TextContainer>\n          <TopWrapper>\n            <span>{requiredLine}</span>\n          </TopWrapper>\n          {optionalLine && OptionalLineIcon ? (\n            <OptionalLineWrapperWithIcon>\n              {OptionalLineIcon}\n              {!!optionalLine && <span>{optionalLine}</span>}\n            </OptionalLineWrapperWithIcon>\n          ) : optionalLine ? (\n            <OptionalLineWrapper>\n              <span>{optionalLine}</span>\n            </OptionalLineWrapper>\n          ) : (\n            <></>\n          )}\n        </TextContainer>\n        <StyledNotification>{showNotificationDot && <NotificationDot testId=\"NotificationDot\" size={size} variant={variant} />}</StyledNotification>\n      </StyledTabLink>\n    </Wrapper>\n  );\n};\n\nexport default TabLink;\n"],"mappings":"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"}

package/dist/Tabs/VerticalTabs.cjs

@@ -54,6 +54,7 @@ VerticalTabs.propTypes = {
   entries: _propTypes.default.arrayOf(_propTypes.default.shape({
     requiredLine: _propTypes.default.string.isRequired,
     optionalLine: _propTypes.default.string,
+    optionalLineIcon: _propTypes.default.node,
     to: _propTypes.default.string.isRequired,
     disabled: _propTypes.default.bool,
     onClick: _propTypes.default.func,

package/dist/Tabs/VerticalTabs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabs.cjs","names":["VerticalTabs","size","entries","Size","Large","map","entry","to","requiredLine","optionalLine","optionalLineIcon","disabled","showNotificationDot","variant","e","onClick"],"sources":["../../src/Tabs/VerticalTabs.tsx"],"sourcesContent":["import * as React from 'react';\nimport Tabs from './Tabs';\nimport TabLink from './TabLink';\nimport { BaseProps } from '../icons';\nimport { Size } from '../types';\n\nexport interface VerticalTabEntry {\n  requiredLine: string;\n  optionalLine?: string;\n  optionalLineIcon?: React.FunctionComponent<BaseProps>;\n  to: string;\n  disabled?: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n  showNotificationDot?: boolean;\n  variant?: 'critical' | 'positive';\n}\ninterface VerticalTabsProps {\n  size?: Size.Small | Size.Medium | Size.Large;\n  entries: VerticalTabEntry[];\n}\n\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\n  return (\n    <Tabs size={size ?? Size.Large}>\n      {entries?.map((entry: VerticalTabEntry) => (\n        <TabLink\n          key={entry.to}\n          to={entry.to}\n          requiredLine={entry.requiredLine}\n          optionalLine={entry.optionalLine}\n          OptionalLineIcon={entry.optionalLineIcon}\n          disabled={entry.disabled}\n          showNotificationDot={entry.showNotificationDot}\n          size={size}\n          variant={entry.variant}\n          onLinkClick={(e) => {\n            if (entry.onClick) {\n              entry.onClick(e);\n            }\n          }}/>\n      ))}\n    </Tabs>\n  );\n};\n\nexport default VerticalTabs;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;AAiBA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAA0C;EAAA,IAAvCC,IAAuC,QAAvCA,IAAuC;EAAA,IAAjCC,OAAiC,QAAjCA,OAAiC;EAC7D,oBACE,qBAAC,aAAD;IAAM,IAAI,EAAED,IAAF,aAAEA,IAAF,cAAEA,IAAF,GAAUE,WAAA,CAAKC,KAAzB;IAAA,UACGF,OADH,aACGA,OADH,uBACGA,OAAO,CAAEG,GAAT,CAAa,UAACC,KAAD;MAAA,oBACZ,qBAAC,gBAAD;QAEE,EAAE,EAAEA,KAAK,CAACC,EAFZ;QAGE,YAAY,EAAED,KAAK,CAACE,YAHtB;QAIE,YAAY,EAAEF,KAAK,CAACG,YAJtB;QAKE,gBAAgB,EAAEH,KAAK,CAACI,gBAL1B;QAME,QAAQ,EAAEJ,KAAK,CAACK,QANlB;QAOE,mBAAmB,EAAEL,KAAK,CAACM,mBAP7B;QAQE,IAAI,EAAEX,IARR;QASE,OAAO,EAAEK,KAAK,CAACO,OATjB;QAUE,WAAW,EAAE,qBAACC,CAAD,EAAO;UAClB,IAAIR,KAAK,CAACS,OAAV,EAAmB;YACjBT,KAAK,CAACS,OAAN,CAAcD,CAAd;UACD;QACF;MAdH,GACOR,KAAK,CAACC,EADb,CADY;IAAA,CAAb;EADH,EADF;AAqBD,CAtBD;;;EAHEL,O;IAXAM,Y;IACAC,Y;IAEAF,E;IACAI,Q;IACAI,O;IACAH,mB;IACAC,O,4BAAU,U,EAAa,U;;;eA+BVb,Y"}
+{"version":3,"file":"VerticalTabs.cjs","names":["VerticalTabs","size","entries","Size","Large","map","entry","to","requiredLine","optionalLine","optionalLineIcon","disabled","showNotificationDot","variant","e","onClick"],"sources":["../../src/Tabs/VerticalTabs.tsx"],"sourcesContent":["import * as React from 'react';\nimport Tabs from './Tabs';\nimport TabLink from './TabLink';\nimport { BaseProps } from '../icons';\nimport { Size } from '../types';\n\nexport interface VerticalTabEntry {\n  requiredLine: string;\n  optionalLine?: string;\n  optionalLineIcon?: React.ReactNode;\n  to: string;\n  disabled?: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n  showNotificationDot?: boolean;\n  variant?: 'critical' | 'positive';\n}\ninterface VerticalTabsProps {\n  size?: Size.Small | Size.Medium | Size.Large;\n  entries: VerticalTabEntry[];\n}\n\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\n  return (\n    <Tabs size={size ?? Size.Large}>\n      {entries?.map((entry: VerticalTabEntry) => (\n        <TabLink\n          key={entry.to}\n          to={entry.to}\n          requiredLine={entry.requiredLine}\n          optionalLine={entry.optionalLine}\n          OptionalLineIcon={entry.optionalLineIcon}\n          disabled={entry.disabled}\n          showNotificationDot={entry.showNotificationDot}\n          size={size}\n          variant={entry.variant}\n          onLinkClick={(e) => {\n            if (entry.onClick) {\n              entry.onClick(e);\n            }\n          }}/>\n      ))}\n    </Tabs>\n  );\n};\n\nexport default VerticalTabs;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;AAiBA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAA0C;EAAA,IAAvCC,IAAuC,QAAvCA,IAAuC;EAAA,IAAjCC,OAAiC,QAAjCA,OAAiC;EAC7D,oBACE,qBAAC,aAAD;IAAM,IAAI,EAAED,IAAF,aAAEA,IAAF,cAAEA,IAAF,GAAUE,WAAA,CAAKC,KAAzB;IAAA,UACGF,OADH,aACGA,OADH,uBACGA,OAAO,CAAEG,GAAT,CAAa,UAACC,KAAD;MAAA,oBACZ,qBAAC,gBAAD;QAEE,EAAE,EAAEA,KAAK,CAACC,EAFZ;QAGE,YAAY,EAAED,KAAK,CAACE,YAHtB;QAIE,YAAY,EAAEF,KAAK,CAACG,YAJtB;QAKE,gBAAgB,EAAEH,KAAK,CAACI,gBAL1B;QAME,QAAQ,EAAEJ,KAAK,CAACK,QANlB;QAOE,mBAAmB,EAAEL,KAAK,CAACM,mBAP7B;QAQE,IAAI,EAAEX,IARR;QASE,OAAO,EAAEK,KAAK,CAACO,OATjB;QAUE,WAAW,EAAE,qBAACC,CAAD,EAAO;UAClB,IAAIR,KAAK,CAACS,OAAV,EAAmB;YACjBT,KAAK,CAACS,OAAN,CAAcD,CAAd;UACD;QACF;MAdH,GACOR,KAAK,CAACC,EADb,CADY;IAAA,CAAb;EADH,EADF;AAqBD,CAtBD;;;EAHEL,O;IAXAM,Y;IACAC,Y;IACAC,gB;IACAH,E;IACAI,Q;IACAI,O;IACAH,mB;IACAC,O,4BAAU,U,EAAa,U;;;eA+BVb,Y"}

package/dist/Tabs/VerticalTabs.d.ts

@@ -1,10 +1,9 @@
 import * as React from 'react';
-import { BaseProps } from '../icons';
 import { Size } from '../types';
 export interface VerticalTabEntry {
     requiredLine: string;
     optionalLine?: string;
-    optionalLineIcon?: React.FunctionComponent<BaseProps>;
+    optionalLineIcon?: React.ReactNode;
     to: string;
     disabled?: boolean;
     onClick?: (e: React.MouseEvent) => void;

package/dist/Tabs/VerticalTabs.js

@@ -34,6 +34,7 @@ VerticalTabs.propTypes = {
   entries: _pt.arrayOf(_pt.shape({
     requiredLine: _pt.string.isRequired,
     optionalLine: _pt.string,
+    optionalLineIcon: _pt.node,
     to: _pt.string.isRequired,
     disabled: _pt.bool,
     onClick: _pt.func,

package/dist/Tabs/VerticalTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabs.js","names":["React","Tabs","TabLink","Size","VerticalTabs","size","entries","Large","map","entry","to","requiredLine","optionalLine","optionalLineIcon","disabled","showNotificationDot","variant","e","onClick"],"sources":["../../src/Tabs/VerticalTabs.tsx"],"sourcesContent":["import * as React from 'react';\nimport Tabs from './Tabs';\nimport TabLink from './TabLink';\nimport { BaseProps } from '../icons';\nimport { Size } from '../types';\n\nexport interface VerticalTabEntry {\n  requiredLine: string;\n  optionalLine?: string;\n  optionalLineIcon?: React.FunctionComponent<BaseProps>;\n  to: string;\n  disabled?: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n  showNotificationDot?: boolean;\n  variant?: 'critical' | 'positive';\n}\ninterface VerticalTabsProps {\n  size?: Size.Small | Size.Medium | Size.Large;\n  entries: VerticalTabEntry[];\n}\n\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\n  return (\n    <Tabs size={size ?? Size.Large}>\n      {entries?.map((entry: VerticalTabEntry) => (\n        <TabLink\n          key={entry.to}\n          to={entry.to}\n          requiredLine={entry.requiredLine}\n          optionalLine={entry.optionalLine}\n          OptionalLineIcon={entry.optionalLineIcon}\n          disabled={entry.disabled}\n          showNotificationDot={entry.showNotificationDot}\n          size={size}\n          variant={entry.variant}\n          onLinkClick={(e) => {\n            if (entry.onClick) {\n              entry.onClick(e);\n            }\n          }}/>\n      ))}\n    </Tabs>\n  );\n};\n\nexport default VerticalTabs;\n"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,OAAP,MAAoB,WAApB;AAEA,SAASC,IAAT,QAAqB,UAArB;;;AAiBA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAA0C;EAAA,IAAvCC,IAAuC,QAAvCA,IAAuC;EAAA,IAAjCC,OAAiC,QAAjCA,OAAiC;EAC7D,oBACE,KAAC,IAAD;IAAM,IAAI,EAAED,IAAF,aAAEA,IAAF,cAAEA,IAAF,GAAUF,IAAI,CAACI,KAAzB;IAAA,UACGD,OADH,aACGA,OADH,uBACGA,OAAO,CAAEE,GAAT,CAAa,UAACC,KAAD;MAAA,oBACZ,KAAC,OAAD;QAEE,EAAE,EAAEA,KAAK,CAACC,EAFZ;QAGE,YAAY,EAAED,KAAK,CAACE,YAHtB;QAIE,YAAY,EAAEF,KAAK,CAACG,YAJtB;QAKE,gBAAgB,EAAEH,KAAK,CAACI,gBAL1B;QAME,QAAQ,EAAEJ,KAAK,CAACK,QANlB;QAOE,mBAAmB,EAAEL,KAAK,CAACM,mBAP7B;QAQE,IAAI,EAAEV,IARR;QASE,OAAO,EAAEI,KAAK,CAACO,OATjB;QAUE,WAAW,EAAE,qBAACC,CAAD,EAAO;UAClB,IAAIR,KAAK,CAACS,OAAV,EAAmB;YACjBT,KAAK,CAACS,OAAN,CAAcD,CAAd;UACD;QACF;MAdH,GACOR,KAAK,CAACC,EADb,CADY;IAAA,CAAb;EADH,EADF;AAqBD,CAtBD;;;EAHEJ,O;IAXAK,Y;IACAC,Y;IAEAF,E;IACAI,Q;IACAI,O;IACAH,mB;IACAC,O,aAAU,U,EAAa,U;;;AA+BzB,eAAeZ,YAAf"}
+{"version":3,"file":"VerticalTabs.js","names":["React","Tabs","TabLink","Size","VerticalTabs","size","entries","Large","map","entry","to","requiredLine","optionalLine","optionalLineIcon","disabled","showNotificationDot","variant","e","onClick"],"sources":["../../src/Tabs/VerticalTabs.tsx"],"sourcesContent":["import * as React from 'react';\nimport Tabs from './Tabs';\nimport TabLink from './TabLink';\nimport { BaseProps } from '../icons';\nimport { Size } from '../types';\n\nexport interface VerticalTabEntry {\n  requiredLine: string;\n  optionalLine?: string;\n  optionalLineIcon?: React.ReactNode;\n  to: string;\n  disabled?: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n  showNotificationDot?: boolean;\n  variant?: 'critical' | 'positive';\n}\ninterface VerticalTabsProps {\n  size?: Size.Small | Size.Medium | Size.Large;\n  entries: VerticalTabEntry[];\n}\n\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\n  return (\n    <Tabs size={size ?? Size.Large}>\n      {entries?.map((entry: VerticalTabEntry) => (\n        <TabLink\n          key={entry.to}\n          to={entry.to}\n          requiredLine={entry.requiredLine}\n          optionalLine={entry.optionalLine}\n          OptionalLineIcon={entry.optionalLineIcon}\n          disabled={entry.disabled}\n          showNotificationDot={entry.showNotificationDot}\n          size={size}\n          variant={entry.variant}\n          onLinkClick={(e) => {\n            if (entry.onClick) {\n              entry.onClick(e);\n            }\n          }}/>\n      ))}\n    </Tabs>\n  );\n};\n\nexport default VerticalTabs;\n"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,OAAP,MAAoB,WAApB;AAEA,SAASC,IAAT,QAAqB,UAArB;;;AAiBA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAA0C;EAAA,IAAvCC,IAAuC,QAAvCA,IAAuC;EAAA,IAAjCC,OAAiC,QAAjCA,OAAiC;EAC7D,oBACE,KAAC,IAAD;IAAM,IAAI,EAAED,IAAF,aAAEA,IAAF,cAAEA,IAAF,GAAUF,IAAI,CAACI,KAAzB;IAAA,UACGD,OADH,aACGA,OADH,uBACGA,OAAO,CAAEE,GAAT,CAAa,UAACC,KAAD;MAAA,oBACZ,KAAC,OAAD;QAEE,EAAE,EAAEA,KAAK,CAACC,EAFZ;QAGE,YAAY,EAAED,KAAK,CAACE,YAHtB;QAIE,YAAY,EAAEF,KAAK,CAACG,YAJtB;QAKE,gBAAgB,EAAEH,KAAK,CAACI,gBAL1B;QAME,QAAQ,EAAEJ,KAAK,CAACK,QANlB;QAOE,mBAAmB,EAAEL,KAAK,CAACM,mBAP7B;QAQE,IAAI,EAAEV,IARR;QASE,OAAO,EAAEI,KAAK,CAACO,OATjB;QAUE,WAAW,EAAE,qBAACC,CAAD,EAAO;UAClB,IAAIR,KAAK,CAACS,OAAV,EAAmB;YACjBT,KAAK,CAACS,OAAN,CAAcD,CAAd;UACD;QACF;MAdH,GACOR,KAAK,CAACC,EADb,CADY;IAAA,CAAb;EADH,EADF;AAqBD,CAtBD;;;EAHEJ,O;IAXAK,Y;IACAC,Y;IACAC,gB;IACAH,E;IACAI,Q;IACAI,O;IACAH,mB;IACAC,O,aAAU,U,EAAa,U;;;AA+BzB,eAAeZ,YAAf"}

package/dist/Tile/TileBody.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TileBody.cjs","names":["Wrapper","styled","div","scrollBarStyling","Size","Small","TileBody","children","size"],"sources":["../../src/Tile/TileBody.tsx"],"sourcesContent":["import React from 'react'\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\n\nconst Wrapper = styled.div`\n  flex: 1;\n  margin: 8px;\n  overflow: auto;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 8px;\n  }\n\n  &.medium {\n    padding: 0 12px;\n  }\n\n  &.large {\n    padding: 0 16px;\n  }\n\n  ${scrollBarStyling(Size.Small)}\n`;\n\nconst TileBody: React.FunctionComponent<{ size: Size }> = ({children, size}) => {\n\n\n  return (\n    <Wrapper className={size}>\n      {children}\n    </Wrapper>\n  )\n}\n\n\nexport default TileBody;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,wSAkBT,IAAAC,wBAAA,EAAiBC,WAAA,CAAKC,KAAtB,CAlBS,CAAb;;AAqBA,IAAMC,QAAiD,GAAG,SAApDA,QAAoD,OAAsB;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EAAA,IAAVC,IAAU,QAAVA,IAAU;EAG9E,oBACE,qBAAC,OAAD;IAAS,SAAS,EAAEA,IAApB;IAAA,UACGD;EADH,EADF;AAKD,CARD;;eAWeD,Q"}
+{"version":3,"file":"TileBody.cjs","names":["Wrapper","styled","div","scrollBarStyling","Size","Small","TileBody","children","size"],"sources":["../../src/Tile/TileBody.tsx"],"sourcesContent":["import React from 'react'\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\n\nconst Wrapper = styled.div`\n  flex: 1;\n  margin: 8px;\n  overflow: auto;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 8px;\n  }\n\n  &.medium {\n    padding: 0 12px;\n  }\n\n  &.large {\n    padding: 0 16px;\n  }\n\n  ${scrollBarStyling(Size.Small)}\n`;\n\nconst TileBody: React.FunctionComponent<{ size: Size; children?: React.ReactNode; }> = ({children, size}) => {\n\n\n  return (\n    <Wrapper className={size}>\n      {children}\n    </Wrapper>\n  )\n}\n\n\nexport default TileBody;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,wSAkBT,IAAAC,wBAAA,EAAiBC,WAAA,CAAKC,KAAtB,CAlBS,CAAb;;AAqBA,IAAMC,QAA8E,GAAG,SAAjFA,QAAiF,OAAsB;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EAAA,IAAVC,IAAU,QAAVA,IAAU;EAG3G,oBACE,qBAAC,OAAD;IAAS,SAAS,EAAEA,IAApB;IAAA,UACGD;EADH,EADF;AAKD,CARD;;eAWeD,Q"}

package/dist/Tile/TileBody.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 import { Size } from '../types';
 declare const TileBody: React.FunctionComponent<{
     size: Size;
+    children?: React.ReactNode;
 }>;
 export default TileBody;

package/dist/Tile/TileBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileBody.js","names":["React","Size","styled","scrollBarStyling","Wrapper","div","Small","TileBody","children","size"],"sources":["../../src/Tile/TileBody.tsx"],"sourcesContent":["import React from 'react'\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\n\nconst Wrapper = styled.div`\n  flex: 1;\n  margin: 8px;\n  overflow: auto;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 8px;\n  }\n\n  &.medium {\n    padding: 0 12px;\n  }\n\n  &.large {\n    padding: 0 16px;\n  }\n\n  ${scrollBarStyling(Size.Small)}\n`;\n\nconst TileBody: React.FunctionComponent<{ size: Size }> = ({children, size}) => {\n\n\n  return (\n    <Wrapper className={size}>\n      {children}\n    </Wrapper>\n  )\n}\n\n\nexport default TileBody;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,IAAR,QAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,gBAAR,QAA+B,WAA/B;;AAEA,IAAMC,OAAO,GAAGF,MAAM,CAACG,GAAV,0RAkBTF,gBAAgB,CAACF,IAAI,CAACK,KAAN,CAlBP,CAAb;;AAqBA,IAAMC,QAAiD,GAAG,SAApDA,QAAoD,OAAsB;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EAAA,IAAVC,IAAU,QAAVA,IAAU;EAG9E,oBACE,KAAC,OAAD;IAAS,SAAS,EAAEA,IAApB;IAAA,UACGD;EADH,EADF;AAKD,CARD;;AAWA,eAAeD,QAAf"}
+{"version":3,"file":"TileBody.js","names":["React","Size","styled","scrollBarStyling","Wrapper","div","Small","TileBody","children","size"],"sources":["../../src/Tile/TileBody.tsx"],"sourcesContent":["import React from 'react'\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\n\nconst Wrapper = styled.div`\n  flex: 1;\n  margin: 8px;\n  overflow: auto;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 8px;\n  }\n\n  &.medium {\n    padding: 0 12px;\n  }\n\n  &.large {\n    padding: 0 16px;\n  }\n\n  ${scrollBarStyling(Size.Small)}\n`;\n\nconst TileBody: React.FunctionComponent<{ size: Size; children?: React.ReactNode; }> = ({children, size}) => {\n\n\n  return (\n    <Wrapper className={size}>\n      {children}\n    </Wrapper>\n  )\n}\n\n\nexport default TileBody;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,IAAR,QAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,gBAAR,QAA+B,WAA/B;;AAEA,IAAMC,OAAO,GAAGF,MAAM,CAACG,GAAV,0RAkBTF,gBAAgB,CAACF,IAAI,CAACK,KAAN,CAlBP,CAAb;;AAqBA,IAAMC,QAA8E,GAAG,SAAjFA,QAAiF,OAAsB;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EAAA,IAAVC,IAAU,QAAVA,IAAU;EAG3G,oBACE,KAAC,OAAD;IAAS,SAAS,EAAEA,IAApB;IAAA,UACGD;EADH,EADF;AAKD,CARD;;AAWA,eAAeD,QAAf"}

package/dist/Tile/TileCommonItems.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TileDropdownButton, TileHyperLink, TileIconButton, TileNote, TileStandardButton, TileToggleButton } from './TileTypes';
 import { Size } from '../types';
 export declare const TileNoteText: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Toasters/ToastContext.cjs

@@ -18,6 +18,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var React = _interopRequireWildcard(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -167,6 +169,9 @@ var ToastProvider = function ToastProvider(_ref) {
 };
 
 exports.ToastProvider = ToastProvider;
+ToastProvider.propTypes = {
+  children: _propTypes.default.any
+};
 
 function useToast() {
   var _React$useContext = React.useContext(ToastContext),

package/dist/Toasters/ToastContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContext.cjs","names":["ToastContext","React","createContext","ToastBucket","styled","div","Z_INDEXES","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","createUUID","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","ToastPosition","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\ntype ProviderProps = {\n  children?: any;\n};\n\ninterface toast {\n  options: ToastOptions;\n  id: string;\n  content: any;\n}\ntype ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => void; removeToast: (id: string) => void };\n\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\n\nexport const ToastContext = React.createContext({} as ToasterValueProps);\n\nconst ToastBucket = styled.div`\n  position: fixed;\n  z-index: ${Z_INDEXES.toast};\n  display: flex;\n  flex-direction: column-reverse;\n`;\n\nconst ToastBucketTopLeft = styled(ToastBucket)`\n  top: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketTopMiddle = styled(ToastBucket)`\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketTopRight = styled(ToastBucket)`\n  top: 16px;\n  right: 5%;\n`;\n\nconst ToastBucketBottomLeft = styled(ToastBucket)`\n  bottom: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketBottomRight = styled(ToastBucket)`\n  bottom: 16px;\n  right: 5%;\n`;\n\nexport const ToastProvider: React.FC = ({ children }: ProviderProps) => {\n  const [toasts, setToasts] = React.useState<toast[]>([]);\n\n  const add = (content: any, options: ToastOptions) => {\n    const id = createUUID();\n    setToasts(prev => [...prev, { id, content, options }]);\n  };\n\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\n\n  const functions = React.useMemo(() => {\n    return { addToast: add, removeToast: remove };\n  }, [toasts]);\n\n  return (\n    <ToastContext.Provider value={{ toasts, ...functions }}>\n      <ToastBucketTopLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopLeft>\n      <ToastBucketTopMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopMiddle>\n      <ToastBucketTopRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopRight>\n      <ToastBucketBottomLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomLeft>\n      <ToastBucketBottomMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomMiddle>\n      <ToastBucketBottomRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomRight>\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport function useToast() {\n  const { addToast } = React.useContext(ToastContext);\n  return {\n    addToast,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"ToastContext.cjs","names":["ToastContext","React","createContext","ToastBucket","styled","div","Z_INDEXES","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","createUUID","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","ToastPosition","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nexport type ToastProviderProps = {\n  children?: any;\n};\n\nexport interface toast {\n  options: ToastOptions;\n  id: string;\n  content: any;\n}\nexport type ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => void; removeToast: (id: string) => void };\n\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\n\nexport const ToastContext = React.createContext({} as ToasterValueProps);\n\nconst ToastBucket = styled.div`\n  position: fixed;\n  z-index: ${Z_INDEXES.toast};\n  display: flex;\n  flex-direction: column-reverse;\n`;\n\nconst ToastBucketTopLeft = styled(ToastBucket)`\n  top: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketTopMiddle = styled(ToastBucket)`\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketTopRight = styled(ToastBucket)`\n  top: 16px;\n  right: 5%;\n`;\n\nconst ToastBucketBottomLeft = styled(ToastBucket)`\n  bottom: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketBottomRight = styled(ToastBucket)`\n  bottom: 16px;\n  right: 5%;\n`;\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({ children }: ToastProviderProps) => {\n  const [toasts, setToasts] = React.useState<toast[]>([]);\n\n  const add = (content: any, options: ToastOptions) => {\n    const id = createUUID();\n    setToasts(prev => [...prev, { id, content, options }]);\n  };\n\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\n\n  const functions = React.useMemo(() => {\n    return { addToast: add, removeToast: remove };\n  }, [toasts]);\n\n  return (\n    <ToastContext.Provider value={{ toasts, ...functions }}>\n      <ToastBucketTopLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopLeft>\n      <ToastBucketTopMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopMiddle>\n      <ToastBucketTopRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopRight>\n      <ToastBucketBottomLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomLeft>\n      <ToastBucketBottomMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomMiddle>\n      <ToastBucketBottomRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomRight>\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport function useToast() {\n  const { addToast } = React.useContext(ToastContext);\n  return {\n    addToast,\n  };\n}\n"],"mappings":"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"}

package/dist/Toasters/ToastContext.d.ts

@@ -1,18 +1,20 @@
 import * as React from 'react';
 import { ToastOptions } from './Toast';
-interface toast {
+export declare type ToastProviderProps = {
+    children?: any;
+};
+export interface toast {
     options: ToastOptions;
     id: string;
     content: any;
 }
-declare type ToasterValueProps = {
+export declare type ToasterValueProps = {
     toasts: toast[];
     addToast: (content: any, options: ToastOptions) => void;
     removeToast: (id: string) => void;
 };
 export declare const ToastContext: React.Context<ToasterValueProps>;
-export declare const ToastProvider: React.FC;
+export declare const ToastProvider: React.FC<ToastProviderProps>;
 export declare function useToast(): {
     addToast: (content: any, options: ToastOptions) => void;
 };
-export {};

package/dist/Toasters/ToastContext.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _pt from "prop-types";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
@@ -137,6 +138,9 @@ export var ToastProvider = function ToastProvider(_ref) {
     }), children]
   });
 };
+ToastProvider.propTypes = {
+  children: _pt.any
+};
 export function useToast() {
   var _React$useContext = React.useContext(ToastContext),
       addToast = _React$useContext.addToast;

package/dist/Toasters/ToastContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContext.js","names":["React","styled","createUUID","Toast","ToastPosition","Z_INDEXES","ToastContext","createContext","ToastBucket","div","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\ntype ProviderProps = {\n  children?: any;\n};\n\ninterface toast {\n  options: ToastOptions;\n  id: string;\n  content: any;\n}\ntype ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => void; removeToast: (id: string) => void };\n\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\n\nexport const ToastContext = React.createContext({} as ToasterValueProps);\n\nconst ToastBucket = styled.div`\n  position: fixed;\n  z-index: ${Z_INDEXES.toast};\n  display: flex;\n  flex-direction: column-reverse;\n`;\n\nconst ToastBucketTopLeft = styled(ToastBucket)`\n  top: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketTopMiddle = styled(ToastBucket)`\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketTopRight = styled(ToastBucket)`\n  top: 16px;\n  right: 5%;\n`;\n\nconst ToastBucketBottomLeft = styled(ToastBucket)`\n  bottom: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketBottomRight = styled(ToastBucket)`\n  bottom: 16px;\n  right: 5%;\n`;\n\nexport const ToastProvider: React.FC = ({ children }: ProviderProps) => {\n  const [toasts, setToasts] = React.useState<toast[]>([]);\n\n  const add = (content: any, options: ToastOptions) => {\n    const id = createUUID();\n    setToasts(prev => [...prev, { id, content, options }]);\n  };\n\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\n\n  const functions = React.useMemo(() => {\n    return { addToast: add, removeToast: remove };\n  }, [toasts]);\n\n  return (\n    <ToastContext.Provider value={{ toasts, ...functions }}>\n      <ToastBucketTopLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopLeft>\n      <ToastBucketTopMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopMiddle>\n      <ToastBucketTopRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopRight>\n      <ToastBucketBottomLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomLeft>\n      <ToastBucketBottomMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomMiddle>\n      <ToastBucketBottomRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomRight>\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport function useToast() {\n  const { addToast } = React.useContext(ToastContext);\n  return {\n    addToast,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"ToastContext.js","names":["React","styled","createUUID","Toast","ToastPosition","Z_INDEXES","ToastContext","createContext","ToastBucket","div","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nexport type ToastProviderProps = {\n  children?: any;\n};\n\nexport interface toast {\n  options: ToastOptions;\n  id: string;\n  content: any;\n}\nexport type ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => void; removeToast: (id: string) => void };\n\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\n\nexport const ToastContext = React.createContext({} as ToasterValueProps);\n\nconst ToastBucket = styled.div`\n  position: fixed;\n  z-index: ${Z_INDEXES.toast};\n  display: flex;\n  flex-direction: column-reverse;\n`;\n\nconst ToastBucketTopLeft = styled(ToastBucket)`\n  top: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketTopMiddle = styled(ToastBucket)`\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketTopRight = styled(ToastBucket)`\n  top: 16px;\n  right: 5%;\n`;\n\nconst ToastBucketBottomLeft = styled(ToastBucket)`\n  bottom: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketBottomRight = styled(ToastBucket)`\n  bottom: 16px;\n  right: 5%;\n`;\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({ children }: ToastProviderProps) => {\n  const [toasts, setToasts] = React.useState<toast[]>([]);\n\n  const add = (content: any, options: ToastOptions) => {\n    const id = createUUID();\n    setToasts(prev => [...prev, { id, content, options }]);\n  };\n\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\n\n  const functions = React.useMemo(() => {\n    return { addToast: add, removeToast: remove };\n  }, [toasts]);\n\n  return (\n    <ToastContext.Provider value={{ toasts, ...functions }}>\n      <ToastBucketTopLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopLeft>\n      <ToastBucketTopMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopMiddle>\n      <ToastBucketTopRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopRight>\n      <ToastBucketBottomLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomLeft>\n      <ToastBucketBottomMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomMiddle>\n      <ToastBucketBottomRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomRight>\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport function useToast() {\n  const { addToast } = React.useContext(ToastContext);\n  return {\n    addToast,\n  };\n}\n"],"mappings":"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"}

package/dist/Toggles/TogglerTypes.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Size } from '..';
 /**
  * Types for the table.

package/dist/Tooltips/TooltipTypes.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Size } from "../types";
 /**
  * Types for the table.

package/dist/Tooltips/TooltipWrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipProps } from './TooltipTypes';
 declare const TooltipWrapper: ({ label, children, withArrow, tabIndex, size, height, delay, align, position, ...props }: TooltipProps) => JSX.Element;
 export default TooltipWrapper;

package/dist/common/ScrollableContainer.cjs

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScrollableContainer = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _rooks = require("rooks");
+
+var useScrollableContainer = function useScrollableContainer(recalculateScrollDeps) {
+  var _React$useState = _react.default.useState(false),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      scrollable = _React$useState2[0],
+      setScrollable = _React$useState2[1];
+
+  var _useDimensionsRef = (0, _rooks.useDimensionsRef)({
+    updateOnResize: true
+  }),
+      _useDimensionsRef2 = (0, _slicedToArray2.default)(_useDimensionsRef, 3),
+      scrollContainerRef = _useDimensionsRef2[0],
+      dimensions = _useDimensionsRef2[1],
+      node = _useDimensionsRef2[2];
+
+  _react.default.useEffect(function () {
+    var _node$clientHeight, _node$scrollHeight;
+
+    var clientHeight = (_node$clientHeight = node === null || node === void 0 ? void 0 : node.clientHeight) !== null && _node$clientHeight !== void 0 ? _node$clientHeight : 0;
+    var scrollHeight = (_node$scrollHeight = node === null || node === void 0 ? void 0 : node.scrollHeight) !== null && _node$scrollHeight !== void 0 ? _node$scrollHeight : 0;
+    setScrollable(scrollHeight > clientHeight);
+  }, [dimensions, node].concat((0, _toConsumableArray2.default)(recalculateScrollDeps)));
+
+  return [scrollContainerRef, scrollable];
+};
+
+exports.useScrollableContainer = useScrollableContainer;
+//# sourceMappingURL=ScrollableContainer.cjs.map

package/dist/common/ScrollableContainer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableContainer.cjs","names":["useScrollableContainer","recalculateScrollDeps","React","useState","scrollable","setScrollable","useDimensionsRef","updateOnResize","scrollContainerRef","dimensions","node","useEffect","clientHeight","scrollHeight"],"sources":["../../src/common/ScrollableContainer.ts"],"sourcesContent":["import React from 'react';\nimport { useDimensionsRef } from 'rooks';\n\nexport const useScrollableContainer = (recalculateScrollDeps: any[]) => {\n  const [scrollable, setScrollable] = React.useState(false);\n  const [scrollContainerRef, dimensions, node] = useDimensionsRef({ updateOnResize: true });\n\n  React.useEffect(() => {\n    const clientHeight = node?.clientHeight ?? 0;\n    const scrollHeight = node?.scrollHeight ?? 0;\n    setScrollable(scrollHeight > clientHeight);\n  }, [dimensions, node, ...recalculateScrollDeps]);\n\n  return [scrollContainerRef, scrollable];\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,qBAAD,EAAkC;EACtE,sBAAoCC,cAAA,CAAMC,QAAN,CAAe,KAAf,CAApC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,aAAnB;;EACA,wBAA+C,IAAAC,uBAAA,EAAiB;IAAEC,cAAc,EAAE;EAAlB,CAAjB,CAA/C;EAAA;EAAA,IAAOC,kBAAP;EAAA,IAA2BC,UAA3B;EAAA,IAAuCC,IAAvC;;EAEAR,cAAA,CAAMS,SAAN,CAAgB,YAAM;IAAA;;IACpB,IAAMC,YAAY,yBAAGF,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEE,YAAT,mEAAyB,CAA3C;IACA,IAAMC,YAAY,yBAAGH,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEG,YAAT,mEAAyB,CAA3C;IACAR,aAAa,CAACQ,YAAY,GAAGD,YAAhB,CAAb;EACD,CAJD,GAIIH,UAJJ,EAIgBC,IAJhB,0CAIyBT,qBAJzB;;EAMA,OAAO,CAACO,kBAAD,EAAqBJ,UAArB,CAAP;AACD,CAXM"}

package/dist/common/ScrollableContainer.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useScrollableContainer: (recalculateScrollDeps: any[]) => (boolean | React.LegacyRef<HTMLDivElement> | undefined)[];

package/dist/common/ScrollableContainer.js

@@ -0,0 +1,28 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { useDimensionsRef } from 'rooks';
+export var useScrollableContainer = function useScrollableContainer(recalculateScrollDeps) {
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      scrollable = _React$useState2[0],
+      setScrollable = _React$useState2[1];
+
+  var _useDimensionsRef = useDimensionsRef({
+    updateOnResize: true
+  }),
+      _useDimensionsRef2 = _slicedToArray(_useDimensionsRef, 3),
+      scrollContainerRef = _useDimensionsRef2[0],
+      dimensions = _useDimensionsRef2[1],
+      node = _useDimensionsRef2[2];
+
+  React.useEffect(function () {
+    var _node$clientHeight, _node$scrollHeight;
+
+    var clientHeight = (_node$clientHeight = node === null || node === void 0 ? void 0 : node.clientHeight) !== null && _node$clientHeight !== void 0 ? _node$clientHeight : 0;
+    var scrollHeight = (_node$scrollHeight = node === null || node === void 0 ? void 0 : node.scrollHeight) !== null && _node$scrollHeight !== void 0 ? _node$scrollHeight : 0;
+    setScrollable(scrollHeight > clientHeight);
+  }, [dimensions, node].concat(_toConsumableArray(recalculateScrollDeps)));
+  return [scrollContainerRef, scrollable];
+};
+//# sourceMappingURL=ScrollableContainer.js.map

package/dist/common/ScrollableContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableContainer.js","names":["React","useDimensionsRef","useScrollableContainer","recalculateScrollDeps","useState","scrollable","setScrollable","updateOnResize","scrollContainerRef","dimensions","node","useEffect","clientHeight","scrollHeight"],"sources":["../../src/common/ScrollableContainer.ts"],"sourcesContent":["import React from 'react';\nimport { useDimensionsRef } from 'rooks';\n\nexport const useScrollableContainer = (recalculateScrollDeps: any[]) => {\n  const [scrollable, setScrollable] = React.useState(false);\n  const [scrollContainerRef, dimensions, node] = useDimensionsRef({ updateOnResize: true });\n\n  React.useEffect(() => {\n    const clientHeight = node?.clientHeight ?? 0;\n    const scrollHeight = node?.scrollHeight ?? 0;\n    setScrollable(scrollHeight > clientHeight);\n  }, [dimensions, node, ...recalculateScrollDeps]);\n\n  return [scrollContainerRef, scrollable];\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,gBAAT,QAAiC,OAAjC;AAEA,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,qBAAD,EAAkC;EACtE,sBAAoCH,KAAK,CAACI,QAAN,CAAe,KAAf,CAApC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,aAAnB;;EACA,wBAA+CL,gBAAgB,CAAC;IAAEM,cAAc,EAAE;EAAlB,CAAD,CAA/D;EAAA;EAAA,IAAOC,kBAAP;EAAA,IAA2BC,UAA3B;EAAA,IAAuCC,IAAvC;;EAEAV,KAAK,CAACW,SAAN,CAAgB,YAAM;IAAA;;IACpB,IAAMC,YAAY,yBAAGF,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEE,YAAT,mEAAyB,CAA3C;IACA,IAAMC,YAAY,yBAAGH,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEG,YAAT,mEAAyB,CAA3C;IACAP,aAAa,CAACO,YAAY,GAAGD,YAAhB,CAAb;EACD,CAJD,GAIIH,UAJJ,EAIgBC,IAJhB,4BAIyBP,qBAJzB;EAMA,OAAO,CAACK,kBAAD,EAAqBH,UAArB,CAAP;AACD,CAXM"}

package/dist/icons/contenticons/ContentIcons.cjs

@@ -7,8 +7,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MoodHappy = exports.Medication = exports.MedicalRecord = exports.MedicalHistory = exports.MaskLeak = exports.MapPoint = exports.ManualMode = exports.ManikinError = exports.ManikinCorrect = exports.Manikin = exports.Male = exports.Maintenance = exports.LevelsStarred = exports.LevelsIncreasing = exports.LevelsDecreasing = exports.Levels = exports.Learner = exports.Leaflet = exports.Laptop = exports.Justice = exports.Institute = exports.Injustice = exports.Information = exports.Infant = exports.House = exports.Hospitalized = exports.Hospital = exports.Hierarchy = exports.Help = exports.HeartShock = exports.HeartPulse = exports.Heart = exports.HeadTilt = exports.HandPlacementIncorrect = exports.HandPlacementCorrect = exports.HandPlacement = exports.GuidedTour = exports.Grid = exports.Goals = exports.GiftCard = exports.Geriatric = exports.FirstAid = exports.Female = exports.Faq = exports.EventLog = exports.Embryo = exports.Elderly = exports.Educator = exports.Edit = exports.ESimulation = exports.EMSRescuer = exports.ELearning = exports.Download = exports.DocumentChecked = exports.Doctor = exports.Dispatcher = exports.DeviceChecked = exports.Desktop = exports.Depth = exports.DefribilatorMonitor = exports.Defribilator = exports.Dashboard = exports.CountAloud = exports.ContactInfo = exports.Contact = exports.CoffeeBreak = exports.Code = exports.CloudUpload = exports.CloudSyncing = exports.CloudNoConnection = exports.CloudLocked = exports.CloudDownload = exports.CloudChecked = exports.CloudAttension = exports.Cloud = exports.ClinicalFindings = exports.Cleaning = exports.Child = exports.ChestCompressionFraction = exports.Certificate = exports.Call = exports.Calendar = exports.CPRTraining = exports.CPRCycles = exports.CPRCall = exports.Buildings = exports.Book = exports.Bleeding = exports.Biohazard = exports.AwardWinningPerson = exports.AutomaticMode = exports.Attention = exports.Assignments = exports.Ambulance = exports.AedPadsError = exports.AedPadsCorrect = exports.AedPads = exports.Adult = exports.Add = exports.Adaptive = void 0;
-exports.VitalSigns = exports.VideoRecording = exports.Video = exports.VentilationVolume = exports.VentilationPressure = exports.VentilationLungs = exports.Ultrasound = exports.USB = exports.TwoRescuerCPR = exports.TrophyStar = exports.Trophy3rd = exports.Trophy2nd = exports.Trophy1st = exports.Trophy = exports.Translation = exports.TimelineReview = exports.Terms = exports.TeamWork = exports.TeamLead = exports.TaskTrainer = exports.TargetGroup = exports.Talking = exports.Tablet = exports.SwitchRoles = exports.SwitchCamera = exports.Suitcase = exports.Stopwatch = exports.Stethoscope = exports.Star = exports.SpeechBubbles = exports.SpeechBubble = exports.Speech = exports.Smartphone = exports.Sleep = exports.ShockAdvised = exports.Shock = exports.Settings = exports.Sepsis = exports.Search = exports.Screens = exports.Ruler = exports.Recoil = exports.RateTooSlow = exports.RateTooFast = exports.Rate = exports.Pulse = exports.ProvidersOrders = exports.Print = exports.Pregnant = exports.Pill = exports.PieChart = exports.PhysiologicalModel = exports.Person = exports.PatientTreatment = exports.PatientTransfer = exports.PatientStretcher = exports.PatientMonitor = exports.PatientAssignment = exports.Patient = exports.Pain = exports.Note = exports.NoShockAdvised = exports.NoInterruption = exports.Newborn = exports.MoodVerySad = exports.MoodVeryHappy = exports.MoodSad = exports.MoodIndifferent = void 0;
+exports.Medication = exports.MedicalRecord = exports.MedicalHistory = exports.MaskLeak = exports.MapPoint = exports.ManualMode = exports.ManikinError = exports.ManikinCorrect = exports.Manikin = exports.Male = exports.Maintenance = exports.LevelsStarred = exports.LevelsIncreasing = exports.LevelsDecreasing = exports.Levels = exports.Learner = exports.Leaflet = exports.Laptop = exports.Justice = exports.Institute = exports.Injustice = exports.Information = exports.Infant = exports.House = exports.Hospitalized = exports.Hospital = exports.Hierarchy = exports.Help = exports.HeartShock = exports.HeartPulse = exports.Heart = exports.HeadTilt = exports.HandPlacementIncorrect = exports.HandPlacementCorrect = exports.HandPlacement = exports.GuidedTour = exports.Grid = exports.Goals = exports.GiftCard = exports.Geriatric = exports.FirstAid = exports.Female = exports.Faq = exports.EventLog = exports.Embryo = exports.Elderly = exports.Educator = exports.Edit = exports.ESimulation = exports.EMSRescuer = exports.ELearning = exports.Download = exports.DocumentChecked = exports.Doctor = exports.Dispatcher = exports.DeviceChecked = exports.Desktop = exports.Depth = exports.DefribilatorMonitor = exports.Defribilator = exports.Dashboard = exports.CountAloud = exports.Cookie = exports.ContactInfo = exports.Contact = exports.CoffeeBreak = exports.Code = exports.CloudUpload = exports.CloudSyncing = exports.CloudNoConnection = exports.CloudLocked = exports.CloudDownload = exports.CloudChecked = exports.CloudAttension = exports.Cloud = exports.ClinicalFindings = exports.Cleaning = exports.Child = exports.ChestCompressionFraction = exports.Certificate = exports.Call = exports.Calendar = exports.CPRTraining = exports.CPRCycles = exports.CPRCall = exports.Buildings = exports.Book = exports.Bleeding = exports.Biohazard = exports.AwardWinningPerson = exports.AutomaticMode = exports.Attention = exports.Assignments = exports.Ambulance = exports.AedPadsError = exports.AedPadsCorrect = exports.AedPads = exports.Adult = exports.Add = exports.Adaptive = void 0;
+exports.VitalSigns = exports.VideoRecording = exports.Video = exports.VentilationVolume = exports.VentilationPressure = exports.VentilationLungs = exports.Ultrasound = exports.USB = exports.TwoRescuerCPR = exports.Truck = exports.TrophyStar = exports.Trophy3rd = exports.Trophy2nd = exports.Trophy1st = exports.Trophy = exports.Translation = exports.TimelineReview = exports.Terms = exports.TeamWork = exports.TeamLead = exports.TaskTrainer = exports.TargetGroup = exports.Talking = exports.Tablet = exports.SwitchRoles = exports.SwitchCamera = exports.Suitcase = exports.Stopwatch = exports.Stethoscope = exports.Star = exports.SpeechBubbles = exports.SpeechBubble = exports.Speech = exports.Smartphone = exports.Sleep = exports.ShockAdvised = exports.Shock = exports.Settings = exports.Sepsis = exports.Search = exports.Screens = exports.Ruler = exports.Recoil = exports.RateTooSlow = exports.RateTooFast = exports.Rate = exports.RQICart = exports.Pulse = exports.ProvidersOrders = exports.Print = exports.Pregnant = exports.Pill = exports.PieChart = exports.PhysiologicalModel = exports.Person = exports.PatientTreatment = exports.PatientTransfer = exports.PatientStretcher = exports.PatientMonitor = exports.PatientAssignment = exports.Patient = exports.Pain = exports.Note = exports.NoShockAdvised = exports.NoInterruption = exports.Newborn = exports.MoodVerySad = exports.MoodVeryHappy = exports.MoodSad = exports.MoodIndifferent = exports.MoodHappy = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
@@ -4559,4 +4559,85 @@ var VitalSigns = function VitalSigns(_ref168) {
 };
 
 exports.VitalSigns = VitalSigns;
+
+var Truck = function Truck(_ref169) {
+  var className = _ref169.className,
+      _ref169$color = _ref169.color,
+      color = _ref169$color === void 0 ? 'currentColor' : _ref169$color,
+      _ref169$size = _ref169.size,
+      size = _ref169$size === void 0 ? '48px' : _ref169$size,
+      _ref169$label = _ref169.label,
+      label = _ref169$label === void 0 ? '' : _ref169$label,
+      _ref169$viewBox = _ref169.viewBox,
+      viewBox = _ref169$viewBox === void 0 ? '0 0 48 48' : _ref169$viewBox;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ContentIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactInlinesvg.default, {
+      src: _figmaSvg.ContentIcons.Truck,
+      height: (0, _index.getSize)(size),
+      width: (0, _index.getSize)(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return (0, _index.formatSvgString)(content, color);
+      }
+    })
+  });
+};
+
+exports.Truck = Truck;
+
+var RQICart = function RQICart(_ref170) {
+  var className = _ref170.className,
+      _ref170$color = _ref170.color,
+      color = _ref170$color === void 0 ? 'currentColor' : _ref170$color,
+      _ref170$size = _ref170.size,
+      size = _ref170$size === void 0 ? '48px' : _ref170$size,
+      _ref170$label = _ref170.label,
+      label = _ref170$label === void 0 ? '' : _ref170$label,
+      _ref170$viewBox = _ref170.viewBox,
+      viewBox = _ref170$viewBox === void 0 ? '0 0 48 48' : _ref170$viewBox;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ContentIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactInlinesvg.default, {
+      src: _figmaSvg.ContentIcons.RqiCart,
+      height: (0, _index.getSize)(size),
+      width: (0, _index.getSize)(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return (0, _index.formatSvgString)(content, color);
+      }
+    })
+  });
+};
+
+exports.RQICart = RQICart;
+
+var Cookie = function Cookie(_ref171) {
+  var className = _ref171.className,
+      _ref171$color = _ref171.color,
+      color = _ref171$color === void 0 ? 'currentColor' : _ref171$color,
+      _ref171$size = _ref171.size,
+      size = _ref171$size === void 0 ? '48px' : _ref171$size,
+      _ref171$label = _ref171.label,
+      label = _ref171$label === void 0 ? '' : _ref171$label,
+      _ref171$viewBox = _ref171.viewBox,
+      viewBox = _ref171$viewBox === void 0 ? '0 0 48 48' : _ref171$viewBox;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ContentIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactInlinesvg.default, {
+      src: _figmaSvg.ContentIcons.Cookie,
+      height: (0, _index.getSize)(size),
+      width: (0, _index.getSize)(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return (0, _index.formatSvgString)(content, color);
+      }
+    })
+  });
+};
+
+exports.Cookie = Cookie;
 //# sourceMappingURL=ContentIcons.cjs.map