@laerdal/life-react-components 3.0.1-dev.11.full → 3.0.1-dev.13.full

package/dist/SideMenu/index.d.ts

@@ -1,2 +1,2 @@
-export { default as SideMenu } from './SideMenu';
-export * from './types';
+export { default as SideMenu } from './SideMenu';
+export * from './types';

package/dist/SideMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","SideMenu"],"sources":["../../src/SideMenu/index.ts"],"sourcesContent":["export {default as SideMenu} from './SideMenu';\r\nexport * from './types';\r\n"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,QAAQ,QAAO,YAAY;AAC9C,cAAc,SAAS"}
+{"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,QAAQ,QAAO,YAAY;AAC9C,cAAc,SAAS"}

package/dist/SideMenu/types.cjs.map

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

package/dist/SideMenu/types.js.map

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

@@ -1 +1 @@
-{"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';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS, ComponentTextStyle} from '../styles';\r\nimport { ComponentSStyling } from '../styles';\r\n\r\nexport type SkipToContentProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst SkipToContentLink = styled.a`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n\r\n  text-decoration: underline;\r\n`;\r\n\r\nconst SkipToContentWrapper = styled.div`\r\n  text-decoration: none;\r\n  z-index: -1000;\r\n  height: 0px;\r\n  overflow-x: hidden;\r\n\r\n  &:focus-within {\r\n    height: auto;\r\n    padding: 16px;\r\n    z-index: 100000;\r\n    flex: 1 0 auto;\r\n    background: ${COLORS.accent2_200};\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\r\n  return (\r\n    <SkipToContentWrapper>\r\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\r\n    </SkipToContentWrapper>\r\n  );\r\n};\r\n\r\nexport default SkipToContent;\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAEA;AAAsD;AAAA;AAAA;AAAA;AAOtD,IAAMA,iBAAiB,GAAGC,yBAAM,CAACC,CAAC,+HAC9B,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,KAAK,CAAC,CAG3D;AAED,IAAMC,oBAAoB,GAAGP,yBAAM,CAACQ,GAAG,6VAWrBH,cAAM,CAACI,WAAW,CAMnC;AAED,IAAMC,aAA0D,GAAG,SAA7DA,aAA0D,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EAC5E,oBACE,qBAAC,oBAAoB;IAAA,uBACnB,qBAAC,iBAAiB;MAAC,IAAI,EAAC,OAAO;MAAA,UAAEA;IAAQ;EAAqB,EACzC;AAE3B,CAAC;AAAC;EAlCAA,QAAQ;AAAA;AAAA,eAoCKD,aAAa;AAAA"}
+{"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;AAAsD;AAAA;AAAA;AAAA;AAOtD,IAAMA,iBAAiB,GAAGC,yBAAM,CAACC,CAAC,+HAC9B,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,KAAK,CAAC,CAG3D;AAED,IAAMC,oBAAoB,GAAGP,yBAAM,CAACQ,GAAG,6VAWrBH,cAAM,CAACI,WAAW,CAMnC;AAED,IAAMC,aAA0D,GAAG,SAA7DA,aAA0D,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EAC5E,oBACE,qBAAC,oBAAoB;IAAA,uBACnB,qBAAC,iBAAiB;MAAC,IAAI,EAAC,OAAO;MAAA,UAAEA;IAAQ;EAAqB,EACzC;AAE3B,CAAC;AAAC;EAlCAA,QAAQ;AAAA;AAAA,eAoCKD,aAAa;AAAA"}

package/dist/SkipToContent/SkipToContent.d.ts

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

package/dist/SkipToContent/SkipToContent.js.map

@@ -1 +1 @@
-{"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';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS, ComponentTextStyle} from '../styles';\r\nimport { ComponentSStyling } from '../styles';\r\n\r\nexport type SkipToContentProps = {\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst SkipToContentLink = styled.a`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n\r\n  text-decoration: underline;\r\n`;\r\n\r\nconst SkipToContentWrapper = styled.div`\r\n  text-decoration: none;\r\n  z-index: -1000;\r\n  height: 0px;\r\n  overflow-x: hidden;\r\n\r\n  &:focus-within {\r\n    height: auto;\r\n    padding: 16px;\r\n    z-index: 100000;\r\n    flex: 1 0 auto;\r\n    background: ${COLORS.accent2_200};\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst SkipToContent: React.FunctionComponent<SkipToContentProps> = ({ children }) => {\r\n  return (\r\n    <SkipToContentWrapper>\r\n      <SkipToContentLink href=\"#main\">{children}</SkipToContentLink>\r\n    </SkipToContentWrapper>\r\n  );\r\n};\r\n\r\nexport default SkipToContent;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,EAAEC,kBAAkB,QAAO,WAAW;AACrD,SAASC,iBAAiB,QAAQ,WAAW;AAAC;AAM9C,IAAMC,iBAAiB,GAAGJ,MAAM,CAACK,CAAC,iHAC9BF,iBAAiB,CAACD,kBAAkB,CAACI,IAAI,EAAEL,MAAM,CAACM,KAAK,CAAC,CAG3D;AAED,IAAMC,oBAAoB,GAAGR,MAAM,CAACS,GAAG,+UAWrBR,MAAM,CAACS,WAAW,CAMnC;AAED,IAAMC,aAA0D,GAAG,SAA7DA,aAA0D,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EAC5E,oBACE,KAAC,oBAAoB;IAAA,uBACnB,KAAC,iBAAiB;MAAC,IAAI,EAAC,OAAO;MAAA,UAAEA;IAAQ;EAAqB,EACzC;AAE3B,CAAC;AAAC;EAlCAA,QAAQ;AAAA;AAoCV,eAAeD,aAAa"}
+{"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,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,EAAEC,kBAAkB,QAAO,WAAW;AACrD,SAASC,iBAAiB,QAAQ,WAAW;AAAC;AAM9C,IAAMC,iBAAiB,GAAGJ,MAAM,CAACK,CAAC,iHAC9BF,iBAAiB,CAACD,kBAAkB,CAACI,IAAI,EAAEL,MAAM,CAACM,KAAK,CAAC,CAG3D;AAED,IAAMC,oBAAoB,GAAGR,MAAM,CAACS,GAAG,+UAWrBR,MAAM,CAACS,WAAW,CAMnC;AAED,IAAMC,aAA0D,GAAG,SAA7DA,aAA0D,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EAC5E,oBACE,KAAC,oBAAoB;IAAA,uBACnB,KAAC,iBAAiB;MAAC,IAAI,EAAC,OAAO;MAAA,UAAEA;IAAQ;EAAqB,EACzC;AAE3B,CAAC;AAAC;EAlCAA,QAAQ;AAAA;AAoCV,eAAeD,aAAa"}

package/dist/SkipToContent/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/SkipToContent/index.ts"],"sourcesContent":["export { default as SkipToContent } from './SkipToContent';\r\n"],"mappings":";;;;;;;;;;;;AAAA"}
+{"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.d.ts

@@ -1 +1 @@
-export { default as SkipToContent } from './SkipToContent';
+export { default as SkipToContent } from './SkipToContent';

package/dist/SkipToContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","SkipToContent"],"sources":["../../src/SkipToContent/index.ts"],"sourcesContent":["export { default as SkipToContent } from './SkipToContent';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAAa,QAAQ,iBAAiB"}
+{"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,aAAa,QAAQ,iBAAiB"}

package/dist/Switcher/MobileCustomMenuContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCustomMenuContent.cjs","names":["MobileCustomMenuContent","children","header","action","useScrollableContainer","scrollContainerRef","scrollable","note"],"sources":["../../src/Switcher/MobileCustomMenuContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { useScrollableContainer } from '../common/ScrollableContainer';\r\nimport { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';\r\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';\r\nimport { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';\r\n\r\ninterface MobileCustomMenuContentProps {\r\n  header?: MenuGroupHeader;\r\n  action?: MenuButton;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps> = ({ children, header, action }) => {\r\n  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);\r\n\r\n  return (\r\n    <MobileMenuWrapper>\r\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n        {!!header && (\r\n          <MobileHeaderContainer>\r\n            <MobileHeaderText>{header.header}</MobileHeaderText>\r\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\r\n          </MobileHeaderContainer>\r\n        )}\r\n        {children}\r\n      </ScrollableContainer>\r\n      {action && <MobileActionContainer {...action} />}\r\n    </MobileMenuWrapper>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAEA;AACA;AAA4F;AAAA;AAAA;AAQrF,IAAMA,uBAA8E,GAAG,SAAjFA,uBAA8E,OAAqC;EAAA,IAA/BC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;IAAEC,MAAM,QAANA,MAAM;EACvH,4BAAyC,IAAAC,2CAAsB,EAAC,CAACH,QAAQ,CAAC,CAAC;IAAA;IAApEI,kBAAkB;IAAEC,UAAU;EAErC,oBACE,sBAAC,+BAAiB;IAAA,wBAChB,sBAAC,iCAAmB;MAAC,GAAG,EAAED,kBAA0B;MAAC,SAAS,EAAEC,UAAU,GAAG,YAAY,GAAG,EAAG;MAAA,WAC5F,CAAC,CAACJ,MAAM,iBACP,sBAAC,mCAAqB;QAAA,wBACpB,qBAAC,8BAAgB;UAAA,UAAEA,MAAM,CAACA;QAAM,EAAoB,EACnDA,MAAM,CAACK,IAAI,iBAAI,qBAAC,8BAAgB;UAAA,UAAEL,MAAM,CAACK;QAAI,EAAoB;MAAA,EAErE,EACAN,QAAQ;IAAA,EACW,EACrBE,MAAM,iBAAI,qBAAC,4CAAqB,oBAAKA,MAAM,EAAI;EAAA,EAC9B;AAExB,CAAC;AAAC;AAAA;EApBAF,QAAQ;AAAA"}
+{"version":3,"file":"MobileCustomMenuContent.cjs","names":["MobileCustomMenuContent","children","header","action","useScrollableContainer","scrollContainerRef","scrollable","note"],"sources":["../../src/Switcher/MobileCustomMenuContent.tsx"],"sourcesContent":["import React from 'react';\nimport { useScrollableContainer } from '../common/ScrollableContainer';\nimport { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';\nimport { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';\n\ninterface MobileCustomMenuContentProps {\n  header?: MenuGroupHeader;\n  action?: MenuButton;\n  children?: React.ReactNode;\n}\n\nexport const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps> = ({ children, header, action }) => {\n  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);\n\n  return (\n    <MobileMenuWrapper>\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\n        {!!header && (\n          <MobileHeaderContainer>\n            <MobileHeaderText>{header.header}</MobileHeaderText>\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\n          </MobileHeaderContainer>\n        )}\n        {children}\n      </ScrollableContainer>\n      {action && <MobileActionContainer {...action} />}\n    </MobileMenuWrapper>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAEA;AACA;AAA4F;AAAA;AAAA;AAQrF,IAAMA,uBAA8E,GAAG,SAAjFA,uBAA8E,OAAqC;EAAA,IAA/BC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;IAAEC,MAAM,QAANA,MAAM;EACvH,4BAAyC,IAAAC,2CAAsB,EAAC,CAACH,QAAQ,CAAC,CAAC;IAAA;IAApEI,kBAAkB;IAAEC,UAAU;EAErC,oBACE,sBAAC,+BAAiB;IAAA,wBAChB,sBAAC,iCAAmB;MAAC,GAAG,EAAED,kBAA0B;MAAC,SAAS,EAAEC,UAAU,GAAG,YAAY,GAAG,EAAG;MAAA,WAC5F,CAAC,CAACJ,MAAM,iBACP,sBAAC,mCAAqB;QAAA,wBACpB,qBAAC,8BAAgB;UAAA,UAAEA,MAAM,CAACA;QAAM,EAAoB,EACnDA,MAAM,CAACK,IAAI,iBAAI,qBAAC,8BAAgB;UAAA,UAAEL,MAAM,CAACK;QAAI,EAAoB;MAAA,EAErE,EACAN,QAAQ;IAAA,EACW,EACrBE,MAAM,iBAAI,qBAAC,4CAAqB,oBAAKA,MAAM,EAAI;EAAA,EAC9B;AAExB,CAAC;AAAC;AAAA;EApBAF,QAAQ;AAAA"}

package/dist/Switcher/MobileCustomMenuContent.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';
-interface MobileCustomMenuContentProps {
-    header?: MenuGroupHeader;
-    action?: MenuButton;
-    children?: React.ReactNode;
-}
-export declare const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps>;
-export {};
+import React from 'react';
+import { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';
+interface MobileCustomMenuContentProps {
+    header?: MenuGroupHeader;
+    action?: MenuButton;
+    children?: React.ReactNode;
+}
+export declare const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps>;
+export {};

package/dist/Switcher/MobileCustomMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileCustomMenuContent.js","names":["React","useScrollableContainer","MobileHeaderContainer","MobileHeaderNote","MobileHeaderText","MobileMenuWrapper","ScrollableContainer","MobileActionContainer","MobileCustomMenuContent","children","header","action","scrollContainerRef","scrollable","note"],"sources":["../../src/Switcher/MobileCustomMenuContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { useScrollableContainer } from '../common/ScrollableContainer';\r\nimport { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';\r\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';\r\nimport { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';\r\n\r\ninterface MobileCustomMenuContentProps {\r\n  header?: MenuGroupHeader;\r\n  action?: MenuButton;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps> = ({ children, header, action }) => {\r\n  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);\r\n\r\n  return (\r\n    <MobileMenuWrapper>\r\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n        {!!header && (\r\n          <MobileHeaderContainer>\r\n            <MobileHeaderText>{header.header}</MobileHeaderText>\r\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\r\n          </MobileHeaderContainer>\r\n        )}\r\n        {children}\r\n      </ScrollableContainer>\r\n      {action && <MobileActionContainer {...action} />}\r\n    </MobileMenuWrapper>\r\n  );\r\n};\r\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,sBAAsB,QAAQ,+BAA+B;AAEtE,SAASC,qBAAqB,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,iBAAiB,EAAEC,mBAAmB,QAAQ,4CAA4C;AAC9J,SAASC,qBAAqB,QAAQ,qDAAqD;AAAC;AAAA;AAQ5F,OAAO,IAAMC,uBAA8E,GAAG,SAAjFA,uBAA8E,OAAqC;EAAA,IAA/BC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;IAAEC,MAAM,QAANA,MAAM;EACvH,4BAAyCV,sBAAsB,CAAC,CAACQ,QAAQ,CAAC,CAAC;IAAA;IAApEG,kBAAkB;IAAEC,UAAU;EAErC,oBACE,MAAC,iBAAiB;IAAA,wBAChB,MAAC,mBAAmB;MAAC,GAAG,EAAED,kBAA0B;MAAC,SAAS,EAAEC,UAAU,GAAG,YAAY,GAAG,EAAG;MAAA,WAC5F,CAAC,CAACH,MAAM,iBACP,MAAC,qBAAqB;QAAA,wBACpB,KAAC,gBAAgB;UAAA,UAAEA,MAAM,CAACA;QAAM,EAAoB,EACnDA,MAAM,CAACI,IAAI,iBAAI,KAAC,gBAAgB;UAAA,UAAEJ,MAAM,CAACI;QAAI,EAAoB;MAAA,EAErE,EACAL,QAAQ;IAAA,EACW,EACrBE,MAAM,iBAAI,KAAC,qBAAqB,oBAAKA,MAAM,EAAI;EAAA,EAC9B;AAExB,CAAC;AAAC;EApBAF,QAAQ;AAAA"}
+{"version":3,"file":"MobileCustomMenuContent.js","names":["React","useScrollableContainer","MobileHeaderContainer","MobileHeaderNote","MobileHeaderText","MobileMenuWrapper","ScrollableContainer","MobileActionContainer","MobileCustomMenuContent","children","header","action","scrollContainerRef","scrollable","note"],"sources":["../../src/Switcher/MobileCustomMenuContent.tsx"],"sourcesContent":["import React from 'react';\nimport { useScrollableContainer } from '../common/ScrollableContainer';\nimport { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';\nimport { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';\n\ninterface MobileCustomMenuContentProps {\n  header?: MenuGroupHeader;\n  action?: MenuButton;\n  children?: React.ReactNode;\n}\n\nexport const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps> = ({ children, header, action }) => {\n  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);\n\n  return (\n    <MobileMenuWrapper>\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\n        {!!header && (\n          <MobileHeaderContainer>\n            <MobileHeaderText>{header.header}</MobileHeaderText>\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\n          </MobileHeaderContainer>\n        )}\n        {children}\n      </ScrollableContainer>\n      {action && <MobileActionContainer {...action} />}\n    </MobileMenuWrapper>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,sBAAsB,QAAQ,+BAA+B;AAEtE,SAASC,qBAAqB,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEC,iBAAiB,EAAEC,mBAAmB,QAAQ,4CAA4C;AAC9J,SAASC,qBAAqB,QAAQ,qDAAqD;AAAC;AAAA;AAQ5F,OAAO,IAAMC,uBAA8E,GAAG,SAAjFA,uBAA8E,OAAqC;EAAA,IAA/BC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;IAAEC,MAAM,QAANA,MAAM;EACvH,4BAAyCV,sBAAsB,CAAC,CAACQ,QAAQ,CAAC,CAAC;IAAA;IAApEG,kBAAkB;IAAEC,UAAU;EAErC,oBACE,MAAC,iBAAiB;IAAA,wBAChB,MAAC,mBAAmB;MAAC,GAAG,EAAED,kBAA0B;MAAC,SAAS,EAAEC,UAAU,GAAG,YAAY,GAAG,EAAG;MAAA,WAC5F,CAAC,CAACH,MAAM,iBACP,MAAC,qBAAqB;QAAA,wBACpB,KAAC,gBAAgB;UAAA,UAAEA,MAAM,CAACA;QAAM,EAAoB,EACnDA,MAAM,CAACI,IAAI,iBAAI,KAAC,gBAAgB;UAAA,UAAEJ,MAAM,CAACI;QAAI,EAAoB;MAAA,EAErE,EACAL,QAAQ;IAAA,EACW,EACrBE,MAAM,iBAAI,KAAC,qBAAqB,oBAAKA,MAAM,EAAI;EAAA,EAC9B;AAExB,CAAC;AAAC;EApBAF,QAAQ;AAAA"}

package/dist/Switcher/MobileSwitcherMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSwitcherMenu.cjs","names":["Wrapper","styled","div","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","customContent","items","footerAction"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\nimport { Z_INDEXES } from '../styles';\r\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\r\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\r\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\r\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\ninterface Props {\r\n  label: string;\r\n  header: string;\r\n  note?: string;\r\n  onMenuClose: () => void;\r\n  items?: MenuNavigationItemTypeItem[];\r\n  footerAction?: MenuButton;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\r\n  return (\r\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\r\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\r\n      {customContent && (\r\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\r\n          {customContent}\r\n        </MobileCustomMenuContent>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileSwitcherMenu;\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAGA;AACA;AACA;AAAoE;AAAA;AAAA;AAAA;AAEpE,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,qQAEbC,iBAAS,CAACC,UAAU,EAQ7BC,mBAAW,CAACC,KAAK,CAGpB;AAYD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAwF;EAAA,IAAlFC,KAAK,QAALA,KAAK;IAAEC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAEC,WAAW,QAAXA,WAAW;IAAEC,aAAa,QAAbA,aAAa;IAAEC,KAAK,QAALA,KAAK;IAAEC,YAAY,QAAZA,YAAY;EAChG,oBACE,sBAAC,OAAO;IAAC,IAAI,EAAC,MAAM;IAAC,mBAAgB,gBAAgB;IAAA,wBACnD,qBAAC,yBAAgB;MAAC,QAAQ,EAAEH,WAAY;MAAC,KAAK,EAAEH,KAAM;MAAC,OAAO,EAAEG;IAAY,EAAG,EAC9EE,KAAK,iBAAI,qBAAC,0BAAiB;MAAC,MAAM,EAAE;QAAEJ,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,KAAK,EAAEG,KAAM;MAAC,MAAM,EAAEC;IAAa,EAAG,EAC5FF,aAAa,iBACZ,qBAAC,gDAAuB;MAAC,MAAM,EAAE;QAAEH,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,MAAM,EAAEI,YAAa;MAAA,UACrEF;IAAa,EAEjB;EAAA,EACO;AAEd,CAAC;AAAC;EArBAJ,KAAK;EACLC,MAAM;EACNC,IAAI;EACJC,WAAW;EACXE,KAAK;EAELD,aAAa;AAAA;AAAA,eAiBAL,kBAAkB;AAAA"}
+{"version":3,"file":"MobileSwitcherMenu.cjs","names":["Wrapper","styled","div","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","customContent","items","footerAction"],"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 { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\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\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n  footerAction?: MenuButton;\n  customContent?: React.ReactNode;\n}\n\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\n      {customContent && (\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\n          {customContent}\n        </MobileCustomMenuContent>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAGA;AACA;AACA;AAAoE;AAAA;AAAA;AAAA;AAEpE,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,qQAEbC,iBAAS,CAACC,UAAU,EAQ7BC,mBAAW,CAACC,KAAK,CAGpB;AAYD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAwF;EAAA,IAAlFC,KAAK,QAALA,KAAK;IAAEC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAEC,WAAW,QAAXA,WAAW;IAAEC,aAAa,QAAbA,aAAa;IAAEC,KAAK,QAALA,KAAK;IAAEC,YAAY,QAAZA,YAAY;EAChG,oBACE,sBAAC,OAAO;IAAC,IAAI,EAAC,MAAM;IAAC,mBAAgB,gBAAgB;IAAA,wBACnD,qBAAC,yBAAgB;MAAC,QAAQ,EAAEH,WAAY;MAAC,KAAK,EAAEH,KAAM;MAAC,OAAO,EAAEG;IAAY,EAAG,EAC9EE,KAAK,iBAAI,qBAAC,0BAAiB;MAAC,MAAM,EAAE;QAAEJ,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,KAAK,EAAEG,KAAM;MAAC,MAAM,EAAEC;IAAa,EAAG,EAC5FF,aAAa,iBACZ,qBAAC,gDAAuB;MAAC,MAAM,EAAE;QAAEH,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,MAAM,EAAEI,YAAa;MAAA,UACrEF;IAAa,EAEjB;EAAA,EACO;AAEd,CAAC;AAAC;EArBAJ,KAAK;EACLC,MAAM;EACNC,IAAI;EACJC,WAAW;EACXE,KAAK;EAELD,aAAa;AAAA;AAAA,eAiBAL,kBAAkB;AAAA"}

package/dist/Switcher/MobileSwitcherMenu.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';
-interface Props {
-    label: string;
-    header: string;
-    note?: string;
-    onMenuClose: () => void;
-    items?: MenuNavigationItemTypeItem[];
-    footerAction?: MenuButton;
-    customContent?: React.ReactNode;
-}
-declare const MobileSwitcherMenu: ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => JSX.Element;
-export default MobileSwitcherMenu;
+import * as React from 'react';
+import { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';
+interface Props {
+    label: string;
+    header: string;
+    note?: string;
+    onMenuClose: () => void;
+    items?: MenuNavigationItemTypeItem[];
+    footerAction?: MenuButton;
+    customContent?: React.ReactNode;
+}
+declare const MobileSwitcherMenu: ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => JSX.Element;
+export default MobileSwitcherMenu;

package/dist/Switcher/MobileSwitcherMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSwitcherMenu.js","names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","MobileCustomMenuContent","Wrapper","div","off_canvas","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","customContent","items","footerAction"],"sources":["../../src/Switcher/MobileSwitcherMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS } from '../styles';\r\nimport { Z_INDEXES } from '../styles';\r\nimport { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\r\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\r\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\r\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\ninterface Props {\r\n  label: string;\r\n  header: string;\r\n  note?: string;\r\n  onMenuClose: () => void;\r\n  items?: MenuNavigationItemTypeItem[];\r\n  footerAction?: MenuButton;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\r\n  return (\r\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\r\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\r\n      {customContent && (\r\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\r\n          {customContent}\r\n        </MobileCustomMenuContent>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileSwitcherMenu;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,SAAS,QAAQ,WAAW;AAErC,OAAOC,gBAAgB,MAAM,gDAAgD;AAC7E,OAAOC,iBAAiB,MAAM,iDAAiD;AAC/E,SAASC,uBAAuB,QAAQ,2BAA2B;AAAC;AAAA;AAEpE,IAAMC,OAAO,GAAGN,MAAM,CAACO,GAAG,uPAEbL,SAAS,CAACM,UAAU,EAQ7BP,WAAW,CAACQ,KAAK,CAGpB;AAYD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAwF;EAAA,IAAlFC,KAAK,QAALA,KAAK;IAAEC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAEC,WAAW,QAAXA,WAAW;IAAEC,aAAa,QAAbA,aAAa;IAAEC,KAAK,QAALA,KAAK;IAAEC,YAAY,QAAZA,YAAY;EAChG,oBACE,MAAC,OAAO;IAAC,IAAI,EAAC,MAAM;IAAC,mBAAgB,gBAAgB;IAAA,wBACnD,KAAC,gBAAgB;MAAC,QAAQ,EAAEH,WAAY;MAAC,KAAK,EAAEH,KAAM;MAAC,OAAO,EAAEG;IAAY,EAAG,EAC9EE,KAAK,iBAAI,KAAC,iBAAiB;MAAC,MAAM,EAAE;QAAEJ,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,KAAK,EAAEG,KAAM;MAAC,MAAM,EAAEC;IAAa,EAAG,EAC5FF,aAAa,iBACZ,KAAC,uBAAuB;MAAC,MAAM,EAAE;QAAEH,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,MAAM,EAAEI,YAAa;MAAA,UACrEF;IAAa,EAEjB;EAAA,EACO;AAEd,CAAC;AAAC;EArBAJ,KAAK;EACLC,MAAM;EACNC,IAAI;EACJC,WAAW;EACXE,KAAK;EAELD,aAAa;AAAA;AAiBf,eAAeL,kBAAkB"}
+{"version":3,"file":"MobileSwitcherMenu.js","names":["React","styled","BREAKPOINTS","Z_INDEXES","MobileMenuHeader","MobileMenuContent","MobileCustomMenuContent","Wrapper","div","off_canvas","SMALL","MobileSwitcherMenu","label","header","note","onMenuClose","customContent","items","footerAction"],"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 { MenuButton, MenuNavigationItemTypeItem } from '../GlobalNavigationBar';\nimport MobileMenuHeader from '../GlobalNavigationBar/mobile/MobileMenuHeader';\nimport MobileMenuContent from '../GlobalNavigationBar/mobile/MobileMenuContent';\nimport { MobileCustomMenuContent } from './MobileCustomMenuContent';\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\ninterface Props {\n  label: string;\n  header: string;\n  note?: string;\n  onMenuClose: () => void;\n  items?: MenuNavigationItemTypeItem[];\n  footerAction?: MenuButton;\n  customContent?: React.ReactNode;\n}\n\nconst MobileSwitcherMenu = ({ label, header, note, onMenuClose, customContent, items, footerAction }: Props) => {\n  return (\n    <Wrapper role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MobileMenuHeader onGoBack={onMenuClose} label={label} onClose={onMenuClose} />\n      {items && <MobileMenuContent header={{ header, note }} items={items} action={footerAction} />}\n      {customContent && (\n        <MobileCustomMenuContent header={{ header, note }} action={footerAction}>\n          {customContent}\n        </MobileCustomMenuContent>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default MobileSwitcherMenu;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,SAAS,QAAQ,WAAW;AAErC,OAAOC,gBAAgB,MAAM,gDAAgD;AAC7E,OAAOC,iBAAiB,MAAM,iDAAiD;AAC/E,SAASC,uBAAuB,QAAQ,2BAA2B;AAAC;AAAA;AAEpE,IAAMC,OAAO,GAAGN,MAAM,CAACO,GAAG,uPAEbL,SAAS,CAACM,UAAU,EAQ7BP,WAAW,CAACQ,KAAK,CAGpB;AAYD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAwF;EAAA,IAAlFC,KAAK,QAALA,KAAK;IAAEC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAEC,WAAW,QAAXA,WAAW;IAAEC,aAAa,QAAbA,aAAa;IAAEC,KAAK,QAALA,KAAK;IAAEC,YAAY,QAAZA,YAAY;EAChG,oBACE,MAAC,OAAO;IAAC,IAAI,EAAC,MAAM;IAAC,mBAAgB,gBAAgB;IAAA,wBACnD,KAAC,gBAAgB;MAAC,QAAQ,EAAEH,WAAY;MAAC,KAAK,EAAEH,KAAM;MAAC,OAAO,EAAEG;IAAY,EAAG,EAC9EE,KAAK,iBAAI,KAAC,iBAAiB;MAAC,MAAM,EAAE;QAAEJ,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,KAAK,EAAEG,KAAM;MAAC,MAAM,EAAEC;IAAa,EAAG,EAC5FF,aAAa,iBACZ,KAAC,uBAAuB;MAAC,MAAM,EAAE;QAAEH,MAAM,EAANA,MAAM;QAAEC,IAAI,EAAJA;MAAK,CAAE;MAAC,MAAM,EAAEI,YAAa;MAAA,UACrEF;IAAa,EAEjB;EAAA,EACO;AAEd,CAAC;AAAC;EArBAJ,KAAK;EACLC,MAAM;EACNC,IAAI;EACJC,WAAW;EACXE,KAAK;EAELD,aAAa;AAAA;AAiBf,eAAeL,kBAAkB"}

package/dist/Switcher/SwitcherMenuItem.cjs.map

@@ -1 +1 @@
-{"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';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${COLORS.neutral_800};\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.neutral_800};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${COLORS.neutral_300};\r\n    background-color: ${COLORS.neutral_100};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${COLORS.primary_600};\r\n    background-color: ${COLORS.primary_20};\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_600};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${COLORS.primary_800};\r\n    background-color: ${COLORS.primary_100};\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AAAoD;AAAA;AAEpD,IAAMA,kBAAkB,GAAGC,yBAAM,CAACC,GAAG,irCASjC,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,WAAW,CAAC,EAqBtDC,iBAAS,CAACC,MAAM,EAElBH,cAAM,CAACI,WAAW,EAGLJ,cAAM,CAACK,WAAW,EAI9BL,cAAM,CAACI,WAAW,EAKnBJ,cAAM,CAACM,WAAW,EACPN,cAAM,CAACO,WAAW,EAI3BL,iBAAS,CAACM,KAAK,EACjBR,cAAM,CAACS,WAAW,EACPT,cAAM,CAACU,UAAU,EAG3BV,cAAM,CAACS,WAAW,EAKjBP,iBAAS,CAACC,MAAM,EAClBH,cAAM,CAACW,WAAW,EACPX,cAAM,CAACY,WAAW,EAGhBZ,cAAM,CAACK,WAAW,EAI9BL,cAAM,CAACW,WAAW,EAK1BE,mBAAW,CAIhB;AAED,IAAMC,CAAC,GAAGnB,yBAAM,CAACoB,CAAC,qFAAE;AAWpB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAKC,KAAK,QAALA,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,eAAEC,EAAE;IAAFA,EAAE,wBAAGP,CAAC;IAAEQ,MAAM,QAANA,MAAM;EAAA,oBACnE,sBAAC,kBAAkB;IACjB,OAAO,EAAE;MAAA,OAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGP,GAAG,IAAI,EAAE;IAAA,CAAE;IAClD,EAAE,EAAEG,EAAG;IACP,WAAW,EAAEK,iCAA0B;IACvC,IAAI,EAAER,GAAG,IAAI,EAAG;IAChB,MAAM,EAAC,SAAS;IAEhB,SAAS,EAAEC,QAAQ,GAAG,UAAU,GAAG,EAAG;IACtC,eAAaG,MAAO;IAAA,WACnB,CAAC,CAACF,IAAI,iBAAIO,cAAK,CAACC,YAAY,CAACR,IAAI,EAAE;MAACS,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC,EACpEb,KAAK;EAAA,GAJDA,KAAK,CAKS;AAAA,CACtB;AAAC;EArBAA,KAAK;EACLC,GAAG;EACHC,QAAQ;EACRC,IAAI;EACJC,EAAE;EACFC,MAAM;AAAA;AAAA,eAkBON,gBAAgB;AAAA"}
+{"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;AAAoD;AAAA;AAEpD,IAAMA,kBAAkB,GAAGC,yBAAM,CAACC,GAAG,irCASjC,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,WAAW,CAAC,EAqBtDC,iBAAS,CAACC,MAAM,EAElBH,cAAM,CAACI,WAAW,EAGLJ,cAAM,CAACK,WAAW,EAI9BL,cAAM,CAACI,WAAW,EAKnBJ,cAAM,CAACM,WAAW,EACPN,cAAM,CAACO,WAAW,EAI3BL,iBAAS,CAACM,KAAK,EACjBR,cAAM,CAACS,WAAW,EACPT,cAAM,CAACU,UAAU,EAG3BV,cAAM,CAACS,WAAW,EAKjBP,iBAAS,CAACC,MAAM,EAClBH,cAAM,CAACW,WAAW,EACPX,cAAM,CAACY,WAAW,EAGhBZ,cAAM,CAACK,WAAW,EAI9BL,cAAM,CAACW,WAAW,EAK1BE,mBAAW,CAIhB;AAED,IAAMC,CAAC,GAAGnB,yBAAM,CAACoB,CAAC,qFAAE;AAWpB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAKC,KAAK,QAALA,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,eAAEC,EAAE;IAAFA,EAAE,wBAAGP,CAAC;IAAEQ,MAAM,QAANA,MAAM;EAAA,oBACnE,sBAAC,kBAAkB;IACjB,OAAO,EAAE;MAAA,OAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGP,GAAG,IAAI,EAAE;IAAA,CAAE;IAClD,EAAE,EAAEG,EAAG;IACP,WAAW,EAAEK,iCAA0B;IACvC,IAAI,EAAER,GAAG,IAAI,EAAG;IAChB,MAAM,EAAC,SAAS;IAEhB,SAAS,EAAEC,QAAQ,GAAG,UAAU,GAAG,EAAG;IACtC,eAAaG,MAAO;IAAA,WACnB,CAAC,CAACF,IAAI,iBAAIO,cAAK,CAACC,YAAY,CAACR,IAAI,EAAE;MAACS,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC,EACpEb,KAAK;EAAA,GAJDA,KAAK,CAKS;AAAA,CACtB;AAAC;EArBAA,KAAK;EACLC,GAAG;EACHC,QAAQ;EACRC,IAAI;EACJC,EAAE;EACFC,MAAM;AAAA;AAAA,eAkBON,gBAAgB;AAAA"}

package/dist/Switcher/SwitcherMenuItem.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-export interface SwitcherNavItem {
-    label: string;
-    url: string;
-    disabled?: boolean;
-    icon?: any;
-    as?: any;
-    testId?: string;
-}
-declare const SwitcherMenuItem: ({ label, url, disabled, icon, as, testId }: SwitcherNavItem) => JSX.Element;
-export default SwitcherMenuItem;
+/// <reference types="react" />
+export interface SwitcherNavItem {
+    label: string;
+    url: string;
+    disabled?: boolean;
+    icon?: any;
+    as?: any;
+    testId?: string;
+}
+declare const SwitcherMenuItem: ({ label, url, disabled, icon, as, testId }: SwitcherNavItem) => JSX.Element;
+export default SwitcherMenuItem;

package/dist/Switcher/SwitcherMenuItem.js.map

@@ -1 +1 @@
-{"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';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${COLORS.neutral_800};\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.neutral_800};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${COLORS.neutral_300};\r\n    background-color: ${COLORS.neutral_100};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${COLORS.primary_600};\r\n    background-color: ${COLORS.primary_20};\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_600};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${COLORS.primary_800};\r\n    background-color: ${COLORS.primary_100};\r\n\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,SAAS,EAAEC,iBAAiB,EAAEC,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,QAAO,WAAW;AAC/F,SAAQC,yBAAyB,QAAO,WAAW;AAAC;AAEpD,IAAMC,kBAAkB,GAAGP,MAAM,CAACQ,GAAG,mqCASjCN,iBAAiB,CAACE,kBAAkB,CAACK,OAAO,EAAEN,MAAM,CAACO,WAAW,CAAC,EAqBtDT,SAAS,CAACU,MAAM,EAElBR,MAAM,CAACS,WAAW,EAGLT,MAAM,CAACU,WAAW,EAI9BV,MAAM,CAACS,WAAW,EAKnBT,MAAM,CAACW,WAAW,EACPX,MAAM,CAACY,WAAW,EAI3Bd,SAAS,CAACe,KAAK,EACjBb,MAAM,CAACc,WAAW,EACPd,MAAM,CAACe,UAAU,EAG3Bf,MAAM,CAACc,WAAW,EAKjBhB,SAAS,CAACU,MAAM,EAClBR,MAAM,CAACgB,WAAW,EACPhB,MAAM,CAACiB,WAAW,EAGhBjB,MAAM,CAACU,WAAW,EAI9BV,MAAM,CAACgB,WAAW,EAK1Bd,WAAW,CAIhB;AAED,IAAMgB,CAAC,GAAGrB,MAAM,CAACsB,CAAC,uEAAE;AAWpB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAKC,KAAK,QAALA,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,eAAEC,EAAE;IAAFA,EAAE,wBAAGP,CAAC;IAAEQ,MAAM,QAANA,MAAM;EAAA,oBACnE,MAAC,kBAAkB;IACjB,OAAO,EAAE;MAAA,OAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGP,GAAG,IAAI,EAAE;IAAA,CAAE;IAClD,EAAE,EAAEG,EAAG;IACP,WAAW,EAAEtB,yBAA0B;IACvC,IAAI,EAAEmB,GAAG,IAAI,EAAG;IAChB,MAAM,EAAC,SAAS;IAEhB,SAAS,EAAEC,QAAQ,GAAG,UAAU,GAAG,EAAG;IACtC,eAAaG,MAAO;IAAA,WACnB,CAAC,CAACF,IAAI,iBAAI5B,KAAK,CAACkC,YAAY,CAACN,IAAI,EAAE;MAACO,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC,EACpEX,KAAK;EAAA,GAJDA,KAAK,CAKS;AAAA,CACtB;AAAC;EArBAA,KAAK;EACLC,GAAG;EACHC,QAAQ;EACRC,IAAI;EACJC,EAAE;EACFC,MAAM;AAAA;AAkBR,eAAeN,gBAAgB"}
+{"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,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,SAAS,EAAEC,iBAAiB,EAAEC,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,QAAO,WAAW;AAC/F,SAAQC,yBAAyB,QAAO,WAAW;AAAC;AAEpD,IAAMC,kBAAkB,GAAGP,MAAM,CAACQ,GAAG,mqCASjCN,iBAAiB,CAACE,kBAAkB,CAACK,OAAO,EAAEN,MAAM,CAACO,WAAW,CAAC,EAqBtDT,SAAS,CAACU,MAAM,EAElBR,MAAM,CAACS,WAAW,EAGLT,MAAM,CAACU,WAAW,EAI9BV,MAAM,CAACS,WAAW,EAKnBT,MAAM,CAACW,WAAW,EACPX,MAAM,CAACY,WAAW,EAI3Bd,SAAS,CAACe,KAAK,EACjBb,MAAM,CAACc,WAAW,EACPd,MAAM,CAACe,UAAU,EAG3Bf,MAAM,CAACc,WAAW,EAKjBhB,SAAS,CAACU,MAAM,EAClBR,MAAM,CAACgB,WAAW,EACPhB,MAAM,CAACiB,WAAW,EAGhBjB,MAAM,CAACU,WAAW,EAI9BV,MAAM,CAACgB,WAAW,EAK1Bd,WAAW,CAIhB;AAED,IAAMgB,CAAC,GAAGrB,MAAM,CAACsB,CAAC,uEAAE;AAWpB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAKC,KAAK,QAALA,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,eAAEC,EAAE;IAAFA,EAAE,wBAAGP,CAAC;IAAEQ,MAAM,QAANA,MAAM;EAAA,oBACnE,MAAC,kBAAkB;IACjB,OAAO,EAAE;MAAA,OAAOC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGP,GAAG,IAAI,EAAE;IAAA,CAAE;IAClD,EAAE,EAAEG,EAAG;IACP,WAAW,EAAEtB,yBAA0B;IACvC,IAAI,EAAEmB,GAAG,IAAI,EAAG;IAChB,MAAM,EAAC,SAAS;IAEhB,SAAS,EAAEC,QAAQ,GAAG,UAAU,GAAG,EAAG;IACtC,eAAaG,MAAO;IAAA,WACnB,CAAC,CAACF,IAAI,iBAAI5B,KAAK,CAACkC,YAAY,CAACN,IAAI,EAAE;MAACO,IAAI,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC,EACpEX,KAAK;EAAA,GAJDA,KAAK,CAKS;AAAA,CACtB;AAAC;EArBAA,KAAK;EACLC,GAAG;EACHC,QAAQ;EACRC,IAAI;EACJC,EAAE;EACFC,MAAM;AAAA;AAkBR,eAAeN,gBAAgB"}

package/dist/Switcher/__tests__/SwitcherMenuItem.d.ts

@@ -1 +1 @@
-import 'jest-styled-components';
+import 'jest-styled-components';

package/dist/Switcher/index.cjs.map

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

@@ -1,3 +1,3 @@
-import SwitcherMenuItem from './SwitcherMenuItem';
-import MobileSwitcherMenu from './MobileSwitcherMenu';
-export { SwitcherMenuItem, MobileSwitcherMenu };
+import SwitcherMenuItem from './SwitcherMenuItem';
+import MobileSwitcherMenu from './MobileSwitcherMenu';
+export { SwitcherMenuItem, MobileSwitcherMenu };

package/dist/Switcher/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SwitcherMenuItem","MobileSwitcherMenu"],"sources":["../../src/Switcher/index.ts"],"sourcesContent":["import SwitcherMenuItem from './SwitcherMenuItem';\r\nimport MobileSwitcherMenu from './MobileSwitcherMenu';\r\n\r\nexport { SwitcherMenuItem, MobileSwitcherMenu };\r\n"],"mappings":"AAAA,OAAOA,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,kBAAkB,MAAM,sBAAsB;AAErD,SAASD,gBAAgB,EAAEC,kBAAkB"}
+{"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,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,kBAAkB,MAAM,sBAAsB;AAErD,SAASD,gBAAgB,EAAEC,kBAAkB"}

package/dist/Table/Table.cjs

@@ -96,8 +96,8 @@ var Table = function Table(props) {
     setSelected(props.selectedRows || (multiSelect ? [] : undefined));
   }, [props.selectedRows, multiSelect]);
 
-  /**
-   * update select all checkbox state
+  /**
+   * update select all checkbox state
    */
   React.useEffect(function () {
     if (multiSelect) {
@@ -111,9 +111,9 @@ var Table = function Table(props) {
     }
   }, [currentPageRows, multiSelect, selected, keyExpr]);
 
-  /**
-   * Takes care of remote pagination.
-   * Works only in case remote pagination is set to true.
+  /**
+   * Takes care of remote pagination.
+   * Works only in case remote pagination is set to true.
    */
   React.useEffect(function () {
     if (remoteOperations) {
@@ -128,8 +128,8 @@ var Table = function Table(props) {
     }
   }, [remoteOperations, pagination, rows]);
 
-  /**
-   * Sets number of rows to display when accordion.
+  /**
+   * Sets number of rows to display when accordion.
    */
   React.useEffect(function () {
     if (!accordion) return;
@@ -140,9 +140,9 @@ var Table = function Table(props) {
     setIsCollapsed(!!collapsed);
   }, [accordion, collapsed]);
 
-  /**
-   * Filters out a rows by specific column filters and sorts them if any sorting is set.
-   * @returns Filtered and sorted rows.
+  /**
+   * Filters out a rows by specific column filters and sorts them if any sorting is set.
+   * @returns Filtered and sorted rows.
    */
   var filterAndSortRows = function filterAndSortRows() {
     var tmpFilteredRows = rows.filter(function (row) {
@@ -192,9 +192,9 @@ var Table = function Table(props) {
     return tmpFilteredRows;
   };
 
-  /**
-   * Takes care of local pagination.
-   * Works only in case remote pagination is not defined or is set to false.
+  /**
+   * Takes care of local pagination.
+   * Works only in case remote pagination is not defined or is set to false.
    */
   React.useEffect(function () {
     if (!remoteOperations) {
@@ -216,10 +216,10 @@ var Table = function Table(props) {
     }
   }, [rowsPerPage, rows, currentPage, columns, sort, remoteOperations]);
 
-  /**
-   * Applies a specific sorting to a column.
-   * If no sorting exists, then applies ascending initially
-   * @param column - Column to which sorting should be applied.
+  /**
+   * Applies a specific sorting to a column.
+   * If no sorting exists, then applies ascending initially
+   * @param column - Column to which sorting should be applied.
    */
   var sortTableColumn = function sortTableColumn(column) {
     var columnKey = '';
@@ -243,8 +243,8 @@ var Table = function Table(props) {
     remoteOperations && onTriggerSortingChange && onTriggerSortingChange(columnKey, sortDirection);
   };
 
-  /**
-   * Navigates user back to the previous page and updates the current table page.
+  /**
+   * Navigates user back to the previous page and updates the current table page.
    */
   var previousPage = function previousPage() {
     if (remoteOperations) {
@@ -258,8 +258,8 @@ var Table = function Table(props) {
     }
   };
 
-  /**
-   * Navigates user to the next page and updates the current table page.
+  /**
+   * Navigates user to the next page and updates the current table page.
    */
   var nextPage = function nextPage() {
     if (remoteOperations) {
@@ -273,9 +273,9 @@ var Table = function Table(props) {
     }
   };
 
-  /**
-   * Updates the rows per page value and refreshes the table content accordingly.
-   * @param value - Newly selected rows per page value.
+  /**
+   * Updates the rows per page value and refreshes the table content accordingly.
+   * @param value - Newly selected rows per page value.
    */
   var changeRowsPerPage = function changeRowsPerPage(value) {
     // Let's check if we are using remote pagination
@@ -293,9 +293,9 @@ var Table = function Table(props) {
     setRowsPerPage(value);
   };
 
-  /**
-   * Function which is called when a mouse click happens on a row to pass data to the parent component.
-   * @param row - Row in which the link is located.
+  /**
+   * Function which is called when a mouse click happens on a row to pass data to the parent component.
+   * @param row - Row in which the link is located.
    */
   var onRowClick = function onRowClick(row) {
     var _window, _window$getSelection;
@@ -317,8 +317,8 @@ var Table = function Table(props) {
     }
   };
 
-  /**
-   * Function which is called when user clicks checkbox to select or deselect all rows.
+  /**
+   * Function which is called when user clicks checkbox to select or deselect all rows.
    */
   var onSelectAllClick = function onSelectAllClick() {
     var currentList = currentPageRows.map(function (row) {
@@ -344,8 +344,8 @@ var Table = function Table(props) {
     }
   };
 
-  /**
-   * Return Table component.
+  /**
+   * Return Table component.
    */
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableStyles.TableWrapper, {
     className: props.border ? 'border' : undefined,