@razorpay/blade 11.21.9 → 11.22.0

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

@@ -1,19 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React__default from 'react';
 import styled from 'styled-components';
-import { StyledActionListItem } from './styles/StyledActionListItem.web.js';
 import { componentIds } from './componentIds.js';
 import { getNormalTextColor, validateActionListItemProps } from './actionListUtils.js';
-import { getActionListSectionRole, isRoleMenu, getActionListItemRole } from './getA11yRoles.js';
+import { getActionListSectionRole, getActionListItemRole } from './getA11yRoles.js';
 import '../Divider/index.js';
 import '../Box/BaseBox/index.js';
 import { useDropdown } from '../Dropdown/useDropdown.js';
 import '../Typography/index.js';
 import '../../utils/index.js';
 import '../../utils/metaAttribute/index.js';
-import '../Checkbox/index.js';
-import '../../tokens/global/index.js';
-import '../BladeProvider/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/makeSize/index.js';
 import '../../utils/makeAccessible/index.js';
@@ -21,7 +17,9 @@ import '../../utils/logger/index.js';
 import '../Badge/index.js';
 import '../Box/index.js';
 import { dropdownComponentIds } from '../Dropdown/dropdownComponentIds.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import '../BaseMenu/index.js';
+import '../Checkbox/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
@@ -31,17 +29,16 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { Text } from '../Typography/Text/Text.js';
 import { Divider } from '../Divider/Divider.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import { useBaseMenuItem } from '../BaseMenu/BaseMenuContext.js';
 import { Box } from '../Box/Box.js';
 import { Badge } from '../Badge/Badge.js';
-import { size } from '../../tokens/global/size.js';
-import { Checkbox } from '../Checkbox/Checkbox.js';
-import useTheme from '../BladeProvider/useTheme.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
+import { BaseMenuItem } from '../BaseMenu/BaseMenuItem/BaseMenuItem.js';
+import { Checkbox } from '../Checkbox/Checkbox.js';
 import { castWebType } from '../../utils/platform/castUtils.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 ActionListItemContext = /*#__PURE__*/React__default.createContext({});
 var StyledActionListSectionTitle = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "ActionListItem__StyledActionListSectionTitle",
   componentId: "m6qdwa-0"
@@ -107,12 +104,12 @@ var ActionListSection = /*#__PURE__*/assignWithoutSideEffects(_ActionListSection
 var _ActionListItemIcon = function _ActionListItemIcon(_ref2) {
   var icon = _ref2.icon;
   var Icon = icon;
-  var _React$useContext = React__default.useContext(ActionListItemContext),
-    intent = _React$useContext.intent,
-    isDisabled = _React$useContext.isDisabled;
+  var _useBaseMenuItem = useBaseMenuItem(),
+    color = _useBaseMenuItem.color,
+    isDisabled = _useBaseMenuItem.isDisabled;
   var iconState = isDisabled ? 'disabled' : 'muted';
   return /*#__PURE__*/jsx(Icon, {
-    color: intent === 'negative' ? 'feedback.icon.negative.intense' : "interactive.icon.gray.".concat(iconState),
+    color: color === 'negative' ? 'feedback.icon.negative.intense' : "interactive.icon.gray.".concat(iconState),
     size: "medium"
   });
 };
@@ -142,8 +139,8 @@ var ActionListItemBadge = /*#__PURE__*/assignWithoutSideEffects(_ActionListItemB
 });
 var _ActionListItemText = function _ActionListItemText(_ref4) {
   var children = _ref4.children;
-  var _React$useContext2 = React__default.useContext(ActionListItemContext),
-    isDisabled = _React$useContext2.isDisabled;
+  var _useBaseMenuItem2 = useBaseMenuItem(),
+    isDisabled = _useBaseMenuItem2.isDisabled;
   return /*#__PURE__*/jsx(Text, {
     variant: "caption",
     color: getNormalTextColor(isDisabled, {
@@ -167,71 +164,6 @@ var makeActionListItemClickable = function makeActionListItemClickable(clickHand
     onClick: clickHandler
   };
 };
-var _ActionListItemBody = function _ActionListItemBody(_ref5) {
-  var selectionType = _ref5.selectionType,
-    intent = _ref5.intent,
-    description = _ref5.description,
-    isDisabled = _ref5.isDisabled,
-    leading = _ref5.leading,
-    trailing = _ref5.trailing,
-    title = _ref5.title,
-    titleSuffix = _ref5.titleSuffix,
-    isSelected = _ref5.isSelected;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs(BaseBox, {
-      display: "flex",
-      justifyContent: "center",
-      flexDirection: "row",
-      alignItems: "center",
-      maxHeight: isReactNative() ? undefined : makeSize(size[20]),
-      children: [/*#__PURE__*/jsx(BaseBox, {
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        children: selectionType === 'multiple' ?
-        /*#__PURE__*/
-        // 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
-        jsx(BaseBox, _objectSpread(_objectSpread({
-          pointerEvents: "none",
-          paddingRight: "spacing.2"
-        }, makeAccessible({
-          hidden: true
-        })), {}, {
-          children: /*#__PURE__*/jsx(Checkbox, {
-            isChecked: isSelected,
-            tabIndex: -1,
-            isDisabled: isDisabled,
-            children: null
-          })
-        })) : leading
-      }), /*#__PURE__*/jsxs(BaseBox, {
-        paddingLeft: selectionType === 'multiple' || !leading ? 'spacing.0' : 'spacing.3',
-        paddingRight: "spacing.3",
-        display: "flex",
-        alignItems: "center",
-        flexDirection: "row",
-        children: [/*#__PURE__*/jsx(Text, {
-          truncateAfterLines: 1,
-          color: intent === 'negative' ? 'feedback.text.negative.intense' : getNormalTextColor(isDisabled),
-          children: title
-        }), titleSuffix]
-      }), /*#__PURE__*/jsx(BaseBox, {
-        marginLeft: "auto",
-        children: trailing
-      })]
-    }), /*#__PURE__*/jsx(BaseBox, {
-      paddingLeft: leading || selectionType === 'multiple' ? 'spacing.7' : undefined,
-      children: description ? /*#__PURE__*/jsx(Text, {
-        color: getNormalTextColor(isDisabled, {
-          isMuted: true
-        }),
-        size: "small",
-        children: description
-      }) : null
-    })]
-  });
-};
-var ActionListItemBody = /*#__PURE__*/React__default.memo(_ActionListItemBody);
 
 /**
  * ### ActionListItem
@@ -263,9 +195,6 @@ var _ActionListItem = function _ActionListItem(props) {
     isKeydownPressed = _useDropdown2.isKeydownPressed,
     filteredValues = _useDropdown2.filteredValues,
     hasAutoCompleteInBottomSheetHeader = _useDropdown2.hasAutoCompleteInBottomSheetHeader;
-  var _useTheme = useTheme(),
-    platform = _useTheme.platform;
-  var isMobile = platform === 'onMobile';
   var hasAutoComplete = hasAutoCompleteInBottomSheetHeader || dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;
   var renderOnWebAs = props.href ? 'a' : 'button';
 
@@ -302,26 +231,38 @@ var _ActionListItem = function _ActionListItem(props) {
       }
     }
   }, [props.intent, dropdownTriggerer]);
-  return /*#__PURE__*/jsx(ActionListItemContext.Provider, {
-    value: {
-      intent: props.intent,
-      isDisabled: props.isDisabled
-    },
-    children: /*#__PURE__*/jsx(StyledActionListItem, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return (
+    /*#__PURE__*/
+    // We use this context to change the color of subcomponents like ActionListItemIcon, ActionListItemText, etc
+    jsx(BaseMenuItem, _objectSpread(_objectSpread(_objectSpread({
       isVisible: hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true,
       as: !isReactNative() ? renderOnWebAs : undefined,
       id: "".concat(dropdownBaseId, "-").concat(props._index),
-      type: "button",
       tabIndex: -1,
+      title: props.title,
+      description: props.description,
+      leading: selectionType === 'multiple' ? /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
+        pointerEvents: "none"
+        // 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
+      }, makeAccessible({
+        hidden: true
+      })), {}, {
+        children: /*#__PURE__*/jsx(Checkbox, {
+          isChecked: isSelected,
+          tabIndex: -1,
+          isDisabled: props.isDisabled,
+          children: null
+        })
+      })) : props.leading,
+      trailing: props.trailing,
+      titleSuffix: props.titleSuffix,
       href: props.href,
       target: props.target,
-      className: activeIndex === props._index ? 'active-focus' : ''
-    }, makeAccessible({
-      selected: isSelected,
-      current: isRoleMenu(dropdownTriggerer) ? isSelected : undefined,
-      role: getActionListItemRole(dropdownTriggerer, props.href),
-      disabled: props.isDisabled
-    })), makeActionListItemClickable(function (e) {
+      className: activeIndex === props._index ? 'active-focus' : '',
+      isSelected: isSelected,
+      isDisabled: props.isDisabled,
+      role: getActionListItemRole(dropdownTriggerer, props.href)
+    }, makeActionListItemClickable(function (e) {
       if (typeof props._index === 'number') {
         var _props$onClick;
         onOptionClick(e, props._index);
@@ -345,28 +286,12 @@ var _ActionListItem = function _ActionListItem(props) {
         setShouldIgnoreBlurAnimation(false);
       },
       "data-value": props.value,
-      "data-index": props._index
-      // Custom props for changes in styles
-      ,
+      "data-index": props._index,
       selectionType: selectionType,
-      hasDescription: Boolean(props.description),
-      intent: props.intent,
-      isSelected: isSelected,
-      isKeydownPressed: isKeydownPressed,
-      isMobile: isMobile,
-      children: /*#__PURE__*/jsx(ActionListItemBody, {
-        selectionType: selectionType,
-        intent: props.intent,
-        description: props.description,
-        isDisabled: props.isDisabled,
-        leading: props.leading,
-        trailing: props.trailing,
-        title: props.title,
-        titleSuffix: props.titleSuffix,
-        isSelected: isSelected
-      })
+      color: props.intent,
+      isKeydownPressed: isKeydownPressed
     }))
-  });
+  );
 };
 var ActionListItem = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.memo(_ActionListItem), {
   componentId: componentIds.ActionListItem,

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 { StyledActionListItem } from './styles/StyledActionListItem';\nimport { componentIds } from './componentIds';\nimport type { StyledActionListItemProps } from './styles/getBaseActionListItemStyles';\nimport { validateActionListItemProps, getNormalTextColor } from './actionListUtils';\nimport { getActionListItemRole, getActionListSectionRole, isRoleMenu } 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 { Checkbox } from '~components/Checkbox';\nimport { size } from '~tokens/global';\nimport type { DropdownProps } from '~components/Dropdown';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport { useTheme } from '~components/BladeProvider';\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';\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 ActionListItemContext = React.createContext<{\n  intent?: ActionListItemProps['intent'];\n  isDisabled?: ActionListItemProps['isDisabled'];\n}>({});\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 { intent, isDisabled } = React.useContext(ActionListItemContext);\n  const iconState = isDisabled ? 'disabled' : 'muted';\n  return (\n    <Icon\n      color={\n        intent === '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 } = React.useContext(ActionListItemContext);\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?: StyledActionListItemProps['onPress']; 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\nconst _ActionListItemBody = ({\n  selectionType,\n  intent,\n  description,\n  isDisabled,\n  leading,\n  trailing,\n  title,\n  titleSuffix,\n  isSelected,\n}: Pick<\n  ActionListItemProps,\n  'intent' | 'isDisabled' | 'description' | 'trailing' | 'leading' | 'title' | 'titleSuffix'\n> & {\n  selectionType: DropdownProps['selectionType'];\n  isSelected?: boolean;\n}): React.ReactElement => {\n  return (\n    <>\n      <BaseBox\n        display=\"flex\"\n        justifyContent=\"center\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        maxHeight={isReactNative() ? undefined : makeSize(size[20])}\n      >\n        <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n          {selectionType === 'multiple' ? (\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            <BaseBox\n              pointerEvents=\"none\"\n              paddingRight=\"spacing.2\"\n              {...makeAccessible({\n                hidden: true,\n              })}\n            >\n              <Checkbox isChecked={isSelected} tabIndex={-1} isDisabled={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            leading\n          )}\n        </BaseBox>\n        <BaseBox\n          paddingLeft={selectionType === 'multiple' || !leading ? 'spacing.0' : 'spacing.3'}\n          paddingRight=\"spacing.3\"\n          display=\"flex\"\n          alignItems=\"center\"\n          flexDirection=\"row\"\n        >\n          <Text\n            truncateAfterLines={1}\n            color={\n              intent === 'negative'\n                ? 'feedback.text.negative.intense'\n                : getNormalTextColor(isDisabled)\n            }\n          >\n            {title}\n          </Text>\n          {titleSuffix}\n        </BaseBox>\n        <BaseBox marginLeft=\"auto\">{trailing}</BaseBox>\n      </BaseBox>\n      <BaseBox paddingLeft={leading || selectionType === 'multiple' ? 'spacing.7' : undefined}>\n        {description ? (\n          <Text color={getNormalTextColor(isDisabled, { isMuted: true })} size=\"small\">\n            {description}\n          </Text>\n        ) : null}\n      </BaseBox>\n    </>\n  );\n};\n\nconst ActionListItemBody = React.memo(_ActionListItemBody);\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 { platform } = useTheme();\n  const isMobile = platform === 'onMobile';\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    <ActionListItemContext.Provider value={{ intent: props.intent, isDisabled: props.isDisabled }}>\n      <StyledActionListItem\n        isVisible={hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true}\n        as={!isReactNative() ? renderOnWebAs : undefined}\n        id={`${dropdownBaseId}-${props._index}`}\n        type=\"button\"\n        tabIndex={-1}\n        href={props.href}\n        target={props.target}\n        className={activeIndex === props._index ? 'active-focus' : ''}\n        {...makeAccessible({\n          selected: isSelected,\n          current: isRoleMenu(dropdownTriggerer) ? isSelected : undefined,\n          role: getActionListItemRole(dropdownTriggerer, props.href),\n          disabled: props.isDisabled,\n        })}\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        // Custom props for changes in styles\n        selectionType={selectionType}\n        hasDescription={Boolean(props.description)}\n        intent={props.intent}\n        isSelected={isSelected}\n        isKeydownPressed={isKeydownPressed}\n        isMobile={isMobile}\n      >\n        <ActionListItemBody\n          selectionType={selectionType}\n          intent={props.intent}\n          description={props.description}\n          isDisabled={props.isDisabled}\n          leading={props.leading}\n          trailing={props.trailing}\n          title={props.title}\n          titleSuffix={props.titleSuffix}\n          isSelected={isSelected}\n        />\n      </StyledActionListItem>\n    </ActionListItemContext.Provider>\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":["ActionListItemContext","React","createContext","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","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","_React$useContext","useContext","intent","isDisabled","iconState","concat","ActionListItemIcon","_ActionListItemBadgeGroup","_ref3","Box","display","alignItems","flexDirection","ActionListItemBadgeGroup","_ActionListItemBadge","Badge","marginLeft","ActionListItemBadge","_ActionListItemText","_ref4","_React$useContext2","variant","getNormalTextColor","isMuted","ActionListItemText","makeActionListItemClickable","clickHandler","onPress","onClick","_ActionListItemBody","_ref5","selectionType","description","leading","trailing","titleSuffix","isSelected","_Fragment","justifyContent","maxHeight","pointerEvents","paddingRight","Checkbox","isChecked","tabIndex","paddingLeft","truncateAfterLines","ActionListItemBody","memo","_ActionListItem","_useDropdown2","activeIndex","dropdownBaseId","onOptionClick","selectedIndices","setShouldIgnoreBlurAnimation","isKeydownPressed","_useTheme","useTheme","platform","isMobile","renderOnWebAs","href","getIsSelected","SelectInput","_index","useEffect","validateActionListItemProps","throwBladeError","message","moduleName","Provider","value","StyledActionListItem","isVisible","as","id","type","target","className","selected","current","isRoleMenu","getActionListItemRole","disabled","e","_props$onClick","call","event","castWebType","ActionListItem","onMouseDown","onMouseUp","hasDescription"],"mappings":"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"}
+{"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":"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"}

package/build/lib/web/production/components/Avatar/Avatar.web.js

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
+import React__default from 'react';
 import { StyledAvatar } from './StyledAvatar.js';
 import { useAvatarGroupContext } from './AvatarGroupContext.js';
 import { AvatarButton } from './AvatarButton.js';
@@ -17,7 +17,7 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["name", "color", "size", "variant", "icon", "href", "target", "rel", "src", "alt", "srcSet", "crossOrigin", "referrerPolicy", "testID"];
+var _excluded = ["name", "color", "size", "variant", "icon", "href", "target", "rel", "src", "alt", "srcSet", "crossOrigin", "referrerPolicy", "testID", "onBlur", "onFocus", "onClick", "onMouseLeave", "onMouseMove", "onMouseDown", "onPointerDown", "onPointerEnter", "onTouchStart", "onTouchEnd"];
 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 getInitials = function getInitials(name) {
@@ -28,7 +28,7 @@ var getInitials = function getInitials(name) {
   }
   return names[0][0] + names[names.length - 1][0];
 };
-var _Avatar = function _Avatar(_ref) {
+var _Avatar = function _Avatar(_ref, ref) {
   var _groupProps$size;
   var name = _ref.name,
     _ref$color = _ref.color,
@@ -47,6 +47,16 @@ var _Avatar = function _Avatar(_ref) {
     crossOrigin = _ref.crossOrigin,
     referrerPolicy = _ref.referrerPolicy,
     testID = _ref.testID,
+    onBlur = _ref.onBlur,
+    onFocus = _ref.onFocus,
+    onClick = _ref.onClick,
+    onMouseLeave = _ref.onMouseLeave,
+    onMouseMove = _ref.onMouseMove,
+    onMouseDown = _ref.onMouseDown,
+    onPointerDown = _ref.onPointerDown,
+    onPointerEnter = _ref.onPointerEnter,
+    onTouchStart = _ref.onTouchStart,
+    onTouchEnd = _ref.onTouchEnd,
     styledProps = _objectWithoutProperties(_ref, _excluded);
   if (false) {
     if (src && !alt && !name) {
@@ -64,11 +74,22 @@ var _Avatar = function _Avatar(_ref) {
     size: avatarSize,
     href: href,
     target: target,
-    rel: rel
+    rel: rel,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    onClick: onClick,
+    onMouseLeave: onMouseLeave,
+    onMouseMove: onMouseMove,
+    onMouseDown: onMouseDown,
+    onPointerDown: onPointerDown,
+    onPointerEnter: onPointerEnter,
+    onTouchStart: onTouchStart,
+    onTouchEnd: onTouchEnd
   };
   var getChildrenToRender = function getChildrenToRender() {
     if (src) {
       return /*#__PURE__*/jsx(AvatarButton, _objectSpread(_objectSpread({}, commonButtonProps), {}, {
+        ref: ref,
         imgProps: {
           src: src,
           alt: alt !== null && alt !== void 0 ? alt : name,
@@ -79,7 +100,9 @@ var _Avatar = function _Avatar(_ref) {
       }));
     }
     if (name && !src) {
-      return /*#__PURE__*/jsx(AvatarButton, _objectSpread(_objectSpread({}, commonButtonProps), {}, {
+      return /*#__PURE__*/jsx(AvatarButton, _objectSpread(_objectSpread({
+        ref: ref
+      }, commonButtonProps), {}, {
         children: getInitials(name)
       }));
     }
@@ -116,7 +139,7 @@ var _Avatar = function _Avatar(_ref) {
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-avatar-avatar Avatar Documentation}
  * 
  */
-var Avatar = /*#__PURE__*/assignWithoutSideEffects(_Avatar, {
+var Avatar = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_Avatar), {
   displayName: 'Avatar',
   componentId: 'Avatar'
 });

package/build/lib/web/production/components/Avatar/Avatar.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.web.js","sources":["../../../../../../src/components/Avatar/Avatar.web.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { AvatarProps } from './types';\nimport { StyledAvatar } from './StyledAvatar';\nimport { useAvatarGroupContext } from './AvatarGroupContext';\nimport { AvatarButton } from './AvatarButton';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { UserIcon } from '~components/Icons';\n\nconst getInitials = (name: string): string => {\n  // Combine first and last name initials\n  const names = name.trim().toUpperCase().split(' ');\n\n  if (names.length === 1) {\n    return names[0].substring(0, 2);\n  }\n  return names[0][0] + names[names.length - 1][0];\n};\n\nconst _Avatar = ({\n  name,\n  color = 'neutral',\n  size = 'medium',\n  variant = 'circle',\n  icon,\n  href,\n  target,\n  rel,\n  // Image Props\n  src,\n  alt,\n  srcSet,\n  crossOrigin,\n  referrerPolicy,\n  testID,\n  ...styledProps\n}: AvatarProps): ReactElement => {\n  if (__DEV__) {\n    if (src && !alt && !name) {\n      throwBladeError({\n        moduleName: 'Avatar',\n        message: '\"alt\" or \"name\" prop is required when the \"src\" prop is provided.',\n      });\n    }\n  }\n\n  const groupProps = useAvatarGroupContext();\n  const avatarSize = groupProps?.size ?? size;\n\n  const commonButtonProps = {\n    variant,\n    color,\n    size: avatarSize,\n    href,\n    target,\n    rel,\n  };\n\n  const getChildrenToRender = (): React.ReactElement => {\n    if (src) {\n      return (\n        <AvatarButton\n          {...commonButtonProps}\n          imgProps={{\n            src,\n            alt: alt ?? name,\n            srcSet,\n            crossOrigin,\n            referrerPolicy,\n          }}\n        />\n      );\n    }\n\n    if (name && !src) {\n      return <AvatarButton {...commonButtonProps}>{getInitials(name)}</AvatarButton>;\n    }\n\n    return <AvatarButton {...commonButtonProps} icon={icon ?? UserIcon} />;\n  };\n\n  return (\n    <StyledAvatar\n      {...metaAttribute({ name: MetaConstants.Avatar, testID })}\n      {...getStyledProps(styledProps)}\n      backgroundColor=\"surface.background.gray.intense\"\n      variant={variant}\n      size={avatarSize}\n    >\n      {getChildrenToRender()}\n    </StyledAvatar>\n  );\n};\n\n/**\n * ### Avatar Component\n * \n * An avatar component is a standardized visual representation of a user or entity.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  <Avatar name=\"Nitin Kumar\" src=\"https://avatars.githubusercontent.com/u/46647141?v=4\" /> \n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-avatar-avatar Avatar Documentation}\n * \n */\nconst Avatar = assignWithoutSideEffects(_Avatar, {\n  displayName: 'Avatar',\n  componentId: 'Avatar',\n});\n\nexport { Avatar };\nexport type { AvatarProps };\n"],"names":["getInitials","name","names","trim","toUpperCase","split","length","substring","_Avatar","_ref","_groupProps$size","_ref$color","color","_ref$size","size","_ref$variant","variant","icon","href","target","rel","src","alt","srcSet","crossOrigin","referrerPolicy","testID","styledProps","_objectWithoutProperties","_excluded","throwBladeError","moduleName","message","groupProps","useAvatarGroupContext","avatarSize","commonButtonProps","getChildrenToRender","_jsx","AvatarButton","_objectSpread","imgProps","children","UserIcon","StyledAvatar","metaAttribute","MetaConstants","Avatar","getStyledProps","backgroundColor","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Avatar.web.js","sources":["../../../../../../src/components/Avatar/Avatar.web.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { AvatarProps } from './types';\nimport { StyledAvatar } from './StyledAvatar';\nimport { useAvatarGroupContext } from './AvatarGroupContext';\nimport { AvatarButton } from './AvatarButton';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { UserIcon } from '~components/Icons';\nimport type { BladeElementRef } from '~utils/types';\n\nconst getInitials = (name: string): string => {\n  // Combine first and last name initials\n  const names = name.trim().toUpperCase().split(' ');\n\n  if (names.length === 1) {\n    return names[0].substring(0, 2);\n  }\n  return names[0][0] + names[names.length - 1][0];\n};\n\nconst _Avatar: React.ForwardRefRenderFunction<BladeElementRef, AvatarProps> = (\n  {\n    name,\n    color = 'neutral',\n    size = 'medium',\n    variant = 'circle',\n    icon,\n    href,\n    target,\n    rel,\n    // Image Props\n    src,\n    alt,\n    srcSet,\n    crossOrigin,\n    referrerPolicy,\n    testID,\n    // interaction props\n    onBlur,\n    onFocus,\n    onClick,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    ...styledProps\n  },\n  ref,\n): ReactElement => {\n  if (__DEV__) {\n    if (src && !alt && !name) {\n      throwBladeError({\n        moduleName: 'Avatar',\n        message: '\"alt\" or \"name\" prop is required when the \"src\" prop is provided.',\n      });\n    }\n  }\n\n  const groupProps = useAvatarGroupContext();\n  const avatarSize = groupProps?.size ?? size;\n\n  const commonButtonProps = {\n    variant,\n    color,\n    size: avatarSize,\n    href,\n    target,\n    rel,\n    onBlur,\n    onFocus,\n    onClick,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n  };\n\n  const getChildrenToRender = (): React.ReactElement => {\n    if (src) {\n      return (\n        <AvatarButton\n          {...commonButtonProps}\n          ref={ref as never}\n          imgProps={{\n            src,\n            alt: alt ?? name,\n            srcSet,\n            crossOrigin,\n            referrerPolicy,\n          }}\n        />\n      );\n    }\n\n    if (name && !src) {\n      return (\n        <AvatarButton ref={ref as never} {...commonButtonProps}>\n          {getInitials(name)}\n        </AvatarButton>\n      );\n    }\n\n    return <AvatarButton {...commonButtonProps} icon={icon ?? UserIcon} />;\n  };\n\n  return (\n    <StyledAvatar\n      {...metaAttribute({ name: MetaConstants.Avatar, testID })}\n      {...getStyledProps(styledProps)}\n      backgroundColor=\"surface.background.gray.intense\"\n      variant={variant}\n      size={avatarSize}\n    >\n      {getChildrenToRender()}\n    </StyledAvatar>\n  );\n};\n\n/**\n * ### Avatar Component\n * \n * An avatar component is a standardized visual representation of a user or entity.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  <Avatar name=\"Nitin Kumar\" src=\"https://avatars.githubusercontent.com/u/46647141?v=4\" /> \n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-avatar-avatar Avatar Documentation}\n * \n */\nconst Avatar = assignWithoutSideEffects(React.forwardRef(_Avatar), {\n  displayName: 'Avatar',\n  componentId: 'Avatar',\n});\n\nexport { Avatar };\nexport type { AvatarProps };\n"],"names":["getInitials","name","names","trim","toUpperCase","split","length","substring","_Avatar","_ref","ref","_groupProps$size","_ref$color","color","_ref$size","size","_ref$variant","variant","icon","href","target","rel","src","alt","srcSet","crossOrigin","referrerPolicy","testID","onBlur","onFocus","onClick","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","styledProps","_objectWithoutProperties","_excluded","throwBladeError","moduleName","message","groupProps","useAvatarGroupContext","avatarSize","commonButtonProps","getChildrenToRender","_jsx","AvatarButton","_objectSpread","imgProps","children","UserIcon","StyledAvatar","metaAttribute","MetaConstants","Avatar","getStyledProps","backgroundColor","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAAY,EAAa;AAC5C;AACA,EAAA,IAAMC,KAAK,GAAGD,IAAI,CAACE,IAAI,EAAE,CAACC,WAAW,EAAE,CAACC,KAAK,CAAC,GAAG,CAAC,CAAA;AAElD,EAAA,IAAIH,KAAK,CAACI,MAAM,KAAK,CAAC,EAAE;IACtB,OAAOJ,KAAK,CAAC,CAAC,CAAC,CAACK,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjC,GAAA;AACA,EAAA,OAAOL,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAGA,KAAK,CAACA,KAAK,CAACI,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AACjD,CAAC,CAAA;AAED,IAAME,OAAqE,GAAG,SAAxEA,OAAqEA,CAAAC,IAAA,EA8BzEC,GAAG,EACc;AAAA,EAAA,IAAAC,gBAAA,CAAA;AAAA,EAAA,IA7BfV,IAAI,GAAAQ,IAAA,CAAJR,IAAI;IAAAW,UAAA,GAAAH,IAAA,CACJI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IAAAE,SAAA,GAAAL,IAAA,CACjBM,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAAE,YAAA,GAAAP,IAAA,CACfQ,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,YAAA;IAClBE,IAAI,GAAAT,IAAA,CAAJS,IAAI;IACJC,IAAI,GAAAV,IAAA,CAAJU,IAAI;IACJC,MAAM,GAAAX,IAAA,CAANW,MAAM;IACNC,GAAG,GAAAZ,IAAA,CAAHY,GAAG;IAEHC,GAAG,GAAAb,IAAA,CAAHa,GAAG;IACHC,GAAG,GAAAd,IAAA,CAAHc,GAAG;IACHC,MAAM,GAAAf,IAAA,CAANe,MAAM;IACNC,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;IACXC,cAAc,GAAAjB,IAAA,CAAdiB,cAAc;IACdC,MAAM,GAAAlB,IAAA,CAANkB,MAAM;IAENC,MAAM,GAAAnB,IAAA,CAANmB,MAAM;IACNC,OAAO,GAAApB,IAAA,CAAPoB,OAAO;IACPC,OAAO,GAAArB,IAAA,CAAPqB,OAAO;IACPC,YAAY,GAAAtB,IAAA,CAAZsB,YAAY;IACZC,WAAW,GAAAvB,IAAA,CAAXuB,WAAW;IACXC,WAAW,GAAAxB,IAAA,CAAXwB,WAAW;IACXC,aAAa,GAAAzB,IAAA,CAAbyB,aAAa;IACbC,cAAc,GAAA1B,IAAA,CAAd0B,cAAc;IACdC,YAAY,GAAA3B,IAAA,CAAZ2B,YAAY;IACZC,UAAU,GAAA5B,IAAA,CAAV4B,UAAU;AACPC,IAAAA,WAAW,GAAAC,wBAAA,CAAA9B,IAAA,EAAA+B,SAAA,CAAA,CAAA;AAIhB,EAAA,IAAI,KAAO,EAAE;AACX,IAAA,IAAIlB,GAAG,IAAI,CAACC,GAAG,IAAI,CAACtB,IAAI,EAAE;AACxBwC,MAAAA,eAAe,CAAC;AACdC,QAAAA,UAAU,EAAE,QAAQ;AACpBC,QAAAA,OAAO,EAAE,mEAAA;AACX,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;AAEA,EAAA,IAAMC,UAAU,GAAGC,qBAAqB,EAAE,CAAA;AAC1C,EAAA,IAAMC,UAAU,GAAAnC,CAAAA,gBAAA,GAAGiC,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAE7B,IAAI,MAAAJ,IAAAA,IAAAA,gBAAA,KAAAA,KAAAA,CAAAA,GAAAA,gBAAA,GAAII,IAAI,CAAA;AAE3C,EAAA,IAAMgC,iBAAiB,GAAG;AACxB9B,IAAAA,OAAO,EAAPA,OAAO;AACPJ,IAAAA,KAAK,EAALA,KAAK;AACLE,IAAAA,IAAI,EAAE+B,UAAU;AAChB3B,IAAAA,IAAI,EAAJA,IAAI;AACJC,IAAAA,MAAM,EAANA,MAAM;AACNC,IAAAA,GAAG,EAAHA,GAAG;AACHO,IAAAA,MAAM,EAANA,MAAM;AACNC,IAAAA,OAAO,EAAPA,OAAO;AACPC,IAAAA,OAAO,EAAPA,OAAO;AACPC,IAAAA,YAAY,EAAZA,YAAY;AACZC,IAAAA,WAAW,EAAXA,WAAW;AACXC,IAAAA,WAAW,EAAXA,WAAW;AACXC,IAAAA,aAAa,EAAbA,aAAa;AACbC,IAAAA,cAAc,EAAdA,cAAc;AACdC,IAAAA,YAAY,EAAZA,YAAY;AACZC,IAAAA,UAAU,EAAVA,UAAAA;GACD,CAAA;AAED,EAAA,IAAMW,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAA6B;AACpD,IAAA,IAAI1B,GAAG,EAAE;MACP,oBACE2B,GAAA,CAACC,YAAY,EAAAC,aAAA,CAAAA,aAAA,KACPJ,iBAAiB,CAAA,EAAA,EAAA,EAAA;AACrBrC,QAAAA,GAAG,EAAEA,GAAa;AAClB0C,QAAAA,QAAQ,EAAE;AACR9B,UAAAA,GAAG,EAAHA,GAAG;AACHC,UAAAA,GAAG,EAAEA,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,GAAAA,GAAG,GAAItB,IAAI;AAChBuB,UAAAA,MAAM,EAANA,MAAM;AACNC,UAAAA,WAAW,EAAXA,WAAW;AACXC,UAAAA,cAAc,EAAdA,cAAAA;AACF,SAAA;AAAE,OAAA,CACH,CAAC,CAAA;AAEN,KAAA;AAEA,IAAA,IAAIzB,IAAI,IAAI,CAACqB,GAAG,EAAE;AAChB,MAAA,oBACE2B,GAAA,CAACC,YAAY,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACzC,QAAAA,GAAG,EAAEA,GAAAA;AAAa,OAAA,EAAKqC,iBAAiB,CAAA,EAAA,EAAA,EAAA;QAAAM,QAAA,EACnDrD,WAAW,CAACC,IAAI,CAAA;AAAC,OAAA,CACN,CAAC,CAAA;AAEnB,KAAA;IAEA,oBAAOgD,GAAA,CAACC,YAAY,EAAAC,aAAA,CAAAA,aAAA,KAAKJ,iBAAiB,CAAA,EAAA,EAAA,EAAA;AAAE7B,MAAAA,IAAI,EAAEA,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAJA,IAAI,GAAIoC,QAAAA;AAAS,KAAA,CAAE,CAAC,CAAA;GACvE,CAAA;EAED,oBACEL,GAAA,CAACM,YAAY,EAAAJ,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACPK,EAAAA,EAAAA,aAAa,CAAC;IAAEvD,IAAI,EAAEwD,aAAa,CAACC,MAAM;AAAE/B,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EACrDgC,cAAc,CAACrB,WAAW,CAAC,CAAA,EAAA,EAAA,EAAA;AAC/BsB,IAAAA,eAAe,EAAC,iCAAiC;AACjD3C,IAAAA,OAAO,EAAEA,OAAQ;AACjBF,IAAAA,IAAI,EAAE+B,UAAW;IAAAO,QAAA,EAEhBL,mBAAmB,EAAC;AAAC,GAAA,CACV,CAAC,CAAA;AAEnB,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACMU,IAAAA,MAAM,gBAAGG,wBAAwB,eAACC,cAAK,CAACC,UAAU,CAACvD,OAAO,CAAC,EAAE;AACjEwD,EAAAA,WAAW,EAAE,QAAQ;AACrBC,EAAAA,WAAW,EAAE,QAAA;AACf,CAAC;;;;"}

package/build/lib/web/production/components/Avatar/AvatarButton.js

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import 'react';
+import React__default from 'react';
 import { StyledAvatarButton } from './StyledAvatarButton.js';
 import { avatarIconSizeTokens, avatarTextSizeMapping } from './avatarTokens.js';
 import '../Box/BaseBox/index.js';
@@ -14,7 +14,7 @@ import { Text } from '../Typography/Text/Text.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 AvatarButton = function AvatarButton(_ref) {
+var _AvatarButton = function _AvatarButton(_ref, ref) {
   var href = _ref.href,
     target = _ref.target,
     rel = _ref.rel,
@@ -26,7 +26,17 @@ var AvatarButton = function AvatarButton(_ref) {
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     Icon = _ref.icon,
     imgProps = _ref.imgProps,
-    children = _ref.children;
+    children = _ref.children,
+    onBlur = _ref.onBlur,
+    onFocus = _ref.onFocus,
+    onClick = _ref.onClick,
+    onMouseLeave = _ref.onMouseLeave,
+    onMouseMove = _ref.onMouseMove,
+    onMouseDown = _ref.onMouseDown,
+    onPointerDown = _ref.onPointerDown,
+    onPointerEnter = _ref.onPointerEnter,
+    onTouchStart = _ref.onTouchStart,
+    onTouchEnd = _ref.onTouchEnd;
   var isLink = Boolean(href);
   var defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;
   var iconColor = getTextColorToken({
@@ -42,6 +52,7 @@ var AvatarButton = function AvatarButton(_ref) {
     state: 'default'
   });
   return /*#__PURE__*/jsx(StyledAvatarButton, {
+    ref: ref,
     as: href ? 'a' : 'button',
     size: size,
     color: color,
@@ -52,6 +63,16 @@ var AvatarButton = function AvatarButton(_ref) {
     accessibilityProps: _objectSpread({}, makeAccessible({
       role: isLink ? 'link' : 'button'
     })),
+    onBlur: onBlur,
+    onFocus: onFocus,
+    onClick: onClick,
+    onMouseLeave: onMouseLeave,
+    onMouseMove: onMouseMove,
+    onMouseDown: onMouseDown,
+    onPointerDown: onPointerDown,
+    onPointerEnter: onPointerEnter,
+    onTouchStart: onTouchStart,
+    onTouchEnd: onTouchEnd,
     children: /*#__PURE__*/jsxs(BaseBox, {
       display: "flex",
       flexDirection: "row",
@@ -81,6 +102,7 @@ var AvatarButton = function AvatarButton(_ref) {
     })
   });
 };
+var AvatarButton = /*#__PURE__*/React__default.forwardRef(_AvatarButton);
 
 export { AvatarButton };
 //# sourceMappingURL=AvatarButton.js.map

package/build/lib/web/production/components/Avatar/AvatarButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarButton.js","sources":["../../../../../../src/components/Avatar/AvatarButton.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledAvatarButton } from './StyledAvatarButton';\nimport type { AvatarButtonProps } from './types';\nimport { avatarTextSizeMapping, avatarIconSizeTokens } from './avatarTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { Heading, Text } from '~components/Typography';\nimport { getTextColorToken } from '~components/Button/BaseButton/BaseButton';\nimport type { IconColor } from '~components/Button/BaseButton/types';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\n\nconst AvatarButton = ({\n  href,\n  target,\n  rel,\n  variant = 'circle',\n  color = 'neutral',\n  size = 'medium',\n  icon: Icon,\n  imgProps,\n  children,\n}: AvatarButtonProps): React.ReactElement => {\n  const isLink = Boolean(href);\n  const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n  const iconColor = getTextColorToken({\n    property: 'icon',\n    variant: 'secondary',\n    color,\n    state: 'default',\n  }) as IconColor;\n  const textColor = getTextColorToken({\n    property: 'text',\n    variant: 'secondary',\n    color,\n    state: 'default',\n  }) as BaseTextProps['color'];\n\n  return (\n    <StyledAvatarButton\n      as={href ? 'a' : 'button'}\n      size={size}\n      color={color}\n      href={href}\n      variant={variant}\n      target={target}\n      rel={rel ?? defaultRel}\n      accessibilityProps={{\n        ...makeAccessible({\n          role: isLink ? 'link' : 'button',\n        }),\n      }}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        zIndex={1}\n        height=\"100%\"\n      >\n        {Icon ? (\n          <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n            <Icon size={avatarIconSizeTokens[size]} color={iconColor} />\n          </BaseBox>\n        ) : null}\n\n        {/* eslint-disable-next-line jsx-a11y/alt-text -- alt text is provided in imgProps */}\n        {imgProps?.src ? <img {...imgProps} /> : null}\n\n        {size === 'xlarge' ? (\n          <Heading size={avatarTextSizeMapping[size]} weight=\"semibold\" color={textColor}>\n            {children}\n          </Heading>\n        ) : (\n          <Text size={avatarTextSizeMapping[size]} weight=\"semibold\" color={textColor}>\n            {children}\n          </Text>\n        )}\n      </BaseBox>\n    </StyledAvatarButton>\n  );\n};\n\nexport { AvatarButton };\n"],"names":["AvatarButton","_ref","href","target","rel","_ref$variant","variant","_ref$color","color","_ref$size","size","Icon","icon","imgProps","children","isLink","Boolean","defaultRel","undefined","iconColor","getTextColorToken","property","state","textColor","_jsx","StyledAvatarButton","as","accessibilityProps","_objectSpread","makeAccessible","role","_jsxs","BaseBox","display","flexDirection","alignItems","justifyContent","zIndex","height","avatarIconSizeTokens","src","Heading","avatarTextSizeMapping","weight","Text"],"mappings":"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"}
+{"version":3,"file":"AvatarButton.js","sources":["../../../../../../src/components/Avatar/AvatarButton.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledAvatarButton } from './StyledAvatarButton';\nimport type { AvatarButtonProps } from './types';\nimport { avatarTextSizeMapping, avatarIconSizeTokens } from './avatarTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { Heading, Text } from '~components/Typography';\nimport { getTextColorToken } from '~components/Button/BaseButton/BaseButton';\nimport type { IconColor } from '~components/Button/BaseButton/types';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport type { BladeElementRef } from '~utils/types';\n\nconst _AvatarButton: React.ForwardRefRenderFunction<BladeElementRef, AvatarButtonProps> = (\n  {\n    href,\n    target,\n    rel,\n    variant = 'circle',\n    color = 'neutral',\n    size = 'medium',\n    icon: Icon,\n    imgProps,\n    children,\n    onBlur,\n    onFocus,\n    onClick,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n  },\n  ref,\n): React.ReactElement => {\n  const isLink = Boolean(href);\n  const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n  const iconColor = getTextColorToken({\n    property: 'icon',\n    variant: 'secondary',\n    color,\n    state: 'default',\n  }) as IconColor;\n  const textColor = getTextColorToken({\n    property: 'text',\n    variant: 'secondary',\n    color,\n    state: 'default',\n  }) as BaseTextProps['color'];\n\n  return (\n    <StyledAvatarButton\n      ref={ref as never}\n      as={href ? 'a' : 'button'}\n      size={size}\n      color={color}\n      href={href}\n      variant={variant}\n      target={target}\n      rel={rel ?? defaultRel}\n      accessibilityProps={{\n        ...makeAccessible({\n          role: isLink ? 'link' : 'button',\n        }),\n      }}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onClick={onClick}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        zIndex={1}\n        height=\"100%\"\n      >\n        {Icon ? (\n          <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n            <Icon size={avatarIconSizeTokens[size]} color={iconColor} />\n          </BaseBox>\n        ) : null}\n\n        {/* eslint-disable-next-line jsx-a11y/alt-text -- alt text is provided in imgProps */}\n        {imgProps?.src ? <img {...imgProps} /> : null}\n\n        {size === 'xlarge' ? (\n          <Heading size={avatarTextSizeMapping[size]} weight=\"semibold\" color={textColor}>\n            {children}\n          </Heading>\n        ) : (\n          <Text size={avatarTextSizeMapping[size]} weight=\"semibold\" color={textColor}>\n            {children}\n          </Text>\n        )}\n      </BaseBox>\n    </StyledAvatarButton>\n  );\n};\n\nconst AvatarButton = React.forwardRef(_AvatarButton);\n\nexport { AvatarButton };\n"],"names":["_AvatarButton","_ref","ref","href","target","rel","_ref$variant","variant","_ref$color","color","_ref$size","size","Icon","icon","imgProps","children","onBlur","onFocus","onClick","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","isLink","Boolean","defaultRel","undefined","iconColor","getTextColorToken","property","state","textColor","_jsx","StyledAvatarButton","as","accessibilityProps","_objectSpread","makeAccessible","role","_jsxs","BaseBox","display","flexDirection","alignItems","justifyContent","zIndex","height","avatarIconSizeTokens","src","Heading","avatarTextSizeMapping","weight","Text","AvatarButton","React","forwardRef"],"mappings":"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"}