@laerdal/life-react-components 5.0.5 → 5.0.6-dev.2

package/dist/List/ListRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListRow.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_Tooltips","_Dropdown","_icons","_types","_common","_Button","_jsxRuntime","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Row","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","Z_INDEXES","hover","active","focusStyles","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","ComponentLStyling","ComponentXXSStyling","ComponentXSStyling","RightIcon","ListRow","_ref","_ref$size","size","Size","Medium","_ref$variant","variant","icon","mainText","secondaryText","dropdown","note","noteTooltip","_ref$disabled","disabled","action","rightSideIcon","rightSideAction","rightSideIconDisabled","className","rest","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","inAction","setInAction","handleKeyDown","key","rowClassName","concat","jsxs","tabIndex","onMouseDown","defaultOnMouseDownHandler","onKeyDown","onClick","children","jsx","Fragment","TooltipWrapper","label","Large","Small","XSmall","position","withArrow","onMouseEnter","onMouseLeave","DropdownButton","type","SystemIcons","ArrowDropDown","MoreVertical","IconButton","shape","propTypes","_propTypes","oneOf","node","string","isRequired","oneOfType","bool","func","_default","exports"],"sources":["../../src/List/ListRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\n\nimport {\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentXSStyling,\n  ComponentXXSStyling\n} from '../styles';\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\nimport {TooltipWrapper} from '../Tooltips';\nimport {DropdownButton} from '../Dropdown';\nimport {SystemIcons} from '../icons';\nimport {Size} from '../types';\nimport {Z_INDEXES} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\nimport {IconButton} from '../Button';\n\nconst Row = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\n  box-sizing: border-box;\n\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n\n\n  cursor: default;\n\n  &.interactive {\n    cursor: pointer;\n  }\n\n  &.interactive.disabled {\n    cursor: not-allowed;\n  }\n\n  &.interactive:hover:not(.in-action):not(.disabled) {\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\n    z-index: ${Z_INDEXES.hover};\n  }\n\n  &.interactive:active:not(.in-action):not(.disabled) {\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\n    z-index: ${Z_INDEXES.active};\n  }\n\n  &.interactive:focus {\n    ${focusStyles}\n  }\n\n  &.disabled {\n    .list-item-icon, .list-item-content, .list-item-note, .list-item-actions {\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\n    }\n  }\n\n\n  &.small {\n    min-height: 48px;\n    padding: 0 8px;\n\n    .list-item-icon {\n      margin-right: 8px;\n    }\n\n    .list-item-main-text {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    .list-item-actions {\n      margin-right: -8px;\n    }\n  }\n\n  &.medium {\n    min-height: 56px;\n    padding: 0 12px;\n\n    .list-item-icon {\n      margin-right: 12px;\n    }\n\n    .list-item-main-text {\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    .list-item-actions {\n      margin-right: -12px;\n    }\n  }\n\n  &.large {\n    min-height: 64px;\n    padding: 0 16px;\n\n    .list-item-icon {\n      margin-right: 16px;\n    }\n\n    .list-item-main-text {\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    .list-item-actions {\n      margin-right: -16px;\n    }\n  }\n\n  &.overlay {\n    padding: 0 4px;\n\n    .list-item-actions {\n      margin-right: -4px;\n    }\n  }\n\n  .list-item-icon {\n    width: 24px;\n    height: 24px;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .list-item-content {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .list-item-main-text {\n  }\n\n  .list-item-secondary-text {\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n  }\n\n  .list-item-note {\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\n    word-break: initial;\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n  }\n\n  .list-item-note.with-tooltip {\n    cursor: pointer;\n\n    > div {\n      text-decoration-line: underline;\n      text-decoration-style: dashed;\n      text-underline-offset: 1px;\n      text-decoration-thickness: 1px;\n    }\n  }\n\n  .list-item-actions {\n    display: flex;\n    align-items: center;\n\n    button div {\n      background-color: transparent;\n    }\n  }\n`;\n\nconst RightIcon = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 48px;\n  min-width: 48px;\n`;\n\n\nexport interface ListRowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown'> {\n  /** Size of the ListRow. Defaults to 'medium'. */\n  size?: Size.Small | Size.Medium | Size.Large;\n  /** Variant of the ListRow. Defaults to 'normal'. */\n  variant?: 'normal' | 'overlay';\n  /** Optional. Icon to be shown on the left side of the ListRow. */\n  icon?: React.ReactNode;\n  /** Required. Main text of the ListRow */\n  mainText: string;\n  /** Optional. Secondary row shown under MainText  */\n  secondaryText?: string;\n  /** Optional. Details of the DropdownButton shown on the right side of the ListRow.  */\n  dropdown?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width'>;\n  /** Optional. Note to be shown on the right side of the component.  */\n  note?: string | React.ReactNode;\n  /** Optional. Tooltip of the Note shown on the right side of the component.  */\n  noteTooltip?: string;\n  /** Optional. If disabled then styles are greyed out and user can not interact with dropdown or click on the ListRow. */\n  disabled?: boolean;\n  /** Optional. Action to be executed when user clicks the row. */\n  action?: () => void;\n  /** Optional. Icon of the IconButton to show on the right side of the component */\n  rightSideIcon?: React.ReactNode;\n  /** Optional. Action to be executed when user clicks on the IconButton on the right */\n  rightSideAction?: () => void;\n  /** Optional. If disabled user will not be able to interact with IconButton shown on the right side */\n  rightSideIconDisabled?: boolean;\n};\n\nconst ListRow: React.FunctionComponent<ListRowProps> = ({\n                                                   size = Size.Medium,\n                                                   variant = 'normal',\n                                                   icon,\n                                                   mainText,\n                                                   secondaryText,\n                                                   dropdown,\n                                                   note,\n                                                   noteTooltip,\n                                                   disabled = false,\n                                                   action,\n                                                   rightSideIcon,\n                                                   rightSideAction,\n                                                   rightSideIconDisabled,\n                                                   className,\n                                                   ...rest\n                                                 }: ListRowProps) => {\n\n  const [inAction, setInAction] = React.useState<Boolean>(false);\n\n  const handleKeyDown = (e: any) => {\n    if (e.key === 'Enter') {\n      action && action()\n    }\n  }\n\n  const rowClassName = (inAction ? 'in-action ' : '')\n    .concat(disabled ? 'disabled ' : '')\n    .concat(!!action ? 'interactive ' : '')\n    .concat('list-item-row ')\n    .concat(`${variant} `)\n    .concat(`${size}`)\n    .concat(className ? ` ${className}` : '');\n\n  return (\n    <Row tabIndex={!action || disabled ? -1 : 0}\n         className={rowClassName}\n         onMouseDown={defaultOnMouseDownHandler}\n         onKeyDown={(e) => !disabled && handleKeyDown(e)}\n         onClick={e => {\n           !disabled && action && action();\n         }}\n         data-hj-suppress\n         {...rest}>\n      {\n        !!icon &&\n        <div className={'list-item-icon'}>{icon}</div>\n      }\n      <div className={'list-item-content'}>\n        <div className={'list-item-main-text'}>{mainText}</div>\n        {!!secondaryText && <div className={'list-item-secondary-text'}>{secondaryText}</div>}\n      </div>\n      {\n        !!note &&\n        <>\n          {\n            !!noteTooltip &&\n            <div className={'list-item-note with-tooltip'}>\n              <TooltipWrapper label={noteTooltip}\n                              size={size === Size.Large ? Size.Medium : size === Size.Small ? Size.XSmall : Size.Small}\n                              position={'top'}\n                              tabIndex={disabled ? -1 : 0}\n                              withArrow={true}>\n                {note}\n              </TooltipWrapper>\n            </div>\n          }\n          {\n            !noteTooltip &&\n            <div className={'list-item-note'}>\n              {note}\n            </div>\n          }\n        </>\n      }\n      {\n        !!dropdown &&\n        <div className={'list-item-actions'}\n             onMouseEnter={() => setInAction(!dropdown?.disabled)}\n             onMouseLeave={() => setInAction(false)}>\n          <DropdownButton {...dropdown}\n                          type={'icon'}\n                          disabled={disabled || dropdown.disabled}\n                          icon={variant === 'overlay'\n                            ? <SystemIcons.ArrowDropDown/>\n                            : <SystemIcons.MoreVertical/>}\n          />\n        </div>\n      }\n      {\n        !!rightSideIcon &&\n        <RightIcon className={'list-item-actions'}\n                   onMouseEnter={() => rightSideAction && setInAction(!dropdown?.disabled)}\n                   onMouseLeave={() => rightSideAction && setInAction(false)}>\n          {\n            rightSideAction &&\n            <IconButton action={rightSideAction} variant='secondary' shape='circular'\n                        disabled={disabled || rightSideIconDisabled}>\n              {rightSideIcon}\n            </IconButton>\n          }\n          {\n            !rightSideAction && rightSideIcon\n          }\n        </RightIcon>\n      }\n    </Row>\n  );\n};\n\nexport default ListRow;\n\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ListRow.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_Tooltips","_Dropdown","_icons","_types","_common","_Button","_jsxRuntime","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Row","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","Z_INDEXES","hover","active","focusStyles","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","ComponentLStyling","ComponentXXSStyling","ComponentXSStyling","RightIcon","ListRow","_ref","_ref$size","size","Size","Medium","_ref$variant","variant","icon","mainText","secondaryText","dropdown","note","noteTooltip","_ref$disabled","disabled","action","rightSideIcon","rightSideAction","rightSideIconDisabled","className","rest","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","inAction","setInAction","handleKeyDown","key","rowClassName","concat","jsxs","tabIndex","onMouseDown","defaultOnMouseDownHandler","onKeyDown","onClick","children","jsx","Fragment","TooltipWrapper","label","Large","Small","XSmall","position","withArrow","onMouseEnter","onMouseLeave","DropdownButton","type","SystemIcons","ArrowDropDown","MoreVertical","IconButton","shape","propTypes","_propTypes","oneOf","node","string","isRequired","oneOfType","bool","func","_default","exports"],"sources":["../../src/List/ListRow.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\n\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {TooltipWrapper} from '../Tooltips';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {Z_INDEXES} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport {IconButton} from '../Button';\r\n\r\nconst Row = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  box-sizing: border-box;\r\n\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n\r\n  cursor: default;\r\n\r\n  &.interactive {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &.interactive.disabled {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  &.interactive:hover:not(.in-action):not(.disabled) {\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &.interactive:active:not(.in-action):not(.disabled) {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.interactive:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.disabled {\r\n    .list-item-icon, .list-item-content, .list-item-note, .list-item-actions {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n\r\n\r\n  &.small {\r\n    min-height: 48px;\r\n    padding: 0 8px;\r\n\r\n    .list-item-icon {\r\n      margin-right: 8px;\r\n    }\r\n\r\n    .list-item-main-text {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    .list-item-actions {\r\n      margin-right: -8px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    min-height: 56px;\r\n    padding: 0 12px;\r\n\r\n    .list-item-icon {\r\n      margin-right: 12px;\r\n    }\r\n\r\n    .list-item-main-text {\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    .list-item-actions {\r\n      margin-right: -12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    min-height: 64px;\r\n    padding: 0 16px;\r\n\r\n    .list-item-icon {\r\n      margin-right: 16px;\r\n    }\r\n\r\n    .list-item-main-text {\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    .list-item-actions {\r\n      margin-right: -16px;\r\n    }\r\n  }\r\n\r\n  &.overlay {\r\n    padding: 0 4px;\r\n\r\n    .list-item-actions {\r\n      margin-right: -4px;\r\n    }\r\n  }\r\n\r\n  .list-item-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  .list-item-content {\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .list-item-main-text {\r\n  }\r\n\r\n  .list-item-secondary-text {\r\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n  .list-item-note {\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    word-break: initial;\r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n  .list-item-note.with-tooltip {\r\n    cursor: pointer;\r\n\r\n    > div {\r\n      text-decoration-line: underline;\r\n      text-decoration-style: dashed;\r\n      text-underline-offset: 1px;\r\n      text-decoration-thickness: 1px;\r\n    }\r\n  }\r\n\r\n  .list-item-actions {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    button div {\r\n      background-color: transparent;\r\n    }\r\n  }\r\n`;\r\n\r\nconst RightIcon = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 48px;\r\n  min-width: 48px;\r\n`;\r\n\r\n\r\nexport interface ListRowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown'> {\r\n  /** Size of the ListRow. Defaults to 'medium'. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Variant of the ListRow. Defaults to 'normal'. */\r\n  variant?: 'normal' | 'overlay';\r\n  /** Optional. Icon to be shown on the left side of the ListRow. */\r\n  icon?: React.ReactNode;\r\n  /** Required. Main text of the ListRow */\r\n  mainText: string;\r\n  /** Optional. Secondary row shown under MainText  */\r\n  secondaryText?: string;\r\n  /** Optional. Details of the DropdownButton shown on the right side of the ListRow.  */\r\n  dropdown?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width'>;\r\n  /** Optional. Note to be shown on the right side of the component.  */\r\n  note?: string | React.ReactNode;\r\n  /** Optional. Tooltip of the Note shown on the right side of the component.  */\r\n  noteTooltip?: string;\r\n  /** Optional. If disabled then styles are greyed out and user can not interact with dropdown or click on the ListRow. */\r\n  disabled?: boolean;\r\n  /** Optional. Action to be executed when user clicks the row. */\r\n  action?: () => void;\r\n  /** Optional. Icon of the IconButton to show on the right side of the component */\r\n  rightSideIcon?: React.ReactNode;\r\n  /** Optional. Action to be executed when user clicks on the IconButton on the right */\r\n  rightSideAction?: () => void;\r\n  /** Optional. If disabled user will not be able to interact with IconButton shown on the right side */\r\n  rightSideIconDisabled?: boolean;\r\n};\r\n\r\nconst ListRow: React.FunctionComponent<ListRowProps> = ({\r\n                                                   size = Size.Medium,\r\n                                                   variant = 'normal',\r\n                                                   icon,\r\n                                                   mainText,\r\n                                                   secondaryText,\r\n                                                   dropdown,\r\n                                                   note,\r\n                                                   noteTooltip,\r\n                                                   disabled = false,\r\n                                                   action,\r\n                                                   rightSideIcon,\r\n                                                   rightSideAction,\r\n                                                   rightSideIconDisabled,\r\n                                                   className,\r\n                                                   ...rest\r\n                                                 }: ListRowProps) => {\r\n\r\n  const [inAction, setInAction] = React.useState<Boolean>(false);\r\n\r\n  const handleKeyDown = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      action && action()\r\n    }\r\n  }\r\n\r\n  const rowClassName = (inAction ? 'in-action ' : '')\r\n    .concat(disabled ? 'disabled ' : '')\r\n    .concat(!!action ? 'interactive ' : '')\r\n    .concat('list-item-row ')\r\n    .concat(`${variant} `)\r\n    .concat(`${size}`)\r\n    .concat(className ? ` ${className}` : '');\r\n\r\n  return (\r\n    <Row tabIndex={!action || disabled ? -1 : 0}\r\n         className={rowClassName}\r\n         onMouseDown={defaultOnMouseDownHandler}\r\n         onKeyDown={(e) => !disabled && handleKeyDown(e)}\r\n         onClick={e => {\r\n           !disabled && action && action();\r\n         }}\r\n         data-hj-suppress\r\n         {...rest}>\r\n      {\r\n        !!icon &&\r\n        <div className={'list-item-icon'}>{icon}</div>\r\n      }\r\n      <div className={'list-item-content'}>\r\n        <div className={'list-item-main-text'}>{mainText}</div>\r\n        {!!secondaryText && <div className={'list-item-secondary-text'}>{secondaryText}</div>}\r\n      </div>\r\n      {\r\n        !!note &&\r\n        <>\r\n          {\r\n            !!noteTooltip &&\r\n            <div className={'list-item-note with-tooltip'}>\r\n              <TooltipWrapper label={noteTooltip}\r\n                              size={size === Size.Large ? Size.Medium : size === Size.Small ? Size.XSmall : Size.Small}\r\n                              position={'top'}\r\n                              tabIndex={disabled ? -1 : 0}\r\n                              withArrow={true}>\r\n                {note}\r\n              </TooltipWrapper>\r\n            </div>\r\n          }\r\n          {\r\n            !noteTooltip &&\r\n            <div className={'list-item-note'}>\r\n              {note}\r\n            </div>\r\n          }\r\n        </>\r\n      }\r\n      {\r\n        !!dropdown &&\r\n        <div className={'list-item-actions'}\r\n             onMouseEnter={() => setInAction(!dropdown?.disabled)}\r\n             onMouseLeave={() => setInAction(false)}>\r\n          <DropdownButton {...dropdown}\r\n                          type={'icon'}\r\n                          disabled={disabled || dropdown.disabled}\r\n                          icon={variant === 'overlay'\r\n                            ? <SystemIcons.ArrowDropDown/>\r\n                            : <SystemIcons.MoreVertical/>}\r\n          />\r\n        </div>\r\n      }\r\n      {\r\n        !!rightSideIcon &&\r\n        <RightIcon className={'list-item-actions'}\r\n                   onMouseEnter={() => rightSideAction && setInAction(!dropdown?.disabled)}\r\n                   onMouseLeave={() => rightSideAction && setInAction(false)}>\r\n          {\r\n            rightSideAction &&\r\n            <IconButton action={rightSideAction} variant='secondary' shape='circular'\r\n                        disabled={disabled || rightSideIconDisabled}>\r\n              {rightSideIcon}\r\n            </IconButton>\r\n          }\r\n          {\r\n            !rightSideAction && rightSideIcon\r\n          }\r\n        </RightIcon>\r\n      }\r\n    </Row>\r\n  );\r\n};\r\n\r\nexport default ListRow;\r\n\r\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAUA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAEA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AAAqC,IAAAU,WAAA,GAAAV,OAAA;AAAA,IAAAW,SAAA;AAAA,IAAAC,eAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,aAAA/B,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAErC,IAAMkC,GAAG,GAAGC,4BAAM,CAACC,GAAG,CAAAvC,eAAA,KAAAA,eAAA,OAAAwC,uBAAA,i0EAKO,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAGtE,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GACzC,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAc5C,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAC9D,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAClDC,iBAAS,CAACC,KAAK,EAIN,UAAAL,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAC/D,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAClDC,iBAAS,CAACE,MAAM,EAIzBC,mBAAW,EAKF,UAAAP,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAc3D,IAAAK,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAiBnD,IAAAC,yBAAiB,EAACF,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAiBnD,IAAAE,yBAAiB,EAACH,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAoCrD,IAAAG,2BAAmB,EAACJ,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAI9C,UAAAV,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAE3D,IAAAW,0BAAkB,EAACL,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,CAsBzD;AAED,IAAMK,SAAS,GAAGlB,4BAAM,CAACC,GAAG,CAAAtC,gBAAA,KAAAA,gBAAA,OAAAuC,uBAAA,qIAM3B;AA8BA;AAED,IAAMiB,OAA8C,GAAG,SAAjDA,OAA8CA,CAAAC,IAAA,EAgBiB;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAflBE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGE,WAAI,CAACC,MAAM,GAAAH,SAAA;IAAAI,YAAA,GAAAL,IAAA,CAClBM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,QAAQ,GAAAA,YAAA;IAClBE,IAAI,GAAAP,IAAA,CAAJO,IAAI;IACJC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,aAAa,GAAAT,IAAA,CAAbS,aAAa;IACbC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,IAAI,GAAAX,IAAA,CAAJW,IAAI;IACJC,WAAW,GAAAZ,IAAA,CAAXY,WAAW;IAAAC,aAAA,GAAAb,IAAA,CACXc,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,MAAM,GAAAf,IAAA,CAANe,MAAM;IACNC,aAAa,GAAAhB,IAAA,CAAbgB,aAAa;IACbC,eAAe,GAAAjB,IAAA,CAAfiB,eAAe;IACfC,qBAAqB,GAAAlB,IAAA,CAArBkB,qBAAqB;IACrBC,SAAS,GAAAnB,IAAA,CAATmB,SAAS;IACNC,IAAI,OAAAC,yBAAA,aAAArB,IAAA,EAAA3D,SAAA;EAGxD,IAAAiF,eAAA,GAAgC9F,KAAK,CAAC+F,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAH,eAAA;IAAvDI,QAAQ,GAAAF,gBAAA;IAAEG,WAAW,GAAAH,gBAAA;EAE5B,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAInF,CAAM,EAAK;IAChC,IAAIA,CAAC,CAACoF,GAAG,KAAK,OAAO,EAAE;MACrBd,MAAM,IAAIA,MAAM,CAAC,CAAC;IACpB;EACF,CAAC;EAED,IAAMe,YAAY,GAAG,CAACJ,QAAQ,GAAG,YAAY,GAAG,EAAE,EAC/CK,MAAM,CAACjB,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,CACnCiB,MAAM,CAAC,CAAC,CAAChB,MAAM,GAAG,cAAc,GAAG,EAAE,CAAC,CACtCgB,MAAM,CAAC,gBAAgB,CAAC,CACxBA,MAAM,IAAAA,MAAA,CAAIzB,OAAO,MAAG,CAAC,CACrByB,MAAM,IAAAA,MAAA,CAAI7B,IAAI,CAAE,CAAC,CACjB6B,MAAM,CAACZ,SAAS,OAAAY,MAAA,CAAOZ,SAAS,IAAK,EAAE,CAAC;EAE3C,oBACE,IAAA/E,WAAA,CAAA4F,IAAA,EAACrD,GAAG,EAAAP,aAAA,CAAAA,aAAA;IAAC6D,QAAQ,EAAE,CAAClB,MAAM,IAAID,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;IACvCK,SAAS,EAAEW,YAAa;IACxBI,WAAW,EAAEC,iCAA0B;IACvCC,SAAS,EAAE,SAAAA,UAAC3F,CAAC;MAAA,OAAK,CAACqE,QAAQ,IAAIc,aAAa,CAACnF,CAAC,CAAC;IAAA,CAAC;IAChD4F,OAAO,EAAE,SAAAA,QAAA5F,CAAC,EAAI;MACZ,CAACqE,QAAQ,IAAIC,MAAM,IAAIA,MAAM,CAAC,CAAC;IACjC,CAAE;IACF;EAAgB,GACZK,IAAI;IAAAkB,QAAA,GAET,CAAC,CAAC/B,IAAI,iBACN,IAAAnE,WAAA,CAAAmG,GAAA;MAAKpB,SAAS,EAAE,gBAAiB;MAAAmB,QAAA,EAAE/B;IAAI,CAAM,CAAC,eAEhD,IAAAnE,WAAA,CAAA4F,IAAA;MAAKb,SAAS,EAAE,mBAAoB;MAAAmB,QAAA,gBAClC,IAAAlG,WAAA,CAAAmG,GAAA;QAAKpB,SAAS,EAAE,qBAAsB;QAAAmB,QAAA,EAAE9B;MAAQ,CAAM,CAAC,EACtD,CAAC,CAACC,aAAa,iBAAI,IAAArE,WAAA,CAAAmG,GAAA;QAAKpB,SAAS,EAAE,0BAA2B;QAAAmB,QAAA,EAAE7B;MAAa,CAAM,CAAC;IAAA,CAClF,CAAC,EAEJ,CAAC,CAACE,IAAI,iBACN,IAAAvE,WAAA,CAAA4F,IAAA,EAAA5F,WAAA,CAAAoG,QAAA;MAAAF,QAAA,GAEI,CAAC,CAAC1B,WAAW,iBACb,IAAAxE,WAAA,CAAAmG,GAAA;QAAKpB,SAAS,EAAE,6BAA8B;QAAAmB,QAAA,eAC5C,IAAAlG,WAAA,CAAAmG,GAAA,EAACzG,SAAA,CAAA2G,cAAc;UAACC,KAAK,EAAE9B,WAAY;UACnBV,IAAI,EAAEA,IAAI,KAAKC,WAAI,CAACwC,KAAK,GAAGxC,WAAI,CAACC,MAAM,GAAGF,IAAI,KAAKC,WAAI,CAACyC,KAAK,GAAGzC,WAAI,CAAC0C,MAAM,GAAG1C,WAAI,CAACyC,KAAM;UACzFE,QAAQ,EAAE,KAAM;UAChBb,QAAQ,EAAEnB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;UAC5BiC,SAAS,EAAE,IAAK;UAAAT,QAAA,EAC7B3B;QAAI,CACS;MAAC,CACd,CAAC,EAGN,CAACC,WAAW,iBACZ,IAAAxE,WAAA,CAAAmG,GAAA;QAAKpB,SAAS,EAAE,gBAAiB;QAAAmB,QAAA,EAC9B3B;MAAI,CACF,CAAC;IAAA,CAER,CAAC,EAGH,CAAC,CAACD,QAAQ,iBACV,IAAAtE,WAAA,CAAAmG,GAAA;MAAKpB,SAAS,EAAE,mBAAoB;MAC/B6B,YAAY,EAAE,SAAAA,aAAA;QAAA,OAAMrB,WAAW,CAAC,EAACjB,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEI,QAAQ,EAAC;MAAA,CAAC;MACrDmC,YAAY,EAAE,SAAAA,aAAA;QAAA,OAAMtB,WAAW,CAAC,KAAK,CAAC;MAAA,CAAC;MAAAW,QAAA,eAC1C,IAAAlG,WAAA,CAAAmG,GAAA,EAACxG,SAAA,CAAAmH,cAAc,EAAA9E,aAAA,CAAAA,aAAA,KAAKsC,QAAQ;QACZyC,IAAI,EAAE,MAAO;QACbrC,QAAQ,EAAEA,QAAQ,IAAIJ,QAAQ,CAACI,QAAS;QACxCP,IAAI,EAAED,OAAO,KAAK,SAAS,gBACvB,IAAAlE,WAAA,CAAAmG,GAAA,EAACvG,MAAA,CAAAoH,WAAW,CAACC,aAAa,IAAC,CAAC,gBAC5B,IAAAjH,WAAA,CAAAmG,GAAA,EAACvG,MAAA,CAAAoH,WAAW,CAACE,YAAY,IAAC;MAAE,EAC/C;IAAC,CACC,CAAC,EAGN,CAAC,CAACtC,aAAa,iBACf,IAAA5E,WAAA,CAAA4F,IAAA,EAAClC,SAAS;MAACqB,SAAS,EAAE,mBAAoB;MAC/B6B,YAAY,EAAE,SAAAA,aAAA;QAAA,OAAM/B,eAAe,IAAIU,WAAW,CAAC,EAACjB,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEI,QAAQ,EAAC;MAAA,CAAC;MACxEmC,YAAY,EAAE,SAAAA,aAAA;QAAA,OAAMhC,eAAe,IAAIU,WAAW,CAAC,KAAK,CAAC;MAAA,CAAC;MAAAW,QAAA,GAEjErB,eAAe,iBACf,IAAA7E,WAAA,CAAAmG,GAAA,EAACpG,OAAA,CAAAoH,UAAU;QAACxC,MAAM,EAAEE,eAAgB;QAACX,OAAO,EAAC,WAAW;QAACkD,KAAK,EAAC,UAAU;QAC7D1C,QAAQ,EAAEA,QAAQ,IAAII,qBAAsB;QAAAoB,QAAA,EACrDtB;MAAa,CACJ,CAAC,EAGb,CAACC,eAAe,IAAID,aAAa;IAAA,CAE1B,CAAC;EAAA,EAEX,CAAC;AAEV,CAAC;AAACjB,OAAA,CAAA0D,SAAA;EArIAnD,OAAO,EAAAoD,UAAA,YAAAC,KAAA,EAAG,QAAQ,EAAG,SAAS;EAE9BpD,IAAI,EAAAmD,UAAA,YAAAE,IAAA;EAEJpD,QAAQ,EAAAkD,UAAA,YAAAG,MAAA,CAAAC,UAAA;EAERrD,aAAa,EAAAiD,UAAA,YAAAG,MAAA;EAIblD,IAAI,EAAA+C,UAAA,YAAAK,SAAA,EAAAL,UAAA,YAAAG,MAAA,EAAAH,UAAA,YAAAE,IAAA;EAEJhD,WAAW,EAAA8C,UAAA,YAAAG,MAAA;EAEX/C,QAAQ,EAAA4C,UAAA,YAAAM,IAAA;EAERjD,MAAM,EAAA2C,UAAA,YAAAO,IAAA;EAENjD,aAAa,EAAA0C,UAAA,YAAAE,IAAA;EAEb3C,eAAe,EAAAyC,UAAA,YAAAO,IAAA;EAEf/C,qBAAqB,EAAAwC,UAAA,YAAAM;AAAA;AAAA,IAAAE,QAAA,GAiHRnE,OAAO;AAAAoE,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/List/ListRow.d.ts

@@ -1,33 +1,33 @@
-import * as React from 'react';
-import { DropdownButtonProps } from '../Dropdown/DropdownButtonTypes';
-import { Size } from '../types';
-export interface ListRowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown'> {
-    /** Size of the ListRow. Defaults to 'medium'. */
-    size?: Size.Small | Size.Medium | Size.Large;
-    /** Variant of the ListRow. Defaults to 'normal'. */
-    variant?: 'normal' | 'overlay';
-    /** Optional. Icon to be shown on the left side of the ListRow. */
-    icon?: React.ReactNode;
-    /** Required. Main text of the ListRow */
-    mainText: string;
-    /** Optional. Secondary row shown under MainText  */
-    secondaryText?: string;
-    /** Optional. Details of the DropdownButton shown on the right side of the ListRow.  */
-    dropdown?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width'>;
-    /** Optional. Note to be shown on the right side of the component.  */
-    note?: string | React.ReactNode;
-    /** Optional. Tooltip of the Note shown on the right side of the component.  */
-    noteTooltip?: string;
-    /** Optional. If disabled then styles are greyed out and user can not interact with dropdown or click on the ListRow. */
-    disabled?: boolean;
-    /** Optional. Action to be executed when user clicks the row. */
-    action?: () => void;
-    /** Optional. Icon of the IconButton to show on the right side of the component */
-    rightSideIcon?: React.ReactNode;
-    /** Optional. Action to be executed when user clicks on the IconButton on the right */
-    rightSideAction?: () => void;
-    /** Optional. If disabled user will not be able to interact with IconButton shown on the right side */
-    rightSideIconDisabled?: boolean;
-}
-declare const ListRow: React.FunctionComponent<ListRowProps>;
-export default ListRow;
+import * as React from 'react';
+import { DropdownButtonProps } from '../Dropdown/DropdownButtonTypes';
+import { Size } from '../types';
+export interface ListRowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown'> {
+    /** Size of the ListRow. Defaults to 'medium'. */
+    size?: Size.Small | Size.Medium | Size.Large;
+    /** Variant of the ListRow. Defaults to 'normal'. */
+    variant?: 'normal' | 'overlay';
+    /** Optional. Icon to be shown on the left side of the ListRow. */
+    icon?: React.ReactNode;
+    /** Required. Main text of the ListRow */
+    mainText: string;
+    /** Optional. Secondary row shown under MainText  */
+    secondaryText?: string;
+    /** Optional. Details of the DropdownButton shown on the right side of the ListRow.  */
+    dropdown?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width'>;
+    /** Optional. Note to be shown on the right side of the component.  */
+    note?: string | React.ReactNode;
+    /** Optional. Tooltip of the Note shown on the right side of the component.  */
+    noteTooltip?: string;
+    /** Optional. If disabled then styles are greyed out and user can not interact with dropdown or click on the ListRow. */
+    disabled?: boolean;
+    /** Optional. Action to be executed when user clicks the row. */
+    action?: () => void;
+    /** Optional. Icon of the IconButton to show on the right side of the component */
+    rightSideIcon?: React.ReactNode;
+    /** Optional. Action to be executed when user clicks on the IconButton on the right */
+    rightSideAction?: () => void;
+    /** Optional. If disabled user will not be able to interact with IconButton shown on the right side */
+    rightSideIconDisabled?: boolean;
+}
+declare const ListRow: React.FunctionComponent<ListRowProps>;
+export default ListRow;

package/dist/List/ListRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListRow.js","names":["React","styled","COLORS","ComponentTextStyle","focusStyles","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentXSStyling","ComponentXXSStyling","TooltipWrapper","DropdownButton","SystemIcons","Size","Z_INDEXES","defaultOnMouseDownHandler","IconButton","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Row","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","hover","active","Regular","RightIcon","_templateObject2","ListRow","_ref","_ref$size","size","Medium","_ref$variant","variant","icon","mainText","secondaryText","dropdown","note","noteTooltip","_ref$disabled","disabled","action","rightSideIcon","rightSideAction","rightSideIconDisabled","className","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","inAction","setInAction","handleKeyDown","e","key","rowClassName","concat","_objectSpread","tabIndex","onMouseDown","onKeyDown","onClick","children","label","Large","Small","XSmall","position","withArrow","onMouseEnter","onMouseLeave","type","ArrowDropDown","MoreVertical","shape","propTypes","_pt","oneOf","node","string","isRequired","oneOfType","bool","func"],"sources":["../../src/List/ListRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\n\nimport {\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentXSStyling,\n  ComponentXXSStyling\n} from '../styles';\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\nimport {TooltipWrapper} from '../Tooltips';\nimport {DropdownButton} from '../Dropdown';\nimport {SystemIcons} from '../icons';\nimport {Size} from '../types';\nimport {Z_INDEXES} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\nimport {IconButton} from '../Button';\n\nconst Row = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\n  box-sizing: border-box;\n\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n\n\n  cursor: default;\n\n  &.interactive {\n    cursor: pointer;\n  }\n\n  &.interactive.disabled {\n    cursor: not-allowed;\n  }\n\n  &.interactive:hover:not(.in-action):not(.disabled) {\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\n    z-index: ${Z_INDEXES.hover};\n  }\n\n  &.interactive:active:not(.in-action):not(.disabled) {\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\n    z-index: ${Z_INDEXES.active};\n  }\n\n  &.interactive:focus {\n    ${focusStyles}\n  }\n\n  &.disabled {\n    .list-item-icon, .list-item-content, .list-item-note, .list-item-actions {\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\n    }\n  }\n\n\n  &.small {\n    min-height: 48px;\n    padding: 0 8px;\n\n    .list-item-icon {\n      margin-right: 8px;\n    }\n\n    .list-item-main-text {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    .list-item-actions {\n      margin-right: -8px;\n    }\n  }\n\n  &.medium {\n    min-height: 56px;\n    padding: 0 12px;\n\n    .list-item-icon {\n      margin-right: 12px;\n    }\n\n    .list-item-main-text {\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    .list-item-actions {\n      margin-right: -12px;\n    }\n  }\n\n  &.large {\n    min-height: 64px;\n    padding: 0 16px;\n\n    .list-item-icon {\n      margin-right: 16px;\n    }\n\n    .list-item-main-text {\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    .list-item-actions {\n      margin-right: -16px;\n    }\n  }\n\n  &.overlay {\n    padding: 0 4px;\n\n    .list-item-actions {\n      margin-right: -4px;\n    }\n  }\n\n  .list-item-icon {\n    width: 24px;\n    height: 24px;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .list-item-content {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .list-item-main-text {\n  }\n\n  .list-item-secondary-text {\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n  }\n\n  .list-item-note {\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\n    word-break: initial;\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n  }\n\n  .list-item-note.with-tooltip {\n    cursor: pointer;\n\n    > div {\n      text-decoration-line: underline;\n      text-decoration-style: dashed;\n      text-underline-offset: 1px;\n      text-decoration-thickness: 1px;\n    }\n  }\n\n  .list-item-actions {\n    display: flex;\n    align-items: center;\n\n    button div {\n      background-color: transparent;\n    }\n  }\n`;\n\nconst RightIcon = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 48px;\n  min-width: 48px;\n`;\n\n\nexport interface ListRowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown'> {\n  /** Size of the ListRow. Defaults to 'medium'. */\n  size?: Size.Small | Size.Medium | Size.Large;\n  /** Variant of the ListRow. Defaults to 'normal'. */\n  variant?: 'normal' | 'overlay';\n  /** Optional. Icon to be shown on the left side of the ListRow. */\n  icon?: React.ReactNode;\n  /** Required. Main text of the ListRow */\n  mainText: string;\n  /** Optional. Secondary row shown under MainText  */\n  secondaryText?: string;\n  /** Optional. Details of the DropdownButton shown on the right side of the ListRow.  */\n  dropdown?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width'>;\n  /** Optional. Note to be shown on the right side of the component.  */\n  note?: string | React.ReactNode;\n  /** Optional. Tooltip of the Note shown on the right side of the component.  */\n  noteTooltip?: string;\n  /** Optional. If disabled then styles are greyed out and user can not interact with dropdown or click on the ListRow. */\n  disabled?: boolean;\n  /** Optional. Action to be executed when user clicks the row. */\n  action?: () => void;\n  /** Optional. Icon of the IconButton to show on the right side of the component */\n  rightSideIcon?: React.ReactNode;\n  /** Optional. Action to be executed when user clicks on the IconButton on the right */\n  rightSideAction?: () => void;\n  /** Optional. If disabled user will not be able to interact with IconButton shown on the right side */\n  rightSideIconDisabled?: boolean;\n};\n\nconst ListRow: React.FunctionComponent<ListRowProps> = ({\n                                                   size = Size.Medium,\n                                                   variant = 'normal',\n                                                   icon,\n                                                   mainText,\n                                                   secondaryText,\n                                                   dropdown,\n                                                   note,\n                                                   noteTooltip,\n                                                   disabled = false,\n                                                   action,\n                                                   rightSideIcon,\n                                                   rightSideAction,\n                                                   rightSideIconDisabled,\n                                                   className,\n                                                   ...rest\n                                                 }: ListRowProps) => {\n\n  const [inAction, setInAction] = React.useState<Boolean>(false);\n\n  const handleKeyDown = (e: any) => {\n    if (e.key === 'Enter') {\n      action && action()\n    }\n  }\n\n  const rowClassName = (inAction ? 'in-action ' : '')\n    .concat(disabled ? 'disabled ' : '')\n    .concat(!!action ? 'interactive ' : '')\n    .concat('list-item-row ')\n    .concat(`${variant} `)\n    .concat(`${size}`)\n    .concat(className ? ` ${className}` : '');\n\n  return (\n    <Row tabIndex={!action || disabled ? -1 : 0}\n         className={rowClassName}\n         onMouseDown={defaultOnMouseDownHandler}\n         onKeyDown={(e) => !disabled && handleKeyDown(e)}\n         onClick={e => {\n           !disabled && action && action();\n         }}\n         data-hj-suppress\n         {...rest}>\n      {\n        !!icon &&\n        <div className={'list-item-icon'}>{icon}</div>\n      }\n      <div className={'list-item-content'}>\n        <div className={'list-item-main-text'}>{mainText}</div>\n        {!!secondaryText && <div className={'list-item-secondary-text'}>{secondaryText}</div>}\n      </div>\n      {\n        !!note &&\n        <>\n          {\n            !!noteTooltip &&\n            <div className={'list-item-note with-tooltip'}>\n              <TooltipWrapper label={noteTooltip}\n                              size={size === Size.Large ? Size.Medium : size === Size.Small ? Size.XSmall : Size.Small}\n                              position={'top'}\n                              tabIndex={disabled ? -1 : 0}\n                              withArrow={true}>\n                {note}\n              </TooltipWrapper>\n            </div>\n          }\n          {\n            !noteTooltip &&\n            <div className={'list-item-note'}>\n              {note}\n            </div>\n          }\n        </>\n      }\n      {\n        !!dropdown &&\n        <div className={'list-item-actions'}\n             onMouseEnter={() => setInAction(!dropdown?.disabled)}\n             onMouseLeave={() => setInAction(false)}>\n          <DropdownButton {...dropdown}\n                          type={'icon'}\n                          disabled={disabled || dropdown.disabled}\n                          icon={variant === 'overlay'\n                            ? <SystemIcons.ArrowDropDown/>\n                            : <SystemIcons.MoreVertical/>}\n          />\n        </div>\n      }\n      {\n        !!rightSideIcon &&\n        <RightIcon className={'list-item-actions'}\n                   onMouseEnter={() => rightSideAction && setInAction(!dropdown?.disabled)}\n                   onMouseLeave={() => rightSideAction && setInAction(false)}>\n          {\n            rightSideAction &&\n            <IconButton action={rightSideAction} variant='secondary' shape='circular'\n                        disabled={disabled || rightSideIconDisabled}>\n              {rightSideIcon}\n            </IconButton>\n          }\n          {\n            !rightSideAction && rightSideIcon\n          }\n        </RightIcon>\n      }\n    </Row>\n  );\n};\n\nexport default ListRow;\n\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ListRow.js","names":["React","styled","COLORS","ComponentTextStyle","focusStyles","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentXSStyling","ComponentXXSStyling","TooltipWrapper","DropdownButton","SystemIcons","Size","Z_INDEXES","defaultOnMouseDownHandler","IconButton","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Row","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","hover","active","Regular","RightIcon","_templateObject2","ListRow","_ref","_ref$size","size","Medium","_ref$variant","variant","icon","mainText","secondaryText","dropdown","note","noteTooltip","_ref$disabled","disabled","action","rightSideIcon","rightSideAction","rightSideIconDisabled","className","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","inAction","setInAction","handleKeyDown","e","key","rowClassName","concat","_objectSpread","tabIndex","onMouseDown","onKeyDown","onClick","children","label","Large","Small","XSmall","position","withArrow","onMouseEnter","onMouseLeave","type","ArrowDropDown","MoreVertical","shape","propTypes","_pt","oneOf","node","string","isRequired","oneOfType","bool","func"],"sources":["../../src/List/ListRow.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\n\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {TooltipWrapper} from '../Tooltips';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {Z_INDEXES} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport {IconButton} from '../Button';\r\n\r\nconst Row = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  box-sizing: border-box;\r\n\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n\r\n  cursor: default;\r\n\r\n  &.interactive {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &.interactive.disabled {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  &.interactive:hover:not(.in-action):not(.disabled) {\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &.interactive:active:not(.in-action):not(.disabled) {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.interactive:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.disabled {\r\n    .list-item-icon, .list-item-content, .list-item-note, .list-item-actions {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n\r\n\r\n  &.small {\r\n    min-height: 48px;\r\n    padding: 0 8px;\r\n\r\n    .list-item-icon {\r\n      margin-right: 8px;\r\n    }\r\n\r\n    .list-item-main-text {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    .list-item-actions {\r\n      margin-right: -8px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    min-height: 56px;\r\n    padding: 0 12px;\r\n\r\n    .list-item-icon {\r\n      margin-right: 12px;\r\n    }\r\n\r\n    .list-item-main-text {\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    .list-item-actions {\r\n      margin-right: -12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    min-height: 64px;\r\n    padding: 0 16px;\r\n\r\n    .list-item-icon {\r\n      margin-right: 16px;\r\n    }\r\n\r\n    .list-item-main-text {\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    .list-item-actions {\r\n      margin-right: -16px;\r\n    }\r\n  }\r\n\r\n  &.overlay {\r\n    padding: 0 4px;\r\n\r\n    .list-item-actions {\r\n      margin-right: -4px;\r\n    }\r\n  }\r\n\r\n  .list-item-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  .list-item-content {\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .list-item-main-text {\r\n  }\r\n\r\n  .list-item-secondary-text {\r\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n  .list-item-note {\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    word-break: initial;\r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n  .list-item-note.with-tooltip {\r\n    cursor: pointer;\r\n\r\n    > div {\r\n      text-decoration-line: underline;\r\n      text-decoration-style: dashed;\r\n      text-underline-offset: 1px;\r\n      text-decoration-thickness: 1px;\r\n    }\r\n  }\r\n\r\n  .list-item-actions {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    button div {\r\n      background-color: transparent;\r\n    }\r\n  }\r\n`;\r\n\r\nconst RightIcon = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 48px;\r\n  min-width: 48px;\r\n`;\r\n\r\n\r\nexport interface ListRowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown'> {\r\n  /** Size of the ListRow. Defaults to 'medium'. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Variant of the ListRow. Defaults to 'normal'. */\r\n  variant?: 'normal' | 'overlay';\r\n  /** Optional. Icon to be shown on the left side of the ListRow. */\r\n  icon?: React.ReactNode;\r\n  /** Required. Main text of the ListRow */\r\n  mainText: string;\r\n  /** Optional. Secondary row shown under MainText  */\r\n  secondaryText?: string;\r\n  /** Optional. Details of the DropdownButton shown on the right side of the ListRow.  */\r\n  dropdown?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width'>;\r\n  /** Optional. Note to be shown on the right side of the component.  */\r\n  note?: string | React.ReactNode;\r\n  /** Optional. Tooltip of the Note shown on the right side of the component.  */\r\n  noteTooltip?: string;\r\n  /** Optional. If disabled then styles are greyed out and user can not interact with dropdown or click on the ListRow. */\r\n  disabled?: boolean;\r\n  /** Optional. Action to be executed when user clicks the row. */\r\n  action?: () => void;\r\n  /** Optional. Icon of the IconButton to show on the right side of the component */\r\n  rightSideIcon?: React.ReactNode;\r\n  /** Optional. Action to be executed when user clicks on the IconButton on the right */\r\n  rightSideAction?: () => void;\r\n  /** Optional. If disabled user will not be able to interact with IconButton shown on the right side */\r\n  rightSideIconDisabled?: boolean;\r\n};\r\n\r\nconst ListRow: React.FunctionComponent<ListRowProps> = ({\r\n                                                   size = Size.Medium,\r\n                                                   variant = 'normal',\r\n                                                   icon,\r\n                                                   mainText,\r\n                                                   secondaryText,\r\n                                                   dropdown,\r\n                                                   note,\r\n                                                   noteTooltip,\r\n                                                   disabled = false,\r\n                                                   action,\r\n                                                   rightSideIcon,\r\n                                                   rightSideAction,\r\n                                                   rightSideIconDisabled,\r\n                                                   className,\r\n                                                   ...rest\r\n                                                 }: ListRowProps) => {\r\n\r\n  const [inAction, setInAction] = React.useState<Boolean>(false);\r\n\r\n  const handleKeyDown = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      action && action()\r\n    }\r\n  }\r\n\r\n  const rowClassName = (inAction ? 'in-action ' : '')\r\n    .concat(disabled ? 'disabled ' : '')\r\n    .concat(!!action ? 'interactive ' : '')\r\n    .concat('list-item-row ')\r\n    .concat(`${variant} `)\r\n    .concat(`${size}`)\r\n    .concat(className ? ` ${className}` : '');\r\n\r\n  return (\r\n    <Row tabIndex={!action || disabled ? -1 : 0}\r\n         className={rowClassName}\r\n         onMouseDown={defaultOnMouseDownHandler}\r\n         onKeyDown={(e) => !disabled && handleKeyDown(e)}\r\n         onClick={e => {\r\n           !disabled && action && action();\r\n         }}\r\n         data-hj-suppress\r\n         {...rest}>\r\n      {\r\n        !!icon &&\r\n        <div className={'list-item-icon'}>{icon}</div>\r\n      }\r\n      <div className={'list-item-content'}>\r\n        <div className={'list-item-main-text'}>{mainText}</div>\r\n        {!!secondaryText && <div className={'list-item-secondary-text'}>{secondaryText}</div>}\r\n      </div>\r\n      {\r\n        !!note &&\r\n        <>\r\n          {\r\n            !!noteTooltip &&\r\n            <div className={'list-item-note with-tooltip'}>\r\n              <TooltipWrapper label={noteTooltip}\r\n                              size={size === Size.Large ? Size.Medium : size === Size.Small ? Size.XSmall : Size.Small}\r\n                              position={'top'}\r\n                              tabIndex={disabled ? -1 : 0}\r\n                              withArrow={true}>\r\n                {note}\r\n              </TooltipWrapper>\r\n            </div>\r\n          }\r\n          {\r\n            !noteTooltip &&\r\n            <div className={'list-item-note'}>\r\n              {note}\r\n            </div>\r\n          }\r\n        </>\r\n      }\r\n      {\r\n        !!dropdown &&\r\n        <div className={'list-item-actions'}\r\n             onMouseEnter={() => setInAction(!dropdown?.disabled)}\r\n             onMouseLeave={() => setInAction(false)}>\r\n          <DropdownButton {...dropdown}\r\n                          type={'icon'}\r\n                          disabled={disabled || dropdown.disabled}\r\n                          icon={variant === 'overlay'\r\n                            ? <SystemIcons.ArrowDropDown/>\r\n                            : <SystemIcons.MoreVertical/>}\r\n          />\r\n        </div>\r\n      }\r\n      {\r\n        !!rightSideIcon &&\r\n        <RightIcon className={'list-item-actions'}\r\n                   onMouseEnter={() => rightSideAction && setInAction(!dropdown?.disabled)}\r\n                   onMouseLeave={() => rightSideAction && setInAction(false)}>\r\n          {\r\n            rightSideAction &&\r\n            <IconButton action={rightSideAction} variant='secondary' shape='circular'\r\n                        disabled={disabled || rightSideIconDisabled}>\r\n              {rightSideIcon}\r\n            </IconButton>\r\n          }\r\n          {\r\n            !rightSideAction && rightSideIcon\r\n          }\r\n        </RightIcon>\r\n      }\r\n    </Row>\r\n  );\r\n};\r\n\r\nexport default ListRow;\r\n\r\n"],"mappings":"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","ignoreList":[]}

package/dist/List/__tests__/ListRow.tests.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/List/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_ListRow","_interopRequireDefault","require"],"sources":["../../src/List/index.ts"],"sourcesContent":["import ListRow from './ListRow';\n\nexport {ListRow};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_ListRow","_interopRequireDefault","require"],"sources":["../../src/List/index.ts"],"sourcesContent":["import ListRow from './ListRow';\r\n\r\nexport {ListRow};\r\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/List/index.d.ts

@@ -1,2 +1,2 @@
-import ListRow from './ListRow';
-export { ListRow };
+import ListRow from './ListRow';
+export { ListRow };

package/dist/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListRow"],"sources":["../../src/List/index.ts"],"sourcesContent":["import ListRow from './ListRow';\n\nexport {ListRow};\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,WAAW;AAE/B,SAAQA,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ListRow"],"sources":["../../src/List/index.ts"],"sourcesContent":["import ListRow from './ListRow';\r\n\r\nexport {ListRow};\r\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,WAAW;AAE/B,SAAQA,OAAO","ignoreList":[]}

package/dist/LoadingIndicator/LoadingIndicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_types","_icons","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LoadingWrapper","styled","div","_taggedTemplateLiteral2","LoadingIndicator","_ref","color","id","_ref$size","size","Size","Medium","theme","useTheme","COLORS","getColor","jsx","children","SystemIcons","LoadingMedium","Small","LoadingSmall","propTypes","_propTypes","string","_default","exports"],"sources":["../../src/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { useTheme } from 'styled-components';\nimport { COLORS } from '../styles';\nimport { Size } from '../types';\nimport { SystemIcons } from '../icons';\n\nconst LoadingWrapper = styled.div`\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    animation-name: spin;\n    animation-duration: 1s;\n    animation-iteration-count: infinite;\n    animation-timing-function: cubic-bezier(.43,.08,.57,.9);\n    transform-origin: 50% 50%;\n    \n    @keyframes spin {\n      from {\n        transform: rotate(45deg);\n      }\n      to {\n        transform: rotate(405deg);\n      }\n    }\n  }\n`;\n\nexport type LoadingIndicatorProps = {\n  /** Optional. Id of the loading indicator. */\n  id?: string;\n  /** Optional. Size of the loading indicator. Defaults to 'Medium'. */\n  size?: Size.Small | Size.Medium;\n  /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */\n  color?: string;\n};\n\nconst LoadingIndicator: React.FunctionComponent<LoadingIndicatorProps> = ({  color, id, size = Size.Medium }: LoadingIndicatorProps) => {\n  const theme = useTheme();\n  if(!color)\n    color = COLORS.getColor('primary', theme);\n  switch (size) {\n    case Size.Medium:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingMedium color={color} />\n        </LoadingWrapper>\n      );\n    case Size.Small:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingSmall color={color} />\n        </LoadingWrapper>\n      );\n    default:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingMedium color={color} />\n        </LoadingWrapper>\n      );\n  }\n};\n\nexport default LoadingIndicator;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LoadingIndicator.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_types","_icons","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LoadingWrapper","styled","div","_taggedTemplateLiteral2","LoadingIndicator","_ref","color","id","_ref$size","size","Size","Medium","theme","useTheme","COLORS","getColor","jsx","children","SystemIcons","LoadingMedium","Small","LoadingSmall","propTypes","_propTypes","string","_default","exports"],"sources":["../../src/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { COLORS } from '../styles';\r\nimport { Size } from '../types';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoadingWrapper = styled.div`\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  svg {\r\n    animation-name: spin;\r\n    animation-duration: 1s;\r\n    animation-iteration-count: infinite;\r\n    animation-timing-function: cubic-bezier(.43,.08,.57,.9);\r\n    transform-origin: 50% 50%;\r\n    \r\n    @keyframes spin {\r\n      from {\r\n        transform: rotate(45deg);\r\n      }\r\n      to {\r\n        transform: rotate(405deg);\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport type LoadingIndicatorProps = {\r\n  /** Optional. Id of the loading indicator. */\r\n  id?: string;\r\n  /** Optional. Size of the loading indicator. Defaults to 'Medium'. */\r\n  size?: Size.Small | Size.Medium;\r\n  /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */\r\n  color?: string;\r\n};\r\n\r\nconst LoadingIndicator: React.FunctionComponent<LoadingIndicatorProps> = ({  color, id, size = Size.Medium }: LoadingIndicatorProps) => {\r\n  const theme = useTheme();\r\n  if(!color)\r\n    color = COLORS.getColor('primary', theme);\r\n  switch (size) {\r\n    case Size.Medium:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    case Size.Small:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingSmall color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    default:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n  }\r\n};\r\n\r\nexport default LoadingIndicator;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/LoadingIndicator/LoadingIndicator.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { Size } from '../types';
-export type LoadingIndicatorProps = {
-    /** Optional. Id of the loading indicator. */
-    id?: string;
-    /** Optional. Size of the loading indicator. Defaults to 'Medium'. */
-    size?: Size.Small | Size.Medium;
-    /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */
-    color?: string;
-};
-declare const LoadingIndicator: React.FunctionComponent<LoadingIndicatorProps>;
-export default LoadingIndicator;
+import * as React from 'react';
+import { Size } from '../types';
+export type LoadingIndicatorProps = {
+    /** Optional. Id of the loading indicator. */
+    id?: string;
+    /** Optional. Size of the loading indicator. Defaults to 'Medium'. */
+    size?: Size.Small | Size.Medium;
+    /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */
+    color?: string;
+};
+declare const LoadingIndicator: React.FunctionComponent<LoadingIndicatorProps>;
+export default LoadingIndicator;

package/dist/LoadingIndicator/LoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.js","names":["React","styled","useTheme","COLORS","Size","SystemIcons","jsx","_jsx","LoadingWrapper","div","_templateObject","_taggedTemplateLiteral","LoadingIndicator","_ref","color","id","_ref$size","size","Medium","theme","getColor","children","LoadingMedium","Small","LoadingSmall","propTypes","_pt","string"],"sources":["../../src/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { useTheme } from 'styled-components';\nimport { COLORS } from '../styles';\nimport { Size } from '../types';\nimport { SystemIcons } from '../icons';\n\nconst LoadingWrapper = styled.div`\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    animation-name: spin;\n    animation-duration: 1s;\n    animation-iteration-count: infinite;\n    animation-timing-function: cubic-bezier(.43,.08,.57,.9);\n    transform-origin: 50% 50%;\n    \n    @keyframes spin {\n      from {\n        transform: rotate(45deg);\n      }\n      to {\n        transform: rotate(405deg);\n      }\n    }\n  }\n`;\n\nexport type LoadingIndicatorProps = {\n  /** Optional. Id of the loading indicator. */\n  id?: string;\n  /** Optional. Size of the loading indicator. Defaults to 'Medium'. */\n  size?: Size.Small | Size.Medium;\n  /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */\n  color?: string;\n};\n\nconst LoadingIndicator: React.FunctionComponent<LoadingIndicatorProps> = ({  color, id, size = Size.Medium }: LoadingIndicatorProps) => {\n  const theme = useTheme();\n  if(!color)\n    color = COLORS.getColor('primary', theme);\n  switch (size) {\n    case Size.Medium:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingMedium color={color} />\n        </LoadingWrapper>\n      );\n    case Size.Small:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingSmall color={color} />\n        </LoadingWrapper>\n      );\n    default:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingMedium color={color} />\n        </LoadingWrapper>\n      );\n  }\n};\n\nexport default LoadingIndicator;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,IAAIC,QAAQ,QAAQ,mBAAmB;AACpD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,WAAW,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvC,IAAMC,cAAc,GAAGP,MAAM,CAACQ,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,wcAsBhC;AAWD,IAAMC,gBAAgE,GAAG,SAAnEA,gBAAgEA,CAAAC,IAAA,EAAkE;EAAA,IAA3DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAAC,SAAA,GAAAH,IAAA,CAAEI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGZ,IAAI,CAACc,MAAM,GAAAF,SAAA;EACxG,IAAMG,KAAK,GAAGjB,QAAQ,CAAC,CAAC;EACxB,IAAG,CAACY,KAAK,EACPA,KAAK,GAAGX,MAAM,CAACiB,QAAQ,CAAC,SAAS,EAAED,KAAK,CAAC;EAC3C,QAAQF,IAAI;IACV,KAAKb,IAAI,CAACc,MAAM;MACd,oBACEX,IAAA,CAACC,cAAc;QAACO,EAAE,EAAEA,EAAG;QAAAM,QAAA,eACrBd,IAAA,CAACF,WAAW,CAACiB,aAAa;UAACR,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC7B,CAAC;IAErB,KAAKV,IAAI,CAACmB,KAAK;MACb,oBACEhB,IAAA,CAACC,cAAc;QAACO,EAAE,EAAEA,EAAG;QAAAM,QAAA,eACrBd,IAAA,CAACF,WAAW,CAACmB,YAAY;UAACV,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC5B,CAAC;IAErB;MACE,oBACEP,IAAA,CAACC,cAAc;QAACO,EAAE,EAAEA,EAAG;QAAAM,QAAA,eACrBd,IAAA,CAACF,WAAW,CAACiB,aAAa;UAACR,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC7B,CAAC;EAEvB;AACF,CAAC;AAACF,gBAAA,CAAAa,SAAA;EA/BAV,EAAE,EAAAW,GAAA,CAAAC,MAAA;EAIFb,KAAK,EAAAY,GAAA,CAAAC;AAAA;AA6BP,eAAef,gBAAgB","ignoreList":[]}
+{"version":3,"file":"LoadingIndicator.js","names":["React","styled","useTheme","COLORS","Size","SystemIcons","jsx","_jsx","LoadingWrapper","div","_templateObject","_taggedTemplateLiteral","LoadingIndicator","_ref","color","id","_ref$size","size","Medium","theme","getColor","children","LoadingMedium","Small","LoadingSmall","propTypes","_pt","string"],"sources":["../../src/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { COLORS } from '../styles';\r\nimport { Size } from '../types';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoadingWrapper = styled.div`\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  svg {\r\n    animation-name: spin;\r\n    animation-duration: 1s;\r\n    animation-iteration-count: infinite;\r\n    animation-timing-function: cubic-bezier(.43,.08,.57,.9);\r\n    transform-origin: 50% 50%;\r\n    \r\n    @keyframes spin {\r\n      from {\r\n        transform: rotate(45deg);\r\n      }\r\n      to {\r\n        transform: rotate(405deg);\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport type LoadingIndicatorProps = {\r\n  /** Optional. Id of the loading indicator. */\r\n  id?: string;\r\n  /** Optional. Size of the loading indicator. Defaults to 'Medium'. */\r\n  size?: Size.Small | Size.Medium;\r\n  /** Optional. Color of the loading indicator, defaults to 'COLORS.primary'. */\r\n  color?: string;\r\n};\r\n\r\nconst LoadingIndicator: React.FunctionComponent<LoadingIndicatorProps> = ({  color, id, size = Size.Medium }: LoadingIndicatorProps) => {\r\n  const theme = useTheme();\r\n  if(!color)\r\n    color = COLORS.getColor('primary', theme);\r\n  switch (size) {\r\n    case Size.Medium:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    case Size.Small:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingSmall color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    default:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n  }\r\n};\r\n\r\nexport default LoadingIndicator;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,IAAIC,QAAQ,QAAQ,mBAAmB;AACpD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,WAAW,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvC,IAAMC,cAAc,GAAGP,MAAM,CAACQ,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,wcAsBhC;AAWD,IAAMC,gBAAgE,GAAG,SAAnEA,gBAAgEA,CAAAC,IAAA,EAAkE;EAAA,IAA3DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAAC,SAAA,GAAAH,IAAA,CAAEI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGZ,IAAI,CAACc,MAAM,GAAAF,SAAA;EACxG,IAAMG,KAAK,GAAGjB,QAAQ,CAAC,CAAC;EACxB,IAAG,CAACY,KAAK,EACPA,KAAK,GAAGX,MAAM,CAACiB,QAAQ,CAAC,SAAS,EAAED,KAAK,CAAC;EAC3C,QAAQF,IAAI;IACV,KAAKb,IAAI,CAACc,MAAM;MACd,oBACEX,IAAA,CAACC,cAAc;QAACO,EAAE,EAAEA,EAAG;QAAAM,QAAA,eACrBd,IAAA,CAACF,WAAW,CAACiB,aAAa;UAACR,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC7B,CAAC;IAErB,KAAKV,IAAI,CAACmB,KAAK;MACb,oBACEhB,IAAA,CAACC,cAAc;QAACO,EAAE,EAAEA,EAAG;QAAAM,QAAA,eACrBd,IAAA,CAACF,WAAW,CAACmB,YAAY;UAACV,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC5B,CAAC;IAErB;MACE,oBACEP,IAAA,CAACC,cAAc;QAACO,EAAE,EAAEA,EAAG;QAAAM,QAAA,eACrBd,IAAA,CAACF,WAAW,CAACiB,aAAa;UAACR,KAAK,EAAEA;QAAM,CAAE;MAAC,CAC7B,CAAC;EAEvB;AACF,CAAC;AAACF,gBAAA,CAAAa,SAAA;EA/BAV,EAAE,EAAAW,GAAA,CAAAC,MAAA;EAIFb,KAAK,EAAAY,GAAA,CAAAC;AAAA;AA6BP,eAAef,gBAAgB","ignoreList":[]}

package/dist/LoadingIndicator/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_LoadingIndicator","_interopRequireDefault","require"],"sources":["../../src/LoadingIndicator/index.ts"],"sourcesContent":["export { default as LoadingIndicator } from './LoadingIndicator';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_LoadingIndicator","_interopRequireDefault","require"],"sources":["../../src/LoadingIndicator/index.ts"],"sourcesContent":["export { default as LoadingIndicator } from './LoadingIndicator';\r\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/LoadingIndicator/index.d.ts

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

package/dist/LoadingIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","LoadingIndicator"],"sources":["../../src/LoadingIndicator/index.ts"],"sourcesContent":["export { default as LoadingIndicator } from './LoadingIndicator';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAAgB,QAAQ,oBAAoB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","LoadingIndicator"],"sources":["../../src/LoadingIndicator/index.ts"],"sourcesContent":["export { default as LoadingIndicator } from './LoadingIndicator';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAAgB,QAAQ,oBAAoB","ignoreList":[]}

package/dist/LoadingPage/GlobalLoadingPage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalLoadingPage.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_assets","_LoadingIndicator","_styles","_typography","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LoadingMain","styled","main","_taggedTemplateLiteral2","props","COLORS","getColor","theme","Header","div","LogoAndMessage","ComponentMStyling","ComponentTextStyle","Regular","LoadingIndicatorContainer","LoadingPage","_ref","optionalMessage","includeHeader","jsxs","children","jsx","LaerdalLoadingLogo","propTypes","_propTypes","string","bool","_default","exports"],"sources":["../../src/LoadingPage/GlobalLoadingPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {LaerdalLoadingLogo} from '../assets';\n\nimport LoadingIndicator from '../LoadingIndicator/LoadingIndicator';\nimport {COLORS, ComponentTextStyle} from '../styles';\nimport {ComponentMStyling} from '../styles/typography';\n\nconst LoadingMain = styled.main`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n  height: 100%;\n`;\n\nconst Header = styled.div`\n  height: 64px;\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n`;\n\nconst LogoAndMessage = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  bottom: 36px;\n  left: 50%;\n  transform: translate(-50%);\n  align-items: center;\n\n  span {\n    margin-bottom: 40px;\n    font-weight: normal;\n    width: 320px;\n    text-align: center;\n    \n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n  }\n`;\n\nconst LoadingIndicatorContainer = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`;\n\nexport interface LoaderProps {\n  optionalMessage?: string;\n  includeHeader?: boolean;\n}\n\nconst LoadingPage: React.FunctionComponent<LoaderProps> = ({ optionalMessage, includeHeader }: LoaderProps) => {\n  return (\n    <LoadingMain data-testid=\"TestLoadingMain\">\n      {includeHeader && <Header />}\n      <LoadingIndicatorContainer>\n        <LoadingIndicator />\n      </LoadingIndicatorContainer>\n      <LogoAndMessage data-testid=\"TestLoadingLogoAndMessage\">\n        {optionalMessage && <span>{optionalMessage}</span>}\n        <LaerdalLoadingLogo />\n      </LogoAndMessage>\n    </LoadingMain>\n  );\n};\n\nexport default LoadingPage;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"GlobalLoadingPage.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_assets","_LoadingIndicator","_styles","_typography","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LoadingMain","styled","main","_taggedTemplateLiteral2","props","COLORS","getColor","theme","Header","div","LogoAndMessage","ComponentMStyling","ComponentTextStyle","Regular","LoadingIndicatorContainer","LoadingPage","_ref","optionalMessage","includeHeader","jsxs","children","jsx","LaerdalLoadingLogo","propTypes","_propTypes","string","bool","_default","exports"],"sources":["../../src/LoadingPage/GlobalLoadingPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {LaerdalLoadingLogo} from '../assets';\r\n\r\nimport LoadingIndicator from '../LoadingIndicator/LoadingIndicator';\r\nimport {COLORS, ComponentTextStyle} from '../styles';\r\nimport {ComponentMStyling} from '../styles/typography';\r\n\r\nconst LoadingMain = styled.main`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n  height: 100%;\r\n`;\r\n\r\nconst Header = styled.div`\r\n  height: 64px;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst LogoAndMessage = styled.div`\r\n  position: absolute;\r\n  display: flex;\r\n  flex-direction: column;\r\n  bottom: 36px;\r\n  left: 50%;\r\n  transform: translate(-50%);\r\n  align-items: center;\r\n\r\n  span {\r\n    margin-bottom: 40px;\r\n    font-weight: normal;\r\n    width: 320px;\r\n    text-align: center;\r\n    \r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nconst LoadingIndicatorContainer = styled.div`\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n`;\r\n\r\nexport interface LoaderProps {\r\n  optionalMessage?: string;\r\n  includeHeader?: boolean;\r\n}\r\n\r\nconst LoadingPage: React.FunctionComponent<LoaderProps> = ({ optionalMessage, includeHeader }: LoaderProps) => {\r\n  return (\r\n    <LoadingMain data-testid=\"TestLoadingMain\">\r\n      {includeHeader && <Header />}\r\n      <LoadingIndicatorContainer>\r\n        <LoadingIndicator />\r\n      </LoadingIndicatorContainer>\r\n      <LogoAndMessage data-testid=\"TestLoadingLogoAndMessage\">\r\n        {optionalMessage && <span>{optionalMessage}</span>}\r\n        <LaerdalLoadingLogo />\r\n      </LogoAndMessage>\r\n    </LoadingMain>\r\n  );\r\n};\r\n\r\nexport default LoadingPage;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/LoadingPage/GlobalLoadingPage.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-export interface LoaderProps {
-    optionalMessage?: string;
-    includeHeader?: boolean;
-}
-declare const LoadingPage: React.FunctionComponent<LoaderProps>;
-export default LoadingPage;
+import * as React from 'react';
+export interface LoaderProps {
+    optionalMessage?: string;
+    includeHeader?: boolean;
+}
+declare const LoadingPage: React.FunctionComponent<LoaderProps>;
+export default LoadingPage;

package/dist/LoadingPage/GlobalLoadingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalLoadingPage.js","names":["React","styled","LaerdalLoadingLogo","LoadingIndicator","COLORS","ComponentTextStyle","ComponentMStyling","jsx","_jsx","jsxs","_jsxs","LoadingMain","main","_templateObject","_taggedTemplateLiteral","props","getColor","theme","Header","div","_templateObject2","LogoAndMessage","_templateObject3","Regular","LoadingIndicatorContainer","_templateObject4","LoadingPage","_ref","optionalMessage","includeHeader","children","propTypes","_pt","string","bool"],"sources":["../../src/LoadingPage/GlobalLoadingPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {LaerdalLoadingLogo} from '../assets';\n\nimport LoadingIndicator from '../LoadingIndicator/LoadingIndicator';\nimport {COLORS, ComponentTextStyle} from '../styles';\nimport {ComponentMStyling} from '../styles/typography';\n\nconst LoadingMain = styled.main`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n  height: 100%;\n`;\n\nconst Header = styled.div`\n  height: 64px;\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n`;\n\nconst LogoAndMessage = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  bottom: 36px;\n  left: 50%;\n  transform: translate(-50%);\n  align-items: center;\n\n  span {\n    margin-bottom: 40px;\n    font-weight: normal;\n    width: 320px;\n    text-align: center;\n    \n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n  }\n`;\n\nconst LoadingIndicatorContainer = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`;\n\nexport interface LoaderProps {\n  optionalMessage?: string;\n  includeHeader?: boolean;\n}\n\nconst LoadingPage: React.FunctionComponent<LoaderProps> = ({ optionalMessage, includeHeader }: LoaderProps) => {\n  return (\n    <LoadingMain data-testid=\"TestLoadingMain\">\n      {includeHeader && <Header />}\n      <LoadingIndicatorContainer>\n        <LoadingIndicator />\n      </LoadingIndicatorContainer>\n      <LogoAndMessage data-testid=\"TestLoadingLogoAndMessage\">\n        {optionalMessage && <span>{optionalMessage}</span>}\n        <LaerdalLoadingLogo />\n      </LogoAndMessage>\n    </LoadingMain>\n  );\n};\n\nexport default LoadingPage;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,kBAAkB,QAAO,WAAW;AAE5C,OAAOC,gBAAgB,MAAM,sCAAsC;AACnE,SAAQC,MAAM,EAAEC,kBAAkB,QAAO,WAAW;AACpD,SAAQC,iBAAiB,QAAO,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEvD,IAAMC,WAAW,GAAGV,MAAM,CAACW,IAAI,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gHAIT,UAAAC,KAAK;EAAA,OAAIX,MAAM,CAACY,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAExE;AAED,IAAMC,MAAM,GAAGjB,MAAM,CAACkB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,yFAEH,UAAAC,KAAK;EAAA,OAAIX,MAAM,CAACY,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GACvC,UAAAF,KAAK;EAAA,OAAIX,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAChF;AAED,IAAMI,cAAc,GAAGpB,MAAM,CAACkB,GAAG,CAAAG,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,sSAe3B,UAAAC,KAAK;EAAA,OAAIT,iBAAiB,CAACD,kBAAkB,CAACkB,OAAO,EAAEnB,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC;AAAA,EAExG;AAED,IAAMO,yBAAyB,GAAGvB,MAAM,CAACkB,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,iGAK3C;AAOD,IAAMY,WAAiD,GAAG,SAApDA,WAAiDA,CAAAC,IAAA,EAAwD;EAAA,IAAlDC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;EACzF,oBACEnB,KAAA,CAACC,WAAW;IAAC,eAAY,iBAAiB;IAAAmB,QAAA,GACvCD,aAAa,iBAAIrB,IAAA,CAACU,MAAM,IAAE,CAAC,eAC5BV,IAAA,CAACgB,yBAAyB;MAAAM,QAAA,eACxBtB,IAAA,CAACL,gBAAgB,IAAE;IAAC,CACK,CAAC,eAC5BO,KAAA,CAACW,cAAc;MAAC,eAAY,2BAA2B;MAAAS,QAAA,GACpDF,eAAe,iBAAIpB,IAAA;QAAAsB,QAAA,EAAOF;MAAe,CAAO,CAAC,eAClDpB,IAAA,CAACN,kBAAkB,IAAE,CAAC;IAAA,CACR,CAAC;EAAA,CACN,CAAC;AAElB,CAAC;AAACwB,WAAA,CAAAK,SAAA;EAjBAH,eAAe,EAAAI,GAAA,CAAAC,MAAA;EACfJ,aAAa,EAAAG,GAAA,CAAAE;AAAA;AAkBf,eAAeR,WAAW","ignoreList":[]}
+{"version":3,"file":"GlobalLoadingPage.js","names":["React","styled","LaerdalLoadingLogo","LoadingIndicator","COLORS","ComponentTextStyle","ComponentMStyling","jsx","_jsx","jsxs","_jsxs","LoadingMain","main","_templateObject","_taggedTemplateLiteral","props","getColor","theme","Header","div","_templateObject2","LogoAndMessage","_templateObject3","Regular","LoadingIndicatorContainer","_templateObject4","LoadingPage","_ref","optionalMessage","includeHeader","children","propTypes","_pt","string","bool"],"sources":["../../src/LoadingPage/GlobalLoadingPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {LaerdalLoadingLogo} from '../assets';\r\n\r\nimport LoadingIndicator from '../LoadingIndicator/LoadingIndicator';\r\nimport {COLORS, ComponentTextStyle} from '../styles';\r\nimport {ComponentMStyling} from '../styles/typography';\r\n\r\nconst LoadingMain = styled.main`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n  height: 100%;\r\n`;\r\n\r\nconst Header = styled.div`\r\n  height: 64px;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst LogoAndMessage = styled.div`\r\n  position: absolute;\r\n  display: flex;\r\n  flex-direction: column;\r\n  bottom: 36px;\r\n  left: 50%;\r\n  transform: translate(-50%);\r\n  align-items: center;\r\n\r\n  span {\r\n    margin-bottom: 40px;\r\n    font-weight: normal;\r\n    width: 320px;\r\n    text-align: center;\r\n    \r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nconst LoadingIndicatorContainer = styled.div`\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n`;\r\n\r\nexport interface LoaderProps {\r\n  optionalMessage?: string;\r\n  includeHeader?: boolean;\r\n}\r\n\r\nconst LoadingPage: React.FunctionComponent<LoaderProps> = ({ optionalMessage, includeHeader }: LoaderProps) => {\r\n  return (\r\n    <LoadingMain data-testid=\"TestLoadingMain\">\r\n      {includeHeader && <Header />}\r\n      <LoadingIndicatorContainer>\r\n        <LoadingIndicator />\r\n      </LoadingIndicatorContainer>\r\n      <LogoAndMessage data-testid=\"TestLoadingLogoAndMessage\">\r\n        {optionalMessage && <span>{optionalMessage}</span>}\r\n        <LaerdalLoadingLogo />\r\n      </LogoAndMessage>\r\n    </LoadingMain>\r\n  );\r\n};\r\n\r\nexport default LoadingPage;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,kBAAkB,QAAO,WAAW;AAE5C,OAAOC,gBAAgB,MAAM,sCAAsC;AACnE,SAAQC,MAAM,EAAEC,kBAAkB,QAAO,WAAW;AACpD,SAAQC,iBAAiB,QAAO,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEvD,IAAMC,WAAW,GAAGV,MAAM,CAACW,IAAI,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gHAIT,UAAAC,KAAK;EAAA,OAAIX,MAAM,CAACY,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAExE;AAED,IAAMC,MAAM,GAAGjB,MAAM,CAACkB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,yFAEH,UAAAC,KAAK;EAAA,OAAIX,MAAM,CAACY,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GACvC,UAAAF,KAAK;EAAA,OAAIX,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAChF;AAED,IAAMI,cAAc,GAAGpB,MAAM,CAACkB,GAAG,CAAAG,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,sSAe3B,UAAAC,KAAK;EAAA,OAAIT,iBAAiB,CAACD,kBAAkB,CAACkB,OAAO,EAAEnB,MAAM,CAACY,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC;AAAA,EAExG;AAED,IAAMO,yBAAyB,GAAGvB,MAAM,CAACkB,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,iGAK3C;AAOD,IAAMY,WAAiD,GAAG,SAApDA,WAAiDA,CAAAC,IAAA,EAAwD;EAAA,IAAlDC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;EACzF,oBACEnB,KAAA,CAACC,WAAW;IAAC,eAAY,iBAAiB;IAAAmB,QAAA,GACvCD,aAAa,iBAAIrB,IAAA,CAACU,MAAM,IAAE,CAAC,eAC5BV,IAAA,CAACgB,yBAAyB;MAAAM,QAAA,eACxBtB,IAAA,CAACL,gBAAgB,IAAE;IAAC,CACK,CAAC,eAC5BO,KAAA,CAACW,cAAc;MAAC,eAAY,2BAA2B;MAAAS,QAAA,GACpDF,eAAe,iBAAIpB,IAAA;QAAAsB,QAAA,EAAOF;MAAe,CAAO,CAAC,eAClDpB,IAAA,CAACN,kBAAkB,IAAE,CAAC;IAAA,CACR,CAAC;EAAA,CACN,CAAC;AAElB,CAAC;AAACwB,WAAA,CAAAK,SAAA;EAjBAH,eAAe,EAAAI,GAAA,CAAAC,MAAA;EACfJ,aAAa,EAAAG,GAAA,CAAAE;AAAA;AAkBf,eAAeR,WAAW","ignoreList":[]}

package/dist/LoadingPage/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_GlobalLoadingPage","_interopRequireDefault","require"],"sources":["../../src/LoadingPage/index.tsx"],"sourcesContent":["export { default as GlobalLoadingPage } from './GlobalLoadingPage';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_GlobalLoadingPage","_interopRequireDefault","require"],"sources":["../../src/LoadingPage/index.tsx"],"sourcesContent":["export { default as GlobalLoadingPage } from './GlobalLoadingPage';\r\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/LoadingPage/index.d.ts

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

package/dist/LoadingPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","GlobalLoadingPage"],"sources":["../../src/LoadingPage/index.tsx"],"sourcesContent":["export { default as GlobalLoadingPage } from './GlobalLoadingPage';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,qBAAqB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","GlobalLoadingPage"],"sources":["../../src/LoadingPage/index.tsx"],"sourcesContent":["export { default as GlobalLoadingPage } from './GlobalLoadingPage';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,qBAAqB","ignoreList":[]}

package/dist/MenuItem/MenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_icons","_types","_common","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","DropdownButton","styled","button","_taggedTemplateLiteral2","props","DropdownButtonCSS","$size","exports","ItemLabel","div","ItemIcon","ItemIconRight","ItemContent","Size","Small","Large","Medium","size","css","ComponentSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","ComponentMStyling","ComponentLStyling","focusStyles","MenuItem","forwardRef","_ref","ref","_item$displayLabel","active","item","onClickHandler","_ref$size","className","tabIndex","iconRight","id","rest","_objectWithoutProperties2","useTheme","jsxs","type","disabled","locked","onMouseDown","defaultOnMouseDownHandler","onClick","showDividerAbove","children","jsx","icon","displayLabel","value","noteLabel","style","fontSize","lineHeight","SystemIcons","LockedOn","color","cloneElement","propTypes","_propTypes","func","isRequired","bool","string","element","_default"],"sources":["../../src/MenuItem/MenuItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css, useTheme } from 'styled-components';\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {SystemIcons} from '../icons';\nimport {Size} from '../types';\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling} from '../styles';\nimport { DropdownItem } from '../Dropdown';\nimport {defaultOnMouseDownHandler} from '../common';\n\nexport interface MenuItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'onMouseDown' | 'onClick'> {\n  /** Required. Details of the item. */\n  item: DropdownItem;\n  /** Required. Handler to be called when user clicks on the menu item */\n  onClickHandler: (e: React.MouseEvent) => void;\n  /** Required. Styles are different for MenuItems in 'active' state.  */\n  active: boolean;\n  /** Required. Id of the MenuItem.  */\n  id: string;\n  /** Optional. Size of the component. Defaults to 'medium'.  */\n  size?: Size.Small | Size.Medium | Size.Large;\n  /** Optional. Icon to be shown on the right side of the menu item. Icon will be shown only if 'locked' flag of 'item' is not set. */\n  iconRight?: React.ReactElement;\n}\n\nexport const DropdownButton = styled.button<{ $size?: Size }>`\n  ${(props) => DropdownButtonCSS(props.$size)}\n`;\n\nexport const ItemLabel = styled.div``;\n\nexport const ItemIcon = styled.div``;\n\nexport const ItemIconRight = styled.div`\n  align-items: center;\n  display: flex;\n`;\n\nexport const ItemContent = styled.div<{$size:Size}>`\n    margin: ${props=>props.$size===Size.Small?'auto 0 auto 10px':(props.$size===Size.Large?'auto 0 auto 26px':'auto 0 auto 18px')};\n    display: flex;\n    align-items: center;\n    flex-grow: 2;\n\n    ${ItemLabel} {\n      margin: ${props => props.$size === Size.Small || props.$size === Size.Medium ? '14px 0' : '16px 0'};\n      flex: 1 0 calc(100% - 40px);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n    }\n\n    ${ItemIcon} {\n      margin-right: 8px;\n      svg {\n        display: block;\n        margin: auto;\n        height:${props=>props.$size===Size.Small?'20px':''};\n        width:${props=>props.$size===Size.Small?'20px':''};\n      }\n    }\n\n    ${ItemIconRight} {\n      flex-grow: 2;\n\n      .extraMargin {\n        position: absolute;\n        right: ${props=>props.$size===Size.Small?'16px':'24px'};\n      }\n    }\n`;\n\n\nexport const DropdownButtonCSS = (size?: Size) => {\n  return css`\n    ${props => size == Size.Small && ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n    ${props => size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n    ${props => size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n\n    position: relative;\n    text-decoration: none;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    min-height: ${size == Size.Large ? '64px' : size == Size.Medium ? '56px' : '48px'};\n    background-color: ${props => COLORS.getColor('white', props.theme)};\n    border: none;\n    cursor: pointer;\n    background: none;\n    width: 100%;\n    text-align: left;\n\n    span {\n      margin: auto 0 auto 16px;\n      line-height: 48px;\n    }\n\n    ${ItemLabel}, ${ItemIcon} {\n      color: ${props => COLORS.getColor('neutral_600', props.theme)};\n    }\n\n    &:hover:not(.active):not(:disabled):not(.disabled-state),\n    &.hover-state:not(.active):not(:disabled):not(.disabled-state) {\n      background: ${props => COLORS.getColor('primary_20', props.theme)};\n      ${ItemLabel}, ${ItemIcon} {\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\n      }\n    }\n\n    &:focus, &.focus-state, &.focus-visible {\n      ${focusStyles}\n    }\n\n    &:active:not(.active):not(:disabled):not(.disabled-state), &.active-state {\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\n      ${ItemLabel}, ${ItemIcon} {\n        color: ${props => COLORS.getColor('primary_800', props.theme)};\n      }\n    }\n\n    &.active {\n      background: ${props => COLORS.getColor('neutral_20', props.theme)};\n\n      ${ItemLabel}, ${ItemIcon} {\n        color: ${props => COLORS.getColor('neutral_800', props.theme)};\n      }\n\n      &::after {\n        position: absolute;\n        content: ' ';\n        width: 4px;\n        top: ${size == Size.Large ? '8px' : size == Size.Medium ? '6px' : '4px'};\n        bottom: ${size == Size.Large ? '8px' : size == Size.Medium ? '6px' : '4px'};\n        left: 4px;\n        background-color: ${props => COLORS.getColor('primary_500', props.theme)};\n\n        border-radius: 4px;\n      }\n    }\n\n\n    &.locked {\n      background: none;\n      cursor: not-allowed;\n      \n      ${ItemIcon}, ${ItemLabel} {\n        color: ${props => COLORS.getColor('neutral_500', props.theme)};\n      }\n    }\n\n    &.active:hover:not(:disabled):not(.locked), &.active-hover-state {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n\n      ${ItemIcon}, ${ItemLabel} {\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\n      }      \n\n      &::after {\n        background-color: ${props => COLORS.getColor('primary_700', props.theme)};\n      }\n    }\n\n    &.active:active:not(:disabled):not(.locked), &.active-active-state {\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n\n      ${ItemIcon}, ${ItemLabel} {\n        color: ${props => COLORS.getColor('primary_800', props.theme)};\n      }\n\n      &::after {\n        background-color: ${props => COLORS.getColor('primary_800', props.theme)};\n      }\n    }\n\n    &.active.locked {\n      &::after {\n        background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\n      } \n    }\n\n    &.active:disabled:not(.locked) {\n      &::after {\n        background-color: ${props => COLORS.getColor('neutral_300', props.theme)};\n      }     \n    }\n\n    &:disabled:not(.locked), &.disabled-state {\n      background: none;\n      cursor: not-allowed;\n      \n      ${ItemIcon}, ${ItemLabel} {\n        color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n      }\n    }\n\n    &.dropdown-hover:not(:disabled) {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\n    }\n  `;\n};\n\nconst MenuItem = React.forwardRef<HTMLButtonElement, MenuItemProps>(({\n                                                                       active,\n                                                                       item,\n                                                                       onClickHandler,\n                                                                       size = Size.Medium,\n                                                                       className,\n                                                                       tabIndex,\n                                                                       iconRight,\n                                                                       id,\n                                                                       ...rest\n                                                                     }: MenuItemProps, ref) => {\n\n    const theme = useTheme();\n\n    return (\n    <DropdownButton\n        type=\"button\"\n        $size={size}\n        disabled={item.disabled || item.locked}\n        tabIndex={tabIndex}\n        onMouseDown={defaultOnMouseDownHandler}\n        ref={ref}\n        onClick={onClickHandler}\n        className={ className + ' ' + (item.locked ? 'locked' : '') + ' ' + (item.showDividerAbove ? 'show-divider-above' : '') + ' ' + (active ? 'active' : '')}\n        id={id}\n        {...rest}>\n        {item.showDividerAbove && <div className=\"divider\" />}\n        <ItemContent $size={size}>\n          {item.icon && <ItemIcon>{item.icon}</ItemIcon>}\n          <ItemLabel>\n              <div>\n                <div>{item.displayLabel ?? item.value}</div>\n                {item.noteLabel && <div style={{ fontSize: '12px', lineHeight: '16px' }}>{item.noteLabel}</div>}\n              </div>\n            {\n              item.locked &&\n              <ItemIconRight>\n                <SystemIcons.LockedOn color={COLORS.getColor('neutral_400', theme)} className=\"extraMargin\" size=\"24px\"/>\n              </ItemIconRight>\n            }\n            {\n              !item.locked && !!iconRight &&\n              <ItemIconRight>\n                {React.cloneElement(iconRight, {className: 'extraMargin', size: '24px',})}\n              </ItemIconRight>\n            }\n\n          </ItemLabel>\n        </ItemContent>\n  </DropdownButton>\n  );\n});\n\nexport default MenuItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MenuItem.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_icons","_types","_common","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","DropdownButton","styled","button","_taggedTemplateLiteral2","props","DropdownButtonCSS","$size","exports","ItemLabel","div","ItemIcon","ItemIconRight","ItemContent","Size","Small","Large","Medium","size","css","ComponentSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","ComponentMStyling","ComponentLStyling","focusStyles","MenuItem","forwardRef","_ref","ref","_item$displayLabel","active","item","onClickHandler","_ref$size","className","tabIndex","iconRight","id","rest","_objectWithoutProperties2","useTheme","jsxs","type","disabled","locked","onMouseDown","defaultOnMouseDownHandler","onClick","showDividerAbove","children","jsx","icon","displayLabel","value","noteLabel","style","fontSize","lineHeight","SystemIcons","LockedOn","color","cloneElement","propTypes","_propTypes","func","isRequired","bool","string","element","_default"],"sources":["../../src/MenuItem/MenuItem.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { css, useTheme } from 'styled-components';\r\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling} from '../styles';\r\nimport { DropdownItem } from '../Dropdown';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport interface MenuItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'onMouseDown' | 'onClick'> {\r\n  /** Required. Details of the item. */\r\n  item: DropdownItem;\r\n  /** Required. Handler to be called when user clicks on the menu item */\r\n  onClickHandler: (e: React.MouseEvent) => void;\r\n  /** Required. Styles are different for MenuItems in 'active' state.  */\r\n  active: boolean;\r\n  /** Required. Id of the MenuItem.  */\r\n  id: string;\r\n  /** Optional. Size of the component. Defaults to 'medium'.  */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Optional. Icon to be shown on the right side of the menu item. Icon will be shown only if 'locked' flag of 'item' is not set. */\r\n  iconRight?: React.ReactElement;\r\n}\r\n\r\nexport const DropdownButton = styled.button<{ $size?: Size }>`\r\n  ${(props) => DropdownButtonCSS(props.$size)}\r\n`;\r\n\r\nexport const ItemLabel = styled.div``;\r\n\r\nexport const ItemIcon = styled.div``;\r\n\r\nexport const ItemIconRight = styled.div`\r\n  align-items: center;\r\n  display: flex;\r\n`;\r\n\r\nexport const ItemContent = styled.div<{$size:Size}>`\r\n    margin: ${props=>props.$size===Size.Small?'auto 0 auto 10px':(props.$size===Size.Large?'auto 0 auto 26px':'auto 0 auto 18px')};\r\n    display: flex;\r\n    align-items: center;\r\n    flex-grow: 2;\r\n\r\n    ${ItemLabel} {\r\n      margin: ${props => props.$size === Size.Small || props.$size === Size.Medium ? '14px 0' : '16px 0'};\r\n      flex: 1 0 calc(100% - 40px);\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n    }\r\n\r\n    ${ItemIcon} {\r\n      margin-right: 8px;\r\n      svg {\r\n        display: block;\r\n        margin: auto;\r\n        height:${props=>props.$size===Size.Small?'20px':''};\r\n        width:${props=>props.$size===Size.Small?'20px':''};\r\n      }\r\n    }\r\n\r\n    ${ItemIconRight} {\r\n      flex-grow: 2;\r\n\r\n      .extraMargin {\r\n        position: absolute;\r\n        right: ${props=>props.$size===Size.Small?'16px':'24px'};\r\n      }\r\n    }\r\n`;\r\n\r\n\r\nexport const DropdownButtonCSS = (size?: Size) => {\r\n  return css`\r\n    ${props => size == Size.Small && ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    ${props => size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    ${props => size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n    position: relative;\r\n    text-decoration: none;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    min-height: ${size == Size.Large ? '64px' : size == Size.Medium ? '56px' : '48px'};\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    border: none;\r\n    cursor: pointer;\r\n    background: none;\r\n    width: 100%;\r\n    text-align: left;\r\n\r\n    span {\r\n      margin: auto 0 auto 16px;\r\n      line-height: 48px;\r\n    }\r\n\r\n    ${ItemLabel}, ${ItemIcon} {\r\n      color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    }\r\n\r\n    &:hover:not(.active):not(:disabled):not(.disabled-state),\r\n    &.hover-state:not(.active):not(:disabled):not(.disabled-state) {\r\n      background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      ${ItemLabel}, ${ItemIcon} {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      }\r\n    }\r\n\r\n    &:focus, &.focus-state, &.focus-visible {\r\n      ${focusStyles}\r\n    }\r\n\r\n    &:active:not(.active):not(:disabled):not(.disabled-state), &.active-state {\r\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      ${ItemLabel}, ${ItemIcon} {\r\n        color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      }\r\n    }\r\n\r\n    &.active {\r\n      background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n      ${ItemLabel}, ${ItemIcon} {\r\n        color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n      }\r\n\r\n      &::after {\r\n        position: absolute;\r\n        content: ' ';\r\n        width: 4px;\r\n        top: ${size == Size.Large ? '8px' : size == Size.Medium ? '6px' : '4px'};\r\n        bottom: ${size == Size.Large ? '8px' : size == Size.Medium ? '6px' : '4px'};\r\n        left: 4px;\r\n        background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n\r\n        border-radius: 4px;\r\n      }\r\n    }\r\n\r\n\r\n    &.locked {\r\n      background: none;\r\n      cursor: not-allowed;\r\n      \r\n      ${ItemIcon}, ${ItemLabel} {\r\n        color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n      }\r\n    }\r\n\r\n    &.active:hover:not(:disabled):not(.locked), &.active-hover-state {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n      ${ItemIcon}, ${ItemLabel} {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      }      \r\n\r\n      &::after {\r\n        background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      }\r\n    }\r\n\r\n    &.active:active:not(:disabled):not(.locked), &.active-active-state {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n      ${ItemIcon}, ${ItemLabel} {\r\n        color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      }\r\n\r\n      &::after {\r\n        background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      }\r\n    }\r\n\r\n    &.active.locked {\r\n      &::after {\r\n        background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n      } \r\n    }\r\n\r\n    &.active:disabled:not(.locked) {\r\n      &::after {\r\n        background-color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n      }     \r\n    }\r\n\r\n    &:disabled:not(.locked), &.disabled-state {\r\n      background: none;\r\n      cursor: not-allowed;\r\n      \r\n      ${ItemIcon}, ${ItemLabel} {\r\n        color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n      }\r\n    }\r\n\r\n    &.dropdown-hover:not(:disabled) {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  `;\r\n};\r\n\r\nconst MenuItem = React.forwardRef<HTMLButtonElement, MenuItemProps>(({\r\n                                                                       active,\r\n                                                                       item,\r\n                                                                       onClickHandler,\r\n                                                                       size = Size.Medium,\r\n                                                                       className,\r\n                                                                       tabIndex,\r\n                                                                       iconRight,\r\n                                                                       id,\r\n                                                                       ...rest\r\n                                                                     }: MenuItemProps, ref) => {\r\n\r\n    const theme = useTheme();\r\n\r\n    return (\r\n    <DropdownButton\r\n        type=\"button\"\r\n        $size={size}\r\n        disabled={item.disabled || item.locked}\r\n        tabIndex={tabIndex}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        ref={ref}\r\n        onClick={onClickHandler}\r\n        className={ className + ' ' + (item.locked ? 'locked' : '') + ' ' + (item.showDividerAbove ? 'show-divider-above' : '') + ' ' + (active ? 'active' : '')}\r\n        id={id}\r\n        {...rest}>\r\n        {item.showDividerAbove && <div className=\"divider\" />}\r\n        <ItemContent $size={size}>\r\n          {item.icon && <ItemIcon>{item.icon}</ItemIcon>}\r\n          <ItemLabel>\r\n              <div>\r\n                <div>{item.displayLabel ?? item.value}</div>\r\n                {item.noteLabel && <div style={{ fontSize: '12px', lineHeight: '16px' }}>{item.noteLabel}</div>}\r\n              </div>\r\n            {\r\n              item.locked &&\r\n              <ItemIconRight>\r\n                <SystemIcons.LockedOn color={COLORS.getColor('neutral_400', theme)} className=\"extraMargin\" size=\"24px\"/>\r\n              </ItemIconRight>\r\n            }\r\n            {\r\n              !item.locked && !!iconRight &&\r\n              <ItemIconRight>\r\n                {React.cloneElement(iconRight, {className: 'extraMargin', size: '24px',})}\r\n              </ItemIconRight>\r\n            }\r\n\r\n          </ItemLabel>\r\n        </ItemContent>\r\n  </DropdownButton>\r\n  );\r\n});\r\n\r\nexport default MenuItem;\r\n"],"mappings":"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","ignoreList":[]}