@razorpay/blade 11.28.1 → 11.29.0

package/build/lib/web/production/components/ActionList/ActionListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionListItem.js","sources":["../../../../../../src/components/ActionList/ActionListItem.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { TouchableOpacity } from 'react-native';\nimport { componentIds } from './componentIds';\nimport { validateActionListItemProps, getNormalTextColor } from './actionListUtils';\nimport { getActionListItemRole, getActionListSectionRole } from './getA11yRoles';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport type { Platform } from '~utils';\nimport { castWebType, isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport { Box } from '~components/Box';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { BaseMenuItem, useBaseMenuItem } from '~components/BaseMenu';\nimport { Checkbox } from '~components/Checkbox';\n\ntype ActionListItemProps = {\n  title: string;\n  description?: string;\n  onClick?: (clickProps: {\n    name: string;\n    value?: boolean;\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: React.TouchEvent<TouchableOpacity>;\n    }>;\n  }) => void;\n  /**\n   * value that you get from `onChange` event on SelectInput or in form submissions.\n   */\n  value: string;\n  /**\n   * Link to open when item is clicked.\n   */\n  href?: string;\n  /**\n   * HTML target of the link\n   */\n  target?: string;\n  /**\n   * Item that goes on left-side of item.\n   *\n   * Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`\n   *\n   * Will be overriden in multiselect\n   */\n  leading?: React.ReactNode;\n  /**\n   * Item that goes on right-side of item.\n   *\n   * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Item that goes immediately next to the title.\n   *\n   * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`\n   *\n   */\n  titleSuffix?: React.ReactElement;\n  isDisabled?: boolean;\n  intent?: Extract<FeedbackColors, 'negative'>;\n  /**\n   * Can be used in combination of `onClick` to highlight item as selected in Button Triggers.\n   *\n   * When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.\n   */\n  isSelected?: boolean;\n  /**\n   * Internally passed from ActionList. No need to pass it explicitly\n   *\n   * @private\n   */\n  _index?: number;\n} & TestID;\n\nconst StyledActionListSectionTitle = styled(BaseBox)((props) => ({\n  // @TODO: replace this styled-component with new layout box when we have padding shorthand\n  padding: makeSize(props.theme.spacing[3]),\n}));\n\ntype ActionListSectionProps = {\n  title: string;\n  children: React.ReactNode[] | React.ReactNode;\n  /**\n   * Internally used to hide the divider on final item in React Native.\n   *\n   * Should not be used by consumers (also won't work on web)\n   *\n   * @private\n   */\n  _hideDivider?: boolean;\n  /**\n   * Internally used to hide / show section in AutoComplete\n   *\n   * @private\n   */\n  _sectionChildValues?: string[];\n} & TestID;\nconst _ActionListSection = ({\n  title,\n  children,\n  testID,\n  _hideDivider,\n  _sectionChildValues,\n}: ActionListSectionProps): React.ReactElement => {\n  const { hasAutoCompleteInBottomSheetHeader, dropdownTriggerer, filteredValues } = useDropdown();\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const isSectionVisible = React.useMemo(() => {\n    if (hasAutoComplete) {\n      const visibleActionListItemInSection = _sectionChildValues?.find((actionItemValue) =>\n        filteredValues.includes(actionItemValue),\n      );\n\n      return Boolean(visibleActionListItemInSection);\n    }\n\n    return true;\n  }, [_sectionChildValues, hasAutoComplete, filteredValues]);\n\n  const showDividerInRN = !(_hideDivider && isReactNative());\n  const showDividerInAutoComplete = hasAutoComplete\n    ? isSectionVisible && filteredValues.length > 1\n    : true;\n\n  return (\n    <BaseBox\n      {...makeAccessible({\n        role: getActionListSectionRole(),\n        label: title,\n      })}\n      {...metaAttribute({ name: MetaConstants.ActionListSection, testID })}\n    >\n      {/* We're announcing title as group label so we can hide this */}\n      {isSectionVisible ? (\n        <StyledActionListSectionTitle {...makeAccessible({ hidden: true })}>\n          <Text color=\"surface.text.gray.muted\" size=\"small\" weight=\"semibold\">\n            {title}\n          </Text>\n        </StyledActionListSectionTitle>\n      ) : null}\n      <BaseBox\n        {...makeAccessible({\n          // On web, we just wrap it in another listbox to announce item count properly for particular group.\n          // On React Native, we ignore it since `menu` + `group` role will take care of accessibility\n          role: isReactNative() ? undefined : 'listbox',\n        })}\n      >\n        {children}\n      </BaseBox>\n      {showDividerInAutoComplete && showDividerInRN ? (\n        <Divider marginX=\"spacing.3\" marginY=\"spacing.1\" />\n      ) : null}\n    </BaseBox>\n  );\n};\n\nconst ActionListSection = assignWithoutSideEffects(_ActionListSection, {\n  componentId: componentIds.ActionListSection,\n});\n\nconst _ActionListItemIcon = ({ icon }: { icon: IconComponent }): React.ReactElement => {\n  const Icon = icon;\n  const { color, isDisabled } = useBaseMenuItem();\n  const iconState = isDisabled ? 'disabled' : 'muted';\n  return (\n    <Icon\n      color={\n        color === 'negative'\n          ? 'feedback.icon.negative.intense'\n          : `interactive.icon.gray.${iconState}`\n      }\n      size=\"medium\"\n    />\n  );\n};\n\nconst ActionListItemIcon = assignWithoutSideEffects(_ActionListItemIcon, {\n  componentId: componentIds.ActionListItemIcon,\n});\n\nconst _ActionListItemBadgeGroup = ({\n  children,\n}: {\n  children: React.ReactElement[] | React.ReactElement;\n}): React.ReactElement => {\n  return (\n    <Box display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n      {children}\n    </Box>\n  );\n};\n\nconst ActionListItemBadgeGroup = assignWithoutSideEffects(_ActionListItemBadgeGroup, {\n  componentId: componentIds.ActionListItemBadgeGroup,\n});\n\nconst _ActionListItemBadge = (props: BadgeProps): React.ReactElement => {\n  return <Badge size=\"medium\" marginLeft=\"spacing.3\" {...props} />;\n};\n\nconst ActionListItemBadge = assignWithoutSideEffects(_ActionListItemBadge, {\n  componentId: componentIds.ActionListItemBadge,\n});\n\nconst _ActionListItemText = ({\n  children,\n}: {\n  children: StringChildrenType;\n}): React.ReactElement => {\n  const { isDisabled } = useBaseMenuItem();\n\n  return (\n    <Text variant=\"caption\" color={getNormalTextColor(isDisabled, { isMuted: true })}>\n      {children}\n    </Text>\n  );\n};\n\nconst ActionListItemText = assignWithoutSideEffects(_ActionListItemText, {\n  componentId: componentIds.ActionListItemText,\n});\n\ntype ClickHandlerType = (e: React.MouseEvent<HTMLButtonElement>) => void;\n\nconst makeActionListItemClickable = (\n  clickHandler: ClickHandlerType,\n): { onPress?: (e: React.TouchEvent<TouchableOpacity>) => void; onClick?: ClickHandlerType } => {\n  if (isReactNative()) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n    // @ts-ignore: ignoring ReactNative press type for the peace of mind\n    return { onPress: clickHandler };\n  }\n\n  return {\n    onClick: clickHandler,\n  };\n};\n\n/**\n * ### ActionListItem\n *\n * Creates option inside `ActionList`.\n *\n * #### Usage\n *\n * ```jsx\n * <ActionList>\n *  <ActionListItem\n *    title=\"Home\"\n *    value=\"home\"\n *    leading={<ActionListItemIcon icon={HomeIcon} />}\n *    trailing={<ActionListItemText>⌘ + S</ActionListItemText>}\n *  />\n * </ActionList>\n * ```\n */\nconst _ActionListItem = (props: ActionListItemProps): React.ReactElement => {\n  const {\n    activeIndex,\n    dropdownBaseId,\n    onOptionClick,\n    selectedIndices,\n    setShouldIgnoreBlurAnimation,\n    selectionType,\n    dropdownTriggerer,\n    isKeydownPressed,\n    filteredValues,\n    hasAutoCompleteInBottomSheetHeader,\n  } = useDropdown();\n\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const renderOnWebAs = props.href ? 'a' : 'button';\n\n  /**\n   * In SelectInput, returns the isSelected according to selected indexes in the state\n   *\n   * In Other Triggers (Menu Usecase), returns `props.isSelected` since passing the\n   * isSelected prop explicitly is the only way to select item in menu\n   */\n  const getIsSelected = (): boolean | undefined => {\n    if (dropdownTriggerer === dropdownComponentIds.triggers.SelectInput || hasAutoComplete) {\n      if (typeof props._index === 'number') {\n        return selectedIndices.includes(props._index);\n      }\n\n      return undefined;\n    }\n\n    return props.isSelected;\n  };\n\n  const isSelected = getIsSelected();\n\n  React.useEffect(() => {\n    validateActionListItemProps({\n      leading: props.leading,\n      trailing: props.trailing,\n      titleSuffix: props.titleSuffix,\n    });\n  }, [props.leading, props.trailing, props.titleSuffix]);\n\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (\n        dropdownTriggerer === dropdownComponentIds.triggers.SelectInput &&\n        props.intent === 'negative'\n      ) {\n        throwBladeError({\n          message:\n            'negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger',\n          moduleName: 'ActionListItem',\n        });\n      }\n    }\n  }, [props.intent, dropdownTriggerer]);\n\n  return (\n    // We use this context to change the color of subcomponents like ActionListItemIcon, ActionListItemText, etc\n    <BaseMenuItem\n      isVisible={hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true}\n      as={!isReactNative() ? renderOnWebAs : undefined}\n      id={`${dropdownBaseId}-${props._index}`}\n      tabIndex={-1}\n      title={props.title}\n      description={props.description}\n      leading={\n        selectionType === 'multiple' ? (\n          <BaseBox\n            pointerEvents=\"none\"\n            // Adding aria-hidden because the listbox item in multiselect in itself explains the behaviour so announcing checkbox is unneccesary and just a nice UI tweak for us\n            {...makeAccessible({\n              hidden: true,\n            })}\n          >\n            <Checkbox isChecked={isSelected} tabIndex={-1} isDisabled={props.isDisabled}>\n              {/* \n      Checkbox requires children. Didn't want to make it optional because its helpful for consumers\n      But for this case in particular, we just want to use Text separately so that we can control spacing and color and keep it consistent with non-multiselect dropdowns\n    */}\n              {null}\n            </Checkbox>\n          </BaseBox>\n        ) : (\n          props.leading\n        )\n      }\n      trailing={props.trailing}\n      titleSuffix={props.titleSuffix}\n      href={props.href}\n      target={props.target}\n      className={activeIndex === props._index ? 'active-focus' : ''}\n      isSelected={isSelected}\n      isDisabled={props.isDisabled}\n      role={getActionListItemRole(dropdownTriggerer, props.href)}\n      {...makeActionListItemClickable((e: React.MouseEvent<HTMLButtonElement>): void => {\n        if (typeof props._index === 'number') {\n          onOptionClick(e, props._index);\n          props.onClick?.({ name: props.value, value: isSelected, event: castWebType(e) });\n        }\n      })}\n      {...metaAttribute({ name: MetaConstants.ActionListItem, testID: props.testID })}\n      onMouseDown={() => {\n        // We want to keep focus on Dropdown's trigger while option is being clicked\n        // So We set this flag that ignores the blur animation to avoid the flicker between focus out + focus in\n        setShouldIgnoreBlurAnimation(true);\n      }}\n      onMouseUp={() => {\n        // (Contd from above comment...) We set this flag back to false since blur of SelectInput is done calling by this time\n        setShouldIgnoreBlurAnimation(false);\n      }}\n      data-value={props.value}\n      data-index={props._index}\n      selectionType={selectionType}\n      color={props.intent}\n      isKeydownPressed={isKeydownPressed}\n    />\n  );\n};\n\nconst ActionListItem = assignWithoutSideEffects(React.memo(_ActionListItem), {\n  componentId: componentIds.ActionListItem,\n  displayName: componentIds.ActionListItem,\n});\n\nexport type { ActionListItemProps, ActionListSectionProps };\nexport {\n  ActionListItem,\n  ActionListItemIcon,\n  ActionListItemText,\n  ActionListItemBadge,\n  ActionListItemBadgeGroup,\n  ActionListSection,\n};\n"],"names":["StyledActionListSectionTitle","styled","BaseBox","withConfig","displayName","componentId","props","padding","makeSize","theme","spacing","_ActionListSection","_ref","title","children","testID","_hideDivider","_sectionChildValues","_useDropdown","useDropdown","hasAutoCompleteInBottomSheetHeader","dropdownTriggerer","filteredValues","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","isSectionVisible","React","useMemo","visibleActionListItemInSection","find","actionItemValue","includes","Boolean","showDividerInRN","isReactNative","showDividerInAutoComplete","length","_jsxs","_objectSpread","makeAccessible","role","getActionListSectionRole","label","metaAttribute","name","MetaConstants","ActionListSection","_jsx","hidden","Text","color","size","weight","undefined","Divider","marginX","marginY","assignWithoutSideEffects","componentIds","_ActionListItemIcon","_ref2","icon","Icon","_useBaseMenuItem","useBaseMenuItem","isDisabled","iconState","concat","ActionListItemIcon","_ActionListItemBadgeGroup","_ref3","Box","display","alignItems","flexDirection","ActionListItemBadgeGroup","_ActionListItemBadge","Badge","marginLeft","ActionListItemBadge","_ActionListItemText","_ref4","_useBaseMenuItem2","variant","getNormalTextColor","isMuted","ActionListItemText","makeActionListItemClickable","clickHandler","onPress","onClick","_ActionListItem","_useDropdown2","activeIndex","dropdownBaseId","onOptionClick","selectedIndices","setShouldIgnoreBlurAnimation","selectionType","isKeydownPressed","renderOnWebAs","href","getIsSelected","SelectInput","_index","isSelected","useEffect","validateActionListItemProps","leading","trailing","titleSuffix","intent","throwBladeError","message","moduleName","BaseMenuItem","isVisible","value","as","id","tabIndex","description","pointerEvents","Checkbox","isChecked","target","className","getActionListItemRole","e","_props$onClick","call","event","castWebType","ActionListItem","onMouseDown","onMouseUp","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFA,IAAMA,4BAA4B,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8CAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAA,CAAA,CAAC,UAACC,KAAK,EAAA;EAAA,OAAM;AAC/D;IACAC,OAAO,EAAEC,QAAQ,CAACF,KAAK,CAACG,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,CAAA;GACzC,CAAA;AAAA,CAAC,CAAC,CAAA;AAoBH,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAM0B;AAAA,EAAA,IALhDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IACZC,mBAAmB,GAAAL,IAAA,CAAnBK,mBAAmB,CAAA;AAEnB,EAAA,IAAAC,YAAA,GAAkFC,WAAW,EAAE;IAAvFC,kCAAkC,GAAAF,YAAA,CAAlCE,kCAAkC;IAAEC,iBAAiB,GAAAH,YAAA,CAAjBG,iBAAiB;IAAEC,cAAc,GAAAJ,YAAA,CAAdI,cAAc,CAAA;EAC7E,IAAMC,eAAe,GACnBH,kCAAkC,IAClCC,iBAAiB,KAAKG,oBAAoB,CAACC,QAAQ,CAACC,YAAY,CAAA;AAElE,EAAA,IAAMC,gBAAgB,GAAGC,cAAK,CAACC,OAAO,CAAC,YAAM;AAC3C,IAAA,IAAIN,eAAe,EAAE;MACnB,IAAMO,8BAA8B,GAAGb,mBAAmB,KAAnBA,IAAAA,IAAAA,mBAAmB,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,CAAEc,IAAI,CAAC,UAACC,eAAe,EAAA;AAAA,QAAA,OAC/EV,cAAc,CAACW,QAAQ,CAACD,eAAe,CAAC,CAAA;AAAA,OAC1C,CAAC,CAAA;MAED,OAAOE,OAAO,CAACJ,8BAA8B,CAAC,CAAA;AAChD,KAAA;AAEA,IAAA,OAAO,IAAI,CAAA;GACZ,EAAE,CAACb,mBAAmB,EAAEM,eAAe,EAAED,cAAc,CAAC,CAAC,CAAA;EAE1D,IAAMa,eAAe,GAAG,EAAEnB,YAAY,IAAIoB,aAAa,EAAE,CAAC,CAAA;AAC1D,EAAA,IAAMC,yBAAyB,GAAGd,eAAe,GAC7CI,gBAAgB,IAAIL,cAAc,CAACgB,MAAM,GAAG,CAAC,GAC7C,IAAI,CAAA;EAER,oBACEC,IAAA,CAACrC,OAAO,EAAAsC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACFC,EAAAA,EAAAA,cAAc,CAAC;IACjBC,IAAI,EAAEC,wBAAwB,EAAE;AAChCC,IAAAA,KAAK,EAAE/B,KAAAA;GACR,CAAC,CACEgC,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,iBAAiB;AAAEjC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAD,IAAAA,QAAA,EAGnEa,CAAAA,gBAAgB,gBACfsB,GAAA,CAACjD,4BAA4B,EAAAwC,aAAA,CAAAA,aAAA,CAAKC,EAAAA,EAAAA,cAAc,CAAC;AAAES,MAAAA,MAAM,EAAE,IAAA;AAAK,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;MAAApC,QAAA,eAChEmC,GAAA,CAACE,IAAI,EAAA;AAACC,QAAAA,KAAK,EAAC,yBAAyB;AAACC,QAAAA,IAAI,EAAC,OAAO;AAACC,QAAAA,MAAM,EAAC,UAAU;AAAAxC,QAAAA,QAAA,EACjED,KAAAA;OACG,CAAA;AAAC,KAAA,CACqB,CAAC,GAC7B,IAAI,eACRoC,GAAA,CAAC/C,OAAO,EAAAsC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACFC,cAAc,CAAC;AACjB;AACA;AACAC,MAAAA,IAAI,EAAEN,aAAa,EAAE,GAAGmB,SAAS,GAAG,SAAA;AACtC,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAzC,MAAAA,QAAA,EAEDA,QAAAA;KACM,CAAA,CAAC,EACTuB,yBAAyB,IAAIF,eAAe,gBAC3Cc,GAAA,CAACO,OAAO,EAAA;AAACC,MAAAA,OAAO,EAAC,WAAW;AAACC,MAAAA,OAAO,EAAC,WAAA;KAAa,CAAC,GACjD,IAAI,CAAA;AAAA,GAAA,CACD,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMV,iBAAiB,gBAAGW,wBAAwB,CAAChD,kBAAkB,EAAE;EACrEN,WAAW,EAAEuD,YAAY,CAACZ,iBAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMa,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,EAA8D;AAAA,EAAA,IAAxDC,IAAI,GAAAD,KAAA,CAAJC,IAAI,CAAA;EACjC,IAAMC,IAAI,GAAGD,IAAI,CAAA;AACjB,EAAA,IAAAE,gBAAA,GAA8BC,eAAe,EAAE;IAAvCd,KAAK,GAAAa,gBAAA,CAALb,KAAK;IAAEe,UAAU,GAAAF,gBAAA,CAAVE,UAAU,CAAA;AACzB,EAAA,IAAMC,SAAS,GAAGD,UAAU,GAAG,UAAU,GAAG,OAAO,CAAA;EACnD,oBACElB,GAAA,CAACe,IAAI,EAAA;IACHZ,KAAK,EACHA,KAAK,KAAK,UAAU,GAChB,gCAAgC,GAAAiB,wBAAAA,CAAAA,MAAA,CACPD,SAAS,CACvC;AACDf,IAAAA,IAAI,EAAC,QAAA;AAAQ,GACd,CAAC,CAAA;AAEN,CAAC,CAAA;AAED,IAAMiB,kBAAkB,gBAAGX,wBAAwB,CAACE,mBAAmB,EAAE;EACvExD,WAAW,EAAEuD,YAAY,CAACU,kBAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAAC,KAAA,EAIL;AAAA,EAAA,IAHxB1D,QAAQ,GAAA0D,KAAA,CAAR1D,QAAQ,CAAA;EAIR,oBACEmC,GAAA,CAACwB,GAAG,EAAA;AAACC,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,UAAU,EAAC,QAAQ;AAACC,IAAAA,aAAa,EAAC,KAAK;AAAA9D,IAAAA,QAAA,EACxDA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAM+D,wBAAwB,gBAAGlB,wBAAwB,CAACY,yBAAyB,EAAE;EACnFlE,WAAW,EAAEuD,YAAY,CAACiB,wBAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIxE,KAAiB,EAAyB;AACtE,EAAA,oBAAO2C,GAAA,CAAC8B,KAAK,EAAAvC,aAAA,CAAA;AAACa,IAAAA,IAAI,EAAC,QAAQ;AAAC2B,IAAAA,UAAU,EAAC,WAAA;GAAgB1E,EAAAA,KAAK,CAAG,CAAC,CAAA;AAClE,CAAC,CAAA;AAED,IAAM2E,mBAAmB,gBAAGtB,wBAAwB,CAACmB,oBAAoB,EAAE;EACzEzE,WAAW,EAAEuD,YAAY,CAACqB,mBAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,EAIC;AAAA,EAAA,IAHxBrE,QAAQ,GAAAqE,KAAA,CAARrE,QAAQ,CAAA;AAIR,EAAA,IAAAsE,iBAAA,GAAuBlB,eAAe,EAAE;IAAhCC,UAAU,GAAAiB,iBAAA,CAAVjB,UAAU,CAAA;EAElB,oBACElB,GAAA,CAACE,IAAI,EAAA;AAACkC,IAAAA,OAAO,EAAC,SAAS;AAACjC,IAAAA,KAAK,EAAEkC,kBAAkB,CAACnB,UAAU,EAAE;AAAEoB,MAAAA,OAAO,EAAE,IAAA;AAAK,KAAC,CAAE;AAAAzE,IAAAA,QAAA,EAC9EA,QAAAA;AAAQ,GACL,CAAC,CAAA;AAEX,CAAC,CAAA;AAED,IAAM0E,kBAAkB,gBAAG7B,wBAAwB,CAACuB,mBAAmB,EAAE;EACvE7E,WAAW,EAAEuD,YAAY,CAAC4B,kBAAAA;AAC5B,CAAC,EAAC;AAIF,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAC/BC,YAA8B,EACgE;EAC9F,IAAItD,aAAa,EAAE,EAAE;AACnB;AACA;IACA,OAAO;AAAEuD,MAAAA,OAAO,EAAED,YAAAA;KAAc,CAAA;AAClC,GAAA;EAEA,OAAO;AACLE,IAAAA,OAAO,EAAEF,YAAAA;GACV,CAAA;AACH,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIvF,KAA0B,EAAyB;AAC1E,EAAA,IAAAwF,aAAA,GAWI3E,WAAW,EAAE;IAVf4E,WAAW,GAAAD,aAAA,CAAXC,WAAW;IACXC,cAAc,GAAAF,aAAA,CAAdE,cAAc;IACdC,aAAa,GAAAH,aAAA,CAAbG,aAAa;IACbC,eAAe,GAAAJ,aAAA,CAAfI,eAAe;IACfC,4BAA4B,GAAAL,aAAA,CAA5BK,4BAA4B;IAC5BC,aAAa,GAAAN,aAAA,CAAbM,aAAa;IACb/E,iBAAiB,GAAAyE,aAAA,CAAjBzE,iBAAiB;IACjBgF,gBAAgB,GAAAP,aAAA,CAAhBO,gBAAgB;IAChB/E,cAAc,GAAAwE,aAAA,CAAdxE,cAAc;IACdF,kCAAkC,GAAA0E,aAAA,CAAlC1E,kCAAkC,CAAA;EAGpC,IAAMG,eAAe,GACnBH,kCAAkC,IAClCC,iBAAiB,KAAKG,oBAAoB,CAACC,QAAQ,CAACC,YAAY,CAAA;EAElE,IAAM4E,aAAa,GAAGhG,KAAK,CAACiG,IAAI,GAAG,GAAG,GAAG,QAAQ,CAAA;;AAEjD;AACF;AACA;AACA;AACA;AACA;AACE,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAA8B;IAC/C,IAAInF,iBAAiB,KAAKG,oBAAoB,CAACC,QAAQ,CAACgF,WAAW,IAAIlF,eAAe,EAAE;AACtF,MAAA,IAAI,OAAOjB,KAAK,CAACoG,MAAM,KAAK,QAAQ,EAAE;AACpC,QAAA,OAAOR,eAAe,CAACjE,QAAQ,CAAC3B,KAAK,CAACoG,MAAM,CAAC,CAAA;AAC/C,OAAA;AAEA,MAAA,OAAOnD,SAAS,CAAA;AAClB,KAAA;IAEA,OAAOjD,KAAK,CAACqG,UAAU,CAAA;GACxB,CAAA;AAED,EAAA,IAAMA,UAAU,GAAGH,aAAa,EAAE,CAAA;EAElC5E,cAAK,CAACgF,SAAS,CAAC,YAAM;AACpBC,IAAAA,2BAA2B,CAAC;MAC1BC,OAAO,EAAExG,KAAK,CAACwG,OAAO;MACtBC,QAAQ,EAAEzG,KAAK,CAACyG,QAAQ;MACxBC,WAAW,EAAE1G,KAAK,CAAC0G,WAAAA;AACrB,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAAC1G,KAAK,CAACwG,OAAO,EAAExG,KAAK,CAACyG,QAAQ,EAAEzG,KAAK,CAAC0G,WAAW,CAAC,CAAC,CAAA;EAEtDpF,cAAK,CAACgF,SAAS,CAAC,YAAM;AACpB,IAAA,IAAI,KAAO,EAAE;AACX,MAAA,IACEvF,iBAAiB,KAAKG,oBAAoB,CAACC,QAAQ,CAACgF,WAAW,IAC/DnG,KAAK,CAAC2G,MAAM,KAAK,UAAU,EAC3B;AACAC,QAAAA,eAAe,CAAC;AACdC,UAAAA,OAAO,EACL,wFAAwF;AAC1FC,UAAAA,UAAU,EAAE,gBAAA;AACd,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAA;GACD,EAAE,CAAC9G,KAAK,CAAC2G,MAAM,EAAE5F,iBAAiB,CAAC,CAAC,CAAA;AAErC,EAAA;AAAA;AACE;AACA4B,IAAAA,GAAA,CAACoE,YAAY,EAAA7E,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACX8E,MAAAA,SAAS,EAAE/F,eAAe,IAAID,cAAc,GAAGA,cAAc,CAACW,QAAQ,CAAC3B,KAAK,CAACiH,KAAK,CAAC,GAAG,IAAK;MAC3FC,EAAE,EAAE,CAACpF,aAAa,EAAE,GAAGkE,aAAa,GAAG/C,SAAU;MACjDkE,EAAE,EAAA,EAAA,CAAApD,MAAA,CAAK2B,cAAc,EAAA,GAAA,CAAA,CAAA3B,MAAA,CAAI/D,KAAK,CAACoG,MAAM,CAAG;MACxCgB,QAAQ,EAAE,CAAC,CAAE;MACb7G,KAAK,EAAEP,KAAK,CAACO,KAAM;MACnB8G,WAAW,EAAErH,KAAK,CAACqH,WAAY;MAC/Bb,OAAO,EACLV,aAAa,KAAK,UAAU,gBAC1BnD,GAAA,CAAC/C,OAAO,EAAAsC,aAAA,CAAAA,aAAA,CAAA;AACNoF,QAAAA,aAAa,EAAC,MAAA;AACd;AAAA,OAAA,EACInF,cAAc,CAAC;AACjBS,QAAAA,MAAM,EAAE,IAAA;AACV,OAAC,CAAC,CAAA,EAAA,EAAA,EAAA;QAAApC,QAAA,eAEFmC,GAAA,CAAC4E,QAAQ,EAAA;AAACC,UAAAA,SAAS,EAAEnB,UAAW;UAACe,QAAQ,EAAE,CAAC,CAAE;UAACvD,UAAU,EAAE7D,KAAK,CAAC6D,UAAW;AAAArD,UAAAA,QAAA,EAKzE,IAAA;SACO,CAAA;AAAC,OAAA,CACJ,CAAC,GAEVR,KAAK,CAACwG,OAET;MACDC,QAAQ,EAAEzG,KAAK,CAACyG,QAAS;MACzBC,WAAW,EAAE1G,KAAK,CAAC0G,WAAY;MAC/BT,IAAI,EAAEjG,KAAK,CAACiG,IAAK;MACjBwB,MAAM,EAAEzH,KAAK,CAACyH,MAAO;MACrBC,SAAS,EAAEjC,WAAW,KAAKzF,KAAK,CAACoG,MAAM,GAAG,cAAc,GAAG,EAAG;AAC9DC,MAAAA,UAAU,EAAEA,UAAW;MACvBxC,UAAU,EAAE7D,KAAK,CAAC6D,UAAW;AAC7BzB,MAAAA,IAAI,EAAEuF,qBAAqB,CAAC5G,iBAAiB,EAAEf,KAAK,CAACiG,IAAI,CAAA;AAAE,KAAA,EACvDd,2BAA2B,CAAC,UAACyC,CAAsC,EAAW;AAChF,MAAA,IAAI,OAAO5H,KAAK,CAACoG,MAAM,KAAK,QAAQ,EAAE;AAAA,QAAA,IAAAyB,cAAA,CAAA;AACpClC,QAAAA,aAAa,CAACiC,CAAC,EAAE5H,KAAK,CAACoG,MAAM,CAAC,CAAA;AAC9B,QAAA,CAAAyB,cAAA,GAAA7H,KAAK,CAACsF,OAAO,MAAA,IAAA,IAAAuC,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,cAAA,CAAAC,IAAA,CAAA9H,KAAK,EAAW;UAAEwC,IAAI,EAAExC,KAAK,CAACiH,KAAK;AAAEA,UAAAA,KAAK,EAAEZ,UAAU;UAAE0B,KAAK,EAAEC,WAAW,CAACJ,CAAC,CAAA;AAAE,SAAC,CAAC,CAAA;AAClF,OAAA;KACD,CAAC,CACErF,EAAAA,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAACwF,cAAc;MAAExH,MAAM,EAAET,KAAK,CAACS,MAAAA;AAAO,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;MAC/EyH,WAAW,EAAE,SAAAA,WAAAA,GAAM;AACjB;AACA;QACArC,4BAA4B,CAAC,IAAI,CAAC,CAAA;OAClC;MACFsC,SAAS,EAAE,SAAAA,SAAAA,GAAM;AACf;QACAtC,4BAA4B,CAAC,KAAK,CAAC,CAAA;OACnC;MACF,YAAY7F,EAAAA,KAAK,CAACiH,KAAM;MACxB,YAAYjH,EAAAA,KAAK,CAACoG,MAAO;AACzBN,MAAAA,aAAa,EAAEA,aAAc;MAC7BhD,KAAK,EAAE9C,KAAK,CAAC2G,MAAO;AACpBZ,MAAAA,gBAAgB,EAAEA,gBAAAA;KACnB,CAAA,CAAA;AAAC,IAAA;AAEN,CAAC,CAAA;AAEKkC,IAAAA,cAAc,gBAAG5E,wBAAwB,eAAC/B,cAAK,CAAC8G,IAAI,CAAC7C,eAAe,CAAC,EAAE;EAC3ExF,WAAW,EAAEuD,YAAY,CAAC2E,cAAc;EACxCnI,WAAW,EAAEwD,YAAY,CAAC2E,cAAAA;AAC5B,CAAC;;;;"}
+{"version":3,"file":"ActionListItem.js","sources":["../../../../../../src/components/ActionList/ActionListItem.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { TouchableOpacity } from 'react-native';\nimport { componentIds } from './componentIds';\nimport { validateActionListItemProps, getNormalTextColor } from './actionListUtils';\nimport { getActionListItemRole, getActionListSectionRole } from './getA11yRoles';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport type { Platform } from '~utils';\nimport { castWebType, isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport { Box } from '~components/Box';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { BaseMenuItem, useBaseMenuItem } from '~components/BaseMenu';\nimport { Checkbox } from '~components/Checkbox';\nimport type { AvatarProps } from '~components/Avatar/types';\nimport { Avatar } from '~components/Avatar';\n\ntype ActionListItemProps = {\n  title: string;\n  description?: string;\n  onClick?: (clickProps: {\n    name: string;\n    value?: boolean;\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: React.TouchEvent<TouchableOpacity>;\n    }>;\n  }) => void;\n  /**\n   * value that you get from `onChange` event on SelectInput or in form submissions.\n   */\n  value: string;\n  /**\n   * Link to open when item is clicked.\n   */\n  href?: string;\n  /**\n   * HTML target of the link\n   */\n  target?: string;\n  /**\n   * Item that goes on left-side of item.\n   *\n   * Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`\n   *\n   * Will be overriden in multiselect\n   */\n  leading?: React.ReactNode;\n  /**\n   * Item that goes on right-side of item.\n   *\n   * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Item that goes immediately next to the title.\n   *\n   * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`\n   *\n   */\n  titleSuffix?: React.ReactElement;\n  isDisabled?: boolean;\n  intent?: Extract<FeedbackColors, 'negative'>;\n  /**\n   * Can be used in combination of `onClick` to highlight item as selected in Button Triggers.\n   *\n   * When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.\n   */\n  isSelected?: boolean;\n  /**\n   * Internally passed from ActionList. No need to pass it explicitly\n   *\n   * @private\n   */\n  _index?: number;\n} & TestID;\n\nconst StyledActionListSectionTitle = styled(BaseBox)((props) => ({\n  // @TODO: replace this styled-component with new layout box when we have padding shorthand\n  padding: makeSize(props.theme.spacing[3]),\n}));\n\ntype ActionListSectionProps = {\n  title: string;\n  children: React.ReactNode[] | React.ReactNode;\n  /**\n   * Internally used to hide the divider on final item in React Native.\n   *\n   * Should not be used by consumers (also won't work on web)\n   *\n   * @private\n   */\n  _hideDivider?: boolean;\n  /**\n   * Internally used to hide / show section in AutoComplete\n   *\n   * @private\n   */\n  _sectionChildValues?: string[];\n} & TestID;\nconst _ActionListSection = ({\n  title,\n  children,\n  testID,\n  _hideDivider,\n  _sectionChildValues,\n}: ActionListSectionProps): React.ReactElement => {\n  const { hasAutoCompleteInBottomSheetHeader, dropdownTriggerer, filteredValues } = useDropdown();\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const isSectionVisible = React.useMemo(() => {\n    if (hasAutoComplete) {\n      const visibleActionListItemInSection = _sectionChildValues?.find((actionItemValue) =>\n        filteredValues.includes(actionItemValue),\n      );\n\n      return Boolean(visibleActionListItemInSection);\n    }\n\n    return true;\n  }, [_sectionChildValues, hasAutoComplete, filteredValues]);\n\n  const showDividerInRN = !(_hideDivider && isReactNative());\n  const showDividerInAutoComplete = hasAutoComplete\n    ? isSectionVisible && filteredValues.length > 1\n    : true;\n\n  return (\n    <BaseBox\n      {...makeAccessible({\n        role: getActionListSectionRole(),\n        label: title,\n      })}\n      {...metaAttribute({ name: MetaConstants.ActionListSection, testID })}\n    >\n      {/* We're announcing title as group label so we can hide this */}\n      {isSectionVisible ? (\n        <StyledActionListSectionTitle {...makeAccessible({ hidden: true })}>\n          <Text color=\"surface.text.gray.muted\" size=\"small\" weight=\"semibold\">\n            {title}\n          </Text>\n        </StyledActionListSectionTitle>\n      ) : null}\n      <BaseBox\n        {...makeAccessible({\n          // On web, we just wrap it in another listbox to announce item count properly for particular group.\n          // On React Native, we ignore it since `menu` + `group` role will take care of accessibility\n          role: isReactNative() ? undefined : 'listbox',\n        })}\n      >\n        {children}\n      </BaseBox>\n      {showDividerInAutoComplete && showDividerInRN ? (\n        <Divider marginX=\"spacing.3\" marginY=\"spacing.1\" />\n      ) : null}\n    </BaseBox>\n  );\n};\n\nconst ActionListSection = assignWithoutSideEffects(_ActionListSection, {\n  componentId: componentIds.ActionListSection,\n});\n\nconst _ActionListItemIcon = ({ icon }: { icon: IconComponent }): React.ReactElement => {\n  const Icon = icon;\n  const { color, isDisabled } = useBaseMenuItem();\n  const iconState = isDisabled ? 'disabled' : 'muted';\n  return (\n    <Icon\n      color={\n        color === 'negative'\n          ? 'feedback.icon.negative.intense'\n          : `interactive.icon.gray.${iconState}`\n      }\n      size=\"medium\"\n    />\n  );\n};\n\nconst ActionListItemIcon = assignWithoutSideEffects(_ActionListItemIcon, {\n  componentId: componentIds.ActionListItemIcon,\n});\n\nconst _ActionListItemBadgeGroup = ({\n  children,\n}: {\n  children: React.ReactElement[] | React.ReactElement;\n}): React.ReactElement => {\n  return (\n    <Box display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n      {children}\n    </Box>\n  );\n};\n\nconst ActionListItemBadgeGroup = assignWithoutSideEffects(_ActionListItemBadgeGroup, {\n  componentId: componentIds.ActionListItemBadgeGroup,\n});\n\nconst _ActionListItemAvatar = (avatarProps: Omit<AvatarProps, 'size' | ''>): React.ReactElement => {\n  return <Avatar size=\"xsmall\" {...avatarProps} />;\n};\n\nconst ActionListItemAvatar = assignWithoutSideEffects(_ActionListItemAvatar, {\n  componentId: componentIds.ActionListItemAvatar,\n});\n\nconst _ActionListItemBadge = (props: BadgeProps): React.ReactElement => {\n  return <Badge size=\"medium\" marginLeft=\"spacing.3\" {...props} />;\n};\n\nconst ActionListItemBadge = assignWithoutSideEffects(_ActionListItemBadge, {\n  componentId: componentIds.ActionListItemBadge,\n});\n\nconst _ActionListItemText = ({\n  children,\n}: {\n  children: StringChildrenType;\n}): React.ReactElement => {\n  const { isDisabled } = useBaseMenuItem();\n\n  return (\n    <Text variant=\"caption\" color={getNormalTextColor(isDisabled, { isMuted: true })}>\n      {children}\n    </Text>\n  );\n};\n\nconst ActionListItemText = assignWithoutSideEffects(_ActionListItemText, {\n  componentId: componentIds.ActionListItemText,\n});\n\ntype ClickHandlerType = (e: React.MouseEvent<HTMLButtonElement>) => void;\n\nconst makeActionListItemClickable = (\n  clickHandler: ClickHandlerType,\n): { onPress?: (e: React.TouchEvent<TouchableOpacity>) => void; onClick?: ClickHandlerType } => {\n  if (isReactNative()) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n    // @ts-ignore: ignoring ReactNative press type for the peace of mind\n    return { onPress: clickHandler };\n  }\n\n  return {\n    onClick: clickHandler,\n  };\n};\n\n/**\n * ### ActionListItem\n *\n * Creates option inside `ActionList`.\n *\n * #### Usage\n *\n * ```jsx\n * <ActionList>\n *  <ActionListItem\n *    title=\"Home\"\n *    value=\"home\"\n *    leading={<ActionListItemIcon icon={HomeIcon} />}\n *    trailing={<ActionListItemText>⌘ + S</ActionListItemText>}\n *  />\n * </ActionList>\n * ```\n */\nconst _ActionListItem = (props: ActionListItemProps): React.ReactElement => {\n  const {\n    activeIndex,\n    dropdownBaseId,\n    onOptionClick,\n    selectedIndices,\n    setShouldIgnoreBlurAnimation,\n    selectionType,\n    dropdownTriggerer,\n    isKeydownPressed,\n    filteredValues,\n    hasAutoCompleteInBottomSheetHeader,\n  } = useDropdown();\n\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const renderOnWebAs = props.href ? 'a' : 'button';\n\n  /**\n   * In SelectInput, returns the isSelected according to selected indexes in the state\n   *\n   * In Other Triggers (Menu Usecase), returns `props.isSelected` since passing the\n   * isSelected prop explicitly is the only way to select item in menu\n   */\n  const getIsSelected = (): boolean | undefined => {\n    if (dropdownTriggerer === dropdownComponentIds.triggers.SelectInput || hasAutoComplete) {\n      if (typeof props._index === 'number') {\n        return selectedIndices.includes(props._index);\n      }\n\n      return undefined;\n    }\n\n    return props.isSelected;\n  };\n\n  const isSelected = getIsSelected();\n\n  React.useEffect(() => {\n    validateActionListItemProps({\n      leading: props.leading,\n      trailing: props.trailing,\n      titleSuffix: props.titleSuffix,\n    });\n  }, [props.leading, props.trailing, props.titleSuffix]);\n\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (\n        dropdownTriggerer === dropdownComponentIds.triggers.SelectInput &&\n        props.intent === 'negative'\n      ) {\n        throwBladeError({\n          message:\n            'negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger',\n          moduleName: 'ActionListItem',\n        });\n      }\n    }\n  }, [props.intent, dropdownTriggerer]);\n\n  return (\n    // We use this context to change the color of subcomponents like ActionListItemIcon, ActionListItemText, etc\n    <BaseMenuItem\n      isVisible={hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true}\n      as={!isReactNative() ? renderOnWebAs : undefined}\n      id={`${dropdownBaseId}-${props._index}`}\n      tabIndex={-1}\n      title={props.title}\n      description={props.description}\n      leading={\n        selectionType === 'multiple' ? (\n          <BaseBox\n            pointerEvents=\"none\"\n            // Adding aria-hidden because the listbox item in multiselect in itself explains the behaviour so announcing checkbox is unneccesary and just a nice UI tweak for us\n            {...makeAccessible({\n              hidden: true,\n            })}\n          >\n            <Checkbox isChecked={isSelected} tabIndex={-1} isDisabled={props.isDisabled}>\n              {/* \n      Checkbox requires children. Didn't want to make it optional because its helpful for consumers\n      But for this case in particular, we just want to use Text separately so that we can control spacing and color and keep it consistent with non-multiselect dropdowns\n    */}\n              {null}\n            </Checkbox>\n          </BaseBox>\n        ) : (\n          props.leading\n        )\n      }\n      trailing={props.trailing}\n      titleSuffix={props.titleSuffix}\n      href={props.href}\n      target={props.target}\n      className={activeIndex === props._index ? 'active-focus' : ''}\n      isSelected={isSelected}\n      isDisabled={props.isDisabled}\n      role={getActionListItemRole(dropdownTriggerer, props.href)}\n      {...makeActionListItemClickable((e: React.MouseEvent<HTMLButtonElement>): void => {\n        if (typeof props._index === 'number') {\n          onOptionClick(e, props._index);\n          props.onClick?.({ name: props.value, value: isSelected, event: castWebType(e) });\n        }\n      })}\n      {...metaAttribute({ name: MetaConstants.ActionListItem, testID: props.testID })}\n      onMouseDown={() => {\n        // We want to keep focus on Dropdown's trigger while option is being clicked\n        // So We set this flag that ignores the blur animation to avoid the flicker between focus out + focus in\n        setShouldIgnoreBlurAnimation(true);\n      }}\n      onMouseUp={() => {\n        // (Contd from above comment...) We set this flag back to false since blur of SelectInput is done calling by this time\n        setShouldIgnoreBlurAnimation(false);\n      }}\n      data-value={props.value}\n      data-index={props._index}\n      selectionType={selectionType}\n      color={props.intent}\n      isKeydownPressed={isKeydownPressed}\n    />\n  );\n};\n\nconst ActionListItem = assignWithoutSideEffects(React.memo(_ActionListItem), {\n  componentId: componentIds.ActionListItem,\n  displayName: componentIds.ActionListItem,\n});\n\nexport type { ActionListItemProps, ActionListSectionProps };\nexport {\n  ActionListItem,\n  ActionListItemIcon,\n  ActionListItemText,\n  ActionListItemAvatar,\n  ActionListItemBadge,\n  ActionListItemBadgeGroup,\n  ActionListSection,\n};\n"],"names":["StyledActionListSectionTitle","styled","BaseBox","withConfig","displayName","componentId","props","padding","makeSize","theme","spacing","_ActionListSection","_ref","title","children","testID","_hideDivider","_sectionChildValues","_useDropdown","useDropdown","hasAutoCompleteInBottomSheetHeader","dropdownTriggerer","filteredValues","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","isSectionVisible","React","useMemo","visibleActionListItemInSection","find","actionItemValue","includes","Boolean","showDividerInRN","isReactNative","showDividerInAutoComplete","length","_jsxs","_objectSpread","makeAccessible","role","getActionListSectionRole","label","metaAttribute","name","MetaConstants","ActionListSection","_jsx","hidden","Text","color","size","weight","undefined","Divider","marginX","marginY","assignWithoutSideEffects","componentIds","_ActionListItemIcon","_ref2","icon","Icon","_useBaseMenuItem","useBaseMenuItem","isDisabled","iconState","concat","ActionListItemIcon","_ActionListItemBadgeGroup","_ref3","Box","display","alignItems","flexDirection","ActionListItemBadgeGroup","_ActionListItemAvatar","avatarProps","Avatar","ActionListItemAvatar","_ActionListItemBadge","Badge","marginLeft","ActionListItemBadge","_ActionListItemText","_ref4","_useBaseMenuItem2","variant","getNormalTextColor","isMuted","ActionListItemText","makeActionListItemClickable","clickHandler","onPress","onClick","_ActionListItem","_useDropdown2","activeIndex","dropdownBaseId","onOptionClick","selectedIndices","setShouldIgnoreBlurAnimation","selectionType","isKeydownPressed","renderOnWebAs","href","getIsSelected","SelectInput","_index","isSelected","useEffect","validateActionListItemProps","leading","trailing","titleSuffix","intent","throwBladeError","message","moduleName","BaseMenuItem","isVisible","value","as","id","tabIndex","description","pointerEvents","Checkbox","isChecked","target","className","getActionListItemRole","e","_props$onClick","call","event","castWebType","ActionListItem","onMouseDown","onMouseUp","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA,IAAMA,4BAA4B,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8CAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAA,CAAA,CAAC,UAACC,KAAK,EAAA;EAAA,OAAM;AAC/D;IACAC,OAAO,EAAEC,QAAQ,CAACF,KAAK,CAACG,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC,CAAA;GACzC,CAAA;AAAA,CAAC,CAAC,CAAA;AAoBH,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAM0B;AAAA,EAAA,IALhDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IACZC,mBAAmB,GAAAL,IAAA,CAAnBK,mBAAmB,CAAA;AAEnB,EAAA,IAAAC,YAAA,GAAkFC,WAAW,EAAE;IAAvFC,kCAAkC,GAAAF,YAAA,CAAlCE,kCAAkC;IAAEC,iBAAiB,GAAAH,YAAA,CAAjBG,iBAAiB;IAAEC,cAAc,GAAAJ,YAAA,CAAdI,cAAc,CAAA;EAC7E,IAAMC,eAAe,GACnBH,kCAAkC,IAClCC,iBAAiB,KAAKG,oBAAoB,CAACC,QAAQ,CAACC,YAAY,CAAA;AAElE,EAAA,IAAMC,gBAAgB,GAAGC,cAAK,CAACC,OAAO,CAAC,YAAM;AAC3C,IAAA,IAAIN,eAAe,EAAE;MACnB,IAAMO,8BAA8B,GAAGb,mBAAmB,KAAnBA,IAAAA,IAAAA,mBAAmB,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,CAAEc,IAAI,CAAC,UAACC,eAAe,EAAA;AAAA,QAAA,OAC/EV,cAAc,CAACW,QAAQ,CAACD,eAAe,CAAC,CAAA;AAAA,OAC1C,CAAC,CAAA;MAED,OAAOE,OAAO,CAACJ,8BAA8B,CAAC,CAAA;AAChD,KAAA;AAEA,IAAA,OAAO,IAAI,CAAA;GACZ,EAAE,CAACb,mBAAmB,EAAEM,eAAe,EAAED,cAAc,CAAC,CAAC,CAAA;EAE1D,IAAMa,eAAe,GAAG,EAAEnB,YAAY,IAAIoB,aAAa,EAAE,CAAC,CAAA;AAC1D,EAAA,IAAMC,yBAAyB,GAAGd,eAAe,GAC7CI,gBAAgB,IAAIL,cAAc,CAACgB,MAAM,GAAG,CAAC,GAC7C,IAAI,CAAA;EAER,oBACEC,IAAA,CAACrC,OAAO,EAAAsC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACFC,EAAAA,EAAAA,cAAc,CAAC;IACjBC,IAAI,EAAEC,wBAAwB,EAAE;AAChCC,IAAAA,KAAK,EAAE/B,KAAAA;GACR,CAAC,CACEgC,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,iBAAiB;AAAEjC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAD,IAAAA,QAAA,EAGnEa,CAAAA,gBAAgB,gBACfsB,GAAA,CAACjD,4BAA4B,EAAAwC,aAAA,CAAAA,aAAA,CAAKC,EAAAA,EAAAA,cAAc,CAAC;AAAES,MAAAA,MAAM,EAAE,IAAA;AAAK,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;MAAApC,QAAA,eAChEmC,GAAA,CAACE,IAAI,EAAA;AAACC,QAAAA,KAAK,EAAC,yBAAyB;AAACC,QAAAA,IAAI,EAAC,OAAO;AAACC,QAAAA,MAAM,EAAC,UAAU;AAAAxC,QAAAA,QAAA,EACjED,KAAAA;OACG,CAAA;AAAC,KAAA,CACqB,CAAC,GAC7B,IAAI,eACRoC,GAAA,CAAC/C,OAAO,EAAAsC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACFC,cAAc,CAAC;AACjB;AACA;AACAC,MAAAA,IAAI,EAAEN,aAAa,EAAE,GAAGmB,SAAS,GAAG,SAAA;AACtC,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAzC,MAAAA,QAAA,EAEDA,QAAAA;KACM,CAAA,CAAC,EACTuB,yBAAyB,IAAIF,eAAe,gBAC3Cc,GAAA,CAACO,OAAO,EAAA;AAACC,MAAAA,OAAO,EAAC,WAAW;AAACC,MAAAA,OAAO,EAAC,WAAA;KAAa,CAAC,GACjD,IAAI,CAAA;AAAA,GAAA,CACD,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMV,iBAAiB,gBAAGW,wBAAwB,CAAChD,kBAAkB,EAAE;EACrEN,WAAW,EAAEuD,YAAY,CAACZ,iBAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMa,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,EAA8D;AAAA,EAAA,IAAxDC,IAAI,GAAAD,KAAA,CAAJC,IAAI,CAAA;EACjC,IAAMC,IAAI,GAAGD,IAAI,CAAA;AACjB,EAAA,IAAAE,gBAAA,GAA8BC,eAAe,EAAE;IAAvCd,KAAK,GAAAa,gBAAA,CAALb,KAAK;IAAEe,UAAU,GAAAF,gBAAA,CAAVE,UAAU,CAAA;AACzB,EAAA,IAAMC,SAAS,GAAGD,UAAU,GAAG,UAAU,GAAG,OAAO,CAAA;EACnD,oBACElB,GAAA,CAACe,IAAI,EAAA;IACHZ,KAAK,EACHA,KAAK,KAAK,UAAU,GAChB,gCAAgC,GAAAiB,wBAAAA,CAAAA,MAAA,CACPD,SAAS,CACvC;AACDf,IAAAA,IAAI,EAAC,QAAA;AAAQ,GACd,CAAC,CAAA;AAEN,CAAC,CAAA;AAED,IAAMiB,kBAAkB,gBAAGX,wBAAwB,CAACE,mBAAmB,EAAE;EACvExD,WAAW,EAAEuD,YAAY,CAACU,kBAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAAC,KAAA,EAIL;AAAA,EAAA,IAHxB1D,QAAQ,GAAA0D,KAAA,CAAR1D,QAAQ,CAAA;EAIR,oBACEmC,GAAA,CAACwB,GAAG,EAAA;AAACC,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,UAAU,EAAC,QAAQ;AAACC,IAAAA,aAAa,EAAC,KAAK;AAAA9D,IAAAA,QAAA,EACxDA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAM+D,wBAAwB,gBAAGlB,wBAAwB,CAACY,yBAAyB,EAAE;EACnFlE,WAAW,EAAEuD,YAAY,CAACiB,wBAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,WAA2C,EAAyB;AACjG,EAAA,oBAAO9B,GAAA,CAAC+B,MAAM,EAAAxC,aAAA,CAAA;AAACa,IAAAA,IAAI,EAAC,QAAA;GAAa0B,EAAAA,WAAW,CAAG,CAAC,CAAA;AAClD,CAAC,CAAA;AAED,IAAME,oBAAoB,gBAAGtB,wBAAwB,CAACmB,qBAAqB,EAAE;EAC3EzE,WAAW,EAAEuD,YAAY,CAACqB,oBAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAI5E,KAAiB,EAAyB;AACtE,EAAA,oBAAO2C,GAAA,CAACkC,KAAK,EAAA3C,aAAA,CAAA;AAACa,IAAAA,IAAI,EAAC,QAAQ;AAAC+B,IAAAA,UAAU,EAAC,WAAA;GAAgB9E,EAAAA,KAAK,CAAG,CAAC,CAAA;AAClE,CAAC,CAAA;AAED,IAAM+E,mBAAmB,gBAAG1B,wBAAwB,CAACuB,oBAAoB,EAAE;EACzE7E,WAAW,EAAEuD,YAAY,CAACyB,mBAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,EAIC;AAAA,EAAA,IAHxBzE,QAAQ,GAAAyE,KAAA,CAARzE,QAAQ,CAAA;AAIR,EAAA,IAAA0E,iBAAA,GAAuBtB,eAAe,EAAE;IAAhCC,UAAU,GAAAqB,iBAAA,CAAVrB,UAAU,CAAA;EAElB,oBACElB,GAAA,CAACE,IAAI,EAAA;AAACsC,IAAAA,OAAO,EAAC,SAAS;AAACrC,IAAAA,KAAK,EAAEsC,kBAAkB,CAACvB,UAAU,EAAE;AAAEwB,MAAAA,OAAO,EAAE,IAAA;AAAK,KAAC,CAAE;AAAA7E,IAAAA,QAAA,EAC9EA,QAAAA;AAAQ,GACL,CAAC,CAAA;AAEX,CAAC,CAAA;AAED,IAAM8E,kBAAkB,gBAAGjC,wBAAwB,CAAC2B,mBAAmB,EAAE;EACvEjF,WAAW,EAAEuD,YAAY,CAACgC,kBAAAA;AAC5B,CAAC,EAAC;AAIF,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAC/BC,YAA8B,EACgE;EAC9F,IAAI1D,aAAa,EAAE,EAAE;AACnB;AACA;IACA,OAAO;AAAE2D,MAAAA,OAAO,EAAED,YAAAA;KAAc,CAAA;AAClC,GAAA;EAEA,OAAO;AACLE,IAAAA,OAAO,EAAEF,YAAAA;GACV,CAAA;AACH,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAI3F,KAA0B,EAAyB;AAC1E,EAAA,IAAA4F,aAAA,GAWI/E,WAAW,EAAE;IAVfgF,WAAW,GAAAD,aAAA,CAAXC,WAAW;IACXC,cAAc,GAAAF,aAAA,CAAdE,cAAc;IACdC,aAAa,GAAAH,aAAA,CAAbG,aAAa;IACbC,eAAe,GAAAJ,aAAA,CAAfI,eAAe;IACfC,4BAA4B,GAAAL,aAAA,CAA5BK,4BAA4B;IAC5BC,aAAa,GAAAN,aAAA,CAAbM,aAAa;IACbnF,iBAAiB,GAAA6E,aAAA,CAAjB7E,iBAAiB;IACjBoF,gBAAgB,GAAAP,aAAA,CAAhBO,gBAAgB;IAChBnF,cAAc,GAAA4E,aAAA,CAAd5E,cAAc;IACdF,kCAAkC,GAAA8E,aAAA,CAAlC9E,kCAAkC,CAAA;EAGpC,IAAMG,eAAe,GACnBH,kCAAkC,IAClCC,iBAAiB,KAAKG,oBAAoB,CAACC,QAAQ,CAACC,YAAY,CAAA;EAElE,IAAMgF,aAAa,GAAGpG,KAAK,CAACqG,IAAI,GAAG,GAAG,GAAG,QAAQ,CAAA;;AAEjD;AACF;AACA;AACA;AACA;AACA;AACE,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAA8B;IAC/C,IAAIvF,iBAAiB,KAAKG,oBAAoB,CAACC,QAAQ,CAACoF,WAAW,IAAItF,eAAe,EAAE;AACtF,MAAA,IAAI,OAAOjB,KAAK,CAACwG,MAAM,KAAK,QAAQ,EAAE;AACpC,QAAA,OAAOR,eAAe,CAACrE,QAAQ,CAAC3B,KAAK,CAACwG,MAAM,CAAC,CAAA;AAC/C,OAAA;AAEA,MAAA,OAAOvD,SAAS,CAAA;AAClB,KAAA;IAEA,OAAOjD,KAAK,CAACyG,UAAU,CAAA;GACxB,CAAA;AAED,EAAA,IAAMA,UAAU,GAAGH,aAAa,EAAE,CAAA;EAElChF,cAAK,CAACoF,SAAS,CAAC,YAAM;AACpBC,IAAAA,2BAA2B,CAAC;MAC1BC,OAAO,EAAE5G,KAAK,CAAC4G,OAAO;MACtBC,QAAQ,EAAE7G,KAAK,CAAC6G,QAAQ;MACxBC,WAAW,EAAE9G,KAAK,CAAC8G,WAAAA;AACrB,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAAC9G,KAAK,CAAC4G,OAAO,EAAE5G,KAAK,CAAC6G,QAAQ,EAAE7G,KAAK,CAAC8G,WAAW,CAAC,CAAC,CAAA;EAEtDxF,cAAK,CAACoF,SAAS,CAAC,YAAM;AACpB,IAAA,IAAI,KAAO,EAAE;AACX,MAAA,IACE3F,iBAAiB,KAAKG,oBAAoB,CAACC,QAAQ,CAACoF,WAAW,IAC/DvG,KAAK,CAAC+G,MAAM,KAAK,UAAU,EAC3B;AACAC,QAAAA,eAAe,CAAC;AACdC,UAAAA,OAAO,EACL,wFAAwF;AAC1FC,UAAAA,UAAU,EAAE,gBAAA;AACd,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAA;GACD,EAAE,CAAClH,KAAK,CAAC+G,MAAM,EAAEhG,iBAAiB,CAAC,CAAC,CAAA;AAErC,EAAA;AAAA;AACE;AACA4B,IAAAA,GAAA,CAACwE,YAAY,EAAAjF,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACXkF,MAAAA,SAAS,EAAEnG,eAAe,IAAID,cAAc,GAAGA,cAAc,CAACW,QAAQ,CAAC3B,KAAK,CAACqH,KAAK,CAAC,GAAG,IAAK;MAC3FC,EAAE,EAAE,CAACxF,aAAa,EAAE,GAAGsE,aAAa,GAAGnD,SAAU;MACjDsE,EAAE,EAAA,EAAA,CAAAxD,MAAA,CAAK+B,cAAc,EAAA,GAAA,CAAA,CAAA/B,MAAA,CAAI/D,KAAK,CAACwG,MAAM,CAAG;MACxCgB,QAAQ,EAAE,CAAC,CAAE;MACbjH,KAAK,EAAEP,KAAK,CAACO,KAAM;MACnBkH,WAAW,EAAEzH,KAAK,CAACyH,WAAY;MAC/Bb,OAAO,EACLV,aAAa,KAAK,UAAU,gBAC1BvD,GAAA,CAAC/C,OAAO,EAAAsC,aAAA,CAAAA,aAAA,CAAA;AACNwF,QAAAA,aAAa,EAAC,MAAA;AACd;AAAA,OAAA,EACIvF,cAAc,CAAC;AACjBS,QAAAA,MAAM,EAAE,IAAA;AACV,OAAC,CAAC,CAAA,EAAA,EAAA,EAAA;QAAApC,QAAA,eAEFmC,GAAA,CAACgF,QAAQ,EAAA;AAACC,UAAAA,SAAS,EAAEnB,UAAW;UAACe,QAAQ,EAAE,CAAC,CAAE;UAAC3D,UAAU,EAAE7D,KAAK,CAAC6D,UAAW;AAAArD,UAAAA,QAAA,EAKzE,IAAA;SACO,CAAA;AAAC,OAAA,CACJ,CAAC,GAEVR,KAAK,CAAC4G,OAET;MACDC,QAAQ,EAAE7G,KAAK,CAAC6G,QAAS;MACzBC,WAAW,EAAE9G,KAAK,CAAC8G,WAAY;MAC/BT,IAAI,EAAErG,KAAK,CAACqG,IAAK;MACjBwB,MAAM,EAAE7H,KAAK,CAAC6H,MAAO;MACrBC,SAAS,EAAEjC,WAAW,KAAK7F,KAAK,CAACwG,MAAM,GAAG,cAAc,GAAG,EAAG;AAC9DC,MAAAA,UAAU,EAAEA,UAAW;MACvB5C,UAAU,EAAE7D,KAAK,CAAC6D,UAAW;AAC7BzB,MAAAA,IAAI,EAAE2F,qBAAqB,CAAChH,iBAAiB,EAAEf,KAAK,CAACqG,IAAI,CAAA;AAAE,KAAA,EACvDd,2BAA2B,CAAC,UAACyC,CAAsC,EAAW;AAChF,MAAA,IAAI,OAAOhI,KAAK,CAACwG,MAAM,KAAK,QAAQ,EAAE;AAAA,QAAA,IAAAyB,cAAA,CAAA;AACpClC,QAAAA,aAAa,CAACiC,CAAC,EAAEhI,KAAK,CAACwG,MAAM,CAAC,CAAA;AAC9B,QAAA,CAAAyB,cAAA,GAAAjI,KAAK,CAAC0F,OAAO,MAAA,IAAA,IAAAuC,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,cAAA,CAAAC,IAAA,CAAAlI,KAAK,EAAW;UAAEwC,IAAI,EAAExC,KAAK,CAACqH,KAAK;AAAEA,UAAAA,KAAK,EAAEZ,UAAU;UAAE0B,KAAK,EAAEC,WAAW,CAACJ,CAAC,CAAA;AAAE,SAAC,CAAC,CAAA;AAClF,OAAA;KACD,CAAC,CACEzF,EAAAA,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAAC4F,cAAc;MAAE5H,MAAM,EAAET,KAAK,CAACS,MAAAA;AAAO,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;MAC/E6H,WAAW,EAAE,SAAAA,WAAAA,GAAM;AACjB;AACA;QACArC,4BAA4B,CAAC,IAAI,CAAC,CAAA;OAClC;MACFsC,SAAS,EAAE,SAAAA,SAAAA,GAAM;AACf;QACAtC,4BAA4B,CAAC,KAAK,CAAC,CAAA;OACnC;MACF,YAAYjG,EAAAA,KAAK,CAACqH,KAAM;MACxB,YAAYrH,EAAAA,KAAK,CAACwG,MAAO;AACzBN,MAAAA,aAAa,EAAEA,aAAc;MAC7BpD,KAAK,EAAE9C,KAAK,CAAC+G,MAAO;AACpBZ,MAAAA,gBAAgB,EAAEA,gBAAAA;KACnB,CAAA,CAAA;AAAC,IAAA;AAEN,CAAC,CAAA;AAEKkC,IAAAA,cAAc,gBAAGhF,wBAAwB,eAAC/B,cAAK,CAACkH,IAAI,CAAC7C,eAAe,CAAC,EAAE;EAC3E5F,WAAW,EAAEuD,YAAY,CAAC+E,cAAc;EACxCvI,WAAW,EAAEwD,YAAY,CAAC+E,cAAAA;AAC5B,CAAC;;;;"}

package/build/lib/web/production/components/ActionList/actionListUtils.js

@@ -163,9 +163,9 @@ var validateActionListItemProps = function validateActionListItemProps(_ref) {
       }
     });
     React__default.Children.map(leading, function (child) {
-      if (!isValidAllowedChildren(child, componentIds.ActionListItemIcon) && !isValidAllowedChildren(child, componentIds.ActionListItemText) && !isValidAllowedChildren(child, componentIds.ActionListItemAsset)) {
+      if (!isValidAllowedChildren(child, componentIds.ActionListItemIcon) && !isValidAllowedChildren(child, componentIds.ActionListItemText) && !isValidAllowedChildren(child, componentIds.ActionListItemAsset) && !isValidAllowedChildren(child, componentIds.ActionListItemAvatar)) {
         throwBladeError({
-          message: "Only ".concat(componentIds.ActionListItemIcon, ", ").concat(componentIds.ActionListItemAsset, ", and ").concat(componentIds.ActionListItemText, " are allowed in leading prop"),
+          message: "Only ".concat(componentIds.ActionListItemIcon, ", ").concat(componentIds.ActionListItemAvatar, ", ").concat(componentIds.ActionListItemAsset, ", and ").concat(componentIds.ActionListItemText, " are allowed in leading prop"),
           moduleName: 'ActionListItem'
         });
       }

package/build/lib/web/production/components/ActionList/actionListUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"actionListUtils.js","sources":["../../../../../../src/components/ActionList/actionListUtils.ts"],"sourcesContent":["import React from 'react';\nimport { componentIds } from './componentIds';\nimport type { ActionListItemProps } from './ActionListItem';\nimport type { OptionsType } from '~components/Dropdown/useDropdown';\nimport { isReactNative } from '~utils';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\n/**\n * Returns if there is ActionListItem after ActionListSection\n * and an index of last ActionListSection\n *\n * It is used to decide if ActionListSection add divider at the end\n */\nconst getActionListSectionPosition = (\n  children: React.ReactNode,\n): {\n  isActionListItemPresentAfterSection: boolean;\n  lastActionListSectionIndex: number;\n} => {\n  // Creating an array of componentIds\n  const childComponentIdArray = React.Children.toArray(children).map((child) =>\n    getComponentId(child),\n  );\n\n  // Reading the last `ActionListSection` component's index\n  const lastActionListSectionIndex = childComponentIdArray.lastIndexOf(\n    componentIds.ActionListSection,\n  );\n\n  // Checking if there is any `ActionListItem` present after `ActionListSection`\n  const isActionListItemPresentAfterSection = childComponentIdArray\n    .slice(lastActionListSectionIndex)\n    .includes(componentIds.ActionListItem);\n\n  return {\n    isActionListItemPresentAfterSection,\n    lastActionListSectionIndex,\n  };\n};\n\nconst actionListAllowedChildren = [componentIds.ActionListItem, componentIds.ActionListSection];\n\nexport type SectionData = {\n  title: string;\n  hideDivider: boolean;\n  data: ActionListItemProps[];\n}[];\n\n/**\n * Loops over action list items and returns different properties from children like option values, header and footer child, etc\n */\nconst getActionListProperties = (\n  children: React.ReactNode,\n): {\n  sectionData: SectionData;\n  childrenWithId?: React.ReactNode[] | null;\n  actionListOptions: OptionsType;\n} => {\n  const sectionData: SectionData = [];\n  let currentSection: string | null = null;\n  const actionListOptions: OptionsType = [];\n\n  const getActionListItemWithId = (\n    child: React.ReactNode,\n    hideDivider: boolean,\n  ): React.ReactNode => {\n    if (React.isValidElement(child) && !child.props.isDisabled) {\n      actionListOptions.push({\n        title: child.props.title,\n        value: child.props.value,\n        onClickTrigger: (value) => {\n          const anchorLink = child.props.href;\n          child.props.onClick?.({\n            name: child.props.value,\n            value: child.props.isSelected ?? value,\n          });\n\n          if (anchorLink && !isReactNative()) {\n            const target = child.props.target ?? '_self';\n            window.open(anchorLink, target);\n            if (window.top) {\n              window.top.open(anchorLink, target);\n            }\n          }\n        },\n      });\n      const currentIndex = actionListOptions.length - 1;\n\n      const foundSection = sectionData.find((v) => v.title === currentSection);\n      // push the item in the appropriate bucket\n      if (foundSection) {\n        foundSection?.data.push({\n          ...child.props,\n          _index: currentIndex,\n        });\n      } else {\n        // create a new bucket\n        sectionData.push({\n          title: currentSection!,\n          hideDivider,\n          data: [\n            {\n              ...child.props,\n              _index: currentIndex,\n            },\n          ],\n        });\n      }\n\n      const clonedChild = React.cloneElement(child, {\n        // @ts-expect-error: TS doesn't understand the child's props\n        _index: currentIndex,\n      });\n      return clonedChild;\n    }\n\n    return child;\n  };\n\n  let isActionListItemPresentAfterSection: boolean;\n  // eslint-disable-next-line one-var\n  let lastActionListSectionIndex: number;\n\n  if (isReactNative()) {\n    // We're reading this so that we can decide whether to show the divider or not.\n    // If ActionListSection is final item and no ActionListItem is present after that, we hide the divider\n\n    // On web, we do it using descendant styling\n    ({\n      isActionListItemPresentAfterSection,\n      lastActionListSectionIndex,\n    } = getActionListSectionPosition(children));\n  }\n\n  // Looping through ActionListItems to add index to them and get an options array for moving focus between items\n  const childrenWithId = React.Children.map(children, (child, index) => {\n    if (React.isValidElement(child)) {\n      if (isValidAllowedChildren(child, componentIds.ActionListSection)) {\n        const shouldHideDivider =\n          index === lastActionListSectionIndex && !isActionListItemPresentAfterSection;\n        const sectionChildValues: string[] = [];\n        return React.cloneElement(child, {\n          // @ts-expect-error: TS doesn't understand the child's props\n          children: React.Children.map(child.props.children, (childInSection) => {\n            currentSection = child.props.title;\n            sectionChildValues.push(childInSection.props.value);\n            if (isValidAllowedChildren(childInSection, componentIds.ActionListItem)) {\n              return getActionListItemWithId(childInSection, shouldHideDivider);\n            }\n\n            return childInSection;\n          }),\n          // On web, we handle it with descendant styling in css so no need of JS there\n          _hideDivider: isReactNative() ? shouldHideDivider : undefined,\n          _sectionChildValues: sectionChildValues,\n        });\n      }\n\n      if (isValidAllowedChildren(child, componentIds.ActionListItem)) {\n        return getActionListItemWithId(child, true);\n      }\n\n      if (__DEV__) {\n        throwBladeError({\n          message: `Only ${actionListAllowedChildren.join(', ')} supported inside ActionList`,\n          moduleName: 'ActionList',\n        });\n      }\n    }\n    return child;\n  });\n\n  return {\n    sectionData,\n    childrenWithId,\n    actionListOptions,\n  };\n};\n\nconst validateActionListItemProps = ({\n  leading,\n  trailing,\n  titleSuffix,\n}: {\n  leading: ActionListItemProps['leading'];\n  trailing: ActionListItemProps['trailing'];\n  titleSuffix: ActionListItemProps['titleSuffix'];\n}): void => {\n  if (__DEV__) {\n    React.Children.map(trailing, (child) => {\n      if (\n        !isValidAllowedChildren(child, componentIds.ActionListItemIcon) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemText)\n      ) {\n        throwBladeError({\n          message: `Only ${componentIds.ActionListItemIcon} and ${componentIds.ActionListItemText} are allowed in trailing prop`,\n          moduleName: 'ActionListItem',\n        });\n      }\n    });\n\n    React.Children.map(titleSuffix, (child) => {\n      if (\n        !isValidAllowedChildren(child, componentIds.ActionListItemBadge) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemBadgeGroup)\n      ) {\n        throwBladeError({\n          message: `Only ${componentIds.ActionListItemBadge} and ${componentIds.ActionListItemBadgeGroup} are allowed in titleSuffix prop`,\n          moduleName: 'ActionListItem',\n        });\n      }\n    });\n\n    React.Children.map(leading, (child) => {\n      if (\n        !isValidAllowedChildren(child, componentIds.ActionListItemIcon) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemText) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemAsset)\n      ) {\n        throwBladeError({\n          message: `Only ${componentIds.ActionListItemIcon}, ${componentIds.ActionListItemAsset}, and ${componentIds.ActionListItemText} are allowed in leading prop`,\n          moduleName: 'ActionListItem',\n        });\n      }\n    });\n  }\n};\n\nconst getNormalTextColor = (\n  isDisabled: boolean | undefined,\n  { isMuted }: { isMuted?: boolean } = {},\n): Extract<\n  BaseTextProps['color'],\n  'interactive.text.gray.disabled' | 'interactive.text.gray.muted' | 'interactive.text.gray.normal'\n> => {\n  if (isDisabled) {\n    return 'interactive.text.gray.disabled';\n  }\n\n  if (isMuted) {\n    return 'interactive.text.gray.muted';\n  }\n\n  return 'interactive.text.gray.normal';\n};\n\nexport { getActionListProperties, validateActionListItemProps, getNormalTextColor };\n"],"names":["getActionListSectionPosition","children","childComponentIdArray","React","Children","toArray","map","child","getComponentId","lastActionListSectionIndex","lastIndexOf","componentIds","ActionListSection","isActionListItemPresentAfterSection","slice","includes","ActionListItem","actionListAllowedChildren","getActionListProperties","sectionData","currentSection","actionListOptions","getActionListItemWithId","hideDivider","isValidElement","props","isDisabled","push","title","value","onClickTrigger","_child$props$onClick","_child$props","_child$props$isSelect","anchorLink","href","onClick","call","name","isSelected","isReactNative","_child$props$target","target","window","open","top","currentIndex","length","foundSection","find","v","data","_objectSpread","_index","clonedChild","cloneElement","_getActionListSection","childrenWithId","index","isValidAllowedChildren","shouldHideDivider","sectionChildValues","childInSection","_hideDivider","undefined","_sectionChildValues","throwBladeError","message","concat","join","moduleName","validateActionListItemProps","_ref","leading","trailing","titleSuffix","ActionListItemIcon","ActionListItemText","ActionListItemBadge","ActionListItemBadgeGroup","ActionListItemAsset","getNormalTextColor","_ref2","arguments","isMuted"],"mappings":";;;;;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAChCC,QAAyB,EAItB;AACH;AACA,EAAA,IAAMC,qBAAqB,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACJ,QAAQ,CAAC,CAACK,GAAG,CAAC,UAACC,KAAK,EAAA;IAAA,OACvEC,cAAc,CAACD,KAAK,CAAC,CAAA;AAAA,GACvB,CAAC,CAAA;;AAED;EACA,IAAME,0BAA0B,GAAGP,qBAAqB,CAACQ,WAAW,CAClEC,YAAY,CAACC,iBACf,CAAC,CAAA;;AAED;AACA,EAAA,IAAMC,mCAAmC,GAAGX,qBAAqB,CAC9DY,KAAK,CAACL,0BAA0B,CAAC,CACjCM,QAAQ,CAACJ,YAAY,CAACK,cAAc,CAAC,CAAA;EAExC,OAAO;AACLH,IAAAA,mCAAmC,EAAnCA,mCAAmC;AACnCJ,IAAAA,0BAA0B,EAA1BA,0BAAAA;GACD,CAAA;AACH,CAAC,CAAA;AAED,IAAMQ,yBAAyB,GAAG,CAACN,YAAY,CAACK,cAAc,EAAEL,YAAY,CAACC,iBAAiB,CAAC,CAAA;AAQ/F;AACA;AACA;AACA,IAAMM,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAC3BjB,QAAyB,EAKtB;EACH,IAAMkB,WAAwB,GAAG,EAAE,CAAA;EACnC,IAAIC,cAA6B,GAAG,IAAI,CAAA;EACxC,IAAMC,iBAA8B,GAAG,EAAE,CAAA;EAEzC,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAC3Bf,KAAsB,EACtBgB,WAAoB,EACA;AACpB,IAAA,kBAAIpB,cAAK,CAACqB,cAAc,CAACjB,KAAK,CAAC,IAAI,CAACA,KAAK,CAACkB,KAAK,CAACC,UAAU,EAAE;MAC1DL,iBAAiB,CAACM,IAAI,CAAC;AACrBC,QAAAA,KAAK,EAAErB,KAAK,CAACkB,KAAK,CAACG,KAAK;AACxBC,QAAAA,KAAK,EAAEtB,KAAK,CAACkB,KAAK,CAACI,KAAK;AACxBC,QAAAA,cAAc,EAAE,SAAAA,cAACD,CAAAA,KAAK,EAAK;AAAA,UAAA,IAAAE,oBAAA,EAAAC,YAAA,EAAAC,qBAAA,CAAA;AACzB,UAAA,IAAMC,UAAU,GAAG3B,KAAK,CAACkB,KAAK,CAACU,IAAI,CAAA;AACnC,UAAA,CAAAJ,oBAAA,GAAAC,CAAAA,YAAA,GAAAzB,KAAK,CAACkB,KAAK,EAACW,OAAO,MAAA,IAAA,IAAAL,oBAAA,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAA,CAAAM,IAAA,CAAAL,YAAA,EAAsB;AACpBM,YAAAA,IAAI,EAAE/B,KAAK,CAACkB,KAAK,CAACI,KAAK;AACvBA,YAAAA,KAAK,EAAAI,CAAAA,qBAAA,GAAE1B,KAAK,CAACkB,KAAK,CAACc,UAAU,MAAAN,IAAAA,IAAAA,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAIJ,KAAAA;AACnC,WAAC,CAAC,CAAA;AAEF,UAAA,IAAIK,UAAU,IAAI,CAACM,aAAa,EAAE,EAAE;AAAA,YAAA,IAAAC,mBAAA,CAAA;AAClC,YAAA,IAAMC,MAAM,GAAA,CAAAD,mBAAA,GAAGlC,KAAK,CAACkB,KAAK,CAACiB,MAAM,MAAAD,IAAAA,IAAAA,mBAAA,KAAAA,KAAAA,CAAAA,GAAAA,mBAAA,GAAI,OAAO,CAAA;AAC5CE,YAAAA,MAAM,CAACC,IAAI,CAACV,UAAU,EAAEQ,MAAM,CAAC,CAAA;YAC/B,IAAIC,MAAM,CAACE,GAAG,EAAE;cACdF,MAAM,CAACE,GAAG,CAACD,IAAI,CAACV,UAAU,EAAEQ,MAAM,CAAC,CAAA;AACrC,aAAA;AACF,WAAA;AACF,SAAA;AACF,OAAC,CAAC,CAAA;AACF,MAAA,IAAMI,YAAY,GAAGzB,iBAAiB,CAAC0B,MAAM,GAAG,CAAC,CAAA;AAEjD,MAAA,IAAMC,YAAY,GAAG7B,WAAW,CAAC8B,IAAI,CAAC,UAACC,CAAC,EAAA;AAAA,QAAA,OAAKA,CAAC,CAACtB,KAAK,KAAKR,cAAc,CAAA;OAAC,CAAA,CAAA;AACxE;AACA,MAAA,IAAI4B,YAAY,EAAE;AAChBA,QAAAA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAEG,IAAI,CAACxB,IAAI,CAAAyB,aAAA,CAAAA,aAAA,CAClB7C,EAAAA,EAAAA,KAAK,CAACkB,KAAK,CAAA,EAAA,EAAA,EAAA;AACd4B,UAAAA,MAAM,EAAEP,YAAAA;AAAY,SAAA,CACrB,CAAC,CAAA;AACJ,OAAC,MAAM;AACL;QACA3B,WAAW,CAACQ,IAAI,CAAC;AACfC,UAAAA,KAAK,EAAER,cAAe;AACtBG,UAAAA,WAAW,EAAXA,WAAW;UACX4B,IAAI,EAAE,CAAAC,aAAA,CAAAA,aAAA,CAEC7C,EAAAA,EAAAA,KAAK,CAACkB,KAAK,CAAA,EAAA,EAAA,EAAA;AACd4B,YAAAA,MAAM,EAAEP,YAAAA;AAAY,WAAA,CAAA,CAAA;AAG1B,SAAC,CAAC,CAAA;AACJ,OAAA;AAEA,MAAA,IAAMQ,WAAW,gBAAGnD,cAAK,CAACoD,YAAY,CAAChD,KAAK,EAAE;AAC5C;AACA8C,QAAAA,MAAM,EAAEP,YAAAA;AACV,OAAC,CAAC,CAAA;AACF,MAAA,OAAOQ,WAAW,CAAA;AACpB,KAAA;AAEA,IAAA,OAAO/C,KAAK,CAAA;GACb,CAAA;AAED,EAAA,IAAIM,mCAA4C,CAAA;AAChD;AACA,EAAA,IAAIJ,0BAAkC,CAAA;EAEtC,IAAI+B,aAAa,EAAE,EAAE;AACnB;AACA;AAEA;AAAA,IAAA,IAAAgB,qBAAA,GAIIxD,4BAA4B,CAACC,QAAQ,CAAC,CAAA;IAFxCY,mCAAmC,GAAA2C,qBAAA,CAAnC3C,mCAAmC,CAAA;IACnCJ,0BAA0B,GAAA+C,qBAAA,CAA1B/C,0BAA0B,CAAA;AAE9B,GAAA;;AAEA;AACA,EAAA,IAAMgD,cAAc,GAAGtD,cAAK,CAACC,QAAQ,CAACE,GAAG,CAACL,QAAQ,EAAE,UAACM,KAAK,EAAEmD,KAAK,EAAK;AACpE,IAAA,kBAAIvD,cAAK,CAACqB,cAAc,CAACjB,KAAK,CAAC,EAAE;MAC/B,IAAIoD,sBAAsB,CAACpD,KAAK,EAAEI,YAAY,CAACC,iBAAiB,CAAC,EAAE;AACjE,QAAA,IAAMgD,iBAAiB,GACrBF,KAAK,KAAKjD,0BAA0B,IAAI,CAACI,mCAAmC,CAAA;QAC9E,IAAMgD,kBAA4B,GAAG,EAAE,CAAA;AACvC,QAAA,oBAAO1D,cAAK,CAACoD,YAAY,CAAChD,KAAK,EAAE;AAC/B;AACAN,UAAAA,QAAQ,EAAEE,cAAK,CAACC,QAAQ,CAACE,GAAG,CAACC,KAAK,CAACkB,KAAK,CAACxB,QAAQ,EAAE,UAAC6D,cAAc,EAAK;AACrE1C,YAAAA,cAAc,GAAGb,KAAK,CAACkB,KAAK,CAACG,KAAK,CAAA;YAClCiC,kBAAkB,CAAClC,IAAI,CAACmC,cAAc,CAACrC,KAAK,CAACI,KAAK,CAAC,CAAA;YACnD,IAAI8B,sBAAsB,CAACG,cAAc,EAAEnD,YAAY,CAACK,cAAc,CAAC,EAAE;AACvE,cAAA,OAAOM,uBAAuB,CAACwC,cAAc,EAAEF,iBAAiB,CAAC,CAAA;AACnE,aAAA;AAEA,YAAA,OAAOE,cAAc,CAAA;AACvB,WAAC,CAAC;AACF;AACAC,UAAAA,YAAY,EAAEvB,aAAa,EAAE,GAAGoB,iBAAiB,GAAGI,SAAS;AAC7DC,UAAAA,mBAAmB,EAAEJ,kBAAAA;AACvB,SAAC,CAAC,CAAA;AACJ,OAAA;MAEA,IAAIF,sBAAsB,CAACpD,KAAK,EAAEI,YAAY,CAACK,cAAc,CAAC,EAAE;AAC9D,QAAA,OAAOM,uBAAuB,CAACf,KAAK,EAAE,IAAI,CAAC,CAAA;AAC7C,OAAA;AAEA,MAAA,IAAI,KAAO,EAAE;AACX2D,QAAAA,eAAe,CAAC;UACdC,OAAO,EAAA,OAAA,CAAAC,MAAA,CAAUnD,yBAAyB,CAACoD,IAAI,CAAC,IAAI,CAAC,EAA8B,8BAAA,CAAA;AACnFC,UAAAA,UAAU,EAAE,YAAA;AACd,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAA;AACA,IAAA,OAAO/D,KAAK,CAAA;AACd,GAAC,CAAC,CAAA;EAEF,OAAO;AACLY,IAAAA,WAAW,EAAXA,WAAW;AACXsC,IAAAA,cAAc,EAAdA,cAAc;AACdpC,IAAAA,iBAAiB,EAAjBA,iBAAAA;GACD,CAAA;AACH,EAAC;AAED,IAAMkD,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAAC,IAAA,EAQrB;AAAA,EAAA,IAPVC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,WAAW,GAAAH,IAAA,CAAXG,WAAW,CAAA;AAMX,EAAA,IAAI,KAAO,EAAE;IACXxE,cAAK,CAACC,QAAQ,CAACE,GAAG,CAACoE,QAAQ,EAAE,UAACnE,KAAK,EAAK;AACtC,MAAA,IACE,CAACoD,sBAAsB,CAACpD,KAAK,EAAEI,YAAY,CAACiE,kBAAkB,CAAC,IAC/D,CAACjB,sBAAsB,CAACpD,KAAK,EAAEI,YAAY,CAACkE,kBAAkB,CAAC,EAC/D;AACAX,QAAAA,eAAe,CAAC;AACdC,UAAAA,OAAO,EAAAC,OAAAA,CAAAA,MAAA,CAAUzD,YAAY,CAACiE,kBAAkB,EAAAR,OAAAA,CAAAA,CAAAA,MAAA,CAAQzD,YAAY,CAACkE,kBAAkB,EAA+B,+BAAA,CAAA;AACtHP,UAAAA,UAAU,EAAE,gBAAA;AACd,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAC,CAAC,CAAA;IAEFnE,cAAK,CAACC,QAAQ,CAACE,GAAG,CAACqE,WAAW,EAAE,UAACpE,KAAK,EAAK;AACzC,MAAA,IACE,CAACoD,sBAAsB,CAACpD,KAAK,EAAEI,YAAY,CAACmE,mBAAmB,CAAC,IAChE,CAACnB,sBAAsB,CAACpD,KAAK,EAAEI,YAAY,CAACoE,wBAAwB,CAAC,EACrE;AACAb,QAAAA,eAAe,CAAC;AACdC,UAAAA,OAAO,EAAAC,OAAAA,CAAAA,MAAA,CAAUzD,YAAY,CAACmE,mBAAmB,EAAAV,OAAAA,CAAAA,CAAAA,MAAA,CAAQzD,YAAY,CAACoE,wBAAwB,EAAkC,kCAAA,CAAA;AAChIT,UAAAA,UAAU,EAAE,gBAAA;AACd,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAC,CAAC,CAAA;IAEFnE,cAAK,CAACC,QAAQ,CAACE,GAAG,CAACmE,OAAO,EAAE,UAAClE,KAAK,EAAK;AACrC,MAAA,IACE,CAACoD,sBAAsB,CAACpD,KAAK,EAAEI,YAAY,CAACiE,kBAAkB,CAAC,IAC/D,CAACjB,sBAAsB,CAACpD,KAAK,EAAEI,YAAY,CAACkE,kBAAkB,CAAC,IAC/D,CAAClB,sBAAsB,CAACpD,KAAK,EAAEI,YAAY,CAACqE,mBAAmB,CAAC,EAChE;AACAd,QAAAA,eAAe,CAAC;AACdC,UAAAA,OAAO,UAAAC,MAAA,CAAUzD,YAAY,CAACiE,kBAAkB,QAAAR,MAAA,CAAKzD,YAAY,CAACqE,mBAAmB,EAAAZ,QAAAA,CAAAA,CAAAA,MAAA,CAASzD,YAAY,CAACkE,kBAAkB,EAA8B,8BAAA,CAAA;AAC3JP,UAAAA,UAAU,EAAE,gBAAA;AACd,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAA;AACF,EAAC;AAED,IAAMW,kBAAkB,GAAG,SAArBA,kBAAkBA,CACtBvD,UAA+B,EAK5B;AAAA,EAAA,IAAAwD,KAAA,GAAAC,SAAA,CAAApC,MAAA,GAAA,CAAA,IAAAoC,SAAA,CAAA,CAAA,CAAA,KAAAnB,SAAA,GAAAmB,SAAA,CAAA,CAAA,CAAA,GAJkC,EAAE;IAArCC,OAAO,GAAAF,KAAA,CAAPE,OAAO,CAAA;AAKT,EAAA,IAAI1D,UAAU,EAAE;AACd,IAAA,OAAO,gCAAgC,CAAA;AACzC,GAAA;AAEA,EAAA,IAAI0D,OAAO,EAAE;AACX,IAAA,OAAO,6BAA6B,CAAA;AACtC,GAAA;AAEA,EAAA,OAAO,8BAA8B,CAAA;AACvC;;;;"}
+{"version":3,"file":"actionListUtils.js","sources":["../../../../../../src/components/ActionList/actionListUtils.ts"],"sourcesContent":["import React from 'react';\nimport { componentIds } from './componentIds';\nimport type { ActionListItemProps } from './ActionListItem';\nimport type { OptionsType } from '~components/Dropdown/useDropdown';\nimport { isReactNative } from '~utils';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\n/**\n * Returns if there is ActionListItem after ActionListSection\n * and an index of last ActionListSection\n *\n * It is used to decide if ActionListSection add divider at the end\n */\nconst getActionListSectionPosition = (\n  children: React.ReactNode,\n): {\n  isActionListItemPresentAfterSection: boolean;\n  lastActionListSectionIndex: number;\n} => {\n  // Creating an array of componentIds\n  const childComponentIdArray = React.Children.toArray(children).map((child) =>\n    getComponentId(child),\n  );\n\n  // Reading the last `ActionListSection` component's index\n  const lastActionListSectionIndex = childComponentIdArray.lastIndexOf(\n    componentIds.ActionListSection,\n  );\n\n  // Checking if there is any `ActionListItem` present after `ActionListSection`\n  const isActionListItemPresentAfterSection = childComponentIdArray\n    .slice(lastActionListSectionIndex)\n    .includes(componentIds.ActionListItem);\n\n  return {\n    isActionListItemPresentAfterSection,\n    lastActionListSectionIndex,\n  };\n};\n\nconst actionListAllowedChildren = [componentIds.ActionListItem, componentIds.ActionListSection];\n\nexport type SectionData = {\n  title: string;\n  hideDivider: boolean;\n  data: ActionListItemProps[];\n}[];\n\n/**\n * Loops over action list items and returns different properties from children like option values, header and footer child, etc\n */\nconst getActionListProperties = (\n  children: React.ReactNode,\n): {\n  sectionData: SectionData;\n  childrenWithId?: React.ReactNode[] | null;\n  actionListOptions: OptionsType;\n} => {\n  const sectionData: SectionData = [];\n  let currentSection: string | null = null;\n  const actionListOptions: OptionsType = [];\n\n  const getActionListItemWithId = (\n    child: React.ReactNode,\n    hideDivider: boolean,\n  ): React.ReactNode => {\n    if (React.isValidElement(child) && !child.props.isDisabled) {\n      actionListOptions.push({\n        title: child.props.title,\n        value: child.props.value,\n        onClickTrigger: (value) => {\n          const anchorLink = child.props.href;\n          child.props.onClick?.({\n            name: child.props.value,\n            value: child.props.isSelected ?? value,\n          });\n\n          if (anchorLink && !isReactNative()) {\n            const target = child.props.target ?? '_self';\n            window.open(anchorLink, target);\n            if (window.top) {\n              window.top.open(anchorLink, target);\n            }\n          }\n        },\n      });\n      const currentIndex = actionListOptions.length - 1;\n\n      const foundSection = sectionData.find((v) => v.title === currentSection);\n      // push the item in the appropriate bucket\n      if (foundSection) {\n        foundSection?.data.push({\n          ...child.props,\n          _index: currentIndex,\n        });\n      } else {\n        // create a new bucket\n        sectionData.push({\n          title: currentSection!,\n          hideDivider,\n          data: [\n            {\n              ...child.props,\n              _index: currentIndex,\n            },\n          ],\n        });\n      }\n\n      const clonedChild = React.cloneElement(child, {\n        // @ts-expect-error: TS doesn't understand the child's props\n        _index: currentIndex,\n      });\n      return clonedChild;\n    }\n\n    return child;\n  };\n\n  let isActionListItemPresentAfterSection: boolean;\n  // eslint-disable-next-line one-var\n  let lastActionListSectionIndex: number;\n\n  if (isReactNative()) {\n    // We're reading this so that we can decide whether to show the divider or not.\n    // If ActionListSection is final item and no ActionListItem is present after that, we hide the divider\n\n    // On web, we do it using descendant styling\n    ({\n      isActionListItemPresentAfterSection,\n      lastActionListSectionIndex,\n    } = getActionListSectionPosition(children));\n  }\n\n  // Looping through ActionListItems to add index to them and get an options array for moving focus between items\n  const childrenWithId = React.Children.map(children, (child, index) => {\n    if (React.isValidElement(child)) {\n      if (isValidAllowedChildren(child, componentIds.ActionListSection)) {\n        const shouldHideDivider =\n          index === lastActionListSectionIndex && !isActionListItemPresentAfterSection;\n        const sectionChildValues: string[] = [];\n        return React.cloneElement(child, {\n          // @ts-expect-error: TS doesn't understand the child's props\n          children: React.Children.map(child.props.children, (childInSection) => {\n            currentSection = child.props.title;\n            sectionChildValues.push(childInSection.props.value);\n            if (isValidAllowedChildren(childInSection, componentIds.ActionListItem)) {\n              return getActionListItemWithId(childInSection, shouldHideDivider);\n            }\n\n            return childInSection;\n          }),\n          // On web, we handle it with descendant styling in css so no need of JS there\n          _hideDivider: isReactNative() ? shouldHideDivider : undefined,\n          _sectionChildValues: sectionChildValues,\n        });\n      }\n\n      if (isValidAllowedChildren(child, componentIds.ActionListItem)) {\n        return getActionListItemWithId(child, true);\n      }\n\n      if (__DEV__) {\n        throwBladeError({\n          message: `Only ${actionListAllowedChildren.join(', ')} supported inside ActionList`,\n          moduleName: 'ActionList',\n        });\n      }\n    }\n    return child;\n  });\n\n  return {\n    sectionData,\n    childrenWithId,\n    actionListOptions,\n  };\n};\n\nconst validateActionListItemProps = ({\n  leading,\n  trailing,\n  titleSuffix,\n}: {\n  leading: ActionListItemProps['leading'];\n  trailing: ActionListItemProps['trailing'];\n  titleSuffix: ActionListItemProps['titleSuffix'];\n}): void => {\n  if (__DEV__) {\n    React.Children.map(trailing, (child) => {\n      if (\n        !isValidAllowedChildren(child, componentIds.ActionListItemIcon) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemText)\n      ) {\n        throwBladeError({\n          message: `Only ${componentIds.ActionListItemIcon} and ${componentIds.ActionListItemText} are allowed in trailing prop`,\n          moduleName: 'ActionListItem',\n        });\n      }\n    });\n\n    React.Children.map(titleSuffix, (child) => {\n      if (\n        !isValidAllowedChildren(child, componentIds.ActionListItemBadge) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemBadgeGroup)\n      ) {\n        throwBladeError({\n          message: `Only ${componentIds.ActionListItemBadge} and ${componentIds.ActionListItemBadgeGroup} are allowed in titleSuffix prop`,\n          moduleName: 'ActionListItem',\n        });\n      }\n    });\n\n    React.Children.map(leading, (child) => {\n      if (\n        !isValidAllowedChildren(child, componentIds.ActionListItemIcon) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemText) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemAsset) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemAvatar)\n      ) {\n        throwBladeError({\n          message: `Only ${componentIds.ActionListItemIcon}, ${componentIds.ActionListItemAvatar}, ${componentIds.ActionListItemAsset}, and ${componentIds.ActionListItemText} are allowed in leading prop`,\n          moduleName: 'ActionListItem',\n        });\n      }\n    });\n  }\n};\n\nconst getNormalTextColor = (\n  isDisabled: boolean | undefined,\n  { isMuted }: { isMuted?: boolean } = {},\n): Extract<\n  BaseTextProps['color'],\n  'interactive.text.gray.disabled' | 'interactive.text.gray.muted' | 'interactive.text.gray.normal'\n> => {\n  if (isDisabled) {\n    return 'interactive.text.gray.disabled';\n  }\n\n  if (isMuted) {\n    return 'interactive.text.gray.muted';\n  }\n\n  return 'interactive.text.gray.normal';\n};\n\nexport { getActionListProperties, validateActionListItemProps, getNormalTextColor };\n"],"names":["getActionListSectionPosition","children","childComponentIdArray","React","Children","toArray","map","child","getComponentId","lastActionListSectionIndex","lastIndexOf","componentIds","ActionListSection","isActionListItemPresentAfterSection","slice","includes","ActionListItem","actionListAllowedChildren","getActionListProperties","sectionData","currentSection","actionListOptions","getActionListItemWithId","hideDivider","isValidElement","props","isDisabled","push","title","value","onClickTrigger","_child$props$onClick","_child$props","_child$props$isSelect","anchorLink","href","onClick","call","name","isSelected","isReactNative","_child$props$target","target","window","open","top","currentIndex","length","foundSection","find","v","data","_objectSpread","_index","clonedChild","cloneElement","_getActionListSection","childrenWithId","index","isValidAllowedChildren","shouldHideDivider","sectionChildValues","childInSection","_hideDivider","undefined","_sectionChildValues","throwBladeError","message","concat","join","moduleName","validateActionListItemProps","_ref","leading","trailing","titleSuffix","ActionListItemIcon","ActionListItemText","ActionListItemBadge","ActionListItemBadgeGroup","ActionListItemAsset","ActionListItemAvatar","getNormalTextColor","_ref2","arguments","isMuted"],"mappings":"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"}

package/build/lib/web/production/components/ActionList/componentIds.js

@@ -5,6 +5,7 @@ var componentIds = {
   ActionListItemBadgeGroup: 'ActionListItemBadgeGroup',
   ActionListItemAsset: 'ActionListItemAsset',
   ActionListItemIcon: 'ActionListItemIcon',
+  ActionListItemAvatar: 'ActionListItemAvatar',
   ActionListItemText: 'ActionListItemText',
   ActionListSection: 'ActionListSection'
 };

package/build/lib/web/production/components/ActionList/componentIds.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentIds.js","sources":["../../../../../../src/components/ActionList/componentIds.ts"],"sourcesContent":["export const componentIds = {\n  ActionList: 'ActionList',\n  ActionListItem: 'ActionListItem',\n  ActionListItemBadge: 'ActionListItemBadge',\n  ActionListItemBadgeGroup: 'ActionListItemBadgeGroup',\n  ActionListItemAsset: 'ActionListItemAsset',\n  ActionListItemIcon: 'ActionListItemIcon',\n  ActionListItemText: 'ActionListItemText',\n  ActionListSection: 'ActionListSection',\n};\n"],"names":["componentIds","ActionList","ActionListItem","ActionListItemBadge","ActionListItemBadgeGroup","ActionListItemAsset","ActionListItemIcon","ActionListItemText","ActionListSection"],"mappings":"AAAO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,mBAAmB,EAAE,qBAAqB;AAC1CC,EAAAA,wBAAwB,EAAE,0BAA0B;AACpDC,EAAAA,mBAAmB,EAAE,qBAAqB;AAC1CC,EAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,EAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,EAAAA,iBAAiB,EAAE,mBAAA;AACrB;;;;"}
+{"version":3,"file":"componentIds.js","sources":["../../../../../../src/components/ActionList/componentIds.ts"],"sourcesContent":["export const componentIds = {\n  ActionList: 'ActionList',\n  ActionListItem: 'ActionListItem',\n  ActionListItemBadge: 'ActionListItemBadge',\n  ActionListItemBadgeGroup: 'ActionListItemBadgeGroup',\n  ActionListItemAsset: 'ActionListItemAsset',\n  ActionListItemIcon: 'ActionListItemIcon',\n  ActionListItemAvatar: 'ActionListItemAvatar',\n  ActionListItemText: 'ActionListItemText',\n  ActionListSection: 'ActionListSection',\n};\n"],"names":["componentIds","ActionList","ActionListItem","ActionListItemBadge","ActionListItemBadgeGroup","ActionListItemAsset","ActionListItemIcon","ActionListItemAvatar","ActionListItemText","ActionListSection"],"mappings":"AAAO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,mBAAmB,EAAE,qBAAqB;AAC1CC,EAAAA,wBAAwB,EAAE,0BAA0B;AACpDC,EAAAA,mBAAmB,EAAE,qBAAqB;AAC1CC,EAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,EAAAA,oBAAoB,EAAE,sBAAsB;AAC5CC,EAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,EAAAA,iBAAiB,EAAE,mBAAA;AACrB;;;;"}

package/build/lib/web/production/components/ActionList/index.js

@@ -1,4 +1,4 @@
 export { ActionList } from './ActionList.js';
-export { ActionListItem, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemText, ActionListSection } from './ActionListItem.js';
+export { ActionListItem, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemText, ActionListSection } from './ActionListItem.js';
 export { ActionListItemAsset } from './ActionListItemAsset.web.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/production/components/Form/FormHint.js

@@ -5,9 +5,11 @@ import '../Typography/Text/index.js';
 import '../Box/BaseBox/index.js';
 import '../Icons/index.js';
 import '../../utils/getPlatformType/index.js';
+import '../Box/index.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { Box } from '../Box/Box.js';
 import { Text } from '../Typography/Text/Text.js';
 import InfoIcon from '../Icons/InfoIcon/InfoIcon.js';
 import CheckIcon from '../Icons/CheckIcon/CheckIcon.js';
@@ -25,11 +27,19 @@ var HintText = function HintText(_ref) {
     marginTop: hintMarginTop[size],
     id: id,
     children: /*#__PURE__*/jsxs(FormHintWrapper, {
-      children: [Icon ? /*#__PURE__*/jsx(Icon, {}) : null, /*#__PURE__*/jsx(Text, {
+      children: [Icon ?
+      /*#__PURE__*/
+      // offset block element 2px down to align with text
+      jsx(Box, {
+        flexShrink: 0,
+        marginTop: "spacing.1",
+        children: /*#__PURE__*/jsx(Icon, {})
+      }) : null, /*#__PURE__*/jsx(Text, {
         as: isReactNative ? undefined : 'span',
         color: color,
         size: hintTextSize[size],
         variant: "caption",
+        wordBreak: "break-word",
         children: children
       })]
     })
@@ -38,24 +48,18 @@ var HintText = function HintText(_ref) {
 var Icons = {
   error: function error(_ref2) {
     var size = _ref2.size;
-    return /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(InfoIcon, {
-        color: "feedback.icon.negative.intense",
-        size: hintIconSize[size]
-      }), /*#__PURE__*/jsx(BaseBox, {
-        marginRight: "spacing.2"
-      })]
+    return /*#__PURE__*/jsx(InfoIcon, {
+      display: 'block',
+      color: "feedback.icon.negative.intense",
+      size: hintIconSize[size]
     });
   },
   success: function success(_ref3) {
     var size = _ref3.size;
-    return /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(CheckIcon, {
-        color: "feedback.icon.positive.intense",
-        size: hintIconSize[size]
-      }), /*#__PURE__*/jsx(BaseBox, {
-        marginRight: "spacing.2"
-      })]
+    return /*#__PURE__*/jsx(CheckIcon, {
+      display: 'block',
+      color: "feedback.icon.positive.intense",
+      size: hintIconSize[size]
     });
   }
 };

package/build/lib/web/production/components/Form/FormHint.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHint.js","sources":["../../../../../../src/components/Form/FormHint.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { FormHintWrapper } from './FormHintWrapper';\nimport { hintIconSize, hintMarginTop, hintTextSize } from './formTokens';\nimport type { TextProps } from '~components/Typography/Text';\nimport { Text } from '~components/Typography/Text';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CheckIcon, InfoIcon } from '~components/Icons';\nimport { getPlatformType } from '~utils/getPlatformType';\n\ntype HintTextProps = {\n  icon?: React.ElementType;\n  children: string;\n  id?: string;\n  color: TextProps<{ variant: 'caption' }>['color'];\n  size: 'small' | 'medium' | 'large';\n};\n\nconst HintText = ({ icon: Icon, children, id, color, size }: HintTextProps): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox marginTop={hintMarginTop[size]} id={id}>\n      <FormHintWrapper>\n        {Icon ? <Icon /> : null}\n        <Text\n          as={isReactNative ? undefined : 'span'}\n          color={color}\n          size={hintTextSize[size]}\n          variant=\"caption\"\n        >\n          {children}\n        </Text>\n      </FormHintWrapper>\n    </BaseBox>\n  );\n};\n\nexport type FormHintProps = {\n  type: 'help' | 'error' | 'success';\n  /**\n   * Help text for the group\n   */\n  helpText?: string;\n  /**\n   * Error text for the group\n   *\n   * Renders when `state` is set to 'error'\n   */\n  errorText?: string;\n  /**\n   * Success text for the group\n   *\n   * Renders when `state` is set to 'success'\n   */\n  successText?: string;\n  /**\n   * Sets the id on errorText.\n   * Needed for accessibility reasons.\n   */\n  errorTextId?: string;\n  /**\n   * Sets the id on helpText.\n   * Needed for accessibility reasons.\n   */\n  helpTextId?: string;\n  /**\n   * Sets the id on successText.\n   * Needed for accessibility reasons.\n   */\n  successTextId?: string;\n  /**\n   * Sets the size of the hint\n   * @default medium\n   */\n  size?: 'small' | 'medium' | 'large';\n};\n\nconst Icons = {\n  error: ({ size }: { size: 'small' | 'medium' | 'large' }): ReactElement => (\n    <>\n      <InfoIcon color=\"feedback.icon.negative.intense\" size={hintIconSize[size]} />\n      <BaseBox marginRight=\"spacing.2\" />\n    </>\n  ),\n  success: ({ size }: { size: 'small' | 'medium' | 'large' }): ReactElement => (\n    <>\n      <CheckIcon color=\"feedback.icon.positive.intense\" size={hintIconSize[size]} />\n      <BaseBox marginRight=\"spacing.2\" />\n    </>\n  ),\n};\n\nconst FormHint = ({\n  type,\n  helpText,\n  errorText,\n  successText,\n  helpTextId,\n  errorTextId,\n  successTextId,\n  size = 'medium',\n}: FormHintProps): React.ReactElement => {\n  const colors: Record<string, TextProps<{ variant: 'caption' }>['color']> = {\n    help: 'surface.text.gray.muted',\n    error: 'feedback.text.negative.intense',\n    success: 'feedback.text.positive.intense',\n  };\n\n  const showError = type === 'error' && errorText;\n  const showSuccess = type === 'success' && successText;\n  const showHelp = !showError && !showSuccess && helpText;\n\n  return (\n    <>\n      {showHelp && (\n        <HintText size={size} id={helpTextId} color={colors.help}>\n          {helpText}\n        </HintText>\n      )}\n\n      {showError && (\n        <HintText\n          size={size}\n          id={errorTextId}\n          icon={() => Icons.error({ size })}\n          color={colors.error}\n        >\n          {errorText}\n        </HintText>\n      )}\n\n      {showSuccess && (\n        <HintText\n          size={size}\n          id={successTextId}\n          icon={() => Icons.success({ size })}\n          color={colors.success}\n        >\n          {successText}\n        </HintText>\n      )}\n    </>\n  );\n};\n\nexport { FormHint };\n"],"names":["HintText","_ref","Icon","icon","children","id","color","size","isReactNative","getPlatformType","_jsx","BaseBox","marginTop","hintMarginTop","_jsxs","FormHintWrapper","Text","as","undefined","hintTextSize","variant","Icons","error","_ref2","_Fragment","InfoIcon","hintIconSize","marginRight","success","_ref3","CheckIcon","FormHint","_ref4","type","helpText","errorText","successText","helpTextId","errorTextId","successTextId","_ref4$size","colors","help","showError","showSuccess","showHelp"],"mappings":"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"}
+{"version":3,"file":"FormHint.js","sources":["../../../../../../src/components/Form/FormHint.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { FormHintWrapper } from './FormHintWrapper';\nimport { hintIconSize, hintMarginTop, hintTextSize } from './formTokens';\nimport type { TextProps } from '~components/Typography/Text';\nimport { Text } from '~components/Typography/Text';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { CheckIcon, InfoIcon } from '~components/Icons';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { Box } from '~components/Box';\n\ntype HintTextProps = {\n  icon?: IconComponent;\n  children: string;\n  id?: string;\n  color: TextProps<{ variant: 'caption' }>['color'];\n  size: 'small' | 'medium' | 'large';\n};\n\nconst HintText = ({ icon: Icon, children, id, color, size }: HintTextProps): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox marginTop={hintMarginTop[size]} id={id}>\n      <FormHintWrapper>\n        {Icon ? (\n          // offset block element 2px down to align with text\n          <Box flexShrink={0} marginTop=\"spacing.1\">\n            <Icon />\n          </Box>\n        ) : null}\n        <Text\n          as={isReactNative ? undefined : 'span'}\n          color={color}\n          size={hintTextSize[size]}\n          variant=\"caption\"\n          wordBreak=\"break-word\"\n        >\n          {children}\n        </Text>\n      </FormHintWrapper>\n    </BaseBox>\n  );\n};\n\nexport type FormHintProps = {\n  type: 'help' | 'error' | 'success';\n  /**\n   * Help text for the group\n   */\n  helpText?: string;\n  /**\n   * Error text for the group\n   *\n   * Renders when `state` is set to 'error'\n   */\n  errorText?: string;\n  /**\n   * Success text for the group\n   *\n   * Renders when `state` is set to 'success'\n   */\n  successText?: string;\n  /**\n   * Sets the id on errorText.\n   * Needed for accessibility reasons.\n   */\n  errorTextId?: string;\n  /**\n   * Sets the id on helpText.\n   * Needed for accessibility reasons.\n   */\n  helpTextId?: string;\n  /**\n   * Sets the id on successText.\n   * Needed for accessibility reasons.\n   */\n  successTextId?: string;\n  /**\n   * Sets the size of the hint\n   * @default medium\n   */\n  size?: 'small' | 'medium' | 'large';\n};\n\nconst Icons = {\n  error: ({ size }: { size: 'small' | 'medium' | 'large' }): ReactElement => (\n    <InfoIcon\n      display={'block' as never}\n      color=\"feedback.icon.negative.intense\"\n      size={hintIconSize[size]}\n    />\n  ),\n  success: ({ size }: { size: 'small' | 'medium' | 'large' }): ReactElement => (\n    <CheckIcon\n      display={'block' as never}\n      color=\"feedback.icon.positive.intense\"\n      size={hintIconSize[size]}\n    />\n  ),\n};\n\nconst FormHint = ({\n  type,\n  helpText,\n  errorText,\n  successText,\n  helpTextId,\n  errorTextId,\n  successTextId,\n  size = 'medium',\n}: FormHintProps): React.ReactElement => {\n  const colors: Record<string, TextProps<{ variant: 'caption' }>['color']> = {\n    help: 'surface.text.gray.muted',\n    error: 'feedback.text.negative.intense',\n    success: 'feedback.text.positive.intense',\n  };\n\n  const showError = type === 'error' && errorText;\n  const showSuccess = type === 'success' && successText;\n  const showHelp = !showError && !showSuccess && helpText;\n\n  return (\n    <>\n      {showHelp && (\n        <HintText size={size} id={helpTextId} color={colors.help}>\n          {helpText}\n        </HintText>\n      )}\n\n      {showError && (\n        <HintText\n          size={size}\n          id={errorTextId}\n          icon={() => Icons.error({ size })}\n          color={colors.error}\n        >\n          {errorText}\n        </HintText>\n      )}\n\n      {showSuccess && (\n        <HintText\n          size={size}\n          id={successTextId}\n          icon={() => Icons.success({ size })}\n          color={colors.success}\n        >\n          {successText}\n        </HintText>\n      )}\n    </>\n  );\n};\n\nexport { FormHint };\n"],"names":["HintText","_ref","Icon","icon","children","id","color","size","isReactNative","getPlatformType","_jsx","BaseBox","marginTop","hintMarginTop","_jsxs","FormHintWrapper","Box","flexShrink","Text","as","undefined","hintTextSize","variant","wordBreak","Icons","error","_ref2","InfoIcon","display","hintIconSize","success","_ref3","CheckIcon","FormHint","_ref4","type","helpText","errorText","successText","helpTextId","errorTextId","successTextId","_ref4$size","colors","help","showError","showSuccess","showHelp","_Fragment"],"mappings":";;;;;;;;;;;;;;;;AAAA;;AAqBA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAA+E;AAAA,EAAA,IAAnEC,IAAI,GAAAD,IAAA,CAAVE,IAAI;IAAQC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,IAAI,GAAAN,IAAA,CAAJM,IAAI,CAAA;AACvD,EAAA,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAE1D,oBACEC,GAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,SAAS,EAAEC,aAAa,CAACN,IAAI,CAAE;AAACF,IAAAA,EAAE,EAAEA,EAAG;IAAAD,QAAA,eAC9CU,IAAA,CAACC,eAAe,EAAA;AAAAX,MAAAA,QAAA,GACbF,IAAI;AAAA;AACH;AACAQ,MAAAA,GAAA,CAACM,GAAG,EAAA;AAACC,QAAAA,UAAU,EAAE,CAAE;AAACL,QAAAA,SAAS,EAAC,WAAW;AAAAR,QAAAA,QAAA,eACvCM,GAAA,CAACR,IAAI,EAAE,EAAA,CAAA;AAAC,OACL,CAAC,GACJ,IAAI,eACRQ,GAAA,CAACQ,IAAI,EAAA;AACHC,QAAAA,EAAE,EAAEX,aAAa,GAAGY,SAAS,GAAG,MAAO;AACvCd,QAAAA,KAAK,EAAEA,KAAM;AACbC,QAAAA,IAAI,EAAEc,YAAY,CAACd,IAAI,CAAE;AACzBe,QAAAA,OAAO,EAAC,SAAS;AACjBC,QAAAA,SAAS,EAAC,YAAY;AAAAnB,QAAAA,QAAA,EAErBA,QAAAA;AAAQ,OACL,CAAC,CAAA;KACQ,CAAA;AAAC,GACX,CAAC,CAAA;AAEd,CAAC,CAAA;AA0CD,IAAMoB,KAAK,GAAG;EACZC,KAAK,EAAE,SAAAA,KAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGnB,IAAI,GAAAmB,KAAA,CAAJnB,IAAI,CAAA;IAAA,oBACZG,GAAA,CAACiB,QAAQ,EAAA;AACPC,MAAAA,OAAO,EAAE,OAAiB;AAC1BtB,MAAAA,KAAK,EAAC,gCAAgC;MACtCC,IAAI,EAAEsB,YAAY,CAACtB,IAAI,CAAA;AAAE,KAC1B,CAAC,CAAA;GACH;EACDuB,OAAO,EAAE,SAAAA,OAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGxB,IAAI,GAAAwB,KAAA,CAAJxB,IAAI,CAAA;IAAA,oBACdG,GAAA,CAACsB,SAAS,EAAA;AACRJ,MAAAA,OAAO,EAAE,OAAiB;AAC1BtB,MAAAA,KAAK,EAAC,gCAAgC;MACtCC,IAAI,EAAEsB,YAAY,CAACtB,IAAI,CAAA;AAAE,KAC1B,CAAC,CAAA;AAAA,GAAA;AAEN,CAAC,CAAA;AAED,IAAM0B,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAS2B;AAAA,EAAA,IARvCC,IAAI,GAAAD,KAAA,CAAJC,IAAI;IACJC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,KAAA,CAATG,SAAS;IACTC,WAAW,GAAAJ,KAAA,CAAXI,WAAW;IACXC,UAAU,GAAAL,KAAA,CAAVK,UAAU;IACVC,WAAW,GAAAN,KAAA,CAAXM,WAAW;IACXC,aAAa,GAAAP,KAAA,CAAbO,aAAa;IAAAC,UAAA,GAAAR,KAAA,CACb3B,IAAI;AAAJA,IAAAA,IAAI,GAAAmC,UAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,UAAA,CAAA;AAEf,EAAA,IAAMC,MAAkE,GAAG;AACzEC,IAAAA,IAAI,EAAE,yBAAyB;AAC/BnB,IAAAA,KAAK,EAAE,gCAAgC;AACvCK,IAAAA,OAAO,EAAE,gCAAA;GACV,CAAA;AAED,EAAA,IAAMe,SAAS,GAAGV,IAAI,KAAK,OAAO,IAAIE,SAAS,CAAA;AAC/C,EAAA,IAAMS,WAAW,GAAGX,IAAI,KAAK,SAAS,IAAIG,WAAW,CAAA;EACrD,IAAMS,QAAQ,GAAG,CAACF,SAAS,IAAI,CAACC,WAAW,IAAIV,QAAQ,CAAA;EAEvD,oBACEtB,IAAA,CAAAkC,QAAA,EAAA;AAAA5C,IAAAA,QAAA,EACG2C,CAAAA,QAAQ,iBACPrC,GAAA,CAACV,QAAQ,EAAA;AAACO,MAAAA,IAAI,EAAEA,IAAK;AAACF,MAAAA,EAAE,EAAEkC,UAAW;MAACjC,KAAK,EAAEqC,MAAM,CAACC,IAAK;AAAAxC,MAAAA,QAAA,EACtDgC,QAAAA;AAAQ,KACD,CACX,EAEAS,SAAS,iBACRnC,GAAA,CAACV,QAAQ,EAAA;AACPO,MAAAA,IAAI,EAAEA,IAAK;AACXF,MAAAA,EAAE,EAAEmC,WAAY;MAChBrC,IAAI,EAAE,SAAAA,IAAA,GAAA;QAAA,OAAMqB,KAAK,CAACC,KAAK,CAAC;AAAElB,UAAAA,IAAI,EAAJA,IAAAA;AAAK,SAAC,CAAC,CAAA;OAAC;MAClCD,KAAK,EAAEqC,MAAM,CAAClB,KAAM;AAAArB,MAAAA,QAAA,EAEnBiC,SAAAA;AAAS,KACF,CACX,EAEAS,WAAW,iBACVpC,GAAA,CAACV,QAAQ,EAAA;AACPO,MAAAA,IAAI,EAAEA,IAAK;AACXF,MAAAA,EAAE,EAAEoC,aAAc;MAClBtC,IAAI,EAAE,SAAAA,IAAA,GAAA;QAAA,OAAMqB,KAAK,CAACM,OAAO,CAAC;AAAEvB,UAAAA,IAAI,EAAJA,IAAAA;AAAK,SAAC,CAAC,CAAA;OAAC;MACpCD,KAAK,EAAEqC,MAAM,CAACb,OAAQ;AAAA1B,MAAAA,QAAA,EAErBkC,WAAAA;AAAW,KACJ,CACX,CAAA;AAAA,GACD,CAAC,CAAA;AAEP;;;;"}

package/build/lib/web/production/components/Form/FormHintWrapper.web.js

@@ -9,10 +9,8 @@ var FormHintWrapper = function FormHintWrapper(_ref) {
     as: "span",
     display: "flex",
     flexDirection: "row",
-    alignItems: "center",
-    style: {
-      wordBreak: 'break-all'
-    },
+    alignItems: "flex-start",
+    gap: "spacing.2",
     children: children
   });
 };

package/build/lib/web/production/components/Form/FormHintWrapper.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHintWrapper.web.js","sources":["../../../../../../src/components/Form/FormHintWrapper.web.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst FormHintWrapper = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  return (\n    <BaseBox\n      as=\"span\"\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      style={{\n        wordBreak: 'break-all',\n      }}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { FormHintWrapper };\n"],"names":["FormHintWrapper","_ref","children","_jsx","BaseBox","as","display","flexDirection","alignItems","style","wordBreak"],"mappings":";;;;;AAGA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAwE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;EACjC,oBACEC,GAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,EAAE,EAAC,MAAM;AACTC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,KAAK;AACnBC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,SAAS,EAAE,WAAA;KACX;AAAAR,IAAAA,QAAA,EAEDA,QAAAA;AAAQ,GACF,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"FormHintWrapper.web.js","sources":["../../../../../../src/components/Form/FormHintWrapper.web.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst FormHintWrapper = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  return (\n    <BaseBox as=\"span\" display=\"flex\" flexDirection=\"row\" alignItems=\"flex-start\" gap=\"spacing.2\">\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { FormHintWrapper };\n"],"names":["FormHintWrapper","_ref","children","_jsx","BaseBox","as","display","flexDirection","alignItems","gap"],"mappings":";;;;;AAGA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAwE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;EACjC,oBACEC,GAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,EAAE,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,aAAa,EAAC,KAAK;AAACC,IAAAA,UAAU,EAAC,YAAY;AAACC,IAAAA,GAAG,EAAC,WAAW;AAAAP,IAAAA,QAAA,EAC1FA,QAAAA;AAAQ,GACF,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/production/components/StepGroup/StepItem.web.js

@@ -45,12 +45,15 @@ var InteractiveItemHeaderBox = /*#__PURE__*/styled.button.withConfig({
     borderRadius: props.theme.border.radius.medium,
     width: '100%',
     transition: "background-color ".concat(props.theme.motion.duration.xquick, " ").concat(props.theme.motion.easing.standard.effective),
-    ':hover': {
+    ':not([disabled]):hover': {
       backgroundColor: props.isSelected ? props.theme.colors.interactive.background.primary.fadedHighlighted : props.theme.colors.interactive.background.gray.fadedHighlighted
     },
-    ':focus-visible': _objectSpread({}, getFocusRingStyles({
+    ':not([disabled]):focus-visible': _objectSpread({}, getFocusRingStyles({
       theme: props.theme
-    }))
+    })),
+    '&[disabled]': {
+      cursor: 'not-allowed'
+    }
   };
 });
 var getStepTypeFromIndex = function getStepTypeFromIndex(_ref) {
@@ -80,6 +83,7 @@ var _StepItem = function _StepItem(_ref2) {
     marker = _ref2.marker,
     trailing = _ref2.trailing,
     isSelected = _ref2.isSelected,
+    isDisabled = _ref2.isDisabled,
     href = _ref2.href,
     target = _ref2.target,
     onClick = _ref2.onClick,
@@ -129,18 +133,18 @@ var _StepItem = function _StepItem(_ref2) {
     children: [/*#__PURE__*/jsxs(Box, {
       children: [/*#__PURE__*/jsx(Text, {
         size: stepItemHeaderTokens[size$1].title,
-        color: "surface.text.gray.subtle",
+        color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle',
         weight: "semibold",
         children: title
       }), /*#__PURE__*/jsx(Text, {
         size: stepItemHeaderTokens[size$1].timestamp,
         marginY: "spacing.2",
-        color: "surface.text.gray.muted",
+        color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted',
         variant: "caption",
         children: timestamp
       }), /*#__PURE__*/jsx(Text, {
         size: stepItemHeaderTokens[size$1].description,
-        color: "surface.text.gray.muted",
+        color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted',
         children: description
       })]
     }), /*#__PURE__*/jsx(Box, {
@@ -181,6 +185,7 @@ var _StepItem = function _StepItem(_ref2) {
         target: target,
         isSelected: isSelected,
         onClick: onClick,
+        disabled: isDisabled,
         children: stepItemHeaderJSX
       })) : /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({}, stepItemHeaderPaddings), {}, {
         children: stepItemHeaderJSX

package/build/lib/web/production/components/StepGroup/StepItem.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepItem.web.js","sources":["../../../../../../src/components/StepGroup/StepItem.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { StepLine } from './StepLine';\nimport type { StepLineProps } from './StepLine';\nimport { useStepGroup } from './StepGroupContext';\nimport type {\n  InteractiveItemHeaderProps,\n  StepGroupContextType,\n  StepGroupProps,\n  StepItemProps,\n} from './types';\nimport { componentIds } from './componentIds';\nimport { itemLineGap, stepItemHeaderTokens } from './tokens';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeSize, makeSpace } from '~utils';\nimport { size as sizeTokens } from '~tokens/global';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport getIn from '~utils/lodashButBetter/get';\nimport { throwBladeError } from '~utils/logger';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\ntype GetStepTypeFromIndexProps = {\n  _index: StepItemProps['_index'];\n  _nestingLevel: StepGroupProps['_nestingLevel'];\n  itemsCount: StepGroupContextType['itemsInGroupCount'];\n};\n\nconst InteractiveItemHeaderBox = styled.button<InteractiveItemHeaderProps>((props) => {\n  return {\n    padding: `${makeSpace(getIn(props.theme, props.paddingY))} ${makeSpace(\n      getIn(props.theme, props.paddingX),\n    )}`,\n    cursor: 'pointer',\n    display: 'inline-block',\n    textDecoration: 'none',\n    border: 'none',\n    textAlign: 'inherit',\n    backgroundColor: props.isSelected\n      ? props.theme.colors.interactive.background.primary.faded\n      : props.theme.colors.transparent,\n    borderRadius: props.theme.border.radius.medium,\n    width: '100%',\n    transition: `background-color ${props.theme.motion.duration.xquick} ${props.theme.motion.easing.standard.effective}`,\n    ':hover': {\n      backgroundColor: props.isSelected\n        ? props.theme.colors.interactive.background.primary.fadedHighlighted\n        : props.theme.colors.interactive.background.gray.fadedHighlighted,\n    },\n    ':focus-visible': {\n      ...getFocusRingStyles({ theme: props.theme }),\n    },\n  };\n});\n\nconst getStepTypeFromIndex = ({\n  _index,\n  _nestingLevel,\n  itemsCount,\n}: GetStepTypeFromIndexProps): StepLineProps['stepType'] => {\n  if (_nestingLevel === 0) {\n    return 'default';\n  }\n\n  if (itemsCount === 1) {\n    return 'single-item';\n  }\n\n  if (_index === 0) {\n    return 'start';\n  }\n\n  if (_index === itemsCount - 1) {\n    return 'end';\n  }\n\n  return 'middle';\n};\n\nconst _StepItem = ({\n  title,\n  timestamp,\n  description,\n  stepProgress = 'none',\n  marker,\n  trailing,\n  isSelected,\n  href,\n  target,\n  onClick,\n  children,\n  _index = 0,\n  _totalIndex = 0,\n  _nestingLevel = 0,\n}: StepItemProps): React.ReactElement => {\n  const {\n    itemsInGroupCount: itemsCount,\n    totalItemsInParentGroupCount,\n    orientation,\n    size,\n  } = useStepGroup();\n  const stepType = React.useMemo(\n    () => getStepTypeFromIndex({ _index, _nestingLevel, itemsCount }),\n    [_index, _nestingLevel, itemsCount],\n  );\n\n  const itemRef = React.useRef<HTMLDivElement>(null);\n\n  const isFirstItem = _totalIndex === 0;\n  const isLastItem = _totalIndex === totalItemsInParentGroupCount - 1;\n  const isInteractive = Boolean(href) || Boolean(onClick);\n  const isVertical = orientation === 'vertical';\n\n  if (__DEV__) {\n    if (trailing && orientation === 'horizontal') {\n      throwBladeError({\n        message: 'trailing is not allowed in horizontal StepGroup',\n        moduleName: 'StepItem',\n      });\n    }\n\n    if (_nestingLevel >= 1 && orientation === 'horizontal') {\n      throwBladeError({\n        message: 'Nested StepGroup components are not allowed in horizontal orientation',\n        moduleName: 'StepItem',\n      });\n    }\n  }\n\n  const stepItemHeaderJSX = (\n    <Box display=\"flex\" flexDirection=\"row\" justifyContent=\"space-between\" gap=\"spacing.4\">\n      <Box>\n        <Text\n          size={stepItemHeaderTokens[size].title}\n          color=\"surface.text.gray.subtle\"\n          weight=\"semibold\"\n        >\n          {title}\n        </Text>\n        <Text\n          size={stepItemHeaderTokens[size].timestamp}\n          marginY=\"spacing.2\"\n          color=\"surface.text.gray.muted\"\n          variant=\"caption\"\n        >\n          {timestamp}\n        </Text>\n        <Text size={stepItemHeaderTokens[size].description} color=\"surface.text.gray.muted\">\n          {description}\n        </Text>\n      </Box>\n      <Box>{trailing}</Box>\n    </Box>\n  );\n\n  const stepItemHeaderPaddings: Omit<InteractiveItemHeaderProps, 'isSelected'> = {\n    paddingY: 'spacing.3',\n    paddingX: 'spacing.4',\n  } as const;\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection={isVertical ? 'row' : 'column'}\n      gap={itemLineGap[size]}\n      className={`step-item step-index-${_index} step-nesting-level-${_nestingLevel}`}\n      textAlign={isVertical ? 'left' : 'center'}\n      alignItems={isVertical ? undefined : 'center'}\n      minWidth={isVertical ? undefined : `min(${makeSize(sizeTokens['120'])}, 100%)`}\n      width={isVertical ? '100%' : undefined}\n      flex={isVertical ? undefined : '1'}\n      {...metaAttribute({ name: MetaConstants.StepItem })}\n      ref={itemRef}\n    >\n      <StepLine\n        shouldShowStartBranch={!isFirstItem}\n        shouldShowEndBranch={!isLastItem}\n        stepType={stepType}\n        marker={marker}\n        stepProgress={stepProgress}\n      />\n      <Box marginTop=\"spacing.3\" flex=\"1\" marginRight={isVertical ? undefined : undefined}>\n        {isInteractive ? (\n          <InteractiveItemHeaderBox\n            {...stepItemHeaderPaddings}\n            as={href ? 'a' : 'button'}\n            href={href}\n            target={target}\n            isSelected={isSelected}\n            onClick={onClick}\n          >\n            {stepItemHeaderJSX}\n          </InteractiveItemHeaderBox>\n        ) : (\n          <Box {...stepItemHeaderPaddings}>{stepItemHeaderJSX}</Box>\n        )}\n        {children ? (\n          <Box paddingX=\"spacing.4\" paddingY=\"spacing.3\">\n            {children}\n          </Box>\n        ) : null}\n      </Box>\n    </BaseBox>\n  );\n};\n\n/**\n * ## StepItem\n *\n * Component meant to be used inside the StepGroup parent component\n *\n * ### Usage\n *\n * ```jsx\n * <StepGroup orientation=\"vertical\" size=\"medium\">\n *   <StepItem\n *      title=\"Personal Details\"\n *      timestamp=\"Thu 15th Oct'23 | 12:00pm\"\n *      description=\"Fill your personal details here\"\n *      marker={<StepItemIndicator color=\"negative\" />}\n *    />\n * </StepGroup>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-stepgroup--docs StepGroup Documentation}\n */\nconst StepItem = assignWithoutSideEffects(_StepItem, {\n  componentId: componentIds.StepItem,\n  displayName: componentIds.StepItem,\n});\n\nexport { StepLine, StepItem };\n"],"names":["InteractiveItemHeaderBox","styled","button","withConfig","displayName","componentId","props","padding","concat","makeSpace","getIn","theme","paddingY","paddingX","cursor","display","textDecoration","border","textAlign","backgroundColor","isSelected","colors","interactive","background","primary","faded","transparent","borderRadius","radius","medium","width","transition","motion","duration","xquick","easing","standard","effective","fadedHighlighted","gray","_objectSpread","getFocusRingStyles","getStepTypeFromIndex","_ref","_index","_nestingLevel","itemsCount","_StepItem","_ref2","title","timestamp","description","_ref2$stepProgress","stepProgress","marker","trailing","href","target","onClick","children","_ref2$_index","_ref2$_totalIndex","_totalIndex","_ref2$_nestingLevel","_useStepGroup","useStepGroup","itemsInGroupCount","totalItemsInParentGroupCount","orientation","size","stepType","React","useMemo","itemRef","useRef","isFirstItem","isLastItem","isInteractive","Boolean","isVertical","throwBladeError","message","moduleName","stepItemHeaderJSX","_jsxs","Box","flexDirection","justifyContent","gap","_jsx","Text","stepItemHeaderTokens","color","weight","marginY","variant","stepItemHeaderPaddings","BaseBox","itemLineGap","className","alignItems","undefined","minWidth","makeSize","sizeTokens","flex","metaAttribute","name","MetaConstants","StepItem","ref","StepLine","shouldShowStartBranch","shouldShowEndBranch","marginTop","marginRight","as","assignWithoutSideEffects","componentIds"],"mappings":"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"}
+{"version":3,"file":"StepItem.web.js","sources":["../../../../../../src/components/StepGroup/StepItem.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { StepLine } from './StepLine';\nimport type { StepLineProps } from './StepLine';\nimport { useStepGroup } from './StepGroupContext';\nimport type {\n  InteractiveItemHeaderProps,\n  StepGroupContextType,\n  StepGroupProps,\n  StepItemProps,\n} from './types';\nimport { componentIds } from './componentIds';\nimport { itemLineGap, stepItemHeaderTokens } from './tokens';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeSize, makeSpace } from '~utils';\nimport { size as sizeTokens } from '~tokens/global';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport getIn from '~utils/lodashButBetter/get';\nimport { throwBladeError } from '~utils/logger';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\ntype GetStepTypeFromIndexProps = {\n  _index: StepItemProps['_index'];\n  _nestingLevel: StepGroupProps['_nestingLevel'];\n  itemsCount: StepGroupContextType['itemsInGroupCount'];\n};\n\nconst InteractiveItemHeaderBox = styled.button<InteractiveItemHeaderProps>((props) => {\n  return {\n    padding: `${makeSpace(getIn(props.theme, props.paddingY))} ${makeSpace(\n      getIn(props.theme, props.paddingX),\n    )}`,\n    cursor: 'pointer',\n    display: 'inline-block',\n    textDecoration: 'none',\n    border: 'none',\n    textAlign: 'inherit',\n    backgroundColor: props.isSelected\n      ? props.theme.colors.interactive.background.primary.faded\n      : props.theme.colors.transparent,\n    borderRadius: props.theme.border.radius.medium,\n    width: '100%',\n    transition: `background-color ${props.theme.motion.duration.xquick} ${props.theme.motion.easing.standard.effective}`,\n    ':not([disabled]):hover': {\n      backgroundColor: props.isSelected\n        ? props.theme.colors.interactive.background.primary.fadedHighlighted\n        : props.theme.colors.interactive.background.gray.fadedHighlighted,\n    },\n    ':not([disabled]):focus-visible': {\n      ...getFocusRingStyles({ theme: props.theme }),\n    },\n    '&[disabled]': {\n      cursor: 'not-allowed',\n    },\n  };\n});\n\nconst getStepTypeFromIndex = ({\n  _index,\n  _nestingLevel,\n  itemsCount,\n}: GetStepTypeFromIndexProps): StepLineProps['stepType'] => {\n  if (_nestingLevel === 0) {\n    return 'default';\n  }\n\n  if (itemsCount === 1) {\n    return 'single-item';\n  }\n\n  if (_index === 0) {\n    return 'start';\n  }\n\n  if (_index === itemsCount - 1) {\n    return 'end';\n  }\n\n  return 'middle';\n};\n\nconst _StepItem = ({\n  title,\n  timestamp,\n  description,\n  stepProgress = 'none',\n  marker,\n  trailing,\n  isSelected,\n  isDisabled,\n  href,\n  target,\n  onClick,\n  children,\n  _index = 0,\n  _totalIndex = 0,\n  _nestingLevel = 0,\n}: StepItemProps): React.ReactElement => {\n  const {\n    itemsInGroupCount: itemsCount,\n    totalItemsInParentGroupCount,\n    orientation,\n    size,\n  } = useStepGroup();\n  const stepType = React.useMemo(\n    () => getStepTypeFromIndex({ _index, _nestingLevel, itemsCount }),\n    [_index, _nestingLevel, itemsCount],\n  );\n\n  const itemRef = React.useRef<HTMLDivElement>(null);\n\n  const isFirstItem = _totalIndex === 0;\n  const isLastItem = _totalIndex === totalItemsInParentGroupCount - 1;\n  const isInteractive = Boolean(href) || Boolean(onClick);\n  const isVertical = orientation === 'vertical';\n\n  if (__DEV__) {\n    if (trailing && orientation === 'horizontal') {\n      throwBladeError({\n        message: 'trailing is not allowed in horizontal StepGroup',\n        moduleName: 'StepItem',\n      });\n    }\n\n    if (_nestingLevel >= 1 && orientation === 'horizontal') {\n      throwBladeError({\n        message: 'Nested StepGroup components are not allowed in horizontal orientation',\n        moduleName: 'StepItem',\n      });\n    }\n  }\n\n  const stepItemHeaderJSX = (\n    <Box display=\"flex\" flexDirection=\"row\" justifyContent=\"space-between\" gap=\"spacing.4\">\n      <Box>\n        <Text\n          size={stepItemHeaderTokens[size].title}\n          color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n          weight=\"semibold\"\n        >\n          {title}\n        </Text>\n        <Text\n          size={stepItemHeaderTokens[size].timestamp}\n          marginY=\"spacing.2\"\n          color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n          variant=\"caption\"\n        >\n          {timestamp}\n        </Text>\n        <Text\n          size={stepItemHeaderTokens[size].description}\n          color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n        >\n          {description}\n        </Text>\n      </Box>\n      <Box>{trailing}</Box>\n    </Box>\n  );\n\n  const stepItemHeaderPaddings: Omit<InteractiveItemHeaderProps, 'isSelected'> = {\n    paddingY: 'spacing.3',\n    paddingX: 'spacing.4',\n  } as const;\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection={isVertical ? 'row' : 'column'}\n      gap={itemLineGap[size]}\n      className={`step-item step-index-${_index} step-nesting-level-${_nestingLevel}`}\n      textAlign={isVertical ? 'left' : 'center'}\n      alignItems={isVertical ? undefined : 'center'}\n      minWidth={isVertical ? undefined : `min(${makeSize(sizeTokens['120'])}, 100%)`}\n      width={isVertical ? '100%' : undefined}\n      flex={isVertical ? undefined : '1'}\n      {...metaAttribute({ name: MetaConstants.StepItem })}\n      ref={itemRef}\n    >\n      <StepLine\n        shouldShowStartBranch={!isFirstItem}\n        shouldShowEndBranch={!isLastItem}\n        stepType={stepType}\n        marker={marker}\n        stepProgress={stepProgress}\n      />\n      <Box marginTop=\"spacing.3\" flex=\"1\" marginRight={isVertical ? undefined : undefined}>\n        {isInteractive ? (\n          <InteractiveItemHeaderBox\n            {...stepItemHeaderPaddings}\n            as={href ? 'a' : 'button'}\n            href={href}\n            target={target}\n            isSelected={isSelected}\n            onClick={onClick}\n            disabled={isDisabled}\n          >\n            {stepItemHeaderJSX}\n          </InteractiveItemHeaderBox>\n        ) : (\n          <Box {...stepItemHeaderPaddings}>{stepItemHeaderJSX}</Box>\n        )}\n        {children ? (\n          <Box paddingX=\"spacing.4\" paddingY=\"spacing.3\">\n            {children}\n          </Box>\n        ) : null}\n      </Box>\n    </BaseBox>\n  );\n};\n\n/**\n * ## StepItem\n *\n * Component meant to be used inside the StepGroup parent component\n *\n * ### Usage\n *\n * ```jsx\n * <StepGroup orientation=\"vertical\" size=\"medium\">\n *   <StepItem\n *      title=\"Personal Details\"\n *      timestamp=\"Thu 15th Oct'23 | 12:00pm\"\n *      description=\"Fill your personal details here\"\n *      marker={<StepItemIndicator color=\"negative\" />}\n *    />\n * </StepGroup>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-stepgroup--docs StepGroup Documentation}\n */\nconst StepItem = assignWithoutSideEffects(_StepItem, {\n  componentId: componentIds.StepItem,\n  displayName: componentIds.StepItem,\n});\n\nexport { StepLine, StepItem };\n"],"names":["InteractiveItemHeaderBox","styled","button","withConfig","displayName","componentId","props","padding","concat","makeSpace","getIn","theme","paddingY","paddingX","cursor","display","textDecoration","border","textAlign","backgroundColor","isSelected","colors","interactive","background","primary","faded","transparent","borderRadius","radius","medium","width","transition","motion","duration","xquick","easing","standard","effective","fadedHighlighted","gray","_objectSpread","getFocusRingStyles","getStepTypeFromIndex","_ref","_index","_nestingLevel","itemsCount","_StepItem","_ref2","title","timestamp","description","_ref2$stepProgress","stepProgress","marker","trailing","isDisabled","href","target","onClick","children","_ref2$_index","_ref2$_totalIndex","_totalIndex","_ref2$_nestingLevel","_useStepGroup","useStepGroup","itemsInGroupCount","totalItemsInParentGroupCount","orientation","size","stepType","React","useMemo","itemRef","useRef","isFirstItem","isLastItem","isInteractive","Boolean","isVertical","throwBladeError","message","moduleName","stepItemHeaderJSX","_jsxs","Box","flexDirection","justifyContent","gap","_jsx","Text","stepItemHeaderTokens","color","weight","marginY","variant","stepItemHeaderPaddings","BaseBox","itemLineGap","className","alignItems","undefined","minWidth","makeSize","sizeTokens","flex","metaAttribute","name","MetaConstants","StepItem","ref","StepLine","shouldShowStartBranch","shouldShowEndBranch","marginTop","marginRight","as","disabled","assignWithoutSideEffects","componentIds"],"mappings":"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"}

package/build/lib/web/production/components/Tooltip/TooltipInteractiveWrapper.web.js

@@ -1,29 +1,25 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import styled from 'styled-components';
+import React__default from 'react';
 import { useTooltipContext } from './TooltipContext.js';
 import '../Box/BaseBox/index.js';
 import '../../utils/metaAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 
 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) { _defineProperty(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 TooltipInteractiveWrapper = /*#__PURE__*/styled(BaseBox).attrs(function () {
-  return _objectSpread({
-    tabIndex: -1
+var TooltipInteractiveWrapper = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+  useTooltipContext();
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
+    ref: ref,
+    tabIndex: -1,
+    display: "inline-block"
   }, metaAttribute({
     testID: 'tooltip-interactive-wrapper',
     name: MetaConstants.TooltipInteractiveWrapper
-  }));
-}).withConfig({
-  displayName: "TooltipInteractiveWrapperweb__TooltipInteractiveWrapper",
-  componentId: "y7list-0"
-})(function () {
-  useTooltipContext();
-  return {
-    display: 'inline-block'
-  };
+  })), props));
 });
 
 export { TooltipInteractiveWrapper };

package/build/lib/web/production/components/Tooltip/TooltipInteractiveWrapper.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipInteractiveWrapper.web.js","sources":["../../../../../../src/components/Tooltip/TooltipInteractiveWrapper.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { useTooltipContext } from './TooltipContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst TooltipInteractiveWrapper = styled(BaseBox).attrs(() => {\n  return {\n    tabIndex: -1,\n    ...metaAttribute({\n      testID: 'tooltip-interactive-wrapper',\n      name: MetaConstants.TooltipInteractiveWrapper,\n    }),\n  };\n})(() => {\n  useTooltipContext();\n\n  return {\n    display: 'inline-block',\n  };\n});\n\nexport { TooltipInteractiveWrapper };\n"],"names":["TooltipInteractiveWrapper","styled","BaseBox","attrs","_objectSpread","tabIndex","metaAttribute","testID","name","MetaConstants","withConfig","displayName","componentId","useTooltipContext","display"],"mappings":";;;;;;;;;;;AAKMA,IAAAA,yBAAyB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAACC,KAAK,CAAC,YAAM;AAC5D,EAAA,OAAAC,aAAA,CAAA;AACEC,IAAAA,QAAQ,EAAE,CAAC,CAAA;AAAC,GAAA,EACTC,aAAa,CAAC;AACfC,IAAAA,MAAM,EAAE,6BAA6B;IACrCC,IAAI,EAAEC,aAAa,CAACT,yBAAAA;AACtB,GAAC,CAAC,CAAA,CAAA;AAEN,CAAC,CAAC,CAAAU,UAAA,CAAA;EAAAC,WAAA,EAAA,yDAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAA,CAAA,CAAC,YAAM;AACPC,EAAAA,iBAAiB,EAAE,CAAA;EAEnB,OAAO;AACLC,IAAAA,OAAO,EAAE,cAAA;GACV,CAAA;AACH,CAAC;;;;"}
+{"version":3,"file":"TooltipInteractiveWrapper.web.js","sources":["../../../../../../src/components/Tooltip/TooltipInteractiveWrapper.web.tsx"],"sourcesContent":["import React from 'react';\nimport { useTooltipContext } from './TooltipContext';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst TooltipInteractiveWrapper = React.forwardRef<HTMLDivElement, Omit<BaseBoxProps, 'as'>>(\n  (props, ref) => {\n    useTooltipContext();\n\n    return (\n      <BaseBox\n        ref={ref}\n        tabIndex={-1}\n        display=\"inline-block\"\n        {...metaAttribute({\n          testID: 'tooltip-interactive-wrapper',\n          name: MetaConstants.TooltipInteractiveWrapper,\n        })}\n        {...props}\n      />\n    );\n  },\n);\n\nexport { TooltipInteractiveWrapper };\n"],"names":["TooltipInteractiveWrapper","React","forwardRef","props","ref","useTooltipContext","_jsx","BaseBox","_objectSpread","tabIndex","display","metaAttribute","testID","name","MetaConstants"],"mappings":";;;;;;;;;;;;AAMMA,IAAAA,yBAAyB,gBAAGC,cAAK,CAACC,UAAU,CAChD,UAACC,KAAK,EAAEC,GAAG,EAAK;AACdC,EAAAA,iBAAiB,EAAE,CAAA;AAEnB,EAAA,oBACEC,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACNJ,IAAAA,GAAG,EAAEA,GAAI;IACTK,QAAQ,EAAE,CAAC,CAAE;AACbC,IAAAA,OAAO,EAAC,cAAA;AAAc,GAAA,EAClBC,aAAa,CAAC;AAChBC,IAAAA,MAAM,EAAE,6BAA6B;IACrCC,IAAI,EAAEC,aAAa,CAACd,yBAAAA;AACtB,GAAC,CAAC,CAAA,EACEG,KAAK,CACV,CAAC,CAAA;AAEN,CACF;;;;"}