@laerdal/life-react-components 5.0.8-dev.1.full → 5.0.8-dev.2.full

package/dist/LinearProgress/LinearProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinearProgress.js","names":["React","Size","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Bar","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","Dot","_templateObject2","LineFill","_templateObject3","Line","_templateObject4","Label","_templateObject5","Content","_templateObject6","Wrapper","_templateObject7","Regular","LinearProgressType","LinearProgressVariant","LinearProgress","_ref","_ref$size","size","Medium","_ref$type","type","_ref$variant","variant","Normal","label","value","max","className","rest","_objectWithoutProperties","_excluded","renderBars","children","Array","from","keys","map","i","concat","Math","ceil","renderDots","renderLine","style","width","render","Bars","Dots","_objectSpread","propTypes","_pt","oneOf","string","number","isRequired"],"sources":["../../src/LinearProgress/LinearProgress.tsx"],"sourcesContent":["import React from 'react';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\n\nexport const Bar = styled.div`\n  flex: 1;\n  height: 6px;\n\n  &.small {\n    height: 6px;\n  }\n\n  &.medium {\n    height: 8px;\n  }\n\n  &.large {\n    height: 12px;\n  }\n\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\n\n  &.active {\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\n  }\n\n  &.current {\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\n  }\n\n  &.inverted {\n    background-color: ${props => COLORS.getColor('neutral_600', props.theme)};\n  }\n\n  &.inverted.active {\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\n  }\n\n  &.inverted.current {\n    background-color: ${props => COLORS.getColor('white', props.theme)};\n  }\n\n`;\n\nexport const Dot = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n\n\n  &:after {\n    content: '';\n    display: block;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\n  }\n\n  &.small {\n    &:after {\n      width: 6px;\n      height: 6px;\n    }\n\n    &.current:after {\n      width: 10px;\n      height: 10px;\n    }\n  }\n\n  &.medium {\n    &:after {\n      width: 8px;\n      height: 8px;\n    }\n\n    &.current:after {\n      width: 12px;\n      height: 12px;\n    }\n  }\n\n  &.large {\n    &:after {\n      width: 12px;\n      height: 12px;\n    }\n\n    &.current:after {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n\n  &.active:after {\n    background-color: ${props => COLORS.getColor('accent1_600', props.theme)};\n  }\n\n  &.current:after {\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\n  }\n\n  &.inverted:after {\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\n  }\n\n  &.inverted.active:after {\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\n  }\n\n  &.inverted.current:after {\n    background-color: ${props => COLORS.getColor('white', props.theme)};\n  }\n`;\n\nexport const LineFill = styled.div`\n  height: 100%;\n  max-width: 100%;\n  position: absolute;\n  z-index: 1;\n`;\n\nexport const Line = styled.div`\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\n    position: absolute;\n    right: 0;\n  }\n\n  &:before {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\n    position: absolute;\n    left: 0;\n  }\n\n  &.small {\n    height: 6px;\n    border-radius: 4px;\n\n    ${LineFill} {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 3px;\n      border-top-right-radius: 6px;\n      border-bottom-right-radius: 6px;\n    }\n\n    &:before {\n      width: 3px;\n      border-top-left-radius: 6px;\n      border-bottom-left-radius: 6px;\n    }\n  }\n\n  &.medium {\n    height: 8px;\n    border-radius: 4px;\n\n    ${LineFill} {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 4px;\n      border-top-right-radius: 8px;\n      border-bottom-right-radius: 8px;\n    }\n\n    &:before {\n      width: 4px;\n      border-top-left-radius: 8px;\n      border-bottom-left-radius: 8px;\n    }\n  }\n\n  &.large {\n    height: 12px;\n    border-radius: 6px;\n\n    ${LineFill} {\n      border-radius: 6px;\n    }\n\n    &:after {\n      width: 6px;\n      border-top-right-radius: 12px;\n      border-bottom-right-radius: 12px;\n    }\n\n    &:before {\n      width: 6px;\n      border-top-left-radius: 12px;\n      border-bottom-left-radius: 12px;\n    }\n  }\n\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\n\n  ${LineFill} {\n    background-color: ${props => COLORS.getColor('accent1_500', props.theme)};\n  }\n\n  &.inverted {\n    background-color: ${props => COLORS.getColor('neutral_700', props.theme)};\n\n    &:after,\n    &:before {\n      background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\n    }\n\n    ${LineFill} {\n      background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\n    }\n  }\n`;\n\nconst Label = styled.div`\n  color: ${props => COLORS.getColor('black', props.theme)};\n`;\n\nconst Content = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  height: 16px;\n`;\n\nconst Wrapper = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  &.inverted {\n    ${Label} {\n      color: ${props => COLORS.getColor('white', props.theme)};\n    }\n  }\n\n  &.small {\n    gap: 4px;\n\n    ${Label} {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${Content} {\n      gap: 4px;\n\n      ${Bar}:first-of-type {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n\n      ${Bar}:last-of-type {\n        border-top-right-radius: 6px;\n        border-bottom-right-radius: 6px;\n      }\n    }\n  }\n\n  &.medium {\n    ${Label} {\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${Content} {\n      gap: 6px;\n\n      ${Bar}:first-of-type {\n        border-top-left-radius: 8px;\n        border-bottom-left-radius: 8px;\n      }\n\n      ${Bar}:last-of-type {\n        border-top-right-radius: 8px;\n        border-bottom-right-radius: 8px;\n      }\n    }\n  }\n\n  &.large {\n    ${Label} {\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${Content} {\n      gap: 8px;\n\n      ${Bar}:first-of-type {\n        border-top-left-radius: 12px;\n        border-bottom-left-radius: 12px;\n      }\n\n      ${Bar}:last-of-type {\n        border-top-right-radius: 12px;\n        border-bottom-right-radius: 12px;\n      }\n    }\n  }\n\n  &.dots.small,\n  &.dots.medium {\n    ${Content} {\n      padding: 0 2px;\n    }\n  }\n\n  &.dots.large {\n    ${Content} {\n      padding: 0 3px;\n    }\n  }\n`;\n\nexport enum LinearProgressType {\n  Dots = 'dots',\n  Line = 'line',\n  Bars = 'bars',\n}\n\nexport enum LinearProgressVariant {\n  Normal = 'normal',\n  Inverted = 'inverted',\n}\n\nexport interface LinearProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Size of the component. Defaults to 'medium' */\n  size?: Size.Small | Size.Medium | Size.Large;\n  /** Progress type. Defaults to 'line' */\n  type?: LinearProgressType;\n  /** Progress variant. Defaults to 'normal' */\n  variant?: LinearProgressVariant;\n  /** Label of the component */\n  label?: string;\n /** Current value on the progress. */\n  value: number;\n  /** Maximum value of the progress bar. */\n  max: number;\n}\n\nconst LinearProgress: React.FunctionComponent<LinearProgressProps> = ({\n                                                                        size = Size.Medium,\n                                                                        type = LinearProgressType.Line,\n                                                                        variant = LinearProgressVariant.Normal,\n                                                                        label,\n                                                                        value,\n                                                                        max,\n                                                                        className,\n                                                                        ...rest\n                                                                      }) => {\n\n  const renderBars = () =>\n    <>\n      {Array.from(Array(max).keys()).map(i => (\n        <Bar key={i}\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\n      ))}\n    </>\n\n  const renderDots = () =>\n    <>\n      {Array.from(Array(max).keys()).map(i => (\n        <Dot key={i}\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\n      ))}\n    </>\n\n  const renderLine = () =>\n    <>\n      <Line className={`${variant} ${size}`}>\n        <LineFill style={{width: `${value / max * 100}%`}}/>\n      </Line>\n    </>\n\n\n  const render = () => {\n    switch (type) {\n      case LinearProgressType.Bars:\n        return renderBars();\n      case LinearProgressType.Dots:\n        return renderDots();\n      case LinearProgressType.Line:\n      default:\n        return renderLine();\n    }\n  }\n\n  return (\n    <Wrapper className={`${size} ${type} ${variant} ${className || ''}`} {...rest}>\n      {label && <Label>{label}</Label>}\n      <Content>\n        {render()}\n      </Content>\n    </Wrapper>\n  )\n};\n\nexport default LinearProgress;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LinearProgress.js","names":["React","Size","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Bar","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","Dot","_templateObject2","LineFill","_templateObject3","Line","_templateObject4","Label","_templateObject5","Content","_templateObject6","Wrapper","_templateObject7","Regular","LinearProgressType","LinearProgressVariant","LinearProgress","_ref","size","Medium","type","variant","Normal","label","value","max","className","rest","_objectWithoutProperties","_excluded","renderBars","children","Array","from","keys","map","i","concat","Math","ceil","renderDots","renderLine","style","width","render","Bars","Dots","_objectSpread","propTypes","_pt","oneOf","string","number","isRequired"],"sources":["../../src/LinearProgress/LinearProgress.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\r\n\r\nexport const Bar = styled.div`\r\n  flex: 1;\r\n  height: 6px;\r\n\r\n  &.small {\r\n    height: 6px;\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n  }\r\n\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  &.active {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.current {\r\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n\r\n  &.inverted.active {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nexport const Dot = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  }\r\n\r\n  &.small {\r\n    &:after {\r\n      width: 6px;\r\n      height: 6px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    &:after {\r\n      width: 8px;\r\n      height: 8px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    &:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n\r\n\r\n  &.active:after {\r\n    background-color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n\r\n  &.current:after {\r\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\r\n  }\r\n\r\n  &.inverted:after {\r\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.active:after {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current:after {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const LineFill = styled.div`\r\n  height: 100%;\r\n  max-width: 100%;\r\n  position: absolute;\r\n  z-index: 1;\r\n`;\r\n\r\nexport const Line = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    position: absolute;\r\n    right: 0;\r\n  }\r\n\r\n  &:before {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    position: absolute;\r\n    left: 0;\r\n  }\r\n\r\n  &.small {\r\n    height: 6px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 3px;\r\n      border-top-right-radius: 6px;\r\n      border-bottom-right-radius: 6px;\r\n    }\r\n\r\n    &:before {\r\n      width: 3px;\r\n      border-top-left-radius: 6px;\r\n      border-bottom-left-radius: 6px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 4px;\r\n      border-top-right-radius: 8px;\r\n      border-bottom-right-radius: 8px;\r\n    }\r\n\r\n    &:before {\r\n      width: 4px;\r\n      border-top-left-radius: 8px;\r\n      border-bottom-left-radius: 8px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n    border-radius: 6px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 6px;\r\n    }\r\n\r\n    &:after {\r\n      width: 6px;\r\n      border-top-right-radius: 12px;\r\n      border-bottom-right-radius: 12px;\r\n    }\r\n\r\n    &:before {\r\n      width: 6px;\r\n      border-top-left-radius: 12px;\r\n      border-bottom-left-radius: 12px;\r\n    }\r\n  }\r\n\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  ${LineFill} {\r\n    background-color: ${props => COLORS.getColor('accent1_500', props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n\r\n    &:after,\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n    }\r\n\r\n    ${LineFill} {\r\n      background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst Label = styled.div`\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nconst Content = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: row;\r\n  height: 16px;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  &.inverted {\r\n    ${Label} {\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${Label} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 4px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 6px;\r\n        border-bottom-left-radius: 6px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${Label} {\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 6px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 8px;\r\n        border-bottom-left-radius: 8px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 8px;\r\n        border-bottom-right-radius: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${Label} {\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 8px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 12px;\r\n        border-bottom-left-radius: 12px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 12px;\r\n        border-bottom-right-radius: 12px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dots.small,\r\n  &.dots.medium {\r\n    ${Content} {\r\n      padding: 0 2px;\r\n    }\r\n  }\r\n\r\n  &.dots.large {\r\n    ${Content} {\r\n      padding: 0 3px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport enum LinearProgressType {\r\n  Dots = 'dots',\r\n  Line = 'line',\r\n  Bars = 'bars',\r\n}\r\n\r\nexport enum LinearProgressVariant {\r\n  Normal = 'normal',\r\n  Inverted = 'inverted',\r\n}\r\n\r\nexport interface LinearProgressProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /** Size of the component. Defaults to 'medium' */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Progress type. Defaults to 'line' */\r\n  type?: LinearProgressType;\r\n  /** Progress variant. Defaults to 'normal' */\r\n  variant?: LinearProgressVariant;\r\n  /** Label of the component */\r\n  label?: string;\r\n /** Current value on the progress. */\r\n  value: number;\r\n  /** Maximum value of the progress bar. */\r\n  max: number;\r\n}\r\n\r\nconst LinearProgress: React.FunctionComponent<LinearProgressProps> = ({\r\n                                                                        size = Size.Medium,\r\n                                                                        type = LinearProgressType.Line,\r\n                                                                        variant = LinearProgressVariant.Normal,\r\n                                                                        label,\r\n                                                                        value,\r\n                                                                        max,\r\n                                                                        className,\r\n                                                                        ...rest\r\n                                                                      }) => {\r\n\r\n  const renderBars = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Bar key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderDots = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Dot key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderLine = () =>\r\n    <>\r\n      <Line className={`${variant} ${size}`}>\r\n        <LineFill style={{width: `${value / max * 100}%`}}/>\r\n      </Line>\r\n    </>\r\n\r\n\r\n  const render = () => {\r\n    switch (type) {\r\n      case LinearProgressType.Bars:\r\n        return renderBars();\r\n      case LinearProgressType.Dots:\r\n        return renderDots();\r\n      case LinearProgressType.Line:\r\n      default:\r\n        return renderLine();\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper className={`${size} ${type} ${variant} ${className || ''}`} {...rest}>\r\n      {label && <Label>{label}</Label>}\r\n      <Content>\r\n        {render()}\r\n      </Content>\r\n    </Wrapper>\r\n  )\r\n};\r\n\r\nexport default LinearProgress;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/LinearProgress/index.cjs

@@ -1,28 +1,27 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "LinearProgress", {
   enumerable: true,
-  get: function get() {
-    return _LinearProgress["default"];
+  get: function () {
+    return _LinearProgress.default;
   }
 });
 Object.defineProperty(exports, "LinearProgressType", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _LinearProgress.LinearProgressType;
   }
 });
 Object.defineProperty(exports, "LinearProgressVariant", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _LinearProgress.LinearProgressVariant;
   }
 });
 var _LinearProgress = _interopRequireWildcard(require("./LinearProgress"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 //# sourceMappingURL=index.cjs.map

package/dist/LinearProgress/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_LinearProgress","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set"],"sources":["../../src/LinearProgress/index.ts"],"sourcesContent":["import LinearProgress, {LinearProgressType, LinearProgressVariant} from './LinearProgress';\n\nexport {LinearProgressType, LinearProgressVariant};\nexport {LinearProgress}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA2F,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,SAAAH,wBAAAG,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","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_LinearProgress","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set"],"sources":["../../src/LinearProgress/index.ts"],"sourcesContent":["import LinearProgress, {LinearProgressType, LinearProgressVariant} from './LinearProgress';\r\n\r\nexport {LinearProgressType, LinearProgressVariant};\r\nexport {LinearProgress}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA2F,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,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,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA","ignoreList":[]}

package/dist/LinearProgress/index.d.ts

@@ -1,3 +1,3 @@
-import LinearProgress, { LinearProgressType, LinearProgressVariant } from './LinearProgress';
-export { LinearProgressType, LinearProgressVariant };
-export { LinearProgress };
+import LinearProgress, { LinearProgressType, LinearProgressVariant } from './LinearProgress';
+export { LinearProgressType, LinearProgressVariant };
+export { LinearProgress };

package/dist/LinearProgress/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["LinearProgress","LinearProgressType","LinearProgressVariant"],"sources":["../../src/LinearProgress/index.ts"],"sourcesContent":["import LinearProgress, {LinearProgressType, LinearProgressVariant} from './LinearProgress';\n\nexport {LinearProgressType, LinearProgressVariant};\nexport {LinearProgress}\n"],"mappings":"AAAA,OAAOA,cAAc,IAAGC,kBAAkB,EAAEC,qBAAqB,QAAO,kBAAkB;AAE1F,SAAQD,kBAAkB,EAAEC,qBAAqB;AACjD,SAAQF,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["LinearProgress","LinearProgressType","LinearProgressVariant"],"sources":["../../src/LinearProgress/index.ts"],"sourcesContent":["import LinearProgress, {LinearProgressType, LinearProgressVariant} from './LinearProgress';\r\n\r\nexport {LinearProgressType, LinearProgressVariant};\r\nexport {LinearProgress}\r\n"],"mappings":"AAAA,OAAOA,cAAc,IAAGC,kBAAkB,EAAEC,qBAAqB,QAAO,kBAAkB;AAE1F,SAAQD,kBAAkB,EAAEC,qBAAqB;AACjD,SAAQF,cAAc","ignoreList":[]}

package/dist/List/ListRow.cjs

@@ -1,13 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -21,70 +19,46 @@ var _types = require("../types");
 var _common = require("../common");
 var _Button = require("../Button");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["size", "variant", "icon", "mainText", "secondaryText", "dropdown", "note", "noteTooltip", "disabled", "action", "rightSideIcon", "rightSideAction", "rightSideIconDisabled", "className"];
+const _excluded = ["size", "variant", "icon", "mainText", "secondaryText", "dropdown", "note", "noteTooltip", "disabled", "action", "rightSideIcon", "rightSideAction", "rightSideIconDisabled", "className"];
 var _templateObject, _templateObject2;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Row = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  border-bottom: 1px solid ", ";\n  box-sizing: border-box;\n\n  color: ", ";\n  background-color: ", ";\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: ", ";\n    color: ", ";\n    z-index: ", ";\n  }\n\n  &.interactive:active:not(.in-action):not(.disabled) {\n    background-color: ", ";\n    color: ", ";\n    z-index: ", ";\n  }\n\n  &.interactive:focus {\n    ", "\n  }\n\n  &.disabled {\n    .list-item-icon, .list-item-content, .list-item-note, .list-item-actions {\n      color: ", ";\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      ", "\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      ", "\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      ", "\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    ", "\n  }\n\n  .list-item-note {\n    color: ", ";\n    word-break: initial;\n    ", "\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"])), function (props) {
-  return _styles.COLORS.getColor('neutral_100', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('neutral_600', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_20', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_700', props.theme);
-}, _styles.Z_INDEXES.hover, function (props) {
-  return _styles.COLORS.getColor('primary_100', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_800', props.theme);
-}, _styles.Z_INDEXES.active, _styles.focusStyles, function (props) {
-  return _styles.COLORS.getColor('neutral_300', props.theme);
-}, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null), (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, null), (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Regular, null), (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, null), function (props) {
-  return _styles.COLORS.getColor('neutral_600', props.theme);
-}, (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, null));
-var RightIcon = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 48px;\n  min-width: 48px;\n"])));
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const Row = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  border-bottom: 1px solid ", ";\n  box-sizing: border-box;\n\n  color: ", ";\n  background-color: ", ";\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: ", ";\n    color: ", ";\n    z-index: ", ";\n  }\n\n  &.interactive:active:not(.in-action):not(.disabled) {\n    background-color: ", ";\n    color: ", ";\n    z-index: ", ";\n  }\n\n  &.interactive:focus {\n    ", "\n  }\n\n  &.disabled {\n    .list-item-icon, .list-item-content, .list-item-note, .list-item-actions {\n      color: ", ";\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      ", "\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      ", "\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      ", "\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    ", "\n  }\n\n  .list-item-note {\n    color: ", ";\n    word-break: initial;\n    ", "\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"])), props => _styles.COLORS.getColor('neutral_100', props.theme), props => _styles.COLORS.getColor('neutral_600', props.theme), props => _styles.COLORS.getColor('white', props.theme), props => _styles.COLORS.getColor('primary_20', props.theme), props => _styles.COLORS.getColor('primary_700', props.theme), _styles.Z_INDEXES.hover, props => _styles.COLORS.getColor('primary_100', props.theme), props => _styles.COLORS.getColor('primary_800', props.theme), _styles.Z_INDEXES.active, _styles.focusStyles, props => _styles.COLORS.getColor('neutral_300', props.theme), (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null), (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, null), (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Regular, null), (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, null), props => _styles.COLORS.getColor('neutral_600', props.theme), (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, null));
+const RightIcon = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 48px;\n  min-width: 48px;\n"])));
 ;
-var ListRow = function ListRow(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? _types.Size.Medium : _ref$size,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
-    icon = _ref.icon,
-    mainText = _ref.mainText,
-    secondaryText = _ref.secondaryText,
-    dropdown = _ref.dropdown,
-    note = _ref.note,
-    noteTooltip = _ref.noteTooltip,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    action = _ref.action,
-    rightSideIcon = _ref.rightSideIcon,
-    rightSideAction = _ref.rightSideAction,
-    rightSideIconDisabled = _ref.rightSideIconDisabled,
-    className = _ref.className,
-    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    inAction = _React$useState2[0],
-    setInAction = _React$useState2[1];
-  var handleKeyDown = function handleKeyDown(e) {
+const ListRow = _ref => {
+  let {
+      size = _types.Size.Medium,
+      variant = 'normal',
+      icon,
+      mainText,
+      secondaryText,
+      dropdown,
+      note,
+      noteTooltip,
+      disabled = false,
+      action,
+      rightSideIcon,
+      rightSideAction,
+      rightSideIconDisabled,
+      className
+    } = _ref,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const [inAction, setInAction] = React.useState(false);
+  const handleKeyDown = e => {
     if (e.key === 'Enter') {
       action && action();
     }
   };
-  var rowClassName = (inAction ? 'in-action ' : '').concat(disabled ? 'disabled ' : '').concat(!!action ? 'interactive ' : '').concat('list-item-row ').concat("".concat(variant, " ")).concat("".concat(size)).concat(className ? " ".concat(className) : '');
+  const rowClassName = (inAction ? 'in-action ' : '').concat(disabled ? 'disabled ' : '').concat(!!action ? 'interactive ' : '').concat('list-item-row ').concat("".concat(variant, " ")).concat("".concat(size)).concat(className ? " ".concat(className) : '');
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Row, _objectSpread(_objectSpread({
     tabIndex: !action || disabled ? -1 : 0,
     className: rowClassName,
     onMouseDown: _common.defaultOnMouseDownHandler,
-    onKeyDown: function onKeyDown(e) {
-      return !disabled && handleKeyDown(e);
-    },
-    onClick: function onClick(e) {
+    onKeyDown: e => !disabled && handleKeyDown(e),
+    onClick: e => {
       !disabled && action && action();
     },
     "data-hj-suppress": true
@@ -118,12 +92,8 @@ var ListRow = function ListRow(_ref) {
       })]
     }), !!dropdown && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: 'list-item-actions',
-      onMouseEnter: function onMouseEnter() {
-        return setInAction(!(dropdown !== null && dropdown !== void 0 && dropdown.disabled));
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setInAction(false);
-      },
+      onMouseEnter: () => setInAction(!(dropdown !== null && dropdown !== void 0 && dropdown.disabled)),
+      onMouseLeave: () => setInAction(false),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.DropdownButton, _objectSpread(_objectSpread({}, dropdown), {}, {
         type: 'icon',
         disabled: disabled || dropdown.disabled,
@@ -131,12 +101,8 @@ var ListRow = function ListRow(_ref) {
       }))
     }), !!rightSideIcon && /*#__PURE__*/(0, _jsxRuntime.jsxs)(RightIcon, {
       className: 'list-item-actions',
-      onMouseEnter: function onMouseEnter() {
-        return rightSideAction && setInAction(!(dropdown !== null && dropdown !== void 0 && dropdown.disabled));
-      },
-      onMouseLeave: function onMouseLeave() {
-        return rightSideAction && setInAction(false);
-      },
+      onMouseEnter: () => rightSideAction && setInAction(!(dropdown !== null && dropdown !== void 0 && dropdown.disabled)),
+      onMouseLeave: () => rightSideAction && setInAction(false),
       children: [rightSideAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
         action: rightSideAction,
         variant: "secondary",
@@ -148,18 +114,17 @@ var ListRow = function ListRow(_ref) {
   }));
 };
 ListRow.propTypes = {
-  variant: _propTypes["default"].oneOf(['normal', 'overlay']),
-  icon: _propTypes["default"].node,
-  mainText: _propTypes["default"].string.isRequired,
-  secondaryText: _propTypes["default"].string,
-  note: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  noteTooltip: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  action: _propTypes["default"].func,
-  rightSideIcon: _propTypes["default"].node,
-  rightSideAction: _propTypes["default"].func,
-  rightSideIconDisabled: _propTypes["default"].bool
+  variant: _propTypes.default.oneOf(['normal', 'overlay']),
+  icon: _propTypes.default.node,
+  mainText: _propTypes.default.string.isRequired,
+  secondaryText: _propTypes.default.string,
+  note: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  noteTooltip: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  action: _propTypes.default.func,
+  rightSideIcon: _propTypes.default.node,
+  rightSideAction: _propTypes.default.func,
+  rightSideIconDisabled: _propTypes.default.bool
 };
-var _default = ListRow;
-exports["default"] = _default;
+var _default = exports.default = ListRow;
 //# sourceMappingURL=ListRow.cjs.map

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","default","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","size","Size","Medium","variant","icon","mainText","secondaryText","dropdown","note","noteTooltip","disabled","action","rightSideIcon","rightSideAction","rightSideIconDisabled","className","rest","_objectWithoutProperties2","inAction","setInAction","useState","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":"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","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;