@laerdal/life-react-components 3.5.2-uss.hackathon → 3.5.3

package/dist/js/styles/typography.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["TYPOGRAPHY","fontFamily","TypographyBase","color","lineHeight","fontSize","fontWeight","fontStyle","textTransform","textDecorationLine","COLORS","black","HeadlineBaseStyling","css","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","props","marginBetweenParagraphs","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Size","Small","Medium","Large","XXSmall","XSmall"],"mappings":"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","sourcesContent":["import React, { FunctionComponent } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { COLORS } from '.';\r\nimport { Property } from 'csstype';\r\nimport { Size } from '../types';\r\n\r\nconst TYPOGRAPHY = {\r\n  fontFamily: 'Lato, sans-serif',\r\n};\r\n\r\ninterface ITypographyBase {\r\n  color?: string;\r\n  lineHeight: number;\r\n  fontSize: number;\r\n  fontWeight: number;\r\n  fontStyle?: string;\r\n  textTransform?: Property.TextTransform;\r\n  textDecorationLine?: Property.TextDecorationLine;\r\n}\r\n\r\nconst TypographyBase = styled('div')<ITypographyBase>(({ color, lineHeight, fontSize, fontWeight, fontStyle, textTransform, textDecorationLine }) => ({\r\n  fontFamily: TYPOGRAPHY.fontFamily,\r\n  fontSize: fontSize,\r\n  fontWeight: fontWeight,\r\n  lineHeight: lineHeight + 'px',\r\n  textTransform: textTransform ? textTransform : 'none',\r\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n  fontStyle: fontStyle ? fontStyle : 'normal',\r\n  color: color ? color : COLORS.black,\r\n}));\r\n\r\ninterface IHeadline {\r\n  color?: string;\r\n}\r\n\r\ninterface IHeadlineBase {\r\n  color?: string;\r\n  lineHeight: number;\r\n  fontSize: number;\r\n}\r\n\r\nconst HeadlineBaseStyling = (fontSize: string, lineHeight: string, color: string) => {\r\n  return css`\r\n    font-family: ${TYPOGRAPHY.fontFamily};\r\n    font-size: ${fontSize};\r\n    line-height: ${lineHeight};\r\n    font-weight: 700;\r\n    color: ${color};\r\n  `;\r\n}\r\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ color, lineHeight, fontSize }) => ({\r\n  fontSize: fontSize,\r\n  fontWeight: 700,\r\n  lineHeight: lineHeight,\r\n  color: color,\r\n}));\r\n\r\nconst HeadlineXLStyling = (color: string) => HeadlineBaseStyling('48px', '64px', color);\r\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\r\n  fontSize: '48px',\r\n  lineHeight: '64px',\r\n  color: color,\r\n}));\r\n\r\nconst HeadlineLStyling = (color: string) => HeadlineBaseStyling('40px', '52px', color);\r\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\r\n  fontSize: '40px',\r\n  lineHeight: '52px',\r\n  color: color,\r\n}));\r\n\r\nconst HeadlineMStyling = (color: string) => HeadlineBaseStyling('32px', '40px', color);\r\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ color }) => ({\r\n  fontSize: '32px',\r\n  lineHeight: '40px',\r\n  color: color,\r\n}));\r\n\r\nconst HeadlineSStyling = (color: string) => HeadlineBaseStyling('28px', '36px', color);\r\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\r\n  fontSize: '28px',\r\n  lineHeight: '36px',\r\n  color: color,\r\n}));\r\n\r\nconst HeadlineXSStyling = (color: string) => HeadlineBaseStyling('24px', '32px', color);\r\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\r\n  fontSize: '24px',\r\n  lineHeight: '32px',\r\n  color: color,\r\n}));\r\n\r\nconst HeadlineXXSStyling = (color: string) => HeadlineBaseStyling('20px', '24px', color);\r\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\r\n  fontSize: '20px',\r\n  lineHeight: '24px',\r\n  color: color,\r\n}));\r\n\r\nconst ParagraphStyling = css`\r\n  :lang(ja-jp) > h1,\r\n  h2,\r\n  h3,\r\n  h4,\r\n  p,\r\n  span {\r\n    max-width: 30em;\r\n  }\r\n  :lang(ko-kr) > h1,\r\n  h2,\r\n  h3,\r\n  h4,\r\n  p,\r\n  span {\r\n    max-width: 30em;\r\n  }\r\n  :lang(zh-CN) > h1,\r\n  h2,\r\n  h3,\r\n  h4,\r\n  p,\r\n  span {\r\n    max-width: 30em;\r\n  }\r\n  h1,\r\n  h2,\r\n  h3,\r\n  h4,\r\n  p,\r\n  span {\r\n    max-width: 34em;\r\n  }\r\n`;\r\n\r\ninterface IParagraphBase {\r\n  color?: string;\r\n  lineHeight: number;\r\n  fontSize: number;\r\n  marginBetweenParagraphs?: string;\r\n}\r\n\r\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\r\n  p {\r\n    margin-block-start: 0;\r\n    margin-block-end: 0;\r\n  }\r\n  p:not(:only-of-type) {\r\n    margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\r\n  }\r\n  ${ParagraphStyling}\r\n`;\r\n\r\ninterface IParagraph {\r\n  color?: string;\r\n}\r\n\r\nenum ParagraphTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  Underline,\r\n}\r\n\r\ntype ParagraphProps = {\r\n  color?: string;\r\n  textStyle?: ParagraphTextStyle;\r\n};\r\n\r\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ParagraphTextStyle.Bold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\r\n  let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\r\n  return textDecoration;\r\n};\r\n\r\nconst ParagraphBaseStyling = (fontSize: string, lineHeight: string, textStyle: ParagraphTextStyle, color: string) => {\r\n  return css`\r\n    font-family: ${TYPOGRAPHY.fontFamily};\r\n    font-size: ${fontSize};\r\n    font-weight: ${paragraphFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${paragraphFontStyle(textStyle)};\r\n    color: ${color};\r\n  `;\r\n}\r\n\r\nconst ParagraphXlStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('24px', '36px', textStyle, color);\r\nconst ParagraphXL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\r\n  let fontWeight = paragraphFontWeight(textStyle);\r\n  let fontStyle = paragraphFontStyle(textStyle);\r\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\r\n  return (\r\n    <ParagraphBase color={color} lineHeight={36} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"18px\">\r\n      {children}\r\n    </ParagraphBase>\r\n  );\r\n};\r\n\r\nconst ParagraphLStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('20px', '32px', textStyle, color);\r\nconst ParagraphL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\r\n  let fontWeight = paragraphFontWeight(textStyle);\r\n  let fontStyle = paragraphFontStyle(textStyle);\r\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\r\n  return (\r\n    <ParagraphBase color={color} lineHeight={32} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"16px\">\r\n      {children}\r\n    </ParagraphBase>\r\n  );\r\n};\r\n\r\nconst ParagraphMStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('18px', '28px', textStyle, color);\r\nconst ParagraphM: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\r\n  let fontWeight = paragraphFontWeight(textStyle);\r\n  let fontStyle = paragraphFontStyle(textStyle);\r\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\r\n  return (\r\n    <ParagraphBase color={color} lineHeight={28} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"14px\">\r\n      {children}\r\n    </ParagraphBase>\r\n  );\r\n};\r\n\r\nconst ParagraphSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('16px', '24px', textStyle, color);\r\nconst ParagraphS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\r\n  let fontWeight = paragraphFontWeight(textStyle);\r\n  let fontStyle = paragraphFontStyle(textStyle);\r\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\r\n  return (\r\n    <ParagraphBase color={color} lineHeight={24} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"12px\">\r\n      {children}\r\n    </ParagraphBase>\r\n  );\r\n};\r\n\r\nconst ParagraphXSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('14px', '20px', textStyle, color);\r\nconst ParagraphXS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\r\n  let fontWeight = paragraphFontWeight(textStyle);\r\n  let fontStyle = paragraphFontStyle(textStyle);\r\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\r\n  return (\r\n    <ParagraphBase color={color} lineHeight={20} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"10px\">\r\n      {children}\r\n    </ParagraphBase>\r\n  );\r\n};\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-family: ${TYPOGRAPHY.fontFamily};\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${color === null ? '' : `color: ${(color || COLORS.black)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} color={color} lineHeight={28} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} color={color} lineHeight={24} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} color={color} lineHeight={24} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} color={color} lineHeight={20} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} color={color} lineHeight={16} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} color={color} lineHeight={16} fontSize={12} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n  color,\r\n  textStyle,\r\n  children,\r\n  size,\r\n  width,\r\n}) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children} />;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children} />;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children} />;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children} />;\r\n  }\r\n};\r\n\r\nexport { TYPOGRAPHY };\r\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\r\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\r\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\r\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\r\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\r\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\r\n"],"file":"typography.js"}

package/dist/js/styles/z-indexes.d.ts

@@ -1,13 +0,0 @@
-export declare const Z_INDEXES: {
-    hover: string;
-    active: string;
-    focus: string;
-    dropdown: string;
-    sticky_menu: string;
-    fixed_menu: string;
-    backdrop: string;
-    off_canvas: string;
-    modal: string;
-    toast: string;
-    tooltip: string;
-};

package/dist/js/styles/z-indexes.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Z_INDEXES = void 0;
-var Z_INDEXES = {
-  hover: '1',
-  active: '2',
-  focus: '3',
-  dropdown: '1000',
-  sticky_menu: '1020',
-  fixed_menu: '1030',
-  backdrop: '1040',
-  off_canvas: '1050',
-  modal: '1060',
-  toast: '1070',
-  tooltip: '1080'
-};
-exports.Z_INDEXES = Z_INDEXES;
-//# sourceMappingURL=z-indexes.js.map

package/dist/js/styles/z-indexes.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/styles/z-indexes.ts"],"names":["Z_INDEXES","hover","active","focus","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip"],"mappings":";;;;;;AAAO,IAAMA,SAAS,GAAG;AACvBC,EAAAA,KAAK,EAAE,GADgB;AAEvBC,EAAAA,MAAM,EAAE,GAFe;AAGvBC,EAAAA,KAAK,EAAE,GAHgB;AAMvBC,EAAAA,QAAQ,EAAE,MANa;AAOvBC,EAAAA,WAAW,EAAE,MAPU;AAQvBC,EAAAA,UAAU,EAAE,MARW;AASvBC,EAAAA,QAAQ,EAAE,MATa;AAUvBC,EAAAA,UAAU,EAAE,MAVW;AAWvBC,EAAAA,KAAK,EAAE,MAXgB;AAYvBC,EAAAA,KAAK,EAAE,MAZgB;AAavBC,EAAAA,OAAO,EAAE;AAbc,CAAlB","sourcesContent":["export const Z_INDEXES = {\r\n  hover: '1',\r\n  active: '2',\r\n  focus: '3',\r\n\r\n\r\n  dropdown: '1000',\r\n  sticky_menu: '1020',\r\n  fixed_menu: '1030',\r\n  backdrop: '1040',\r\n  off_canvas: '1050',\r\n  modal: '1060',\r\n  toast: '1070',\r\n  tooltip: '1080',\r\n}\r\n"],"file":"z-indexes.js"}

package/dist/js/types.d.ts

@@ -1,91 +0,0 @@
-export interface Product {
-    id: string;
-    name: string;
-    type: string;
-    image: string;
-}
-export declare enum Size {
-    XXSmall = "xxsmall",
-    XSmall = "xsmall",
-    Small = "small",
-    Medium = "medium",
-    Large = "large"
-}
-export interface NavOption {
-    label: string;
-    to: string;
-    disabled?: boolean;
-    exact?: boolean;
-    onClick?: () => void;
-}
-export interface NavButton {
-    label: string;
-    action: any;
-    disabled?: boolean;
-}
-export interface ActionOptions {
-    search?: () => void;
-    apps?: () => void;
-    language?: () => void;
-    notification?: () => void;
-    settings?: () => void;
-    user?: () => void;
-}
-export declare enum ToastColor {
-    BLACK = 0,
-    WHITE = 1,
-    BLUE = 2,
-    GREEN = 3,
-    ORANGE = 4,
-    RED = 5
-}
-export declare enum ToastActionType {
-    PRIMARY = 0,
-    SECONDARY = 1
-}
-export declare enum ToastPosition {
-    TOPLEFT = 0,
-    TOPMIDDLE = 1,
-    TOPRIGHT = 2,
-    BOTTOMLEFT = 3,
-    BOTTOMMIDDLE = 4,
-    BOTTOMRIGHT = 5
-}
-export declare enum ToastEntryDirection {
-    TOP = 0,
-    BOTTOM = 1,
-    LEFT = 2,
-    RIGHT = 3
-}
-export interface SwitcherNavItem {
-    label: string;
-    url: string;
-    disabled?: boolean;
-    Icon?: any;
-    as?: any;
-    testId?: string;
-}
-export interface UserMenuItem {
-    label: string;
-    to: string;
-    icon: any;
-    isExternal?: boolean;
-    onClick?: () => void;
-}
-export interface ListRowDropdownOption {
-    key?: string;
-    label: string;
-    action: any;
-}
-export interface NavLink {
-    label: string;
-    to: string;
-    target?: string;
-}
-export interface NavSection {
-    header: string;
-    links: NavLink[];
-}
-export interface NavOptions {
-    sections: NavSection[];
-}

package/dist/js/types.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ToastEntryDirection = exports.ToastPosition = exports.ToastActionType = exports.ToastColor = exports.Size = void 0;
-var Size;
-exports.Size = Size;
-
-(function (Size) {
-  Size["XXSmall"] = "xxsmall";
-  Size["XSmall"] = "xsmall";
-  Size["Small"] = "small";
-  Size["Medium"] = "medium";
-  Size["Large"] = "large";
-})(Size || (exports.Size = Size = {}));
-
-var ToastColor;
-exports.ToastColor = ToastColor;
-
-(function (ToastColor) {
-  ToastColor[ToastColor["BLACK"] = 0] = "BLACK";
-  ToastColor[ToastColor["WHITE"] = 1] = "WHITE";
-  ToastColor[ToastColor["BLUE"] = 2] = "BLUE";
-  ToastColor[ToastColor["GREEN"] = 3] = "GREEN";
-  ToastColor[ToastColor["ORANGE"] = 4] = "ORANGE";
-  ToastColor[ToastColor["RED"] = 5] = "RED";
-})(ToastColor || (exports.ToastColor = ToastColor = {}));
-
-var ToastActionType;
-exports.ToastActionType = ToastActionType;
-
-(function (ToastActionType) {
-  ToastActionType[ToastActionType["PRIMARY"] = 0] = "PRIMARY";
-  ToastActionType[ToastActionType["SECONDARY"] = 1] = "SECONDARY";
-})(ToastActionType || (exports.ToastActionType = ToastActionType = {}));
-
-var ToastPosition;
-exports.ToastPosition = ToastPosition;
-
-(function (ToastPosition) {
-  ToastPosition[ToastPosition["TOPLEFT"] = 0] = "TOPLEFT";
-  ToastPosition[ToastPosition["TOPMIDDLE"] = 1] = "TOPMIDDLE";
-  ToastPosition[ToastPosition["TOPRIGHT"] = 2] = "TOPRIGHT";
-  ToastPosition[ToastPosition["BOTTOMLEFT"] = 3] = "BOTTOMLEFT";
-  ToastPosition[ToastPosition["BOTTOMMIDDLE"] = 4] = "BOTTOMMIDDLE";
-  ToastPosition[ToastPosition["BOTTOMRIGHT"] = 5] = "BOTTOMRIGHT";
-})(ToastPosition || (exports.ToastPosition = ToastPosition = {}));
-
-var ToastEntryDirection;
-exports.ToastEntryDirection = ToastEntryDirection;
-
-(function (ToastEntryDirection) {
-  ToastEntryDirection[ToastEntryDirection["TOP"] = 0] = "TOP";
-  ToastEntryDirection[ToastEntryDirection["BOTTOM"] = 1] = "BOTTOM";
-  ToastEntryDirection[ToastEntryDirection["LEFT"] = 2] = "LEFT";
-  ToastEntryDirection[ToastEntryDirection["RIGHT"] = 3] = "RIGHT";
-})(ToastEntryDirection || (exports.ToastEntryDirection = ToastEntryDirection = {}));
-//# sourceMappingURL=types.js.map

package/dist/js/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/types.ts"],"names":["Size","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"mappings":";;;;;;IAOYA,I;;;WAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;GAAAA,I,oBAAAA,I;;IA+BAC,U;;;WAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,0BAAAA,U;;IASAC,e;;;WAAAA,e;AAAAA,EAAAA,e,CAAAA,e;AAAAA,EAAAA,e,CAAAA,e;GAAAA,e,+BAAAA,e;;IAKAC,a;;;WAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;GAAAA,a,6BAAAA,a;;IASAC,mB;;;WAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;GAAAA,mB,mCAAAA,mB","sourcesContent":["export interface Product {\r\n  id: string;\r\n  name: string;\r\n  type: string;\r\n  image: string;\r\n}\r\n\r\nexport enum Size {\r\n  XXSmall = 'xxsmall',\r\n  XSmall = 'xsmall',\r\n  Small = 'small',\r\n  Medium = 'medium',\r\n  Large = 'large'\r\n}\r\n\r\nexport interface NavOption {\r\n  label: string;\r\n  to: string;\r\n  disabled?: boolean;\r\n  exact?: boolean;\r\n  onClick?: () => void;\r\n}\r\n\r\nexport interface NavButton {\r\n  label: string;\r\n  action: any;\r\n  disabled?: boolean;\r\n}\r\n\r\nexport interface ActionOptions {\r\n  search?: () => void;\r\n  apps?: () => void;\r\n  language?: () => void;\r\n  notification?: () => void;\r\n  settings?: () => void;\r\n  user?: () => void;\r\n}\r\n\r\nexport enum ToastColor {\r\n  BLACK,\r\n  WHITE,\r\n  BLUE,\r\n  GREEN,\r\n  ORANGE,\r\n  RED,\r\n}\r\n\r\nexport enum ToastActionType{\r\n  PRIMARY,\r\n  SECONDARY\r\n}\r\n\r\nexport enum ToastPosition {\r\n  TOPLEFT,\r\n  TOPMIDDLE,\r\n  TOPRIGHT,\r\n  BOTTOMLEFT,\r\n  BOTTOMMIDDLE,\r\n  BOTTOMRIGHT,\r\n}\r\n\r\nexport enum ToastEntryDirection{\r\n  TOP,\r\n  BOTTOM,\r\n  LEFT,\r\n  RIGHT\r\n}\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\nexport interface UserMenuItem {\r\n  label: string;\r\n  to: string;\r\n  icon: any;\r\n  isExternal?: boolean;\r\n  onClick?: () => void;\r\n}\r\n\r\nexport interface ListRowDropdownOption {\r\n  key?: string;\r\n  label: string;\r\n  action: any;\r\n}\r\n\r\nexport interface NavLink {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\nexport interface NavSection {\r\n  header: string;\r\n  links: NavLink[];\r\n}\r\n\r\nexport interface NavOptions {\r\n  sections: NavSection[];\r\n}\r\n"],"file":"types.js"}

package/dist/umd/Accordion/AccordionBase.js

@@ -1,138 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (nodeInterop) {
-      return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-  }
-
-  function _interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-      return obj;
-    }
-
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-      return {
-        default: obj
-      };
-    }
-
-    var cache = _getRequireWildcardCache(nodeInterop);
-
-    if (cache && cache.has(obj)) {
-      return cache.get(obj);
-    }
-
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-
-    for (var key in obj) {
-      if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-
-        if (desc && (desc.get || desc.set)) {
-          Object.defineProperty(newObj, key, desc);
-        } else {
-          newObj[key] = obj[key];
-        }
-      }
-    }
-
-    newObj.default = obj;
-
-    if (cache) {
-      cache.set(obj, newObj);
-    }
-
-    return newObj;
-  }
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const AccordionBase = ({
-    items,
-    selectedItems,
-    setSelectedItems,
-    onSelect,
-    multipleActive,
-    Wrapper,
-    Item
-  }) => {
-    const [builtinSelectedItems, builtinSetSelectedItems] = React.useState([]);
-
-    const getCollection = () => {
-      return selectedItems ? selectedItems : builtinSelectedItems;
-    };
-
-    const getUpdateFunction = () => {
-      return setSelectedItems ? setSelectedItems : builtinSetSelectedItems;
-    };
-
-    const onSelected = id => {
-      const collection = getCollection();
-      const updateFunc = getUpdateFunction();
-      const isActive = !!collection.find(x => x == id);
-
-      if (multipleActive) {
-        if (isActive) updateFunc(collection.filter(x => x != id));else updateFunc([...collection, id]);
-      } else updateFunc(isActive ? [] : [id]);
-
-      onSelect && onSelect(id);
-    };
-
-    return /*#__PURE__*/React.createElement(Wrapper, null, items.map(item => /*#__PURE__*/React.createElement(Item, {
-      key: item.id,
-      disabled: item.disabled,
-      id: item.id,
-      title: item.title,
-      icon: item.icon,
-      isActive: !!getCollection().find(x => x == item.id),
-      isLast: items.indexOf(item) === items.length - 1,
-      onSelect: onSelected
-    }, item.children)));
-  };
-
-  AccordionBase.propTypes = {
-    items: _propTypes2.default.arrayOf(_propTypes2.default.shape({
-      id: _propTypes2.default.string.isRequired,
-      disabled: _propTypes2.default.bool,
-      title: _propTypes2.default.string.isRequired,
-      icon: _propTypes2.default.node,
-      children: _propTypes2.default.node.isRequired
-    })).isRequired,
-    selectedItems: _propTypes2.default.arrayOf(_propTypes2.default.string),
-    setSelectedItems: _propTypes2.default.func,
-    onSelect: _propTypes2.default.func,
-    multipleActive: _propTypes2.default.bool
-  };
-  exports.default = AccordionBase;
-});
-//# sourceMappingURL=AccordionBase.js.map

package/dist/umd/Accordion/AccordionBase.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Accordion/AccordionBase.tsx"],"names":["items","selectedItems","setSelectedItems","onSelect","multipleActive","id","disabled","title","icon","children","AccordionBase","Item","React","getCollection","getUpdateFunction","onSelected","collection","updateFunc","isActive","x","item"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,QAAMU,aAAsD,GAAG,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,aAAA;AAAA,IAAA,gBAAA;AAAA,IAAA,QAAA;AAAA,IAAA,cAAA;AAAA,IAAA,OAAA;AAA6EC,IAAAA;AAA7E,GAAD,KAAyG;AAEtK,UAAM,CAAA,oBAAA,EAAA,uBAAA,IAAkDC,KAAK,CAALA,QAAAA,CAAxD,EAAwDA,CAAxD;;AAEA,UAAMC,aAAa,GAAG,MAAM;AAC1B,aAAOZ,aAAa,GAAA,aAAA,GAApB,oBAAA;AADF,KAAA;;AAIA,UAAMa,iBAAiB,GAAG,MAAM;AAC9B,aAAOZ,gBAAgB,GAAA,gBAAA,GAAvB,uBAAA;AADF,KAAA;;AAMA,UAAMa,UAAU,GAAIV,EAAD,IAAgB;AACjC,YAAMW,UAAU,GAAGH,aAAnB,EAAA;AACA,YAAMI,UAAU,GAAGH,iBAAnB,EAAA;AAEA,YAAMI,QAAQ,GAAG,CAAC,CAACF,UAAU,CAAVA,IAAAA,CAAgBG,CAAC,IAAIA,CAAC,IAAzC,EAAmBH,CAAnB;;AACA,UAAA,cAAA,EAAmB;AACjB,YAAA,QAAA,EACEC,UAAU,CAACD,UAAU,CAAVA,MAAAA,CAAkBG,CAAC,IAAIA,CAAC,IADrC,EACaH,CAAD,CAAVC,CADF,KAIEA,UAAU,CAAC,CAAC,GAAD,UAAA,EAAXA,EAAW,CAAD,CAAVA;AALJ,OAAA,MAQEA,UAAU,CAACC,QAAQ,GAAA,EAAA,GAAQ,CAA3BD,EAA2B,CAAjB,CAAVA;;AAEFd,MAAAA,QAAQ,IAAIA,QAAQ,CAApBA,EAAoB,CAApBA;AAfF,KAAA;;AAkBA,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,EACG,KAAK,CAAL,GAAA,CAAWiB,IAAD,IAAA,aACT,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AACE,MAAA,GAAG,EAAEA,IAAI,CADX,EAAA;AAEE,MAAA,QAAQ,EAAEA,IAAI,CAFhB,QAAA;AAGE,MAAA,EAAE,EAAEA,IAAI,CAHV,EAAA;AAIE,MAAA,KAAK,EAAEA,IAAI,CAJb,KAAA;AAKE,MAAA,IAAI,EAAEA,IAAI,CALZ,IAAA;AAME,MAAA,QAAQ,EAAE,CAAC,CAACP,aAAa,GAAbA,IAAAA,CAAqBM,CAAC,IAAIA,CAAC,IAAIC,IAAI,CANjD,EAMcP,CANd;AAOE,MAAA,MAAM,EAAEb,KAAK,CAALA,OAAAA,CAAAA,IAAAA,MAAwBA,KAAK,CAALA,MAAAA,GAPlC,CAAA;AAQE,MAAA,QAAQ,EAAEe;AARZ,KAAA,EASGK,IAAI,CAZb,QAGM,CADD,CADH,CADF;AAhCF,GAAA;;;AAlBEpB,IAAAA,K;AAWAK,MAAAA,E;AACAC,MAAAA,Q;AACAC,MAAAA,K;AACAC,MAAAA,I;AACAC,MAAAA,Q;;AAdAR,IAAAA,a;AACAC,IAAAA,gB;AACAC,IAAAA,Q;AACAC,IAAAA,c;;oBAiEF,a","sourcesContent":["import * as React from 'react';\r\nimport { StyledComponent } from 'styled-components';\r\nimport AccordionMenuItem, { AccordionItemPropsInner } from './AccordionMenuItem';\r\nimport { AccordionMenuWrapper } from './styles';\r\n\r\nexport interface AccordionProps {\r\n  items: AccordionItemProps[];\r\n  selectedItems?: string[];\r\n  setSelectedItems?: (a: string[]) => void;\r\n  onSelect?: (id: string) => void;\r\n  multipleActive?: boolean;\r\n\r\n  Wrapper: StyledComponent<\"div\", any, {}, never>;\r\n  Item: React.FunctionComponent<AccordionItemPropsInner>;\r\n}\r\n\r\nexport interface AccordionItemProps {\r\n  id: string;\r\n  disabled?: boolean;\r\n  title: string;\r\n  icon?: React.ReactNode;\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst AccordionBase: React.FunctionComponent<AccordionProps> = ({ items, selectedItems, setSelectedItems, onSelect, multipleActive, Wrapper, Item }: AccordionProps) => {\r\n\r\n  const [builtinSelectedItems, builtinSetSelectedItems] = React.useState<string[]>([]);\r\n\r\n  const getCollection = () => {\r\n    return selectedItems ? selectedItems : builtinSelectedItems;\r\n  };\r\n\r\n  const getUpdateFunction = () => {\r\n    return setSelectedItems ? setSelectedItems : builtinSetSelectedItems;\r\n  }\r\n\r\n  \r\n\r\n  const onSelected = (id: string) => {\r\n    const collection = getCollection();\r\n    const updateFunc = getUpdateFunction();\r\n\r\n    const isActive = !!collection.find(x => x == id);\r\n    if(multipleActive) {\r\n      if(isActive)\r\n        updateFunc(collection.filter(x => x != id));\r\n      \r\n      else \r\n        updateFunc([...collection, id]);\r\n    }\r\n    else\r\n      updateFunc(isActive ? [] : [id]);\r\n\r\n    onSelect && onSelect(id);\r\n  };\r\n\r\n  return (\r\n    <Wrapper>\r\n      {items.map((item) => (\r\n        <Item\r\n          key={item.id}\r\n          disabled={item.disabled}\r\n          id={item.id}\r\n          title={item.title}\r\n          icon={item.icon}\r\n          isActive={!!getCollection().find(x => x == item.id)}\r\n          isLast={items.indexOf(item) === items.length - 1}\r\n          onSelect={onSelected}>\r\n          {item.children}\r\n        </Item>\r\n      ))}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default AccordionBase;\r\n"],"file":"AccordionBase.js"}

package/dist/umd/Accordion/AccordionItem.js

@@ -1,98 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "..", "../icons", "./styles"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require(".."), require("../icons"), require("./styles"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global._, global.icons, global.styles);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _, _icons, _styles) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var _react2 = _interopRequireDefault(_react);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const AccordionItem = props => {
-    const {
-      id,
-      onSelect,
-      isActive,
-      title,
-      icon,
-      disabled,
-      isLast
-    } = props;
-
-    const supressFocusRef = _react2.default.useRef(null);
-
-    const [tabbedHere, setTabbedHere] = _react2.default.useState(false);
-
-    _react2.default.useEffect(() => {
-      !!disabled && setTabbedHere(false);
-    }, [disabled]);
-
-    return /*#__PURE__*/_react2.default.createElement(_styles.AccordionItemContainer, {
-      id: id,
-      displaySeparator: !isActive && !isLast
-    }, /*#__PURE__*/_react2.default.createElement(_styles.ItemHeaderContainer, {
-      tabIndex: !disabled ? 0 : -1,
-      onClick: () => {
-        if (!disabled) {
-          onSelect(id);
-        }
-      },
-      onKeyDown: e => {
-        if (e.key == 'Enter') onSelect(id);
-      },
-      onBlur: () => {
-        setTabbedHere(false);
-        supressFocusRef.current = false;
-      },
-      onFocus: () => {
-        if (!disabled) {
-          if (!supressFocusRef.current) setTabbedHere(true);else supressFocusRef.current = false;
-        }
-      },
-      onMouseDown: () => {
-        if (!disabled && !tabbedHere) supressFocusRef.current = true;
-      },
-      tabbedHere: tabbedHere,
-      isActive: isActive,
-      isDisabled: disabled ?? false
-    }, icon && /*#__PURE__*/_react2.default.cloneElement(icon, {
-      size: '24px'
-    }), /*#__PURE__*/_react2.default.createElement(_.ComponentM, {
-      className: "headerLabel",
-      color: isActive ? _.COLORS.neutral_800 : disabled ? _.COLORS.neutral_300 : _.COLORS.neutral_600
-    }, title), isActive ? /*#__PURE__*/_react2.default.createElement(_icons.SystemIcons.ChevronUp, {
-      color: _.COLORS.neutral_800,
-      size: "20px"
-    }) : /*#__PURE__*/_react2.default.createElement(_icons.SystemIcons.ChevronDown, {
-      color: _.COLORS.neutral_600,
-      size: "20px"
-    })), isActive && /*#__PURE__*/_react2.default.createElement(_styles.ItemBodyContainer, null, /*#__PURE__*/_react2.default.createElement(_.ComponentS, null, props.children)));
-  };
-
-  AccordionItem.propTypes = {
-    onSelect: _propTypes2.default.func.isRequired,
-    isActive: _propTypes2.default.bool.isRequired,
-    isLast: _propTypes2.default.bool.isRequired
-  };
-  exports.default = AccordionItem;
-});
-//# sourceMappingURL=AccordionItem.js.map

package/dist/umd/Accordion/AccordionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Accordion/AccordionItem.tsx"],"names":["onSelect","isActive","isLast","AccordionItem","props","supressFocusRef","React","setTabbedHere","e","disabled","icon","size","COLORS","neutral_600"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,QAAMG,aAA+D,GAAIC,KAAD,IAAoC;AAC1G,UAAM;AAAA,MAAA,EAAA;AAAA,MAAA,QAAA;AAAA,MAAA,QAAA;AAAA,MAAA,KAAA;AAAA,MAAA,IAAA;AAAA,MAAA,QAAA;AAAiDF,MAAAA;AAAjD,QAAN,KAAA;;AAEA,UAAMG,eAAe,GAAGC,gBAAAA,MAAAA,CAAxB,IAAwBA,CAAxB;;AACA,UAAM,CAAA,UAAA,EAAA,aAAA,IAA8BA,gBAAAA,QAAAA,CAApC,KAAoCA,CAApC;;AAEAA,oBAAAA,SAAAA,CAAgB,MAAM;AACpB,OAAC,CAAD,QAAA,IAAcC,aAAa,CAA3B,KAA2B,CAA3B;AADFD,KAAAA,EAEG,CAFHA,QAEG,CAFHA;;AAIA,WAAA,aACE,gBAAA,aAAA,CAAA,8BAAA,EAAA;AAAwB,MAAA,EAAE,EAA1B,EAAA;AAAgC,MAAA,gBAAgB,EAAE,CAAA,QAAA,IAAa,CAACJ;AAAhE,KAAA,EAAA,aACE,gBAAA,aAAA,CAAA,2BAAA,EAAA;AACE,MAAA,QAAQ,EAAE,CAAA,QAAA,GAAA,CAAA,GAAgB,CAD5B,CAAA;AAEE,MAAA,OAAO,EAAE,MAAM;AACb,YAAI,CAAJ,QAAA,EAAe;AACbF,UAAAA,QAAQ,CAARA,EAAQ,CAARA;AACD;AALL,OAAA;AAOE,MAAA,SAAS,EAAGQ,CAAD,IAAY;AACrB,YAAGA,CAAC,CAADA,GAAAA,IAAH,OAAA,EACER,QAAQ,CAARA,EAAQ,CAARA;AATN,OAAA;AAWE,MAAA,MAAM,EAAE,MAAM;AACZO,QAAAA,aAAa,CAAbA,KAAa,CAAbA;AACAF,QAAAA,eAAe,CAAfA,OAAAA,GAAAA,KAAAA;AAbJ,OAAA;AAeE,MAAA,OAAO,EAAE,MAAM;AACb,YAAG,CAAH,QAAA,EAAc;AACZ,cAAI,CAACA,eAAe,CAApB,OAAA,EAA8BE,aAAa,CAA3C,IAA2C,CAAbA,CAA9B,KACKF,eAAe,CAAfA,OAAAA,GAAAA,KAAAA;AACN;AAnBL,OAAA;AAqBE,MAAA,WAAW,EAAE,MAAM;AACjB,YAAI,CAAA,QAAA,IAAa,CAAjB,UAAA,EAA8BA,eAAe,CAAfA,OAAAA,GAAAA,IAAAA;AAtBlC,OAAA;AAwBE,MAAA,UAAU,EAxBZ,UAAA;AAyBE,MAAA,QAAQ,EAzBV,QAAA;AA0BE,MAAA,UAAU,EAAEI,QAAQ,IAAI;AA1B1B,KAAA,EA2BGC,IAAI,IAAA,aAAI,gBAAA,YAAA,CAAA,IAAA,EAA+C;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAA/C,CA3BX,EAAA,aA4BE,gBAAA,aAAA,CAAA,YAAA,EAAA;AAAY,MAAA,SAAS,EAArB,aAAA;AAAoC,MAAA,KAAK,EAAEV,QAAQ,GAAGW,SAAH,WAAA,GAAwBH,QAAQ,GAAGG,SAAH,WAAA,GAAwBA,SAAOC;AAAlH,KAAA,EA5BF,KA4BE,CA5BF,EA6BGZ,QAAQ,GAAA,aAAG,gBAAA,aAAA,CAAA,mBAAA,SAAA,EAAA;AAAuB,MAAA,KAAK,EAAEW,SAA9B,WAAA;AAAkD,MAAA,IAAI,EAAC;AAAvD,KAAA,CAAH,GAAA,aAAsE,gBAAA,aAAA,CAAA,mBAAA,WAAA,EAAA;AAAyB,MAAA,KAAK,EAAEA,SAAhC,WAAA;AAAoD,MAAA,IAAI,EAAC;AAAzD,KAAA,CA7BjF,CADF,EAgCGX,QAAQ,IAAA,aACP,gBAAA,aAAA,CAAA,yBAAA,EAAA,IAAA,EAAA,aACE,gBAAA,aAAA,CAAA,YAAA,EAAA,IAAA,EAAaG,KAAK,CAnC1B,QAmCQ,CADF,CAjCJ,CADF;AAVF,GAAA;;;AALEJ,IAAAA,Q;AACAC,IAAAA,Q;AACAC,IAAAA,M;;oBAuDF,a","sourcesContent":["import React from 'react';\r\nimport { COLORS, ComponentM, ComponentS } from '..';\r\nimport { SystemIcons } from '../icons';\r\nimport { AccordionItemProps } from './AccordionMenu';\r\nimport { AccordionItemContainer, HeaderIconContainer, ItemBodyContainer, ItemHeaderContainer } from './styles';\r\n\r\ninterface AccordionItemPropsInner extends AccordionItemProps {\r\n  onSelect: (id: string) => void;\r\n  isActive: boolean;\r\n  isLast: boolean;\r\n}\r\n\r\nconst AccordionItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\r\n  const { id, onSelect, isActive, title, icon, disabled, isLast } = props;\r\n\r\n  const supressFocusRef = React.useRef<any>(null);\r\n  const [tabbedHere, setTabbedHere] = React.useState<boolean>(false);\r\n\r\n  React.useEffect(() => {\r\n    !!disabled && setTabbedHere(false);\r\n  }, [disabled]);\r\n\r\n  return (\r\n    <AccordionItemContainer id={id} displaySeparator={!isActive && !isLast}>\r\n      <ItemHeaderContainer\r\n        tabIndex={!disabled ? 0 : -1}\r\n        onClick={() => {\r\n          if (!disabled) {\r\n            onSelect(id);\r\n          }\r\n        }}\r\n        onKeyDown={(e: any) => {\r\n          if(e.key == 'Enter')\r\n            onSelect(id);\r\n        }}\r\n        onBlur={() => {\r\n          setTabbedHere(false);\r\n          supressFocusRef.current = false;\r\n        }}\r\n        onFocus={() => {\r\n          if(!disabled) {\r\n            if (!supressFocusRef.current) setTabbedHere(true);\r\n            else supressFocusRef.current = false;\r\n          }\r\n        }}\r\n        onMouseDown={() => {\r\n          if (!disabled && !tabbedHere) supressFocusRef.current = true;\r\n        }}\r\n        tabbedHere={tabbedHere}\r\n        isActive={isActive}\r\n        isDisabled={disabled ?? false}>\r\n        {icon && React.cloneElement(icon as React.ReactElement, { size: '24px' })}\r\n        <ComponentM className=\"headerLabel\" color={isActive ? COLORS.neutral_800 : disabled ? COLORS.neutral_300 : COLORS.neutral_600}>{title}</ComponentM>\r\n        {isActive ? <SystemIcons.ChevronUp color={COLORS.neutral_800} size=\"20px\" /> : <SystemIcons.ChevronDown color={COLORS.neutral_600} size=\"20px\" />}\r\n      </ItemHeaderContainer>\r\n      {isActive && (\r\n        <ItemBodyContainer>\r\n          <ComponentS>{props.children}</ComponentS>\r\n        </ItemBodyContainer>\r\n      )}\r\n    </AccordionItemContainer>\r\n  );\r\n};\r\n\r\nexport default AccordionItem;\r\n"],"file":"AccordionItem.js"}