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

package/dist/SideMenu/SideMenuFooter.cjs

@@ -27,9 +27,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ", ";\n"])), _styles.COLORS.neutral_200);
 

package/dist/SideMenu/SideMenuFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"names":["Wrapper","styled","div","COLORS","neutral_200","ItemsContainer","ButtonsContainer","LogoContainer","neutral_20","NoteContainer","ComponentTextStyle","Regular","neutral_500","SideMenuFooter","props","footer","items","length","map","item","index","size","buttons","button","label","note"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAKA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,uOAOaC,eAAOC,WAPpB,CAAb;;AAUA,IAAMC,cAAc,GAAGJ,0BAAOC,GAAV,gMAApB;;AAQA,IAAMI,gBAAgB,GAAGL,0BAAOC,GAAV,wTAAtB;;AAkBA,IAAMK,aAAa,GAAGN,0BAAOC,GAAV,sRAOGC,eAAOK,UAPV,CAAnB;;AAWA,IAAMC,aAAa,GAAGR,0BAAOC,GAAV,gGACf,iCAAoBQ,2BAAmBC,OAAvC,EAAgDR,eAAOS,WAAvD,CADe,CAAnB;;AAIO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;AAAA;;AAEtD,sBACE,sBAAC,OAAD;AAAA,eAEI,CAAC,mBAACA,KAAK,CAACC,MAAP,iEAAC,cAAcC,KAAf,gDAAC,oBAAqBC,MAAtB,CAAD,iBACA,qBAAC,cAAD;AAAA,gBACGH,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmBE,GAAnB,CAAuB,UAACC,IAAD,EAAOC,KAAP;AAAA,4BACtB,qBAAC,kBAAD;AAAsB,UAAA,IAAI,EAAEN,KAAK,CAACO;AAAlC,WAA4CF,IAA5C,GAAeC,KAAf,CADsB;AAAA,OAAvB;AADH,MAHJ,EAUI,CAAC,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,CAAD,iBACA,qBAAC,gBAAD;AAAA,gBAEIH,KAAK,CAACC,MAAN,CAAaO,OAAb,CAAqBJ,GAArB,CAAyB,UAACK,MAAD,EAASH,KAAT;AAAA,4BACvB,qBAAC,cAAD;AAAoB,UAAA,IAAI,EAAEN,KAAK,CAACO;AAAhC,WAA0CE,MAA1C;AAAA,oBACGA,MAAM,CAACC;AADV,YAAaJ,KAAb,CADuB;AAAA,OAAzB;AAFJ,MAXJ,EAsBI,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,kBACA,sBAAC,aAAD;AAAA,8BACE,qBAAC,mBAAD;AAAa,QAAA,MAAM,EAAE,MAArB;AAA6B,QAAA,KAAK,EAAE;AAApC,QADF,eAEE,qBAAC,aAAD;AAAA,oCAAgBH,KAAK,CAACC,MAAtB,mDAAgB,eAAcU;AAA9B,QAFF;AAAA,MAvBJ;AAAA,IADF;AAgCD,CAlCM","sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentTextStyle,\n  ComponentXXSStyling\n} from '../styles';\nimport {LaerdalLogo} from '../assets';\nimport {Button} from '../Button';\nimport {MenuItem} from '../MenuItem';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ${COLORS.neutral_200};\n`;\n\nconst ItemsContainer = styled.div`\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nconst ButtonsContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: 8px 16px;\n  gap: 10px;\n  width: 100%;\n\n  button {\n    flex: 1;\n  }\n\n  .small & {\n    gap: 0;\n    flex-direction: column-reverse;\n  }\n`;\n\nconst LogoContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ${COLORS.neutral_20};\n  width: 100%;\n`;\n\nconst NoteContainer = styled.div`\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n`;\n\nexport const SideMenuFooter = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        !!props.footer?.items?.length &&\n        <ItemsContainer>\n          {props.footer.items.map((item, index) =>\n            <MenuItem key={index} size={props.size} {...item}/>\n          )}\n        </ItemsContainer>\n      }\n      {\n        !!props.footer?.buttons?.length &&\n        <ButtonsContainer>\n          {\n            props.footer.buttons.map((button, index) =>\n              <Button key={index} size={props.size} {...button} >\n                {button.label}\n              </Button>\n            )\n          }\n        </ButtonsContainer>\n      }\n      {\n        !props.footer?.buttons?.length &&\n        <LogoContainer>\n          <LaerdalLogo height={'36px'} width={'66px'}/>\n          <NoteContainer>{props.footer?.note}</NoteContainer>\n        </LogoContainer>\n      }\n\n    </Wrapper>\n  )\n};\n"],"file":"SideMenuFooter.cjs"}
+{"version":3,"file":"SideMenuFooter.cjs","names":["Wrapper","styled","div","COLORS","neutral_200","ItemsContainer","ButtonsContainer","LogoContainer","neutral_20","NoteContainer","ComponentXXSStyling","ComponentTextStyle","Regular","neutral_500","SideMenuFooter","props","footer","items","length","map","item","index","size","buttons","button","label","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentTextStyle,\n  ComponentXXSStyling\n} from '../styles';\nimport {LaerdalLogo} from '../assets';\nimport {Button} from '../Button';\nimport {MenuItem} from '../MenuItem';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ${COLORS.neutral_200};\n`;\n\nconst ItemsContainer = styled.div`\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nconst ButtonsContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: 8px 16px;\n  gap: 10px;\n  width: 100%;\n\n  button {\n    flex: 1;\n  }\n\n  .small & {\n    gap: 0;\n    flex-direction: column-reverse;\n  }\n`;\n\nconst LogoContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ${COLORS.neutral_20};\n  width: 100%;\n`;\n\nconst NoteContainer = styled.div`\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n`;\n\nexport const SideMenuFooter = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        !!props.footer?.items?.length &&\n        <ItemsContainer>\n          {props.footer.items.map((item, index) =>\n            <MenuItem key={index} size={props.size} {...item}/>\n          )}\n        </ItemsContainer>\n      }\n      {\n        !!props.footer?.buttons?.length &&\n        <ButtonsContainer>\n          {\n            props.footer.buttons.map((button, index) =>\n              <Button key={index} size={props.size} {...button} >\n                {button.label}\n              </Button>\n            )\n          }\n        </ButtonsContainer>\n      }\n      {\n        !props.footer?.buttons?.length &&\n        <LogoContainer>\n          <LaerdalLogo height={'36px'} width={'66px'}/>\n          <NoteContainer>{props.footer?.note}</NoteContainer>\n        </LogoContainer>\n      }\n\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAKA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,uOAOaC,cAAA,CAAOC,WAPpB,CAAb;;AAUA,IAAMC,cAAc,GAAGJ,yBAAA,CAAOC,GAAV,gMAApB;;AAQA,IAAMI,gBAAgB,GAAGL,yBAAA,CAAOC,GAAV,wTAAtB;;AAkBA,IAAMK,aAAa,GAAGN,yBAAA,CAAOC,GAAV,sRAOGC,cAAA,CAAOK,UAPV,CAAnB;;AAWA,IAAMC,aAAa,GAAGR,yBAAA,CAAOC,GAAV,gGACf,IAAAQ,2BAAA,EAAoBC,0BAAA,CAAmBC,OAAvC,EAAgDT,cAAA,CAAOU,WAAvD,CADe,CAAnB;;AAIO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;EAAA;;EAEtD,oBACE,sBAAC,OAAD;IAAA,WAEI,CAAC,mBAACA,KAAK,CAACC,MAAP,iEAAC,cAAcC,KAAf,gDAAC,oBAAqBC,MAAtB,CAAD,iBACA,qBAAC,cAAD;MAAA,UACGH,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmBE,GAAnB,CAAuB,UAACC,IAAD,EAAOC,KAAP;QAAA,oBACtB,qBAAC,kBAAD;UAAsB,IAAI,EAAEN,KAAK,CAACO;QAAlC,GAA4CF,IAA5C,GAAeC,KAAf,CADsB;MAAA,CAAvB;IADH,EAHJ,EAUI,CAAC,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,CAAD,iBACA,qBAAC,gBAAD;MAAA,UAEIH,KAAK,CAACC,MAAN,CAAaO,OAAb,CAAqBJ,GAArB,CAAyB,UAACK,MAAD,EAASH,KAAT;QAAA,oBACvB,qBAAC,cAAD;UAAoB,IAAI,EAAEN,KAAK,CAACO;QAAhC,GAA0CE,MAA1C;UAAA,UACGA,MAAM,CAACC;QADV,IAAaJ,KAAb,CADuB;MAAA,CAAzB;IAFJ,EAXJ,EAsBI,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,kBACA,sBAAC,aAAD;MAAA,wBACE,qBAAC,mBAAD;QAAa,MAAM,EAAE,MAArB;QAA6B,KAAK,EAAE;MAApC,EADF,eAEE,qBAAC,aAAD;QAAA,4BAAgBH,KAAK,CAACC,MAAtB,mDAAgB,eAAcU;MAA9B,EAFF;IAAA,EAvBJ;EAAA,EADF;AAgCD,CAlCM"}

package/dist/SideMenu/SideMenuFooter.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SideMenuProps } from './types';
 export declare const SideMenuFooter: (props: SideMenuProps) => JSX.Element;

package/dist/SideMenu/SideMenuFooter.js

@@ -3,9 +3,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React from 'react';
 import styled from 'styled-components';

package/dist/SideMenu/SideMenuFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"names":["React","styled","COLORS","ComponentTextStyle","ComponentXXSStyling","LaerdalLogo","Button","MenuItem","Wrapper","div","neutral_200","ItemsContainer","ButtonsContainer","LogoContainer","neutral_20","NoteContainer","Regular","neutral_500","SideMenuFooter","props","footer","items","length","map","item","index","size","buttons","button","label","note"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SACEC,MADF,EAEEC,kBAFF,EAGEC,mBAHF,QAIO,WAJP;AAKA,SAAQC,WAAR,QAA0B,WAA1B;AACA,SAAQC,MAAR,QAAqB,WAArB;AACA,SAAQC,QAAR,QAAuB,aAAvB;;;AAEA,IAAMC,OAAO,GAAGP,MAAM,CAACQ,GAAV,yNAOaP,MAAM,CAACQ,WAPpB,CAAb;AAUA,IAAMC,cAAc,GAAGV,MAAM,CAACQ,GAAV,kLAApB;AAQA,IAAMG,gBAAgB,GAAGX,MAAM,CAACQ,GAAV,0SAAtB;AAkBA,IAAMI,aAAa,GAAGZ,MAAM,CAACQ,GAAV,wQAOGP,MAAM,CAACY,UAPV,CAAnB;AAWA,IAAMC,aAAa,GAAGd,MAAM,CAACQ,GAAV,kFACfL,mBAAmB,CAACD,kBAAkB,CAACa,OAApB,EAA6Bd,MAAM,CAACe,WAApC,CADJ,CAAnB;AAIA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;AAAA;;AAEtD,sBACE,MAAC,OAAD;AAAA,eAEI,CAAC,mBAACA,KAAK,CAACC,MAAP,iEAAC,cAAcC,KAAf,gDAAC,oBAAqBC,MAAtB,CAAD,iBACA,KAAC,cAAD;AAAA,gBACGH,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmBE,GAAnB,CAAuB,UAACC,IAAD,EAAOC,KAAP;AAAA,4BACtB,KAAC,QAAD;AAAsB,UAAA,IAAI,EAAEN,KAAK,CAACO;AAAlC,WAA4CF,IAA5C,GAAeC,KAAf,CADsB;AAAA,OAAvB;AADH,MAHJ,EAUI,CAAC,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,CAAD,iBACA,KAAC,gBAAD;AAAA,gBAEIH,KAAK,CAACC,MAAN,CAAaO,OAAb,CAAqBJ,GAArB,CAAyB,UAACK,MAAD,EAASH,KAAT;AAAA,4BACvB,KAAC,MAAD;AAAoB,UAAA,IAAI,EAAEN,KAAK,CAACO;AAAhC,WAA0CE,MAA1C;AAAA,oBACGA,MAAM,CAACC;AADV,YAAaJ,KAAb,CADuB;AAAA,OAAzB;AAFJ,MAXJ,EAsBI,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,kBACA,MAAC,aAAD;AAAA,8BACE,KAAC,WAAD;AAAa,QAAA,MAAM,EAAE,MAArB;AAA6B,QAAA,KAAK,EAAE;AAApC,QADF,eAEE,KAAC,aAAD;AAAA,oCAAgBH,KAAK,CAACC,MAAtB,mDAAgB,eAAcU;AAA9B,QAFF;AAAA,MAvBJ;AAAA,IADF;AAgCD,CAlCM","sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentTextStyle,\n  ComponentXXSStyling\n} from '../styles';\nimport {LaerdalLogo} from '../assets';\nimport {Button} from '../Button';\nimport {MenuItem} from '../MenuItem';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ${COLORS.neutral_200};\n`;\n\nconst ItemsContainer = styled.div`\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nconst ButtonsContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: 8px 16px;\n  gap: 10px;\n  width: 100%;\n\n  button {\n    flex: 1;\n  }\n\n  .small & {\n    gap: 0;\n    flex-direction: column-reverse;\n  }\n`;\n\nconst LogoContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ${COLORS.neutral_20};\n  width: 100%;\n`;\n\nconst NoteContainer = styled.div`\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n`;\n\nexport const SideMenuFooter = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        !!props.footer?.items?.length &&\n        <ItemsContainer>\n          {props.footer.items.map((item, index) =>\n            <MenuItem key={index} size={props.size} {...item}/>\n          )}\n        </ItemsContainer>\n      }\n      {\n        !!props.footer?.buttons?.length &&\n        <ButtonsContainer>\n          {\n            props.footer.buttons.map((button, index) =>\n              <Button key={index} size={props.size} {...button} >\n                {button.label}\n              </Button>\n            )\n          }\n        </ButtonsContainer>\n      }\n      {\n        !props.footer?.buttons?.length &&\n        <LogoContainer>\n          <LaerdalLogo height={'36px'} width={'66px'}/>\n          <NoteContainer>{props.footer?.note}</NoteContainer>\n        </LogoContainer>\n      }\n\n    </Wrapper>\n  )\n};\n"],"file":"SideMenuFooter.js"}
+{"version":3,"file":"SideMenuFooter.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXXSStyling","LaerdalLogo","Button","MenuItem","Wrapper","div","neutral_200","ItemsContainer","ButtonsContainer","LogoContainer","neutral_20","NoteContainer","Regular","neutral_500","SideMenuFooter","props","footer","items","length","map","item","index","size","buttons","button","label","note"],"sources":["../../src/SideMenu/SideMenuFooter.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentTextStyle,\n  ComponentXXSStyling\n} from '../styles';\nimport {LaerdalLogo} from '../assets';\nimport {Button} from '../Button';\nimport {MenuItem} from '../MenuItem';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n\n  border-top: 1px solid ${COLORS.neutral_200};\n`;\n\nconst ItemsContainer = styled.div`\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nconst ButtonsContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  padding: 8px 16px;\n  gap: 10px;\n  width: 100%;\n\n  button {\n    flex: 1;\n  }\n\n  .small & {\n    gap: 0;\n    flex-direction: column-reverse;\n  }\n`;\n\nconst LogoContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  min-height: 80px;\n  padding: 8px 16px;\n  background-color: ${COLORS.neutral_20};\n  width: 100%;\n`;\n\nconst NoteContainer = styled.div`\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n`;\n\nexport const SideMenuFooter = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        !!props.footer?.items?.length &&\n        <ItemsContainer>\n          {props.footer.items.map((item, index) =>\n            <MenuItem key={index} size={props.size} {...item}/>\n          )}\n        </ItemsContainer>\n      }\n      {\n        !!props.footer?.buttons?.length &&\n        <ButtonsContainer>\n          {\n            props.footer.buttons.map((button, index) =>\n              <Button key={index} size={props.size} {...button} >\n                {button.label}\n              </Button>\n            )\n          }\n        </ButtonsContainer>\n      }\n      {\n        !props.footer?.buttons?.length &&\n        <LogoContainer>\n          <LaerdalLogo height={'36px'} width={'66px'}/>\n          <NoteContainer>{props.footer?.note}</NoteContainer>\n        </LogoContainer>\n      }\n\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SACEC,MADF,EAEEC,kBAFF,EAGEC,mBAHF,QAIO,WAJP;AAKA,SAAQC,WAAR,QAA0B,WAA1B;AACA,SAAQC,MAAR,QAAqB,WAArB;AACA,SAAQC,QAAR,QAAuB,aAAvB;;;AAEA,IAAMC,OAAO,GAAGP,MAAM,CAACQ,GAAV,yNAOaP,MAAM,CAACQ,WAPpB,CAAb;AAUA,IAAMC,cAAc,GAAGV,MAAM,CAACQ,GAAV,kLAApB;AAQA,IAAMG,gBAAgB,GAAGX,MAAM,CAACQ,GAAV,0SAAtB;AAkBA,IAAMI,aAAa,GAAGZ,MAAM,CAACQ,GAAV,wQAOGP,MAAM,CAACY,UAPV,CAAnB;AAWA,IAAMC,aAAa,GAAGd,MAAM,CAACQ,GAAV,kFACfL,mBAAmB,CAACD,kBAAkB,CAACa,OAApB,EAA6Bd,MAAM,CAACe,WAApC,CADJ,CAAnB;AAIA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;EAAA;;EAEtD,oBACE,MAAC,OAAD;IAAA,WAEI,CAAC,mBAACA,KAAK,CAACC,MAAP,iEAAC,cAAcC,KAAf,gDAAC,oBAAqBC,MAAtB,CAAD,iBACA,KAAC,cAAD;MAAA,UACGH,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmBE,GAAnB,CAAuB,UAACC,IAAD,EAAOC,KAAP;QAAA,oBACtB,KAAC,QAAD;UAAsB,IAAI,EAAEN,KAAK,CAACO;QAAlC,GAA4CF,IAA5C,GAAeC,KAAf,CADsB;MAAA,CAAvB;IADH,EAHJ,EAUI,CAAC,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,CAAD,iBACA,KAAC,gBAAD;MAAA,UAEIH,KAAK,CAACC,MAAN,CAAaO,OAAb,CAAqBJ,GAArB,CAAyB,UAACK,MAAD,EAASH,KAAT;QAAA,oBACvB,KAAC,MAAD;UAAoB,IAAI,EAAEN,KAAK,CAACO;QAAhC,GAA0CE,MAA1C;UAAA,UACGA,MAAM,CAACC;QADV,IAAaJ,KAAb,CADuB;MAAA,CAAzB;IAFJ,EAXJ,EAsBI,oBAACN,KAAK,CAACC,MAAP,oEAAC,eAAcO,OAAf,kDAAC,sBAAuBL,MAAxB,kBACA,MAAC,aAAD;MAAA,wBACE,KAAC,WAAD;QAAa,MAAM,EAAE,MAArB;QAA6B,KAAK,EAAE;MAApC,EADF,eAEE,KAAC,aAAD;QAAA,4BAAgBH,KAAK,CAACC,MAAtB,mDAAgB,eAAcU;MAA9B,EAFF;IAAA,EAvBJ;EAAA,EADF;AAgCD,CAlCM"}

package/dist/SideMenu/SideMenuHeader.cjs

@@ -29,9 +29,9 @@ var _excluded = ["icon"];
 
 var _templateObject, _templateObject2;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n"])));
 

package/dist/SideMenu/SideMenuHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"names":["Wrapper","styled","div","LabelContainer","ComponentTextStyle","Bold","COLORS","neutral_600","SideMenuHeader","props","header","actions","map","index","icon","rest","label","onClose","marginLeft"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,uRAAb;;AAkBA,IAAMC,cAAc,GAAGF,0BAAOC,GAAV,2MAId,+BAAkBE,2BAAmBC,IAArC,EAA2CC,eAAOC,WAAlD,CAJc,EAQd,+BAAkBH,2BAAmBC,IAArC,EAA2CC,eAAOC,WAAlD,CARc,EAYd,+BAAkBH,2BAAmBC,IAArC,EAA2CC,eAAOC,WAAlD,CAZc,CAApB;;AAgBO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;AAAA;;AAEtD,sBACE,sBAAC,OAAD;AAAA,gCAEIA,KAAK,CAACC,MAFV,2EAEI,cAAcC,OAFlB,0DAEI,sBAAuBC,GAAvB,CAA2B,gBAAkBC,KAAlB;AAAA,UAAEC,IAAF,QAAEA,IAAF;AAAA,UAAWC,IAAX;AAAA,0BACzB,qBAAC,kBAAD;AAAwB,QAAA,OAAO,EAAE,WAAjC;AAA8C,QAAA,KAAK,EAAE;AAArD,SAAqEA,IAArE;AAAA,kBACGD;AADH,UAAiBD,KAAjB,CADyB;AAAA,KAA3B,CAFJ,EASI,mBAAAJ,KAAK,CAACC,MAAN,kEAAcM,KAAd,kBACA,qBAAC,cAAD;AAAA,gBACGP,KAAK,CAACC,MAAN,CAAaM;AADhB,MAVJ,eAcE,qBAAC,kBAAD;AAAY,MAAA,MAAM,EAAEP,KAAK,CAACQ,OAA1B;AAAmC,MAAA,OAAO,EAAE,WAA5C;AAAyD,MAAA,KAAK,EAAE,UAAhE;AAA4E,MAAA,KAAK,EAAE;AAACC,QAAAA,UAAU,EAAE;AAAb,OAAnF;AAAA,6BACE,qBAAC,kBAAD,CAAa,KAAb;AADF,MAdF;AAAA,IADF;AAoBD,CAtBM","sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\nimport {IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n`;\n\nconst LabelContainer = styled.div`\n  margin-left: 8px;\n\n  .small & {\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .medium & {\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .large & {\n    ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\n\nexport const SideMenuHeader = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        props.header?.actions?.map(({icon, ...rest}, index) =>\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\n            {icon}\n          </IconButton>\n        )\n      }\n      {\n        props.header?.label &&\n        <LabelContainer>\n          {props.header.label}\n        </LabelContainer>\n      }\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\n        <SystemIcons.Close/>\n      </IconButton>\n    </Wrapper>\n  )\n};\n"],"file":"SideMenuHeader.cjs"}
+{"version":3,"file":"SideMenuHeader.cjs","names":["Wrapper","styled","div","LabelContainer","ComponentSStyling","ComponentTextStyle","Bold","COLORS","neutral_600","ComponentMStyling","ComponentLStyling","SideMenuHeader","props","header","actions","map","index","icon","rest","label","onClose","marginLeft"],"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\nimport {IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n`;\n\nconst LabelContainer = styled.div`\n  margin-left: 8px;\n\n  .small & {\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .medium & {\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .large & {\n    ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\n\nexport const SideMenuHeader = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        props.header?.actions?.map(({icon, ...rest}, index) =>\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\n            {icon}\n          </IconButton>\n        )\n      }\n      {\n        props.header?.label &&\n        <LabelContainer>\n          {props.header.label}\n        </LabelContainer>\n      }\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\n        <SystemIcons.Close/>\n      </IconButton>\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,uRAAb;;AAkBA,IAAMC,cAAc,GAAGF,yBAAA,CAAOC,GAAV,2MAId,IAAAE,yBAAA,EAAkBC,0BAAA,CAAmBC,IAArC,EAA2CC,cAAA,CAAOC,WAAlD,CAJc,EAQd,IAAAC,yBAAA,EAAkBJ,0BAAA,CAAmBC,IAArC,EAA2CC,cAAA,CAAOC,WAAlD,CARc,EAYd,IAAAE,yBAAA,EAAkBL,0BAAA,CAAmBC,IAArC,EAA2CC,cAAA,CAAOC,WAAlD,CAZc,CAApB;;AAgBO,IAAMG,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;EAAA;;EAEtD,oBACE,sBAAC,OAAD;IAAA,4BAEIA,KAAK,CAACC,MAFV,2EAEI,cAAcC,OAFlB,0DAEI,sBAAuBC,GAAvB,CAA2B,gBAAkBC,KAAlB;MAAA,IAAEC,IAAF,QAAEA,IAAF;MAAA,IAAWC,IAAX;MAAA,oBACzB,qBAAC,kBAAD;QAAwB,OAAO,EAAE,WAAjC;QAA8C,KAAK,EAAE;MAArD,GAAqEA,IAArE;QAAA,UACGD;MADH,IAAiBD,KAAjB,CADyB;IAAA,CAA3B,CAFJ,EASI,mBAAAJ,KAAK,CAACC,MAAN,kEAAcM,KAAd,kBACA,qBAAC,cAAD;MAAA,UACGP,KAAK,CAACC,MAAN,CAAaM;IADhB,EAVJ,eAcE,qBAAC,kBAAD;MAAY,MAAM,EAAEP,KAAK,CAACQ,OAA1B;MAAmC,OAAO,EAAE,WAA5C;MAAyD,KAAK,EAAE,UAAhE;MAA4E,KAAK,EAAE;QAACC,UAAU,EAAE;MAAb,CAAnF;MAAA,uBACE,qBAAC,kBAAD,CAAa,KAAb;IADF,EAdF;EAAA,EADF;AAoBD,CAtBM"}

package/dist/SideMenu/SideMenuHeader.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SideMenuProps } from './types';
 export declare const SideMenuHeader: (props: SideMenuProps) => JSX.Element;

package/dist/SideMenu/SideMenuHeader.js

@@ -5,9 +5,9 @@ var _excluded = ["icon"];
 
 var _templateObject, _templateObject2;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React from 'react';
 import styled from 'styled-components';

package/dist/SideMenu/SideMenuHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"names":["React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","IconButton","SystemIcons","Wrapper","div","LabelContainer","Bold","neutral_600","SideMenuHeader","props","header","actions","map","index","icon","rest","label","onClose","marginLeft"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,MAAR,EAAgBC,iBAAhB,EAAmCC,iBAAnC,EAAsDC,iBAAtD,EAAyEC,kBAAzE,QAAkG,WAAlG;AACA,SAAQC,UAAR,QAAyB,WAAzB;AACA,SAAQC,WAAR,QAA0B,UAA1B;;;AAEA,IAAMC,OAAO,GAAGR,MAAM,CAACS,GAAV,yQAAb;AAkBA,IAAMC,cAAc,GAAGV,MAAM,CAACS,GAAV,6LAIdL,iBAAiB,CAACC,kBAAkB,CAACM,IAApB,EAA0BV,MAAM,CAACW,WAAjC,CAJH,EAQdT,iBAAiB,CAACE,kBAAkB,CAACM,IAApB,EAA0BV,MAAM,CAACW,WAAjC,CARH,EAYdV,iBAAiB,CAACG,kBAAkB,CAACM,IAApB,EAA0BV,MAAM,CAACW,WAAjC,CAZH,CAApB;AAgBA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;AAAA;;AAEtD,sBACE,MAAC,OAAD;AAAA,gCAEIA,KAAK,CAACC,MAFV,2EAEI,cAAcC,OAFlB,0DAEI,sBAAuBC,GAAvB,CAA2B,gBAAkBC,KAAlB;AAAA,UAAEC,IAAF,QAAEA,IAAF;AAAA,UAAWC,IAAX;;AAAA,0BACzB,KAAC,UAAD;AAAwB,QAAA,OAAO,EAAE,WAAjC;AAA8C,QAAA,KAAK,EAAE;AAArD,SAAqEA,IAArE;AAAA,kBACGD;AADH,UAAiBD,KAAjB,CADyB;AAAA,KAA3B,CAFJ,EASI,mBAAAJ,KAAK,CAACC,MAAN,kEAAcM,KAAd,kBACA,KAAC,cAAD;AAAA,gBACGP,KAAK,CAACC,MAAN,CAAaM;AADhB,MAVJ,eAcE,KAAC,UAAD;AAAY,MAAA,MAAM,EAAEP,KAAK,CAACQ,OAA1B;AAAmC,MAAA,OAAO,EAAE,WAA5C;AAAyD,MAAA,KAAK,EAAE,UAAhE;AAA4E,MAAA,KAAK,EAAE;AAACC,QAAAA,UAAU,EAAE;AAAb,OAAnF;AAAA,6BACE,KAAC,WAAD,CAAa,KAAb;AADF,MAdF;AAAA,IADF;AAoBD,CAtBM","sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\nimport {IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n`;\n\nconst LabelContainer = styled.div`\n  margin-left: 8px;\n\n  .small & {\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .medium & {\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .large & {\n    ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\n\nexport const SideMenuHeader = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        props.header?.actions?.map(({icon, ...rest}, index) =>\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\n            {icon}\n          </IconButton>\n        )\n      }\n      {\n        props.header?.label &&\n        <LabelContainer>\n          {props.header.label}\n        </LabelContainer>\n      }\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\n        <SystemIcons.Close/>\n      </IconButton>\n    </Wrapper>\n  )\n};\n"],"file":"SideMenuHeader.js"}
+{"version":3,"file":"SideMenuHeader.js","names":["React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","IconButton","SystemIcons","Wrapper","div","LabelContainer","Bold","neutral_600","SideMenuHeader","props","header","actions","map","index","icon","rest","label","onClose","marginLeft"],"sources":["../../src/SideMenu/SideMenuHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {SideMenuProps} from './types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\nimport {IconButton} from '../Button';\nimport {SystemIcons} from '../icons';\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n\n  .small & {\n    min-height: 48px;\n  }\n\n  .medium & {\n    min-height: 56px;\n  }\n\n  .large & {\n    min-height: 64px;\n  }\n`;\n\nconst LabelContainer = styled.div`\n  margin-left: 8px;\n\n  .small & {\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .medium & {\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n\n  .large & {\n    ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\n\nexport const SideMenuHeader = (props: SideMenuProps) => {\n\n  return (\n    <Wrapper>\n      {\n        props.header?.actions?.map(({icon, ...rest}, index) =>\n          <IconButton key={index} variant={'secondary'} shape={'circular'} {...rest}>\n            {icon}\n          </IconButton>\n        )\n      }\n      {\n        props.header?.label &&\n        <LabelContainer>\n          {props.header.label}\n        </LabelContainer>\n      }\n      <IconButton action={props.onClose} variant={'secondary'} shape={'circular'} style={{marginLeft: 'auto'}}>\n        <SystemIcons.Close/>\n      </IconButton>\n    </Wrapper>\n  )\n};\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,MAAR,EAAgBC,iBAAhB,EAAmCC,iBAAnC,EAAsDC,iBAAtD,EAAyEC,kBAAzE,QAAkG,WAAlG;AACA,SAAQC,UAAR,QAAyB,WAAzB;AACA,SAAQC,WAAR,QAA0B,UAA1B;;;AAEA,IAAMC,OAAO,GAAGR,MAAM,CAACS,GAAV,yQAAb;AAkBA,IAAMC,cAAc,GAAGV,MAAM,CAACS,GAAV,6LAIdL,iBAAiB,CAACC,kBAAkB,CAACM,IAApB,EAA0BV,MAAM,CAACW,WAAjC,CAJH,EAQdT,iBAAiB,CAACE,kBAAkB,CAACM,IAApB,EAA0BV,MAAM,CAACW,WAAjC,CARH,EAYdV,iBAAiB,CAACG,kBAAkB,CAACM,IAApB,EAA0BV,MAAM,CAACW,WAAjC,CAZH,CAApB;AAgBA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA0B;EAAA;;EAEtD,oBACE,MAAC,OAAD;IAAA,4BAEIA,KAAK,CAACC,MAFV,2EAEI,cAAcC,OAFlB,0DAEI,sBAAuBC,GAAvB,CAA2B,gBAAkBC,KAAlB;MAAA,IAAEC,IAAF,QAAEA,IAAF;MAAA,IAAWC,IAAX;;MAAA,oBACzB,KAAC,UAAD;QAAwB,OAAO,EAAE,WAAjC;QAA8C,KAAK,EAAE;MAArD,GAAqEA,IAArE;QAAA,UACGD;MADH,IAAiBD,KAAjB,CADyB;IAAA,CAA3B,CAFJ,EASI,mBAAAJ,KAAK,CAACC,MAAN,kEAAcM,KAAd,kBACA,KAAC,cAAD;MAAA,UACGP,KAAK,CAACC,MAAN,CAAaM;IADhB,EAVJ,eAcE,KAAC,UAAD;MAAY,MAAM,EAAEP,KAAK,CAACQ,OAA1B;MAAmC,OAAO,EAAE,WAA5C;MAAyD,KAAK,EAAE,UAAhE;MAA4E,KAAK,EAAE;QAACC,UAAU,EAAE;MAAb,CAAnF;MAAA,uBACE,KAAC,WAAD,CAAa,KAAb;IADF,EAdF;EAAA,EADF;AAoBD,CAtBM"}

package/dist/SideMenu/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/SideMenu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export {default as SideMenu} from './SideMenu';\nexport * from './types';\n"],"file":"index.cjs"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/SideMenu/index.ts"],"sourcesContent":["export {default as SideMenu} from './SideMenu';\nexport * from './types';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/SideMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/SideMenu/index.ts"],"names":["default","SideMenu"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,QAAnB,QAAkC,YAAlC;AACA,cAAc,SAAd","sourcesContent":["export {default as SideMenu} from './SideMenu';\nexport * from './types';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["default","SideMenu"],"sources":["../../src/SideMenu/index.ts"],"sourcesContent":["export {default as SideMenu} from './SideMenu';\nexport * from './types';\n"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,QAAnB,QAAkC,YAAlC;AACA,cAAc,SAAd"}

package/dist/SideMenu/types.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.cjs"}
+{"version":3,"file":"types.cjs","names":[],"sources":["../../src/SideMenu/types.ts"],"sourcesContent":["import {ButtonProps} from '../Button/Button';\nimport {IconButtonProps} from '../Button/Iconbutton';\nimport {MenuItemProps} from '../MenuItem/MenuItem';\nimport {Size} from '../types';\n\n\nexport type SideMenuAction = Omit<IconButtonProps, 'variant' |\n  'shape' |\n  'isInMobileMenu' |\n  'borderRadius' |\n  'flatEdge' |\n  'focusBackgroundColor' |\n  'useTransparentBackground' |\n  'unsetIconSize' |\n  'shouldNotInteract' |\n  'invertFocus' |\n  'hideOnLowWidth' | 'children'> & { icon: React.ReactNode };\n\nexport type  SideMenuButton =\n  Omit<ButtonProps, 'size' | 'iconOnly' | 'minWidth' | 'testId' | 'width' | 'invertFocus' | 'colorTheme' | 'flatEdge' | 'children'>\n  & { label: string };\n\nexport type SideMenuItem = Omit<MenuItemProps, 'size'>\n\nexport interface SideMenuHeader {\n  actions?: SideMenuAction[];\n  label?: string;\n}\n\nexport interface SideMenuFooter {\n  items?: SideMenuItem[];\n  buttons?: SideMenuButton[];\n  note?: string;\n}\n\nexport interface SideMenuProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: Size.Small | Size.Medium | Size.Large;\n  header?: SideMenuHeader;\n  footer?: SideMenuFooter;\n  onClose: () => void;\n  children?: any;\n}\n"],"mappings":""}

package/dist/SideMenu/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonProps } from '../Button/Button';
 import { IconButtonProps } from '../Button/Iconbutton';
 import { MenuItemProps } from '../MenuItem/MenuItem';

package/dist/SideMenu/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/SideMenu/types.ts"],"sourcesContent":["import {ButtonProps} from '../Button/Button';\nimport {IconButtonProps} from '../Button/Iconbutton';\nimport {MenuItemProps} from '../MenuItem/MenuItem';\nimport {Size} from '../types';\n\n\nexport type SideMenuAction = Omit<IconButtonProps, 'variant' |\n  'shape' |\n  'isInMobileMenu' |\n  'borderRadius' |\n  'flatEdge' |\n  'focusBackgroundColor' |\n  'useTransparentBackground' |\n  'unsetIconSize' |\n  'shouldNotInteract' |\n  'invertFocus' |\n  'hideOnLowWidth' | 'children'> & { icon: React.ReactNode };\n\nexport type  SideMenuButton =\n  Omit<ButtonProps, 'size' | 'iconOnly' | 'minWidth' | 'testId' | 'width' | 'invertFocus' | 'colorTheme' | 'flatEdge' | 'children'>\n  & { label: string };\n\nexport type SideMenuItem = Omit<MenuItemProps, 'size'>\n\nexport interface SideMenuHeader {\n  actions?: SideMenuAction[];\n  label?: string;\n}\n\nexport interface SideMenuFooter {\n  items?: SideMenuItem[];\n  buttons?: SideMenuButton[];\n  note?: string;\n}\n\nexport interface SideMenuProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: Size.Small | Size.Medium | Size.Large;\n  header?: SideMenuHeader;\n  footer?: SideMenuFooter;\n  onClose: () => void;\n  children?: any;\n}\n"],"mappings":""}

package/dist/SkipToContent/SkipToContent.cjs

@@ -11,6 +11,8 @@ exports.default = void 0;
 
 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"));
@@ -39,6 +41,9 @@ var SkipToContent = function SkipToContent(_ref) {
   });
 };
 
+SkipToContent.propTypes = {
+  children: _propTypes.default.node.isRequired
+};
 var _default = SkipToContent;
 exports.default = _default;
 //# sourceMappingURL=SkipToContent.cjs.map

package/dist/SkipToContent/SkipToContent.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/SkipToContent/SkipToContent.tsx"],"names":["SkipToContentLink","styled","a","ComponentTextStyle","Bold","COLORS","black","SkipToContentWrapper","div","accent2_200","SkipToContent","children"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;AAKA,IAAMA,iBAAiB,GAAGC,0BAAOC,CAAV,+HACnB,+BAAkBC,2BAAmBC,IAArC,EAA2CC,eAAOC,KAAlD,CADmB,CAAvB;;AAMA,IAAMC,oBAAoB,GAAGN,0BAAOO,GAAV,6VAWRH,eAAOI,WAXC,CAA1B;;AAmBA,IAAMC,aAA0D,GAAG,SAA7DA,aAA6D,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACnF,sBACE,qBAAC,oBAAD;AAAA,2BACE,qBAAC,iBAAD;AAAmB,MAAA,IAAI,EAAC,OAAxB;AAAA,gBAAiCA;AAAjC;AADF,IADF;AAKD,CAND;;eAQeD,a","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { COLORS, ComponentTextStyle} from '../styles';\nimport { ComponentSStyling } from '../styles';\n\ntype SkipToContentProps = {};\n\nconst SkipToContentLink = styled.a`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\n\n  text-decoration: underline;\n`;\n\nconst SkipToContentWrapper = styled.div`\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ${COLORS.accent2_200};\n  }\n\n  @media print {\n    display: none;\n  }\n`;\n\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\n  return (\n    <SkipToContentWrapper>\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\n    </SkipToContentWrapper>\n  );\n};\n\nexport default SkipToContent;\n"],"file":"SkipToContent.cjs"}
+{"version":3,"file":"SkipToContent.cjs","names":["SkipToContentLink","styled","a","ComponentSStyling","ComponentTextStyle","Bold","COLORS","black","SkipToContentWrapper","div","accent2_200","SkipToContent","children"],"sources":["../../src/SkipToContent/SkipToContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { COLORS, ComponentTextStyle} from '../styles';\nimport { ComponentSStyling } from '../styles';\n\nexport type SkipToContentProps = {\n  children: React.ReactNode;\n};\n\nconst SkipToContentLink = styled.a`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\n\n  text-decoration: underline;\n`;\n\nconst SkipToContentWrapper = styled.div`\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ${COLORS.accent2_200};\n  }\n\n  @media print {\n    display: none;\n  }\n`;\n\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\n  return (\n    <SkipToContentWrapper>\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\n    </SkipToContentWrapper>\n  );\n};\n\nexport default SkipToContent;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;AAOA,IAAMA,iBAAiB,GAAGC,yBAAA,CAAOC,CAAV,+HACnB,IAAAC,yBAAA,EAAkBC,0BAAA,CAAmBC,IAArC,EAA2CC,cAAA,CAAOC,KAAlD,CADmB,CAAvB;;AAMA,IAAMC,oBAAoB,GAAGP,yBAAA,CAAOQ,GAAV,6VAWRH,cAAA,CAAOI,WAXC,CAA1B;;AAmBA,IAAMC,aAA0D,GAAG,SAA7DA,aAA6D,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACnF,oBACE,qBAAC,oBAAD;IAAA,uBACE,qBAAC,iBAAD;MAAmB,IAAI,EAAC,OAAxB;MAAA,UAAiCA;IAAjC;EADF,EADF;AAKD,CAND;;;EA5BEA,Q;;eAoCaD,a"}

package/dist/SkipToContent/SkipToContent.d.ts

@@ -1,4 +1,6 @@
 import * as React from 'react';
-declare type SkipToContentProps = {};
+export declare type SkipToContentProps = {
+    children: React.ReactNode;
+};
 declare const SkipToContent: React.FunctionComponent<SkipToContentProps>;
 export default SkipToContent;

package/dist/SkipToContent/SkipToContent.js

@@ -1,4 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _pt from "prop-types";
 
 var _templateObject, _templateObject2;
 
@@ -20,5 +21,8 @@ var SkipToContent = function SkipToContent(_ref) {
   });
 };
 
+SkipToContent.propTypes = {
+  children: _pt.node.isRequired
+};
 export default SkipToContent;
 //# sourceMappingURL=SkipToContent.js.map

package/dist/SkipToContent/SkipToContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/SkipToContent/SkipToContent.tsx"],"names":["React","styled","COLORS","ComponentTextStyle","ComponentSStyling","SkipToContentLink","a","Bold","black","SkipToContentWrapper","div","accent2_200","SkipToContent","children"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,SAASC,MAAT,EAAiBC,kBAAjB,QAA0C,WAA1C;AACA,SAASC,iBAAT,QAAkC,WAAlC;;AAIA,IAAMC,iBAAiB,GAAGJ,MAAM,CAACK,CAAV,iHACnBF,iBAAiB,CAACD,kBAAkB,CAACI,IAApB,EAA0BL,MAAM,CAACM,KAAjC,CADE,CAAvB;AAMA,IAAMC,oBAAoB,GAAGR,MAAM,CAACS,GAAV,+UAWRR,MAAM,CAACS,WAXC,CAA1B;;AAmBA,IAAMC,aAA0D,GAAG,SAA7DA,aAA6D,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACnF,sBACE,KAAC,oBAAD;AAAA,2BACE,KAAC,iBAAD;AAAmB,MAAA,IAAI,EAAC,OAAxB;AAAA,gBAAiCA;AAAjC;AADF,IADF;AAKD,CAND;;AAQA,eAAeD,aAAf","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { COLORS, ComponentTextStyle} from '../styles';\nimport { ComponentSStyling } from '../styles';\n\ntype SkipToContentProps = {};\n\nconst SkipToContentLink = styled.a`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\n\n  text-decoration: underline;\n`;\n\nconst SkipToContentWrapper = styled.div`\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ${COLORS.accent2_200};\n  }\n\n  @media print {\n    display: none;\n  }\n`;\n\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\n  return (\n    <SkipToContentWrapper>\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\n    </SkipToContentWrapper>\n  );\n};\n\nexport default SkipToContent;\n"],"file":"SkipToContent.js"}
+{"version":3,"file":"SkipToContent.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentSStyling","SkipToContentLink","a","Bold","black","SkipToContentWrapper","div","accent2_200","SkipToContent","children"],"sources":["../../src/SkipToContent/SkipToContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { COLORS, ComponentTextStyle} from '../styles';\nimport { ComponentSStyling } from '../styles';\n\nexport type SkipToContentProps = {\n  children: React.ReactNode;\n};\n\nconst SkipToContentLink = styled.a`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\n\n  text-decoration: underline;\n`;\n\nconst SkipToContentWrapper = styled.div`\n  text-decoration: none;\n  z-index: -1000;\n  height: 0px;\n  overflow-x: hidden;\n\n  &:focus-within {\n    height: auto;\n    padding: 16px;\n    z-index: 100000;\n    flex: 1 0 auto;\n    background: ${COLORS.accent2_200};\n  }\n\n  @media print {\n    display: none;\n  }\n`;\n\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\n  return (\n    <SkipToContentWrapper>\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\n    </SkipToContentWrapper>\n  );\n};\n\nexport default SkipToContent;\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,SAASC,MAAT,EAAiBC,kBAAjB,QAA0C,WAA1C;AACA,SAASC,iBAAT,QAAkC,WAAlC;;AAMA,IAAMC,iBAAiB,GAAGJ,MAAM,CAACK,CAAV,iHACnBF,iBAAiB,CAACD,kBAAkB,CAACI,IAApB,EAA0BL,MAAM,CAACM,KAAjC,CADE,CAAvB;AAMA,IAAMC,oBAAoB,GAAGR,MAAM,CAACS,GAAV,+UAWRR,MAAM,CAACS,WAXC,CAA1B;;AAmBA,IAAMC,aAA0D,GAAG,SAA7DA,aAA6D,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACnF,oBACE,KAAC,oBAAD;IAAA,uBACE,KAAC,iBAAD;MAAmB,IAAI,EAAC,OAAxB;MAAA,UAAiCA;IAAjC;EADF,EADF;AAKD,CAND;;;EA5BEA,Q;;AAoCF,eAAeD,aAAf"}

package/dist/SkipToContent/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/SkipToContent/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default as SkipToContent } from './SkipToContent';\n"],"file":"index.cjs"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/SkipToContent/index.ts"],"sourcesContent":["export { default as SkipToContent } from './SkipToContent';\n"],"mappings":";;;;;;;;;;;;;;AAAA"}

package/dist/SkipToContent/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/SkipToContent/index.ts"],"names":["default","SkipToContent"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAApB,QAAyC,iBAAzC","sourcesContent":["export { default as SkipToContent } from './SkipToContent';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["default","SkipToContent"],"sources":["../../src/SkipToContent/index.ts"],"sourcesContent":["export { default as SkipToContent } from './SkipToContent';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAApB,QAAyC,iBAAzC"}

package/dist/Switcher/MobileSwitcherMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"names":["Wrapper","styled","div","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","items"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAGA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,qQAEAC,kBAAUC,UAFV,EAUTC,oBAAYC,KAVH,CAAb;;AAwBA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsD;AAAA,MAApDC,KAAoD,QAApDA,KAAoD;AAAA,MAA7CC,MAA6C,QAA7CA,MAA6C;AAAA,MAArCC,IAAqC,QAArCA,IAAqC;AAAA,MAA/BC,WAA+B,QAA/BA,WAA+B;AAAA,MAAlBC,KAAkB,QAAlBA,KAAkB;AAC/E,sBACE,sBAAC,OAAD;AAAS,IAAA,IAAI,EAAC,MAAd;AAAqB,uBAAgB,gBAArC;AAAA,4BACE,qBAAC,yBAAD;AAAkB,MAAA,QAAQ,EAAED,WAA5B;AACkB,MAAA,KAAK,EAAEH,KADzB;AAEkB,MAAA,OAAO,EAAEG;AAF3B,MADF,eAIE,qBAAC,0BAAD;AAAmB,MAAA,MAAM,EAAE;AAACF,QAAAA,MAAM,EAANA,MAAD;AAASC,QAAAA,IAAI,EAAJA;AAAT,OAA3B;AACmB,MAAA,KAAK,EAAEE;AAD1B,MAJF;AAAA,IADF;AASD,CAVD;;;AAPEJ,EAAAA,K;AACAC,EAAAA,M;AACAC,EAAAA,I;AACAC,EAAAA,W;AACAC,EAAAA,K;;eAeaL,kB","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {BREAKPOINTS} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport {MenuNavigationItemTypeItem} from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n}\n\nconst MobileSwitcherMenu = ({label, header, note, onMenuClose, items}: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose}\n                        label={label}\n                        onClose={onMenuClose}/>\n      <MobileMenuContent header={{header, note}}\n                         items={items}/>\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"file":"MobileSwitcherMenu.cjs"}
+{"version":3,"file":"MobileSwitcherMenu.cjs","names":["Wrapper","styled","div","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","items"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {BREAKPOINTS} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport {MenuNavigationItemTypeItem} from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n}\n\nconst MobileSwitcherMenu = ({label, header, note, onMenuClose, items}: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose}\n                        label={label}\n                        onClose={onMenuClose}/>\n      <MobileMenuContent header={{header, note}}\n                         items={items}/>\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAGA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,qQAEAC,iBAAA,CAAUC,UAFV,EAUTC,mBAAA,CAAYC,KAVH,CAAb;;AAwBA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsD;EAAA,IAApDC,KAAoD,QAApDA,KAAoD;EAAA,IAA7CC,MAA6C,QAA7CA,MAA6C;EAAA,IAArCC,IAAqC,QAArCA,IAAqC;EAAA,IAA/BC,WAA+B,QAA/BA,WAA+B;EAAA,IAAlBC,KAAkB,QAAlBA,KAAkB;EAC/E,oBACE,sBAAC,OAAD;IAAS,IAAI,EAAC,MAAd;IAAqB,mBAAgB,gBAArC;IAAA,wBACE,qBAAC,yBAAD;MAAkB,QAAQ,EAAED,WAA5B;MACkB,KAAK,EAAEH,KADzB;MAEkB,OAAO,EAAEG;IAF3B,EADF,eAIE,qBAAC,0BAAD;MAAmB,MAAM,EAAE;QAACF,MAAM,EAANA,MAAD;QAASC,IAAI,EAAJA;MAAT,CAA3B;MACmB,KAAK,EAAEE;IAD1B,EAJF;EAAA,EADF;AASD,CAVD;;;EAPEJ,K;EACAC,M;EACAC,I;EACAC,W;EACAC,K;;eAeaL,kB"}

package/dist/Switcher/MobileSwitcherMenu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MenuNavigationItemTypeItem } from '../GlobalNavigationBar';
 interface Props {
     label: string;

package/dist/Switcher/MobileSwitcherMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","Wrapper","div","off_canvas","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","items"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,WAAR,QAA0B,WAA1B;AACA,SAAQC,SAAR,QAAwB,WAAxB;AAEA,OAAOC,gBAAP,MAA6B,gDAA7B;AACA,OAAOC,iBAAP,MAA8B,iDAA9B;;;AAEA,IAAMC,OAAO,GAAGL,MAAM,CAACM,GAAV,uPAEAJ,SAAS,CAACK,UAFV,EAUTN,WAAW,CAACO,KAVH,CAAb;;AAwBA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsD;AAAA,MAApDC,KAAoD,QAApDA,KAAoD;AAAA,MAA7CC,MAA6C,QAA7CA,MAA6C;AAAA,MAArCC,IAAqC,QAArCA,IAAqC;AAAA,MAA/BC,WAA+B,QAA/BA,WAA+B;AAAA,MAAlBC,KAAkB,QAAlBA,KAAkB;AAC/E,sBACE,MAAC,OAAD;AAAS,IAAA,IAAI,EAAC,MAAd;AAAqB,uBAAgB,gBAArC;AAAA,4BACE,KAAC,gBAAD;AAAkB,MAAA,QAAQ,EAAED,WAA5B;AACkB,MAAA,KAAK,EAAEH,KADzB;AAEkB,MAAA,OAAO,EAAEG;AAF3B,MADF,eAIE,KAAC,iBAAD;AAAmB,MAAA,MAAM,EAAE;AAACF,QAAAA,MAAM,EAANA,MAAD;AAASC,QAAAA,IAAI,EAAJA;AAAT,OAA3B;AACmB,MAAA,KAAK,EAAEE;AAD1B,MAJF;AAAA,IADF;AASD,CAVD;;;AAPEJ,EAAAA,K;AACAC,EAAAA,M;AACAC,EAAAA,I;AACAC,EAAAA,W;AACAC,EAAAA,K;;AAeF,eAAeL,kBAAf","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {BREAKPOINTS} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport {MenuNavigationItemTypeItem} from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n}\n\nconst MobileSwitcherMenu = ({label, header, note, onMenuClose, items}: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose}\n                        label={label}\n                        onClose={onMenuClose}/>\n      <MobileMenuContent header={{header, note}}\n                         items={items}/>\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"file":"MobileSwitcherMenu.js"}
+{"version":3,"file":"MobileSwitcherMenu.js","names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","Wrapper","div","off_canvas","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","items"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {BREAKPOINTS} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport {MenuNavigationItemTypeItem} from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\n\nconst Wrapper = styled.div`\n  width: 320px;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  box-sizing: border-box;\n\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n`;\n\n\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n}\n\nconst MobileSwitcherMenu = ({label, header, note, onMenuClose, items}: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose}\n                        label={label}\n                        onClose={onMenuClose}/>\n      <MobileMenuContent header={{header, note}}\n                         items={items}/>\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,WAAR,QAA0B,WAA1B;AACA,SAAQC,SAAR,QAAwB,WAAxB;AAEA,OAAOC,gBAAP,MAA6B,gDAA7B;AACA,OAAOC,iBAAP,MAA8B,iDAA9B;;;AAEA,IAAMC,OAAO,GAAGL,MAAM,CAACM,GAAV,uPAEAJ,SAAS,CAACK,UAFV,EAUTN,WAAW,CAACO,KAVH,CAAb;;AAwBA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsD;EAAA,IAApDC,KAAoD,QAApDA,KAAoD;EAAA,IAA7CC,MAA6C,QAA7CA,MAA6C;EAAA,IAArCC,IAAqC,QAArCA,IAAqC;EAAA,IAA/BC,WAA+B,QAA/BA,WAA+B;EAAA,IAAlBC,KAAkB,QAAlBA,KAAkB;EAC/E,oBACE,MAAC,OAAD;IAAS,IAAI,EAAC,MAAd;IAAqB,mBAAgB,gBAArC;IAAA,wBACE,KAAC,gBAAD;MAAkB,QAAQ,EAAED,WAA5B;MACkB,KAAK,EAAEH,KADzB;MAEkB,OAAO,EAAEG;IAF3B,EADF,eAIE,KAAC,iBAAD;MAAmB,MAAM,EAAE;QAACF,MAAM,EAANA,MAAD;QAASC,IAAI,EAAJA;MAAT,CAA3B;MACmB,KAAK,EAAEE;IAD1B,EAJF;EAAA,EADF;AASD,CAVD;;;EAPEJ,K;EACAC,M;EACAC,I;EACAC,W;EACAC,K;;AAeF,eAAeL,kBAAf"}

package/dist/Switcher/SwitcherMenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"names":["StyledSwitcherItem","styled","div","ComponentTextStyle","Regular","COLORS","neutral_600","Z_INDEXES","active","neutral_800","primary_500","neutral_300","neutral_100","hover","primary_600","primary_20","primary_800","primary_100","focusStyles","A","a","SwitcherMenuItem","label","url","disabled","icon","as","testId","window","location","href","defaultOnMouseDownHandler","React","cloneElement","size","color"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,kBAAkB,GAAGC,0BAAOC,GAAV,irCASpB,+BAAkBC,2BAAmBC,OAArC,EAA8CC,eAAOC,WAArD,CAToB,EA8BTC,kBAAUC,MA9BD,EAgCXH,eAAOI,WAhCI,EAmCEJ,eAAOK,WAnCT,EAuCVL,eAAOI,WAvCG,EA4CXJ,eAAOM,WA5CI,EA6CAN,eAAOO,WA7CP,EAiDTL,kBAAUM,KAjDD,EAkDXR,eAAOS,WAlDI,EAmDAT,eAAOU,UAnDP,EAsDVV,eAAOS,WAtDG,EA2DTP,kBAAUC,MA3DD,EA4DXH,eAAOW,WA5DI,EA6DAX,eAAOY,WA7DP,EAgEEZ,eAAOK,WAhET,EAoEVL,eAAOW,WApEG,EAyElBE,mBAzEkB,CAAxB;;AA+EA,IAAMC,CAAC,GAAGlB,0BAAOmB,CAAV,qFAAP;;AAWA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAAEC,KAAF,QAAEA,KAAF;AAAA,MAASC,GAAT,QAASA,GAAT;AAAA,MAAcC,QAAd,QAAcA,QAAd;AAAA,MAAwBC,IAAxB,QAAwBA,IAAxB;AAAA,qBAA8BC,EAA9B;AAAA,MAA8BA,EAA9B,wBAAmCP,CAAnC;AAAA,MAAsCQ,MAAtC,QAAsCA,MAAtC;AAAA,sBACvB,sBAAC,kBAAD;AACE,IAAA,OAAO,EAAE;AAAA,aAAOC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuBP,GAAG,IAAI,EAArC;AAAA,KADX;AAEE,IAAA,EAAE,EAAEG,EAFN;AAGE,IAAA,WAAW,EAAEK,iCAHf;AAIE,IAAA,IAAI,EAAER,GAAG,IAAI,EAJf;AAKE,IAAA,MAAM,EAAC,SALT;AAOE,IAAA,SAAS,EAAEC,QAAQ,GAAG,UAAH,GAAgB,EAPrC;AAQE,mBAAaG,MARf;AAAA,eASG,CAAC,CAACF,IAAF,iBAAUO,eAAMC,YAAN,CAAmBR,IAAnB,EAAyB;AAACS,MAAAA,IAAI,EAAE,MAAP;AAAeC,MAAAA,KAAK,EAAE;AAAtB,KAAzB,CATb,EAUGb,KAVH;AAAA,KAMOA,KANP,CADuB;AAAA,CAAzB;;;AAREA,EAAAA,K;AACAC,EAAAA,G;AACAC,EAAAA,Q;AACAC,EAAAA,I;AACAC,EAAAA,E;AACAC,EAAAA,M;;eAkBaN,gB","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\nconst StyledSwitcherItem = styled.div`\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    font-weight: bold;\n    color: ${COLORS.neutral_800};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.neutral_800};\n    }\n  }\n\n  &.disabled {\n    color: ${COLORS.neutral_300};\n    background-color: ${COLORS.neutral_100};\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ${Z_INDEXES.hover};\n    color: ${COLORS.primary_600};\n    background-color: ${COLORS.primary_20};\n\n    svg path {\n      fill: ${COLORS.primary_600};\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    color: ${COLORS.primary_800};\n    background-color: ${COLORS.primary_100};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.primary_800};\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ${focusStyles};\n    \n    outline-offset: -2px;\n  }\n`;\n\nconst A = styled.a``;\n\nexport interface SwitcherNavItem {\n  label: string;\n  url: string;\n  disabled?: boolean;\n  icon?: any;\n  as?: any;\n  testId?: string;\n}\n\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\n  <StyledSwitcherItem\n    onClick={() => (window.location.href = url || '')}\n    as={as}\n    onMouseDown={defaultOnMouseDownHandler}\n    href={url || ''}\n    target=\"_parent\"\n    key={label}\n    className={disabled ? 'disabled' : ''}\n    data-testid={testId}>\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\n    {label}\n  </StyledSwitcherItem>\n);\n\nexport default SwitcherMenuItem;\n"],"file":"SwitcherMenuItem.cjs"}
+{"version":3,"file":"SwitcherMenuItem.cjs","names":["StyledSwitcherItem","styled","div","ComponentMStyling","ComponentTextStyle","Regular","COLORS","neutral_600","Z_INDEXES","active","neutral_800","primary_500","neutral_300","neutral_100","hover","primary_600","primary_20","primary_800","primary_100","focusStyles","A","a","SwitcherMenuItem","label","url","disabled","icon","as","testId","window","location","href","defaultOnMouseDownHandler","React","cloneElement","size","color"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\nconst StyledSwitcherItem = styled.div`\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    font-weight: bold;\n    color: ${COLORS.neutral_800};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.neutral_800};\n    }\n  }\n\n  &.disabled {\n    color: ${COLORS.neutral_300};\n    background-color: ${COLORS.neutral_100};\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ${Z_INDEXES.hover};\n    color: ${COLORS.primary_600};\n    background-color: ${COLORS.primary_20};\n\n    svg path {\n      fill: ${COLORS.primary_600};\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    color: ${COLORS.primary_800};\n    background-color: ${COLORS.primary_100};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.primary_800};\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ${focusStyles};\n    \n    outline-offset: -2px;\n  }\n`;\n\nconst A = styled.a``;\n\nexport interface SwitcherNavItem {\n  label: string;\n  url: string;\n  disabled?: boolean;\n  icon?: any;\n  as?: any;\n  testId?: string;\n}\n\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\n  <StyledSwitcherItem\n    onClick={() => (window.location.href = url || '')}\n    as={as}\n    onMouseDown={defaultOnMouseDownHandler}\n    href={url || ''}\n    target=\"_parent\"\n    key={label}\n    className={disabled ? 'disabled' : ''}\n    data-testid={testId}>\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\n    {label}\n  </StyledSwitcherItem>\n);\n\nexport default SwitcherMenuItem;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,kBAAkB,GAAGC,yBAAA,CAAOC,GAAV,irCASpB,IAAAC,yBAAA,EAAkBC,0BAAA,CAAmBC,OAArC,EAA8CC,cAAA,CAAOC,WAArD,CAToB,EA8BTC,iBAAA,CAAUC,MA9BD,EAgCXH,cAAA,CAAOI,WAhCI,EAmCEJ,cAAA,CAAOK,WAnCT,EAuCVL,cAAA,CAAOI,WAvCG,EA4CXJ,cAAA,CAAOM,WA5CI,EA6CAN,cAAA,CAAOO,WA7CP,EAiDTL,iBAAA,CAAUM,KAjDD,EAkDXR,cAAA,CAAOS,WAlDI,EAmDAT,cAAA,CAAOU,UAnDP,EAsDVV,cAAA,CAAOS,WAtDG,EA2DTP,iBAAA,CAAUC,MA3DD,EA4DXH,cAAA,CAAOW,WA5DI,EA6DAX,cAAA,CAAOY,WA7DP,EAgEEZ,cAAA,CAAOK,WAhET,EAoEVL,cAAA,CAAOW,WApEG,EAyElBE,mBAzEkB,CAAxB;;AA+EA,IAAMC,CAAC,GAAGnB,yBAAA,CAAOoB,CAAV,qFAAP;;AAWA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,IAAEC,KAAF,QAAEA,KAAF;EAAA,IAASC,GAAT,QAASA,GAAT;EAAA,IAAcC,QAAd,QAAcA,QAAd;EAAA,IAAwBC,IAAxB,QAAwBA,IAAxB;EAAA,mBAA8BC,EAA9B;EAAA,IAA8BA,EAA9B,wBAAmCP,CAAnC;EAAA,IAAsCQ,MAAtC,QAAsCA,MAAtC;EAAA,oBACvB,sBAAC,kBAAD;IACE,OAAO,EAAE;MAAA,OAAOC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuBP,GAAG,IAAI,EAArC;IAAA,CADX;IAEE,EAAE,EAAEG,EAFN;IAGE,WAAW,EAAEK,iCAHf;IAIE,IAAI,EAAER,GAAG,IAAI,EAJf;IAKE,MAAM,EAAC,SALT;IAOE,SAAS,EAAEC,QAAQ,GAAG,UAAH,GAAgB,EAPrC;IAQE,eAAaG,MARf;IAAA,WASG,CAAC,CAACF,IAAF,iBAAUO,cAAA,CAAMC,YAAN,CAAmBR,IAAnB,EAAyB;MAACS,IAAI,EAAE,MAAP;MAAeC,KAAK,EAAE;IAAtB,CAAzB,CATb,EAUGb,KAVH;EAAA,GAMOA,KANP,CADuB;AAAA,CAAzB;;;EAREA,K;EACAC,G;EACAC,Q;EACAC,I;EACAC,E;EACAC,M;;eAkBaN,gB"}

package/dist/Switcher/SwitcherMenuItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface SwitcherNavItem {
     label: string;
     url: string;

package/dist/Switcher/SwitcherMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"names":["React","styled","Z_INDEXES","ComponentMStyling","COLORS","ComponentTextStyle","focusStyles","defaultOnMouseDownHandler","StyledSwitcherItem","div","Regular","neutral_600","active","neutral_800","primary_500","neutral_300","neutral_100","hover","primary_600","primary_20","primary_800","primary_100","A","a","SwitcherMenuItem","label","url","disabled","icon","as","testId","window","location","href","cloneElement","size","color"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,SAAR,EAAmBC,iBAAnB,EAAsCC,MAAtC,EAA8CC,kBAA9C,EAAkEC,WAAlE,QAAoF,WAApF;AACA,SAAQC,yBAAR,QAAwC,WAAxC;;AAEA,IAAMC,kBAAkB,GAAGP,MAAM,CAACQ,GAAV,mqCASpBN,iBAAiB,CAACE,kBAAkB,CAACK,OAApB,EAA6BN,MAAM,CAACO,WAApC,CATG,EA8BTT,SAAS,CAACU,MA9BD,EAgCXR,MAAM,CAACS,WAhCI,EAmCET,MAAM,CAACU,WAnCT,EAuCVV,MAAM,CAACS,WAvCG,EA4CXT,MAAM,CAACW,WA5CI,EA6CAX,MAAM,CAACY,WA7CP,EAiDTd,SAAS,CAACe,KAjDD,EAkDXb,MAAM,CAACc,WAlDI,EAmDAd,MAAM,CAACe,UAnDP,EAsDVf,MAAM,CAACc,WAtDG,EA2DThB,SAAS,CAACU,MA3DD,EA4DXR,MAAM,CAACgB,WA5DI,EA6DAhB,MAAM,CAACiB,WA7DP,EAgEEjB,MAAM,CAACU,WAhET,EAoEVV,MAAM,CAACgB,WApEG,EAyElBd,WAzEkB,CAAxB;AA+EA,IAAMgB,CAAC,GAAGrB,MAAM,CAACsB,CAAV,uEAAP;;AAWA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAAEC,KAAF,QAAEA,KAAF;AAAA,MAASC,GAAT,QAASA,GAAT;AAAA,MAAcC,QAAd,QAAcA,QAAd;AAAA,MAAwBC,IAAxB,QAAwBA,IAAxB;AAAA,qBAA8BC,EAA9B;AAAA,MAA8BA,EAA9B,wBAAmCP,CAAnC;AAAA,MAAsCQ,MAAtC,QAAsCA,MAAtC;AAAA,sBACvB,MAAC,kBAAD;AACE,IAAA,OAAO,EAAE;AAAA,aAAOC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuBP,GAAG,IAAI,EAArC;AAAA,KADX;AAEE,IAAA,EAAE,EAAEG,EAFN;AAGE,IAAA,WAAW,EAAEtB,yBAHf;AAIE,IAAA,IAAI,EAAEmB,GAAG,IAAI,EAJf;AAKE,IAAA,MAAM,EAAC,SALT;AAOE,IAAA,SAAS,EAAEC,QAAQ,GAAG,UAAH,GAAgB,EAPrC;AAQE,mBAAaG,MARf;AAAA,eASG,CAAC,CAACF,IAAF,iBAAU5B,KAAK,CAACkC,YAAN,CAAmBN,IAAnB,EAAyB;AAACO,MAAAA,IAAI,EAAE,MAAP;AAAeC,MAAAA,KAAK,EAAE;AAAtB,KAAzB,CATb,EAUGX,KAVH;AAAA,KAMOA,KANP,CADuB;AAAA,CAAzB;;;AAREA,EAAAA,K;AACAC,EAAAA,G;AACAC,EAAAA,Q;AACAC,EAAAA,I;AACAC,EAAAA,E;AACAC,EAAAA,M;;AAkBF,eAAeN,gBAAf","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\nconst StyledSwitcherItem = styled.div`\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    font-weight: bold;\n    color: ${COLORS.neutral_800};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.neutral_800};\n    }\n  }\n\n  &.disabled {\n    color: ${COLORS.neutral_300};\n    background-color: ${COLORS.neutral_100};\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ${Z_INDEXES.hover};\n    color: ${COLORS.primary_600};\n    background-color: ${COLORS.primary_20};\n\n    svg path {\n      fill: ${COLORS.primary_600};\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    color: ${COLORS.primary_800};\n    background-color: ${COLORS.primary_100};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.primary_800};\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ${focusStyles};\n    \n    outline-offset: -2px;\n  }\n`;\n\nconst A = styled.a``;\n\nexport interface SwitcherNavItem {\n  label: string;\n  url: string;\n  disabled?: boolean;\n  icon?: any;\n  as?: any;\n  testId?: string;\n}\n\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\n  <StyledSwitcherItem\n    onClick={() => (window.location.href = url || '')}\n    as={as}\n    onMouseDown={defaultOnMouseDownHandler}\n    href={url || ''}\n    target=\"_parent\"\n    key={label}\n    className={disabled ? 'disabled' : ''}\n    data-testid={testId}>\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\n    {label}\n  </StyledSwitcherItem>\n);\n\nexport default SwitcherMenuItem;\n"],"file":"SwitcherMenuItem.js"}
+{"version":3,"file":"SwitcherMenuItem.js","names":["React","styled","Z_INDEXES","ComponentMStyling","COLORS","ComponentTextStyle","focusStyles","defaultOnMouseDownHandler","StyledSwitcherItem","div","Regular","neutral_600","active","neutral_800","primary_500","neutral_300","neutral_100","hover","primary_600","primary_20","primary_800","primary_100","A","a","SwitcherMenuItem","label","url","disabled","icon","as","testId","window","location","href","cloneElement","size","color"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\n\nconst StyledSwitcherItem = styled.div`\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    font-weight: bold;\n    color: ${COLORS.neutral_800};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.neutral_800};\n    }\n  }\n\n  &.disabled {\n    color: ${COLORS.neutral_300};\n    background-color: ${COLORS.neutral_100};\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ${Z_INDEXES.hover};\n    color: ${COLORS.primary_600};\n    background-color: ${COLORS.primary_20};\n\n    svg path {\n      fill: ${COLORS.primary_600};\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    color: ${COLORS.primary_800};\n    background-color: ${COLORS.primary_100};\n\n    &:after {\n      background-color: ${COLORS.primary_500};\n    }\n\n    svg path {\n      fill: ${COLORS.primary_800};\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ${focusStyles};\n    \n    outline-offset: -2px;\n  }\n`;\n\nconst A = styled.a``;\n\nexport interface SwitcherNavItem {\n  label: string;\n  url: string;\n  disabled?: boolean;\n  icon?: any;\n  as?: any;\n  testId?: string;\n}\n\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\n  <StyledSwitcherItem\n    onClick={() => (window.location.href = url || '')}\n    as={as}\n    onMouseDown={defaultOnMouseDownHandler}\n    href={url || ''}\n    target=\"_parent\"\n    key={label}\n    className={disabled ? 'disabled' : ''}\n    data-testid={testId}>\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\n    {label}\n  </StyledSwitcherItem>\n);\n\nexport default SwitcherMenuItem;\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,SAAR,EAAmBC,iBAAnB,EAAsCC,MAAtC,EAA8CC,kBAA9C,EAAkEC,WAAlE,QAAoF,WAApF;AACA,SAAQC,yBAAR,QAAwC,WAAxC;;AAEA,IAAMC,kBAAkB,GAAGP,MAAM,CAACQ,GAAV,mqCASpBN,iBAAiB,CAACE,kBAAkB,CAACK,OAApB,EAA6BN,MAAM,CAACO,WAApC,CATG,EA8BTT,SAAS,CAACU,MA9BD,EAgCXR,MAAM,CAACS,WAhCI,EAmCET,MAAM,CAACU,WAnCT,EAuCVV,MAAM,CAACS,WAvCG,EA4CXT,MAAM,CAACW,WA5CI,EA6CAX,MAAM,CAACY,WA7CP,EAiDTd,SAAS,CAACe,KAjDD,EAkDXb,MAAM,CAACc,WAlDI,EAmDAd,MAAM,CAACe,UAnDP,EAsDVf,MAAM,CAACc,WAtDG,EA2DThB,SAAS,CAACU,MA3DD,EA4DXR,MAAM,CAACgB,WA5DI,EA6DAhB,MAAM,CAACiB,WA7DP,EAgEEjB,MAAM,CAACU,WAhET,EAoEVV,MAAM,CAACgB,WApEG,EAyElBd,WAzEkB,CAAxB;AA+EA,IAAMgB,CAAC,GAAGrB,MAAM,CAACsB,CAAV,uEAAP;;AAWA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,IAAEC,KAAF,QAAEA,KAAF;EAAA,IAASC,GAAT,QAASA,GAAT;EAAA,IAAcC,QAAd,QAAcA,QAAd;EAAA,IAAwBC,IAAxB,QAAwBA,IAAxB;EAAA,mBAA8BC,EAA9B;EAAA,IAA8BA,EAA9B,wBAAmCP,CAAnC;EAAA,IAAsCQ,MAAtC,QAAsCA,MAAtC;EAAA,oBACvB,MAAC,kBAAD;IACE,OAAO,EAAE;MAAA,OAAOC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuBP,GAAG,IAAI,EAArC;IAAA,CADX;IAEE,EAAE,EAAEG,EAFN;IAGE,WAAW,EAAEtB,yBAHf;IAIE,IAAI,EAAEmB,GAAG,IAAI,EAJf;IAKE,MAAM,EAAC,SALT;IAOE,SAAS,EAAEC,QAAQ,GAAG,UAAH,GAAgB,EAPrC;IAQE,eAAaG,MARf;IAAA,WASG,CAAC,CAACF,IAAF,iBAAU5B,KAAK,CAACkC,YAAN,CAAmBN,IAAnB,EAAyB;MAACO,IAAI,EAAE,MAAP;MAAeC,KAAK,EAAE;IAAtB,CAAzB,CATb,EAUGX,KAVH;EAAA,GAMOA,KANP,CADuB;AAAA,CAAzB;;;EAREA,K;EACAC,G;EACAC,Q;EACAC,I;EACAC,E;EACAC,M;;AAkBF,eAAeN,gBAAf"}

package/dist/Switcher/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Switcher/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["import SwitcherMenuItem from './SwitcherMenuItem';\nimport MobileSwitcherMenu from './MobileSwitcherMenu';\n\nexport { SwitcherMenuItem, MobileSwitcherMenu };\n"],"file":"index.cjs"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Switcher/index.ts"],"sourcesContent":["import SwitcherMenuItem from './SwitcherMenuItem';\nimport MobileSwitcherMenu from './MobileSwitcherMenu';\n\nexport { SwitcherMenuItem, MobileSwitcherMenu };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA"}

package/dist/Switcher/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Switcher/index.ts"],"names":["SwitcherMenuItem","MobileSwitcherMenu"],"mappings":"AAAA,OAAOA,gBAAP,MAA6B,oBAA7B;AACA,OAAOC,kBAAP,MAA+B,sBAA/B;AAEA,SAASD,gBAAT,EAA2BC,kBAA3B","sourcesContent":["import SwitcherMenuItem from './SwitcherMenuItem';\nimport MobileSwitcherMenu from './MobileSwitcherMenu';\n\nexport { SwitcherMenuItem, MobileSwitcherMenu };\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["SwitcherMenuItem","MobileSwitcherMenu"],"sources":["../../src/Switcher/index.ts"],"sourcesContent":["import SwitcherMenuItem from './SwitcherMenuItem';\nimport MobileSwitcherMenu from './MobileSwitcherMenu';\n\nexport { SwitcherMenuItem, MobileSwitcherMenu };\n"],"mappings":"AAAA,OAAOA,gBAAP,MAA6B,oBAA7B;AACA,OAAOC,kBAAP,MAA+B,sBAA/B;AAEA,SAASD,gBAAT,EAA2BC,kBAA3B"}

package/dist/Table/Table.cjs

@@ -35,9 +35,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -58,6 +58,7 @@ var Table = function Table(props) {
       selectable = props.selectable,
       multiSelect = props.multiSelect,
       keyExpr = props.keyExpr,
+      sortProps = props.sortProps,
       accordion = props.accordion,
       _props$collapsed = props.collapsed,
       collapsed = _props$collapsed === void 0 ? true : _props$collapsed,
@@ -84,46 +85,44 @@ var Table = function Table(props) {
       currentPage = _React$useState8[0],
       setCurrentPage = _React$useState8[1];
 
-  var _React$useState9 = React.useState(''),
+  var _React$useState9 = React.useState(sortProps),
       _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
-      sortedColumn = _React$useState10[0],
-      setSortedColumn = _React$useState10[1];
+      sort = _React$useState10[0],
+      setSort = _React$useState10[1];
 
-  var _React$useState11 = React.useState('asc'),
+  var _React$useState11 = React.useState(),
       _React$useState12 = (0, _slicedToArray2.default)(_React$useState11, 2),
-      sortedDirection = _React$useState12[0],
-      setSortedDirection = _React$useState12[1];
+      from = _React$useState12[0],
+      setFrom = _React$useState12[1];
 
   var _React$useState13 = React.useState(),
       _React$useState14 = (0, _slicedToArray2.default)(_React$useState13, 2),
-      from = _React$useState14[0],
-      setFrom = _React$useState14[1];
+      to = _React$useState14[0],
+      setTo = _React$useState14[1];
 
   var _React$useState15 = React.useState(),
       _React$useState16 = (0, _slicedToArray2.default)(_React$useState15, 2),
-      to = _React$useState16[0],
-      setTo = _React$useState16[1];
+      total = _React$useState16[0],
+      setTotal = _React$useState16[1];
 
-  var _React$useState17 = React.useState(),
+  var _React$useState17 = React.useState(true),
       _React$useState18 = (0, _slicedToArray2.default)(_React$useState17, 2),
-      total = _React$useState18[0],
-      setTotal = _React$useState18[1];
+      isCollapsed = _React$useState18[0],
+      setIsCollapsed = _React$useState18[1];
 
-  var _React$useState19 = React.useState(true),
+  var _React$useState19 = React.useState('none'),
       _React$useState20 = (0, _slicedToArray2.default)(_React$useState19, 2),
-      isCollapsed = _React$useState20[0],
-      setIsCollapsed = _React$useState20[1];
+      selectAllState = _React$useState20[0],
+      setSelectAllState = _React$useState20[1];
 
-  var _React$useState21 = React.useState('none'),
+  var _React$useState21 = React.useState(multiSelect ? [] : undefined),
       _React$useState22 = (0, _slicedToArray2.default)(_React$useState21, 2),
-      selectAllState = _React$useState22[0],
-      setSelectAllState = _React$useState22[1];
-
-  var _React$useState23 = React.useState(multiSelect ? [] : undefined),
-      _React$useState24 = (0, _slicedToArray2.default)(_React$useState23, 2),
-      selected = _React$useState24[0],
-      setSelected = _React$useState24[1];
+      selected = _React$useState22[0],
+      setSelected = _React$useState22[1];
 
+  React.useEffect(function () {
+    setSort(sortProps);
+  }, [sortProps]);
   React.useEffect(function () {
     setSelected(props.selectedRows || (multiSelect ? [] : undefined));
   }, [props.selectedRows, multiSelect]);
@@ -206,22 +205,13 @@ var Table = function Table(props) {
       }
     }); // Let's apply sorting if needed
 
-    if (columns.some(function (column) {
-      return column.sortingDirection;
-    })) {
-      // Let's find the sorting column
-      var sortingColumn = columns.find(function (column) {
-        return column.sortingDirection;
-      }); // Update sorted column data
-
-      setSortedDirection(sortingColumn.sortingDirection);
-      setSortedColumn(sortingColumn.key); // Let's sort the rows
-
+    if (!!(sort !== null && sort !== void 0 && sort.column) && !!(sort !== null && sort !== void 0 && sort.direction)) {
+      // Let's sort the rows
       tmpFilteredRows.sort(function (a, b) {
-        if (a[sortingColumn.key] > b[sortingColumn.key]) {
-          return sortingColumn.sortingDirection === 'asc' ? 1 : -1;
-        } else if (a[sortingColumn.key] < b[sortingColumn.key]) {
-          return sortingColumn.sortingDirection === 'asc' ? -1 : 1;
+        if (a[sort.column] > b[sort.column]) {
+          return sort.direction === 'asc' ? 1 : -1;
+        } else if (a[sort.column] < b[sort.column]) {
+          return sort.direction === 'asc' ? -1 : 1;
         } else {
           return 0;
         }
@@ -252,7 +242,7 @@ var Table = function Table(props) {
 
       setCurrentPageRows(tmpFilteredRows.slice(rowsFrom, rowsTo));
     }
-  }, [rowsPerPage, rows, currentPage, columns, sortedColumn, sortedDirection, remoteOperations]);
+  }, [rowsPerPage, rows, currentPage, columns, sort, remoteOperations]);
   /**
    * Applies a specific sorting to a column.
    * If no sorting exists, then applies ascending initially
@@ -260,51 +250,27 @@ var Table = function Table(props) {
    */
 
   var sortTableColumn = function sortTableColumn(column) {
-    // Let's remove any active sorting
-    columns = columns.map(function (tmpColumn) {
-      // Let's apply new sorting
-      // Let's check if it is the column for which we have to apply sorting
-      if (column.key === tmpColumn.key && tmpColumn.sortable) {
-        // Let's check if sorting is not defined
-        // If so, let's toggle the sorting direction
-        if (tmpColumn.sortingDirection !== undefined) {
-          if (tmpColumn.sortingDirection === 'asc') {
-            tmpColumn.sortingDirection = 'desc'; // Update sorted column and direction
-
-            setSortedColumn(column.key);
-            setSortedDirection('desc'); // Let's trigger remote sorting trigger function
-
-            if (remoteOperations && onTriggerSortingChange) {
-              onTriggerSortingChange(column.key, 'desc');
-            }
-          } else {
-            tmpColumn.sortingDirection = 'asc'; // Update sorted column and direction
-
-            setSortedColumn(column.key);
-            setSortedDirection('asc'); // Let's trigger remote sorting trigger function
-
-            if (remoteOperations && onTriggerSortingChange) {
-              onTriggerSortingChange(column.key, 'asc');
-            }
-          }
-        } else {
-          // Let's apply the initial sorting
-          tmpColumn.sortingDirection = 'asc'; // Update sorted column and direction
+    var columnKey = '';
+    var sortDirection = undefined;
 
-          setSortedColumn(column.key);
-          setSortedDirection('asc'); // Let's trigger remote sorting trigger function
-
-          if (remoteOperations && onTriggerSortingChange) {
-            onTriggerSortingChange(column.key, 'asc');
-          }
-        }
-      } else if (tmpColumn.sortingDirection !== undefined) {
-        // Let's remove sorting
-        tmpColumn.sortingDirection = undefined;
+    if ((sort === null || sort === void 0 ? void 0 : sort.column) !== column.key) {
+      columnKey = column.key;
+      sortDirection = 'asc';
+    } else {
+      if ((sort === null || sort === void 0 ? void 0 : sort.direction) === 'desc') {
+        columnKey = '';
+        sortDirection = undefined;
+      } else {
+        columnKey = sort.column;
+        sortDirection = sort.direction === 'asc' ? 'desc' : 'asc';
       }
+    }
 
-      return tmpColumn;
+    if (columnKey == '') setSort(undefined);else setSort({
+      column: columnKey,
+      direction: sortDirection
     });
+    remoteOperations && onTriggerSortingChange && onTriggerSortingChange(columnKey, sortDirection);
   };
   /**
    * Navigates user back to the previous page and updates the current table page.
@@ -432,6 +398,7 @@ var Table = function Table(props) {
       onRowClick: onRowClick,
       sortByColumn: sortTableColumn,
       onSelectAllClick: onSelectAllClick,
+      sortProps: sort,
       selectAllState: selectAllState
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableFooter.default, _objectSpread(_objectSpread({}, props), {}, {
       onRowsPerPageChange: changeRowsPerPage,