@razorpay/blade 12.49.4 → 12.49.6

package/build/lib/web/development/utils/useScrollLock.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollLock.js","sources":["../../../../../src/utils/useScrollLock.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-empty-function */\nimport { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock-upgrade';\nimport React from 'react';\n\ntype UseScrollLockProps = {\n  targetRef?: React.RefObject<Element>;\n  enabled: boolean;\n  reserveScrollBarGap: boolean;\n};\n\ntype ScrollLockMethods = {\n  activate: () => void;\n  deactivate: () => void;\n  active: React.MutableRefObject<boolean>;\n};\n\n/**\n * Modified from: https://github.com/stipsan/react-spring-bottom-sheet/blob/main/src/hooks/useScrollLock.tsx\n * Handle scroll locking to ensure a good dragging experience on Android and iOS.\n *\n * On iOS the following may happen if scroll isn't locked:\n * - When dragging the sheet the background gets dragged at the same time.\n * - When dragging the page scroll is also affected, causing the drag to feel buggy and \"slow\".\n *\n * On Android it causes the chrome toolbar to pop down as you drag down, and hide as you drag up.\n * When it's in between two toolbar states it causes the framerate to drop way below 60fps on\n * the bottom sheet drag interaction.\n *\n * This hook does two things\n * - Provides a imparative API to activate and deactivate the body scroll lock\n * - And ensures the activation and deactivation doesn't happen twice for a single target\n */\nexport function useScrollLock({\n  targetRef,\n  enabled,\n  reserveScrollBarGap,\n}: UseScrollLockProps): React.MutableRefObject<ScrollLockMethods> {\n  const active = React.useRef(false);\n  // Imparative functions which users can call\n  const ref = React.useRef<ScrollLockMethods>({\n    activate: () => {\n      throw new TypeError('Tried to activate scroll lock too early');\n    },\n    deactivate: () => {},\n    active,\n  });\n\n  React.useEffect(() => {\n    // if it's disabled we just return NOOP, so the functions do nothing even if called.\n    if (!enabled) {\n      ref.current = { activate: () => {}, deactivate: () => {}, active };\n      return;\n    }\n\n    const target = (targetRef ? targetRef.current : document.body) as HTMLElement;\n    active.current = false;\n\n    ref.current = {\n      activate: () => {\n        // if we are already active do nothig\n        if (active.current) return;\n        // if not, set the active=true so next time this is called we know it's true\n        active.current = true;\n        if (!target) return;\n        disableBodyScroll(target, {\n          allowTouchMove: (el: any) => el.closest('[data-body-scroll-lock-ignore]'),\n          reserveScrollBarGap,\n        });\n      },\n      deactivate: () => {\n        // only deactivate if we are active\n        if (!active.current) return;\n        active.current = false;\n        if (!target) return;\n        enableBodyScroll(target);\n      },\n      active,\n    };\n  }, [enabled, targetRef, reserveScrollBarGap]);\n\n  return ref;\n}\n"],"names":["useScrollLock","_ref","targetRef","enabled","reserveScrollBarGap","active","React","useRef","ref","activate","TypeError","deactivate","useEffect","current","target","document","body","disableBodyScroll","allowTouchMove","el","closest","enableBodyScroll"],"mappings":";;;AAAA;AACA;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAAAC,IAAA,EAIqC;AAAA,EAAA,IAHhEC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,mBAAmB,GAAAH,IAAA,CAAnBG,mBAAmB,CAAA;AAEnB,EAAA,IAAMC,MAAM,GAAGC,cAAK,CAACC,MAAM,CAAC,KAAK,CAAC,CAAA;AAClC;AACA,EAAA,IAAMC,GAAG,GAAGF,cAAK,CAACC,MAAM,CAAoB;IAC1CE,QAAQ,EAAE,SAAAA,QAAAA,GAAM;AACd,MAAA,MAAM,IAAIC,SAAS,CAAC,yCAAyC,CAAC,CAAA;KAC/D;AACDC,IAAAA,UAAU,EAAE,SAAAA,UAAA,GAAM,EAAE;AACpBN,IAAAA,MAAM,EAANA,MAAAA;AACF,GAAC,CAAC,CAAA;EAEFC,cAAK,CAACM,SAAS,CAAC,YAAM;AACpB;IACA,IAAI,CAACT,OAAO,EAAE;MACZK,GAAG,CAACK,OAAO,GAAG;AAAEJ,QAAAA,QAAQ,EAAE,SAAAA,QAAA,GAAM,EAAE;AAAEE,QAAAA,UAAU,EAAE,SAAAA,UAAA,GAAM,EAAE;AAAEN,QAAAA,MAAM,EAANA,MAAAA;OAAQ,CAAA;AAClE,MAAA,OAAA;AACF,KAAA;IAEA,IAAMS,MAAM,GAAIZ,SAAS,GAAGA,SAAS,CAACW,OAAO,GAAGE,QAAQ,CAACC,IAAoB,CAAA;IAC7EX,MAAM,CAACQ,OAAO,GAAG,KAAK,CAAA;IAEtBL,GAAG,CAACK,OAAO,GAAG;MACZJ,QAAQ,EAAE,SAAAA,QAAAA,GAAM;AACd;QACA,IAAIJ,MAAM,CAACQ,OAAO,EAAE,OAAA;AACpB;QACAR,MAAM,CAACQ,OAAO,GAAG,IAAI,CAAA;QACrB,IAAI,CAACC,MAAM,EAAE,OAAA;QACbG,iBAAiB,CAACH,MAAM,EAAE;UACxBI,cAAc,EAAE,SAAAA,cAAAA,CAACC,EAAO,EAAA;AAAA,YAAA,OAAKA,EAAE,CAACC,OAAO,CAAC,gCAAgC,CAAC,CAAA;AAAA,WAAA;AACzEhB,UAAAA,mBAAmB,EAAnBA,mBAAAA;AACF,SAAC,CAAC,CAAA;OACH;MACDO,UAAU,EAAE,SAAAA,UAAAA,GAAM;AAChB;AACA,QAAA,IAAI,CAACN,MAAM,CAACQ,OAAO,EAAE,OAAA;QACrBR,MAAM,CAACQ,OAAO,GAAG,KAAK,CAAA;QACtB,IAAI,CAACC,MAAM,EAAE,OAAA;QACbO,gBAAgB,CAACP,MAAM,CAAC,CAAA;OACzB;AACDT,MAAAA,MAAM,EAANA,MAAAA;KACD,CAAA;GACF,EAAE,CAACF,OAAO,EAAED,SAAS,EAAEE,mBAAmB,CAAC,CAAC,CAAA;AAE7C,EAAA,OAAOI,GAAG,CAAA;AACZ;;;;"}
+{"version":3,"file":"useScrollLock.js","sources":["../../../../../src/utils/useScrollLock.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-empty-function */\nimport { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock-upgrade';\nimport React from 'react';\n\ntype UseScrollLockProps = {\n  targetRef?: React.RefObject<Element>;\n  enabled: boolean;\n  reserveScrollBarGap: boolean;\n};\n\ntype ScrollLockMethods = {\n  activate: () => void;\n  deactivate: () => void;\n  active: React.MutableRefObject<boolean>;\n};\n\n/**\n * Modified from: https://github.com/stipsan/react-spring-bottom-sheet/blob/main/src/hooks/useScrollLock.tsx\n * Handle scroll locking to ensure a good dragging experience on Android and iOS.\n *\n * On iOS the following may happen if scroll isn't locked:\n * - When dragging the sheet the background gets dragged at the same time.\n * - When dragging the page scroll is also affected, causing the drag to feel buggy and \"slow\".\n *\n * On Android it causes the chrome toolbar to pop down as you drag down, and hide as you drag up.\n * When it's in between two toolbar states it causes the framerate to drop way below 60fps on\n * the bottom sheet drag interaction.\n *\n * This hook does two things\n * - Provides a imparative API to activate and deactivate the body scroll lock\n * - And ensures the activation and deactivation doesn't happen twice for a single target\n */\nexport function useScrollLock({\n  targetRef,\n  enabled,\n  reserveScrollBarGap,\n}: UseScrollLockProps): React.MutableRefObject<ScrollLockMethods> {\n  const active = React.useRef(false);\n  // Imparative functions which users can call\n  const ref = React.useRef<ScrollLockMethods>({\n    activate: () => {\n      throw new TypeError('Tried to activate scroll lock too early');\n    },\n    deactivate: () => {},\n    active,\n  });\n\n  React.useEffect(() => {\n    // if it's disabled we just return NOOP, so the functions do nothing even if called.\n    if (!enabled) {\n      ref.current = { activate: () => {}, deactivate: () => {}, active };\n      return;\n    }\n\n    const target = (targetRef ? targetRef.current : document.body) as HTMLElement;\n    active.current = false;\n\n    ref.current = {\n      activate: () => {\n        // if we are already active do nothig\n        if (active.current) return;\n        // if not, set the active=true so next time this is called we know it's true\n        active.current = true;\n        if (!target) return;\n        disableBodyScroll(target, {\n          allowTouchMove: (el: any) => el.closest('[data-body-scroll-lock-ignore]'),\n          reserveScrollBarGap,\n        });\n      },\n      deactivate: () => {\n        // only deactivate if we are active\n        if (!active.current) return;\n        active.current = false;\n        if (!target) return;\n        enableBodyScroll(target);\n      },\n      active,\n    };\n  }, [enabled, targetRef, reserveScrollBarGap]);\n\n  return ref;\n}\n"],"names":["useScrollLock","_ref","targetRef","enabled","reserveScrollBarGap","active","React","useRef","ref","activate","TypeError","deactivate","useEffect","current","target","document","body","disableBodyScroll","allowTouchMove","el","closest","enableBodyScroll"],"mappings":";;;AAAA;AACA;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAAAC,IAAA,EAIqC;AAAA,EAAA,IAHhEC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,mBAAmB,GAAAH,IAAA,CAAnBG,mBAAmB,CAAA;AAEnB,EAAA,IAAMC,MAAM,GAAGC,cAAK,CAACC,MAAM,CAAC,KAAK,CAAC,CAAA;AAClC;AACA,EAAA,IAAMC,GAAG,GAAGF,cAAK,CAACC,MAAM,CAAoB;AAC1CE,IAAAA,QAAQ,EAAE,SAAVA,QAAQA,GAAQ;AACd,MAAA,MAAM,IAAIC,SAAS,CAAC,yCAAyC,CAAC,CAAA;KAC/D;AACDC,IAAAA,UAAU,EAAE,SAAZA,UAAUA,GAAQ,EAAE;AACpBN,IAAAA,MAAM,EAANA,MAAAA;AACF,GAAC,CAAC,CAAA;EAEFC,cAAK,CAACM,SAAS,CAAC,YAAM;AACpB;IACA,IAAI,CAACT,OAAO,EAAE;MACZK,GAAG,CAACK,OAAO,GAAG;AAAEJ,QAAAA,QAAQ,EAAE,SAAVA,QAAQA,GAAQ,EAAE;AAAEE,QAAAA,UAAU,EAAE,SAAZA,UAAUA,GAAQ,EAAE;AAAEN,QAAAA,MAAM,EAANA,MAAAA;OAAQ,CAAA;AAClE,MAAA,OAAA;AACF,KAAA;IAEA,IAAMS,MAAM,GAAIZ,SAAS,GAAGA,SAAS,CAACW,OAAO,GAAGE,QAAQ,CAACC,IAAoB,CAAA;IAC7EX,MAAM,CAACQ,OAAO,GAAG,KAAK,CAAA;IAEtBL,GAAG,CAACK,OAAO,GAAG;AACZJ,MAAAA,QAAQ,EAAE,SAAVA,QAAQA,GAAQ;AACd;QACA,IAAIJ,MAAM,CAACQ,OAAO,EAAE,OAAA;AACpB;QACAR,MAAM,CAACQ,OAAO,GAAG,IAAI,CAAA;QACrB,IAAI,CAACC,MAAM,EAAE,OAAA;QACbG,iBAAiB,CAACH,MAAM,EAAE;AACxBI,UAAAA,cAAc,EAAE,SAAhBA,cAAcA,CAAGC,EAAO,EAAA;AAAA,YAAA,OAAKA,EAAE,CAACC,OAAO,CAAC,gCAAgC,CAAC,CAAA;AAAA,WAAA;AACzEhB,UAAAA,mBAAmB,EAAnBA,mBAAAA;AACF,SAAC,CAAC,CAAA;OACH;AACDO,MAAAA,UAAU,EAAE,SAAZA,UAAUA,GAAQ;AAChB;AACA,QAAA,IAAI,CAACN,MAAM,CAACQ,OAAO,EAAE,OAAA;QACrBR,MAAM,CAACQ,OAAO,GAAG,KAAK,CAAA;QACtB,IAAI,CAACC,MAAM,EAAE,OAAA;QACbO,gBAAgB,CAACP,MAAM,CAAC,CAAA;OACzB;AACDT,MAAAA,MAAM,EAANA,MAAAA;KACD,CAAA;GACF,EAAE,CAACF,OAAO,EAAED,SAAS,EAAEE,mBAAmB,CAAC,CAAC,CAAA;AAE7C,EAAA,OAAOI,GAAG,CAAA;AACZ;;;;"}

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

@@ -92,13 +92,13 @@ var _Accordion = function _Accordion(_ref, ref) {
   var handleExpandChange = useCallback(function (nextExpandedIndex) {
     if (typeof expandedIndex !== 'undefined') {
       // controlled
-      onExpandChange === null || onExpandChange === void 0 ? void 0 : onExpandChange({
+      onExpandChange === null || onExpandChange === void 0 || onExpandChange({
         expandedIndex: nextExpandedIndex
       });
     } else {
       // uncontrolled
       setExpandedAccordionItemIndex(nextExpandedIndex);
-      onExpandChange === null || onExpandChange === void 0 ? void 0 : onExpandChange({
+      onExpandChange === null || onExpandChange === void 0 || onExpandChange({
         expandedIndex: nextExpandedIndex
       });
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useCallback, useMemo, useState, cloneElement, Children } from 'react';\nimport type { AccordionContextState } from './AccordionContext';\nimport { AccordionContext } from './AccordionContext';\nimport { MAX_WIDTH } from './styles';\nimport type { AccordionProps } from './types';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BoxProps } from '~components/Box';\nimport { size as sizeTokens } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst MIN_WIDTH: BoxProps['minWidth'] = {\n  s: makeSize(sizeTokens[200]),\n  m: makeSize(sizeTokens[360]),\n  l: makeSize(sizeTokens[360]),\n};\n\nconst getVariantStyles = (variant: AccordionProps['variant']): BoxProps => {\n  if (variant === 'transparent') {\n    return {};\n  }\n\n  return {\n    backgroundColor: 'surface.background.gray.intense',\n    borderRadius: 'medium',\n    borderWidth: 'thinner',\n    borderColor: 'surface.border.gray.subtle',\n  };\n};\n\n/**\n * # Accordion\n *\n * An accordion is used to allow users to toggle between different content sections in a compact vertical stack.\n *\n * ## Usage\n *\n * ```jsx\n * <Accordion>\n *  <AccordionItem>\n *    <AccordionItemHeader title=\"Title\" />\n *    <AccordionItemBody>\n *      <Text color=\"surface.text.gray.subtle\">\n *        Hello this is accordion body content\n *        </Text>\n *     </AccordionItemBody>\n *  </AccordionItem>\n *  <AccordionItem>\n *    <AccordionItemHeader title=\"Title\" />\n *    <AccordionItemBody>\n *      <Text color=\"surface.text.gray.subtle\">\n *         Hello this is accordion body content\n *      </Text>\n *    </AccordionItemBody>\n *  </AccordionItem>\n * </Accordion>\n * ```\n *\n * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs\n *\n */\nconst _Accordion = (\n  {\n    defaultExpandedIndex,\n    expandedIndex,\n    onExpandChange,\n    showNumberPrefix = false,\n    children,\n    variant = 'transparent',\n    size = 'large',\n    maxWidth,\n    testID,\n    ...rest\n  }: AccordionProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const [expandedAccordionItemIndex, setExpandedAccordionItemIndex] = useState<number | undefined>(\n    defaultExpandedIndex,\n  );\n\n  const numberOfItems = Children.count(children);\n\n  const handleExpandChange = useCallback(\n    (nextExpandedIndex: number) => {\n      if (typeof expandedIndex !== 'undefined') {\n        // controlled\n        onExpandChange?.({ expandedIndex: nextExpandedIndex });\n      } else {\n        // uncontrolled\n        setExpandedAccordionItemIndex(nextExpandedIndex);\n        onExpandChange?.({ expandedIndex: nextExpandedIndex });\n      }\n    },\n    [onExpandChange, expandedIndex],\n  );\n\n  const accordionContext = useMemo<AccordionContextState>(\n    () => ({\n      expandedIndex: expandedIndex ?? expandedAccordionItemIndex,\n      defaultExpandedIndex,\n      onExpandChange: handleExpandChange,\n      showNumberPrefix,\n      variant,\n      numberOfItems,\n      size,\n    }),\n    [\n      expandedAccordionItemIndex,\n      handleExpandChange,\n      expandedIndex,\n      showNumberPrefix,\n      defaultExpandedIndex,\n      variant,\n      numberOfItems,\n      size,\n    ],\n  );\n\n  return (\n    <AccordionContext.Provider value={accordionContext}>\n      <BaseBox\n        ref={ref as never}\n        {...metaAttribute({ name: MetaConstants.Accordion, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <BaseBox\n          {...getVariantStyles(variant)}\n          minWidth={MIN_WIDTH}\n          maxWidth={maxWidth ?? MAX_WIDTH}\n          width=\"100%\"\n        >\n          {Children.map(children, (child, index) =>\n            cloneElement(child, { _index: index, key: index }),\n          )}\n        </BaseBox>\n      </BaseBox>\n    </AccordionContext.Provider>\n  );\n};\n\nconst Accordion = React.forwardRef(_Accordion);\n\nexport { Accordion };\n"],"names":["MIN_WIDTH","s","makeSize","sizeTokens","m","l","getVariantStyles","variant","backgroundColor","borderRadius","borderWidth","borderColor","_Accordion","_ref","ref","defaultExpandedIndex","expandedIndex","onExpandChange","_ref$showNumberPrefix","showNumberPrefix","children","_ref$variant","_ref$size","size","maxWidth","testID","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","expandedAccordionItemIndex","setExpandedAccordionItemIndex","numberOfItems","Children","count","handleExpandChange","useCallback","nextExpandedIndex","accordionContext","useMemo","_jsx","AccordionContext","Provider","value","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","Accordion","getStyledProps","makeAnalyticsAttribute","minWidth","MAX_WIDTH","width","map","child","index","cloneElement","_index","key","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useCallback, useMemo, useState, cloneElement, Children } from 'react';\nimport type { AccordionContextState } from './AccordionContext';\nimport { AccordionContext } from './AccordionContext';\nimport { MAX_WIDTH } from './styles';\nimport type { AccordionProps } from './types';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BoxProps } from '~components/Box';\nimport { size as sizeTokens } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst MIN_WIDTH: BoxProps['minWidth'] = {\n  s: makeSize(sizeTokens[200]),\n  m: makeSize(sizeTokens[360]),\n  l: makeSize(sizeTokens[360]),\n};\n\nconst getVariantStyles = (variant: AccordionProps['variant']): BoxProps => {\n  if (variant === 'transparent') {\n    return {};\n  }\n\n  return {\n    backgroundColor: 'surface.background.gray.intense',\n    borderRadius: 'medium',\n    borderWidth: 'thinner',\n    borderColor: 'surface.border.gray.subtle',\n  };\n};\n\n/**\n * # Accordion\n *\n * An accordion is used to allow users to toggle between different content sections in a compact vertical stack.\n *\n * ## Usage\n *\n * ```jsx\n * <Accordion>\n *  <AccordionItem>\n *    <AccordionItemHeader title=\"Title\" />\n *    <AccordionItemBody>\n *      <Text color=\"surface.text.gray.subtle\">\n *        Hello this is accordion body content\n *        </Text>\n *     </AccordionItemBody>\n *  </AccordionItem>\n *  <AccordionItem>\n *    <AccordionItemHeader title=\"Title\" />\n *    <AccordionItemBody>\n *      <Text color=\"surface.text.gray.subtle\">\n *         Hello this is accordion body content\n *      </Text>\n *    </AccordionItemBody>\n *  </AccordionItem>\n * </Accordion>\n * ```\n *\n * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs\n *\n */\nconst _Accordion = (\n  {\n    defaultExpandedIndex,\n    expandedIndex,\n    onExpandChange,\n    showNumberPrefix = false,\n    children,\n    variant = 'transparent',\n    size = 'large',\n    maxWidth,\n    testID,\n    ...rest\n  }: AccordionProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const [expandedAccordionItemIndex, setExpandedAccordionItemIndex] = useState<number | undefined>(\n    defaultExpandedIndex,\n  );\n\n  const numberOfItems = Children.count(children);\n\n  const handleExpandChange = useCallback(\n    (nextExpandedIndex: number) => {\n      if (typeof expandedIndex !== 'undefined') {\n        // controlled\n        onExpandChange?.({ expandedIndex: nextExpandedIndex });\n      } else {\n        // uncontrolled\n        setExpandedAccordionItemIndex(nextExpandedIndex);\n        onExpandChange?.({ expandedIndex: nextExpandedIndex });\n      }\n    },\n    [onExpandChange, expandedIndex],\n  );\n\n  const accordionContext = useMemo<AccordionContextState>(\n    () => ({\n      expandedIndex: expandedIndex ?? expandedAccordionItemIndex,\n      defaultExpandedIndex,\n      onExpandChange: handleExpandChange,\n      showNumberPrefix,\n      variant,\n      numberOfItems,\n      size,\n    }),\n    [\n      expandedAccordionItemIndex,\n      handleExpandChange,\n      expandedIndex,\n      showNumberPrefix,\n      defaultExpandedIndex,\n      variant,\n      numberOfItems,\n      size,\n    ],\n  );\n\n  return (\n    <AccordionContext.Provider value={accordionContext}>\n      <BaseBox\n        ref={ref as never}\n        {...metaAttribute({ name: MetaConstants.Accordion, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <BaseBox\n          {...getVariantStyles(variant)}\n          minWidth={MIN_WIDTH}\n          maxWidth={maxWidth ?? MAX_WIDTH}\n          width=\"100%\"\n        >\n          {Children.map(children, (child, index) =>\n            cloneElement(child, { _index: index, key: index }),\n          )}\n        </BaseBox>\n      </BaseBox>\n    </AccordionContext.Provider>\n  );\n};\n\nconst Accordion = React.forwardRef(_Accordion);\n\nexport { Accordion };\n"],"names":["MIN_WIDTH","s","makeSize","sizeTokens","m","l","getVariantStyles","variant","backgroundColor","borderRadius","borderWidth","borderColor","_Accordion","_ref","ref","defaultExpandedIndex","expandedIndex","onExpandChange","_ref$showNumberPrefix","showNumberPrefix","children","_ref$variant","_ref$size","size","maxWidth","testID","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","expandedAccordionItemIndex","setExpandedAccordionItemIndex","numberOfItems","Children","count","handleExpandChange","useCallback","nextExpandedIndex","accordionContext","useMemo","_jsx","AccordionContext","Provider","value","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","Accordion","getStyledProps","makeAnalyticsAttribute","minWidth","MAX_WIDTH","width","map","child","index","cloneElement","_index","key","React","forwardRef"],"mappings":"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"}

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

@@ -122,7 +122,7 @@ var _ActionList = function _ActionList(_ref) {
  * ```
  *
  */
-var ActionList = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.memo(_ActionList), {
+var ActionList = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.memo(_ActionList), {
   displayName: componentIds.ActionList,
   componentId: componentIds.ActionList
 });

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

@@ -1 +1 @@
-{"version":3,"file":"ActionList.js","sources":["../../../../../../src/components/ActionList/ActionList.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { getActionListContainerRole, getActionListItemWrapperRole } from './getA11yRoles';\nimport { getActionListProperties } from './actionListUtils';\nimport { ActionListBox as ActionListNormalBox, ActionListVirtualizedBox } from './ActionListBox';\nimport { componentIds } from './componentIds';\nimport { ActionListNoResults } from './ActionListNoResults';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ActionListProps = {\n  children: React.ReactNode[];\n  isVirtualized?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _ActionList = ({\n  children,\n  testID,\n  isVirtualized,\n  ...rest\n}: ActionListProps): React.ReactElement => {\n  const {\n    setOptions,\n    actionListItemRef,\n    selectionType,\n    dropdownBaseId,\n    dropdownTriggerer,\n    hasFooterAction,\n    filteredValues,\n  } = useDropdown();\n\n  const ActionListBox = isVirtualized ? ActionListVirtualizedBox : ActionListNormalBox;\n\n  const { isInBottomSheet } = useBottomSheetContext();\n\n  const { sectionData, childrenWithId, actionListOptions } = React.useMemo(\n    () => getActionListProperties(children),\n    [children],\n  );\n\n  React.useEffect(() => {\n    setOptions(actionListOptions);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [actionListOptions]);\n\n  if (\n    filteredValues.length <= 0 &&\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete\n  ) {\n    return <ActionListNoResults />;\n  }\n\n  const actionListContainerRole = getActionListContainerRole(hasFooterAction, dropdownTriggerer);\n  const actionListItemWrapperRole = getActionListItemWrapperRole(\n    hasFooterAction,\n    dropdownTriggerer,\n  );\n  const isMultiSelectable = selectionType === 'multiple';\n\n  // If we are inside BottomSheet, we don't render The StyledActionList wrapper\n  // This is to ensure:\n  // 1. We don't render the box wrapper styles which includes shadows, padding, border etc\n  // 2. to ensure GorhomBottomSheetSectionList works as expected, if we add extra wrappers GorhomBottomSheet won't render the content inside\n  // NOTE: That this also means inside BottomSheet, ActionList won't render any ActionListHeader or Footer.\n  return isInBottomSheet ? (\n    <ActionListBox\n      isInBottomSheet={isInBottomSheet}\n      actionListItemWrapperRole={actionListItemWrapperRole}\n      childrenWithId={childrenWithId}\n      sectionData={sectionData}\n      isMultiSelectable={isMultiSelectable}\n      ref={actionListItemRef as any}\n      {...makeAnalyticsAttribute(rest)}\n    />\n  ) : (\n    <BaseBox\n      id={`${dropdownBaseId}-actionlist`}\n      {...makeAccessible({\n        role: actionListContainerRole,\n        multiSelectable: actionListContainerRole === 'listbox' ? isMultiSelectable : undefined,\n        labelledBy: `${dropdownBaseId}-label`,\n      })}\n      {...metaAttribute({ name: MetaConstants.ActionList, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <ActionListBox\n        isInBottomSheet={isInBottomSheet}\n        actionListItemWrapperRole={actionListItemWrapperRole}\n        childrenWithId={childrenWithId}\n        sectionData={sectionData}\n        isMultiSelectable={isMultiSelectable}\n        ref={actionListItemRef as any}\n      />\n    </BaseBox>\n  );\n};\n\n/**\n * ### ActionList\n *\n * List of multiple actionable items. Can be used as menu items inside `Dropdown`,\n * `BottomSheet` and as selectable items when combined with `SelectInput`\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown>\n *  <SelectInput label=\"Select Action\" />\n *  <DropdownOverlay>\n *    <DropdownHeader title=\"Header Title\" />\n *    <ActionList>\n *      <ActionListItem\n *        title=\"Home\"\n *        value=\"home\"\n *        leading={<ActionListItemIcon icon={HomeIcon} />}\n *      />\n *      <ActionListItem\n *        title=\"Pricing\"\n *        value=\"pricing\"\n *        leading={<ActionListItemAsset src=\"https://flagcdn.com/w20/in.png\" alt=\"India Flag\" />}\n *      />\n *    </ActionList>\n *    <DropdownFooter><Button>Apply</Button></DropdownFooter>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n */\nconst ActionList = assignWithoutSideEffects(React.memo(_ActionList), {\n  displayName: componentIds.ActionList,\n  componentId: componentIds.ActionList,\n});\n\nexport type { ActionListProps };\nexport { ActionList };\n"],"names":["_ActionList","_ref","children","testID","isVirtualized","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","setOptions","actionListItemRef","selectionType","dropdownBaseId","dropdownTriggerer","hasFooterAction","filteredValues","ActionListBox","ActionListVirtualizedBox","ActionListNormalBox","_useBottomSheetContex","useBottomSheetContext","isInBottomSheet","_React$useMemo","React","useMemo","getActionListProperties","sectionData","childrenWithId","actionListOptions","useEffect","length","dropdownComponentIds","triggers","AutoComplete","_jsx","ActionListNoResults","actionListContainerRole","getActionListContainerRole","actionListItemWrapperRole","getActionListItemWrapperRole","isMultiSelectable","_objectSpread","ref","makeAnalyticsAttribute","BaseBox","id","concat","makeAccessible","role","multiSelectable","undefined","labelledBy","metaAttribute","name","MetaConstants","ActionList","assignWithoutSideEffects","memo","displayName","componentIds","componentId"],"mappings":"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"}
+{"version":3,"file":"ActionList.js","sources":["../../../../../../src/components/ActionList/ActionList.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { getActionListContainerRole, getActionListItemWrapperRole } from './getA11yRoles';\nimport { getActionListProperties } from './actionListUtils';\nimport { ActionListBox as ActionListNormalBox, ActionListVirtualizedBox } from './ActionListBox';\nimport { componentIds } from './componentIds';\nimport { ActionListNoResults } from './ActionListNoResults';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ActionListProps = {\n  children: React.ReactNode[];\n  isVirtualized?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _ActionList = ({\n  children,\n  testID,\n  isVirtualized,\n  ...rest\n}: ActionListProps): React.ReactElement => {\n  const {\n    setOptions,\n    actionListItemRef,\n    selectionType,\n    dropdownBaseId,\n    dropdownTriggerer,\n    hasFooterAction,\n    filteredValues,\n  } = useDropdown();\n\n  const ActionListBox = isVirtualized ? ActionListVirtualizedBox : ActionListNormalBox;\n\n  const { isInBottomSheet } = useBottomSheetContext();\n\n  const { sectionData, childrenWithId, actionListOptions } = React.useMemo(\n    () => getActionListProperties(children),\n    [children],\n  );\n\n  React.useEffect(() => {\n    setOptions(actionListOptions);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [actionListOptions]);\n\n  if (\n    filteredValues.length <= 0 &&\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete\n  ) {\n    return <ActionListNoResults />;\n  }\n\n  const actionListContainerRole = getActionListContainerRole(hasFooterAction, dropdownTriggerer);\n  const actionListItemWrapperRole = getActionListItemWrapperRole(\n    hasFooterAction,\n    dropdownTriggerer,\n  );\n  const isMultiSelectable = selectionType === 'multiple';\n\n  // If we are inside BottomSheet, we don't render The StyledActionList wrapper\n  // This is to ensure:\n  // 1. We don't render the box wrapper styles which includes shadows, padding, border etc\n  // 2. to ensure GorhomBottomSheetSectionList works as expected, if we add extra wrappers GorhomBottomSheet won't render the content inside\n  // NOTE: That this also means inside BottomSheet, ActionList won't render any ActionListHeader or Footer.\n  return isInBottomSheet ? (\n    <ActionListBox\n      isInBottomSheet={isInBottomSheet}\n      actionListItemWrapperRole={actionListItemWrapperRole}\n      childrenWithId={childrenWithId}\n      sectionData={sectionData}\n      isMultiSelectable={isMultiSelectable}\n      ref={actionListItemRef as any}\n      {...makeAnalyticsAttribute(rest)}\n    />\n  ) : (\n    <BaseBox\n      id={`${dropdownBaseId}-actionlist`}\n      {...makeAccessible({\n        role: actionListContainerRole,\n        multiSelectable: actionListContainerRole === 'listbox' ? isMultiSelectable : undefined,\n        labelledBy: `${dropdownBaseId}-label`,\n      })}\n      {...metaAttribute({ name: MetaConstants.ActionList, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <ActionListBox\n        isInBottomSheet={isInBottomSheet}\n        actionListItemWrapperRole={actionListItemWrapperRole}\n        childrenWithId={childrenWithId}\n        sectionData={sectionData}\n        isMultiSelectable={isMultiSelectable}\n        ref={actionListItemRef as any}\n      />\n    </BaseBox>\n  );\n};\n\n/**\n * ### ActionList\n *\n * List of multiple actionable items. Can be used as menu items inside `Dropdown`,\n * `BottomSheet` and as selectable items when combined with `SelectInput`\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown>\n *  <SelectInput label=\"Select Action\" />\n *  <DropdownOverlay>\n *    <DropdownHeader title=\"Header Title\" />\n *    <ActionList>\n *      <ActionListItem\n *        title=\"Home\"\n *        value=\"home\"\n *        leading={<ActionListItemIcon icon={HomeIcon} />}\n *      />\n *      <ActionListItem\n *        title=\"Pricing\"\n *        value=\"pricing\"\n *        leading={<ActionListItemAsset src=\"https://flagcdn.com/w20/in.png\" alt=\"India Flag\" />}\n *      />\n *    </ActionList>\n *    <DropdownFooter><Button>Apply</Button></DropdownFooter>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n */\nconst ActionList = assignWithoutSideEffects(React.memo(_ActionList), {\n  displayName: componentIds.ActionList,\n  componentId: componentIds.ActionList,\n});\n\nexport type { ActionListProps };\nexport { ActionList };\n"],"names":["_ActionList","_ref","children","testID","isVirtualized","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","setOptions","actionListItemRef","selectionType","dropdownBaseId","dropdownTriggerer","hasFooterAction","filteredValues","ActionListBox","ActionListVirtualizedBox","ActionListNormalBox","_useBottomSheetContex","useBottomSheetContext","isInBottomSheet","_React$useMemo","React","useMemo","getActionListProperties","sectionData","childrenWithId","actionListOptions","useEffect","length","dropdownComponentIds","triggers","AutoComplete","_jsx","ActionListNoResults","actionListContainerRole","getActionListContainerRole","actionListItemWrapperRole","getActionListItemWrapperRole","isMultiSelectable","_objectSpread","ref","makeAnalyticsAttribute","BaseBox","id","concat","makeAccessible","role","multiSelectable","undefined","labelledBy","metaAttribute","name","MetaConstants","ActionList","assignWithoutSideEffects","memo","displayName","componentIds","componentId"],"mappings":"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"}

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

@@ -48,7 +48,7 @@ var _ActionListBox = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     children: childrenWithId
   }));
 });
-var ActionListBox = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.memo(_ActionListBox), {
+var ActionListBox = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.memo(_ActionListBox), {
   displayName: 'ActionListBox'
 });
 
@@ -157,7 +157,7 @@ var VirtualListItem = /*#__PURE__*/React__default.memo(function (_ref4) {
     data = _ref4.data,
     onVirtualizedFocus = _ref4.onVirtualizedFocus;
   var currentItem = data[index];
-  if ( /*#__PURE__*/React__default.isValidElement(currentItem) && getComponentId(currentItem) === componentIds.ActionListItem) {
+  if (/*#__PURE__*/React__default.isValidElement(currentItem) && getComponentId(currentItem) === componentIds.ActionListItem) {
     // Clone the element passed via `data` and add the `_virtualizedIndex` prop
     var elementWithIndex = /*#__PURE__*/React__default.cloneElement(currentItem, {
       _virtualizedIndex: index,
@@ -213,8 +213,8 @@ var _ActionListVirtualizedBox = /*#__PURE__*/React__default.forwardRef(function
     actionListBoxHeight = _React$useMemo.actionListBoxHeight;
   React__default.useEffect(function () {
     var _virtualizedListRef$c, _virtualizedListRef$c2;
-    virtualizedListRef === null || virtualizedListRef === void 0 ? void 0 : (_virtualizedListRef$c = virtualizedListRef.current) === null || _virtualizedListRef$c === void 0 ? void 0 : _virtualizedListRef$c.resetAfterIndex(0);
-    virtualizedListRef === null || virtualizedListRef === void 0 ? void 0 : (_virtualizedListRef$c2 = virtualizedListRef.current) === null || _virtualizedListRef$c2 === void 0 ? void 0 : _virtualizedListRef$c2.scrollToItem(0);
+    virtualizedListRef === null || virtualizedListRef === void 0 || (_virtualizedListRef$c = virtualizedListRef.current) === null || _virtualizedListRef$c === void 0 || _virtualizedListRef$c.resetAfterIndex(0);
+    virtualizedListRef === null || virtualizedListRef === void 0 || (_virtualizedListRef$c2 = virtualizedListRef.current) === null || _virtualizedListRef$c2 === void 0 || _virtualizedListRef$c2.scrollToItem(0);
   }, [itemCount]);
   return /*#__PURE__*/jsx(StyledListBoxWrapper, _objectSpread(_objectSpread(_objectSpread({
     isInBottomSheet: isInBottomSheet
@@ -264,19 +264,19 @@ var _ActionListVirtualizedBox = /*#__PURE__*/React__default.forwardRef(function
             var _virtualizedListRef$c3, _virtualizedListRef$c4;
             // We need scroll Direction to determine the index to focus
             var scrollDirection = Math.round((visibleStartIndex + visibleStopIndex) / 2) > index ? 'top' : 'bottom';
-            virtualizedListRef === null || virtualizedListRef === void 0 ? void 0 : (_virtualizedListRef$c3 = virtualizedListRef.current) === null || _virtualizedListRef$c3 === void 0 ? void 0 : _virtualizedListRef$c3.resetAfterIndex(0);
+            virtualizedListRef === null || virtualizedListRef === void 0 || (_virtualizedListRef$c3 = virtualizedListRef.current) === null || _virtualizedListRef$c3 === void 0 || _virtualizedListRef$c3.resetAfterIndex(0);
             /**
              * we are scrolling to the item which is 3 items away from the current item.
              * since we can have 2 item sectoin header and divider which are not focusable.
              */
-            virtualizedListRef === null || virtualizedListRef === void 0 ? void 0 : (_virtualizedListRef$c4 = virtualizedListRef.current) === null || _virtualizedListRef$c4 === void 0 ? void 0 : _virtualizedListRef$c4.scrollToItem(index + (scrollDirection === 'top' ? -3 : 3), 'smart');
+            virtualizedListRef === null || virtualizedListRef === void 0 || (_virtualizedListRef$c4 = virtualizedListRef.current) === null || _virtualizedListRef$c4 === void 0 || _virtualizedListRef$c4.scrollToItem(index + (scrollDirection === 'top' ? -3 : 3), 'smart');
           }
         });
       }, [visibleStartIndex, visibleStopIndex])
     })
   }));
 });
-var ActionListVirtualizedBox = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.memo(_ActionListVirtualizedBox), {
+var ActionListVirtualizedBox = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.memo(_ActionListVirtualizedBox), {
   displayName: 'ActionListVirtualizedBox'
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"ActionListBox.web.js","sources":["../../../../../../src/components/ActionList/ActionListBox.web.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { useCallback } from 'react';\nimport type { VariableSizeList } from 'react-window';\nimport { VariableSizeList as VirtualizedList } from 'react-window';\nimport { StyledListBoxWrapper } from './styles/StyledListBoxWrapper';\nimport type { SectionData } from './actionListUtils';\nimport { actionListMaxHeight, getActionListPadding } from './styles/getBaseListBoxWrapperStyles';\nimport { componentIds } from './componentIds';\nimport { ActionListSectionTitle } from './ActionListItem';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport {\n  actionListSectionTitleHeight,\n  actionListDividerHeight,\n  getActionListItemHeight,\n} from '~components/BaseMenu/BaseMenuItem/tokens';\nimport { useTheme } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { Divider } from '~components/Divider';\nimport type { ActionListItemProps } from '~components/ActionList';\n\ntype ActionListBoxProps = {\n  childrenWithId?: React.ReactNode[] | null;\n  sectionData: SectionData;\n  actionListItemWrapperRole: 'listbox' | 'menu' | undefined;\n  isMultiSelectable: boolean;\n  isInBottomSheet: boolean;\n} & DataAnalyticsAttribute;\n\nconst _ActionListBox = React.forwardRef<HTMLDivElement, ActionListBoxProps>(\n  ({ childrenWithId, actionListItemWrapperRole, isMultiSelectable, ...rest }, ref) => {\n    const { isInBottomSheet } = useBottomSheetContext();\n\n    return (\n      <StyledListBoxWrapper\n        isInBottomSheet={isInBottomSheet}\n        ref={ref}\n        {...makeAccessible({\n          role: actionListItemWrapperRole,\n          multiSelectable: actionListItemWrapperRole === 'listbox' ? isMultiSelectable : undefined,\n        })}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {childrenWithId}\n      </StyledListBoxWrapper>\n    );\n  },\n);\n\nconst ActionListBox = assignWithoutSideEffects(React.memo(_ActionListBox), {\n  displayName: 'ActionListBox',\n});\n\n/**\n *  get the height of the item based on the componentId\n */\nconst getItemHeight = ({\n  index,\n  itemData,\n  actionListItemHeight,\n}: {\n  index: number;\n  itemData: React.ReactNode[];\n  actionListItemHeight: number;\n}): number => {\n  if (getComponentId(itemData[index]) === componentIds.ActionListItem) {\n    return actionListItemHeight;\n  }\n\n  if (getComponentId(itemData[index]) === componentIds.ActionListSectionTitle) {\n    return actionListSectionTitleHeight;\n  }\n  // @ts-expect-error: key does exist\n  if (itemData[index]?.key.includes('divider')) {\n    return actionListDividerHeight;\n  }\n  return 0;\n};\n\n/**\n * Returns the height of item and height of container based on theme and device\n */\nconst getVirtualItemParams = ({\n  theme,\n  isMobile,\n  itemCount,\n  itemData,\n}: {\n  theme: Theme;\n  isMobile: boolean;\n  itemCount: number;\n  itemData: React.ReactNode[];\n}): {\n  actionListItemHeight: number;\n  actionListBoxHeight: number;\n} => {\n  const itemHeightResponsive = getActionListItemHeight(theme);\n  const actionListPadding = getActionListPadding(theme);\n  const actionListItemHeight = isMobile\n    ? itemHeightResponsive.itemHeightMobile\n    : itemHeightResponsive.itemHeightDesktop;\n  const shouldCalculateMinimumHeight = itemCount <= 10;\n  const actionListBoxHeight = actionListMaxHeight - actionListPadding * 2;\n  const actionListBoxMinHeight = shouldCalculateMinimumHeight\n    ? itemData.reduce<number>((acc, _, index) => {\n        const itemHeight = getItemHeight({ index, itemData, actionListItemHeight });\n        return acc + itemHeight;\n      }, 0)\n    : actionListBoxHeight;\n  const finalActionListBoxHeight = Math.min(actionListBoxHeight, actionListBoxMinHeight);\n\n  return {\n    actionListItemHeight,\n    actionListBoxHeight: finalActionListBoxHeight,\n  };\n};\n\n/**\n * Takes the children (ActionListItem) and returns the filtered items based on `filteredValues` state\n */\nconst useFilteredItems = (\n  children: React.ReactNode[],\n): {\n  itemData: React.ReactNode[];\n  itemCount: number;\n} => {\n  const childrenArray = React.Children.toArray(children); // Convert children to an array\n\n  const { filteredValues, hasAutoCompleteInHeader, dropdownTriggerer } = useDropdown();\n\n  const items = React.useMemo(() => {\n    const hasAutoComplete =\n      hasAutoCompleteInHeader || dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n    if (!hasAutoComplete) {\n      return childrenArray;\n    }\n\n    const filteredItems = childrenArray.reduce<React.ReactNode[]>((acc, item, index) => {\n      if (getComponentId(item) === componentIds.ActionListSection) {\n        const sectionTitle = (\n          <ActionListSectionTitle\n            key={index}\n            // @ts-expect-error: props does exist\n            title={item?.props.title}\n            isInsideVirtualizedList\n          />\n        );\n        // @ts-expect-error: props does exist\n        const sectionChildren = item?.props.children;\n\n        const divider =\n          index !== childrenArray.length - 1 ? (\n            <Divider marginX=\"spacing.3\" marginY=\"spacing.1\" key={`divider-${index}`} />\n          ) : null;\n        const filteredSectionChildren = sectionChildren.filter(\n          (item: { props: { value: string } }) => filteredValues.includes(item.props.value),\n        );\n        if (filteredSectionChildren.length !== 0) {\n          acc.push(sectionTitle, ...filteredSectionChildren, divider);\n        }\n      } else {\n        // @ts-expect-error: props does exist\n        const value = item?.props.value;\n        if (filteredValues.includes(value)) {\n          acc.push(item);\n        }\n      }\n      return acc;\n    }, []);\n\n    return filteredItems;\n  }, [filteredValues, hasAutoCompleteInHeader, dropdownTriggerer, childrenArray]);\n\n  return {\n    itemData: items,\n    itemCount: items.length,\n  };\n};\n\nconst VirtualListItem = React.memo(\n  ({\n    index,\n    style,\n    data,\n    onVirtualizedFocus,\n  }: {\n    index: number;\n    style: React.CSSProperties;\n    data: React.ReactNode[];\n    onVirtualizedFocus: (index: number) => void;\n  }): React.ReactElement | null => {\n    const currentItem = data[index];\n\n    if (\n      React.isValidElement(currentItem) &&\n      getComponentId(currentItem) === componentIds.ActionListItem\n    ) {\n      // Clone the element passed via `data` and add the `_virtualizedIndex` prop\n      const elementWithIndex = React.cloneElement(\n        currentItem as React.ReactElement<ActionListItemProps>,\n        {\n          _virtualizedIndex: index,\n          _onVirtualizedFocus: onVirtualizedFocus,\n        },\n      );\n\n      return <div style={style}>{elementWithIndex}</div>;\n    }\n\n    return <div style={style}>{data[index]}</div>;\n  },\n  (prevProps, nextProps) => {\n    // Custom comparison function to determine if component should update\n    return (\n      prevProps.index === nextProps.index &&\n      prevProps.style === nextProps.style &&\n      prevProps.data[prevProps.index] === nextProps.data[nextProps.index]\n    );\n  },\n);\n\nconst _ActionListVirtualizedBox = React.forwardRef<HTMLDivElement, ActionListBoxProps>(\n  ({ childrenWithId, actionListItemWrapperRole, isMultiSelectable, ...rest }, ref) => {\n    const virtualizedListRef = React.useRef<VariableSizeList>(null);\n    const [visibleStartIndex, setVisibleStartIndex] = React.useState(0);\n    const [visibleStopIndex, setVisibleStopIndex] = React.useState(0);\n    const items = React.Children.toArray(childrenWithId); // Convert children to an array\n    const { isInBottomSheet } = useBottomSheetContext();\n    const { itemData, itemCount } = useFilteredItems(items);\n\n    const isMobile = useIsMobile();\n    const { theme } = useTheme();\n    const { actionListItemHeight, actionListBoxHeight } = React.useMemo(\n      () => getVirtualItemParams({ theme, isMobile, itemCount, itemData }),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [theme.name, isMobile, itemCount, itemData],\n    );\n    React.useEffect(() => {\n      virtualizedListRef?.current?.resetAfterIndex(0);\n      virtualizedListRef?.current?.scrollToItem(0);\n    }, [itemCount]);\n\n    return (\n      <StyledListBoxWrapper\n        isInBottomSheet={isInBottomSheet}\n        // in case of virtualized list, we only render visible items. so css will hide divider for every last item visible. instead of hiding the last divider of the list.\n        ref={ref}\n        {...makeAccessible({\n          role: actionListItemWrapperRole,\n          multiSelectable: actionListItemWrapperRole === 'listbox' ? isMultiSelectable : undefined,\n        })}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <VirtualizedList<React.ReactNode[]>\n          ref={virtualizedListRef}\n          height={actionListBoxHeight}\n          width=\"100%\"\n          itemSize={(index) => getItemHeight({ index, itemData, actionListItemHeight })}\n          itemCount={itemCount}\n          itemData={itemData}\n          itemKey={(index) =>\n            // @ts-expect-error: props does exist\n            itemData[index]?.props.value ??\n            // @ts-expect-error: props does exist\n            itemData[index]?.props.title ??\n            // @ts-expect-error: props does exist\n            itemData[index]?.props.key\n          }\n          onItemsRendered={({ visibleStartIndex, visibleStopIndex }) => {\n            setVisibleStartIndex(visibleStartIndex);\n            setVisibleStopIndex(visibleStopIndex);\n          }}\n        >\n          {useCallback(\n            ({ index, style, data }) => {\n              return (\n                <VirtualListItem\n                  index={index}\n                  style={style}\n                  data={data}\n                  onVirtualizedFocus={(index) => {\n                    // We need scroll Direction to determine the index to focus\n                    const scrollDirection =\n                      Math.round((visibleStartIndex + visibleStopIndex) / 2) > index\n                        ? 'top'\n                        : 'bottom';\n                    virtualizedListRef?.current?.resetAfterIndex(0);\n                    /**\n                     * we are scrolling to the item which is 3 items away from the current item.\n                     * since we can have 2 item sectoin header and divider which are not focusable.\n                     */\n                    virtualizedListRef?.current?.scrollToItem(\n                      index + (scrollDirection === 'top' ? -3 : 3),\n                      'smart',\n                    );\n                  }}\n                />\n              );\n            },\n            [visibleStartIndex, visibleStopIndex],\n          )}\n        </VirtualizedList>\n      </StyledListBoxWrapper>\n    );\n  },\n);\n\nconst ActionListVirtualizedBox = assignWithoutSideEffects(React.memo(_ActionListVirtualizedBox), {\n  displayName: 'ActionListVirtualizedBox',\n});\n\nexport { ActionListBox, ActionListVirtualizedBox };\n"],"names":["_ActionListBox","React","forwardRef","_ref","ref","childrenWithId","actionListItemWrapperRole","isMultiSelectable","rest","_objectWithoutProperties","_excluded","_useBottomSheetContex","useBottomSheetContext","isInBottomSheet","_jsx","StyledListBoxWrapper","_objectSpread","makeAccessible","role","multiSelectable","undefined","makeAnalyticsAttribute","children","ActionListBox","assignWithoutSideEffects","memo","displayName","getItemHeight","_ref2","_itemData$index","index","itemData","actionListItemHeight","getComponentId","componentIds","ActionListItem","ActionListSectionTitle","actionListSectionTitleHeight","key","includes","actionListDividerHeight","getVirtualItemParams","_ref3","theme","isMobile","itemCount","itemHeightResponsive","getActionListItemHeight","actionListPadding","getActionListPadding","itemHeightMobile","itemHeightDesktop","shouldCalculateMinimumHeight","actionListBoxHeight","actionListMaxHeight","actionListBoxMinHeight","reduce","acc","_","itemHeight","finalActionListBoxHeight","Math","min","useFilteredItems","childrenArray","Children","toArray","_useDropdown","useDropdown","filteredValues","hasAutoCompleteInHeader","dropdownTriggerer","items","useMemo","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","filteredItems","item","ActionListSection","sectionTitle","title","props","isInsideVirtualizedList","sectionChildren","divider","length","Divider","marginX","marginY","concat","filteredSectionChildren","filter","value","push","apply","_toConsumableArray","VirtualListItem","_ref4","style","data","onVirtualizedFocus","currentItem","isValidElement","elementWithIndex","cloneElement","_virtualizedIndex","_onVirtualizedFocus","prevProps","nextProps","_ActionListVirtualizedBox","_ref5","_excluded2","virtualizedListRef","useRef","_React$useState","useState","_React$useState2","_slicedToArray","visibleStartIndex","setVisibleStartIndex","_React$useState3","_React$useState4","visibleStopIndex","setVisibleStopIndex","_useBottomSheetContex2","_useFilteredItems","useIsMobile","_useTheme","useTheme","_React$useMemo","name","useEffect","_virtualizedListRef$c","_virtualizedListRef$c2","current","resetAfterIndex","scrollToItem","VirtualizedList","height","width","itemSize","itemKey","_ref6","_itemData$index$props","_itemData$index2","_itemData$index3","_itemData$index4","onItemsRendered","_ref7","useCallback","_ref8","_virtualizedListRef$c3","_virtualizedListRef$c4","scrollDirection","round","ActionListVirtualizedBox"],"mappings":"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"}
+{"version":3,"file":"ActionListBox.web.js","sources":["../../../../../../src/components/ActionList/ActionListBox.web.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { useCallback } from 'react';\nimport type { VariableSizeList } from 'react-window';\nimport { VariableSizeList as VirtualizedList } from 'react-window';\nimport { StyledListBoxWrapper } from './styles/StyledListBoxWrapper';\nimport type { SectionData } from './actionListUtils';\nimport { actionListMaxHeight, getActionListPadding } from './styles/getBaseListBoxWrapperStyles';\nimport { componentIds } from './componentIds';\nimport { ActionListSectionTitle } from './ActionListItem';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport {\n  actionListSectionTitleHeight,\n  actionListDividerHeight,\n  getActionListItemHeight,\n} from '~components/BaseMenu/BaseMenuItem/tokens';\nimport { useTheme } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { Divider } from '~components/Divider';\nimport type { ActionListItemProps } from '~components/ActionList';\n\ntype ActionListBoxProps = {\n  childrenWithId?: React.ReactNode[] | null;\n  sectionData: SectionData;\n  actionListItemWrapperRole: 'listbox' | 'menu' | undefined;\n  isMultiSelectable: boolean;\n  isInBottomSheet: boolean;\n} & DataAnalyticsAttribute;\n\nconst _ActionListBox = React.forwardRef<HTMLDivElement, ActionListBoxProps>(\n  ({ childrenWithId, actionListItemWrapperRole, isMultiSelectable, ...rest }, ref) => {\n    const { isInBottomSheet } = useBottomSheetContext();\n\n    return (\n      <StyledListBoxWrapper\n        isInBottomSheet={isInBottomSheet}\n        ref={ref}\n        {...makeAccessible({\n          role: actionListItemWrapperRole,\n          multiSelectable: actionListItemWrapperRole === 'listbox' ? isMultiSelectable : undefined,\n        })}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {childrenWithId}\n      </StyledListBoxWrapper>\n    );\n  },\n);\n\nconst ActionListBox = assignWithoutSideEffects(React.memo(_ActionListBox), {\n  displayName: 'ActionListBox',\n});\n\n/**\n *  get the height of the item based on the componentId\n */\nconst getItemHeight = ({\n  index,\n  itemData,\n  actionListItemHeight,\n}: {\n  index: number;\n  itemData: React.ReactNode[];\n  actionListItemHeight: number;\n}): number => {\n  if (getComponentId(itemData[index]) === componentIds.ActionListItem) {\n    return actionListItemHeight;\n  }\n\n  if (getComponentId(itemData[index]) === componentIds.ActionListSectionTitle) {\n    return actionListSectionTitleHeight;\n  }\n  // @ts-expect-error: key does exist\n  if (itemData[index]?.key.includes('divider')) {\n    return actionListDividerHeight;\n  }\n  return 0;\n};\n\n/**\n * Returns the height of item and height of container based on theme and device\n */\nconst getVirtualItemParams = ({\n  theme,\n  isMobile,\n  itemCount,\n  itemData,\n}: {\n  theme: Theme;\n  isMobile: boolean;\n  itemCount: number;\n  itemData: React.ReactNode[];\n}): {\n  actionListItemHeight: number;\n  actionListBoxHeight: number;\n} => {\n  const itemHeightResponsive = getActionListItemHeight(theme);\n  const actionListPadding = getActionListPadding(theme);\n  const actionListItemHeight = isMobile\n    ? itemHeightResponsive.itemHeightMobile\n    : itemHeightResponsive.itemHeightDesktop;\n  const shouldCalculateMinimumHeight = itemCount <= 10;\n  const actionListBoxHeight = actionListMaxHeight - actionListPadding * 2;\n  const actionListBoxMinHeight = shouldCalculateMinimumHeight\n    ? itemData.reduce<number>((acc, _, index) => {\n        const itemHeight = getItemHeight({ index, itemData, actionListItemHeight });\n        return acc + itemHeight;\n      }, 0)\n    : actionListBoxHeight;\n  const finalActionListBoxHeight = Math.min(actionListBoxHeight, actionListBoxMinHeight);\n\n  return {\n    actionListItemHeight,\n    actionListBoxHeight: finalActionListBoxHeight,\n  };\n};\n\n/**\n * Takes the children (ActionListItem) and returns the filtered items based on `filteredValues` state\n */\nconst useFilteredItems = (\n  children: React.ReactNode[],\n): {\n  itemData: React.ReactNode[];\n  itemCount: number;\n} => {\n  const childrenArray = React.Children.toArray(children); // Convert children to an array\n\n  const { filteredValues, hasAutoCompleteInHeader, dropdownTriggerer } = useDropdown();\n\n  const items = React.useMemo(() => {\n    const hasAutoComplete =\n      hasAutoCompleteInHeader || dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n    if (!hasAutoComplete) {\n      return childrenArray;\n    }\n\n    const filteredItems = childrenArray.reduce<React.ReactNode[]>((acc, item, index) => {\n      if (getComponentId(item) === componentIds.ActionListSection) {\n        const sectionTitle = (\n          <ActionListSectionTitle\n            key={index}\n            // @ts-expect-error: props does exist\n            title={item?.props.title}\n            isInsideVirtualizedList\n          />\n        );\n        // @ts-expect-error: props does exist\n        const sectionChildren = item?.props.children;\n\n        const divider =\n          index !== childrenArray.length - 1 ? (\n            <Divider marginX=\"spacing.3\" marginY=\"spacing.1\" key={`divider-${index}`} />\n          ) : null;\n        const filteredSectionChildren = sectionChildren.filter(\n          (item: { props: { value: string } }) => filteredValues.includes(item.props.value),\n        );\n        if (filteredSectionChildren.length !== 0) {\n          acc.push(sectionTitle, ...filteredSectionChildren, divider);\n        }\n      } else {\n        // @ts-expect-error: props does exist\n        const value = item?.props.value;\n        if (filteredValues.includes(value)) {\n          acc.push(item);\n        }\n      }\n      return acc;\n    }, []);\n\n    return filteredItems;\n  }, [filteredValues, hasAutoCompleteInHeader, dropdownTriggerer, childrenArray]);\n\n  return {\n    itemData: items,\n    itemCount: items.length,\n  };\n};\n\nconst VirtualListItem = React.memo(\n  ({\n    index,\n    style,\n    data,\n    onVirtualizedFocus,\n  }: {\n    index: number;\n    style: React.CSSProperties;\n    data: React.ReactNode[];\n    onVirtualizedFocus: (index: number) => void;\n  }): React.ReactElement | null => {\n    const currentItem = data[index];\n\n    if (\n      React.isValidElement(currentItem) &&\n      getComponentId(currentItem) === componentIds.ActionListItem\n    ) {\n      // Clone the element passed via `data` and add the `_virtualizedIndex` prop\n      const elementWithIndex = React.cloneElement(\n        currentItem as React.ReactElement<ActionListItemProps>,\n        {\n          _virtualizedIndex: index,\n          _onVirtualizedFocus: onVirtualizedFocus,\n        },\n      );\n\n      return <div style={style}>{elementWithIndex}</div>;\n    }\n\n    return <div style={style}>{data[index]}</div>;\n  },\n  (prevProps, nextProps) => {\n    // Custom comparison function to determine if component should update\n    return (\n      prevProps.index === nextProps.index &&\n      prevProps.style === nextProps.style &&\n      prevProps.data[prevProps.index] === nextProps.data[nextProps.index]\n    );\n  },\n);\n\nconst _ActionListVirtualizedBox = React.forwardRef<HTMLDivElement, ActionListBoxProps>(\n  ({ childrenWithId, actionListItemWrapperRole, isMultiSelectable, ...rest }, ref) => {\n    const virtualizedListRef = React.useRef<VariableSizeList>(null);\n    const [visibleStartIndex, setVisibleStartIndex] = React.useState(0);\n    const [visibleStopIndex, setVisibleStopIndex] = React.useState(0);\n    const items = React.Children.toArray(childrenWithId); // Convert children to an array\n    const { isInBottomSheet } = useBottomSheetContext();\n    const { itemData, itemCount } = useFilteredItems(items);\n\n    const isMobile = useIsMobile();\n    const { theme } = useTheme();\n    const { actionListItemHeight, actionListBoxHeight } = React.useMemo(\n      () => getVirtualItemParams({ theme, isMobile, itemCount, itemData }),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [theme.name, isMobile, itemCount, itemData],\n    );\n    React.useEffect(() => {\n      virtualizedListRef?.current?.resetAfterIndex(0);\n      virtualizedListRef?.current?.scrollToItem(0);\n    }, [itemCount]);\n\n    return (\n      <StyledListBoxWrapper\n        isInBottomSheet={isInBottomSheet}\n        // in case of virtualized list, we only render visible items. so css will hide divider for every last item visible. instead of hiding the last divider of the list.\n        ref={ref}\n        {...makeAccessible({\n          role: actionListItemWrapperRole,\n          multiSelectable: actionListItemWrapperRole === 'listbox' ? isMultiSelectable : undefined,\n        })}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <VirtualizedList<React.ReactNode[]>\n          ref={virtualizedListRef}\n          height={actionListBoxHeight}\n          width=\"100%\"\n          itemSize={(index) => getItemHeight({ index, itemData, actionListItemHeight })}\n          itemCount={itemCount}\n          itemData={itemData}\n          itemKey={(index) =>\n            // @ts-expect-error: props does exist\n            itemData[index]?.props.value ??\n            // @ts-expect-error: props does exist\n            itemData[index]?.props.title ??\n            // @ts-expect-error: props does exist\n            itemData[index]?.props.key\n          }\n          onItemsRendered={({ visibleStartIndex, visibleStopIndex }) => {\n            setVisibleStartIndex(visibleStartIndex);\n            setVisibleStopIndex(visibleStopIndex);\n          }}\n        >\n          {useCallback(\n            ({ index, style, data }) => {\n              return (\n                <VirtualListItem\n                  index={index}\n                  style={style}\n                  data={data}\n                  onVirtualizedFocus={(index) => {\n                    // We need scroll Direction to determine the index to focus\n                    const scrollDirection =\n                      Math.round((visibleStartIndex + visibleStopIndex) / 2) > index\n                        ? 'top'\n                        : 'bottom';\n                    virtualizedListRef?.current?.resetAfterIndex(0);\n                    /**\n                     * we are scrolling to the item which is 3 items away from the current item.\n                     * since we can have 2 item sectoin header and divider which are not focusable.\n                     */\n                    virtualizedListRef?.current?.scrollToItem(\n                      index + (scrollDirection === 'top' ? -3 : 3),\n                      'smart',\n                    );\n                  }}\n                />\n              );\n            },\n            [visibleStartIndex, visibleStopIndex],\n          )}\n        </VirtualizedList>\n      </StyledListBoxWrapper>\n    );\n  },\n);\n\nconst ActionListVirtualizedBox = assignWithoutSideEffects(React.memo(_ActionListVirtualizedBox), {\n  displayName: 'ActionListVirtualizedBox',\n});\n\nexport { ActionListBox, ActionListVirtualizedBox };\n"],"names":["_ActionListBox","React","forwardRef","_ref","ref","childrenWithId","actionListItemWrapperRole","isMultiSelectable","rest","_objectWithoutProperties","_excluded","_useBottomSheetContex","useBottomSheetContext","isInBottomSheet","_jsx","StyledListBoxWrapper","_objectSpread","makeAccessible","role","multiSelectable","undefined","makeAnalyticsAttribute","children","ActionListBox","assignWithoutSideEffects","memo","displayName","getItemHeight","_ref2","_itemData$index","index","itemData","actionListItemHeight","getComponentId","componentIds","ActionListItem","ActionListSectionTitle","actionListSectionTitleHeight","key","includes","actionListDividerHeight","getVirtualItemParams","_ref3","theme","isMobile","itemCount","itemHeightResponsive","getActionListItemHeight","actionListPadding","getActionListPadding","itemHeightMobile","itemHeightDesktop","shouldCalculateMinimumHeight","actionListBoxHeight","actionListMaxHeight","actionListBoxMinHeight","reduce","acc","_","itemHeight","finalActionListBoxHeight","Math","min","useFilteredItems","childrenArray","Children","toArray","_useDropdown","useDropdown","filteredValues","hasAutoCompleteInHeader","dropdownTriggerer","items","useMemo","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","filteredItems","item","ActionListSection","sectionTitle","title","props","isInsideVirtualizedList","sectionChildren","divider","length","Divider","marginX","marginY","concat","filteredSectionChildren","filter","value","push","apply","_toConsumableArray","VirtualListItem","_ref4","style","data","onVirtualizedFocus","currentItem","isValidElement","elementWithIndex","cloneElement","_virtualizedIndex","_onVirtualizedFocus","prevProps","nextProps","_ActionListVirtualizedBox","_ref5","_excluded2","virtualizedListRef","useRef","_React$useState","useState","_React$useState2","_slicedToArray","visibleStartIndex","setVisibleStartIndex","_React$useState3","_React$useState4","visibleStopIndex","setVisibleStopIndex","_useBottomSheetContex2","_useFilteredItems","useIsMobile","_useTheme","useTheme","_React$useMemo","name","useEffect","_virtualizedListRef$c","_virtualizedListRef$c2","current","resetAfterIndex","scrollToItem","VirtualizedList","height","width","itemSize","itemKey","_ref6","_itemData$index$props","_itemData$index2","_itemData$index3","_itemData$index4","onItemsRendered","_ref7","useCallback","_ref8","_virtualizedListRef$c3","_virtualizedListRef$c4","scrollDirection","round","ActionListVirtualizedBox"],"mappings":"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"}

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

@@ -117,7 +117,7 @@ var _ActionListSection = function _ActionListSection(_ref2) {
     }) : null]
   }));
 };
-var ActionListSection = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.memo(_ActionListSection), {
+var ActionListSection = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.memo(_ActionListSection), {
   componentId: componentIds.ActionListSection
 });
 var _ActionListItemIcon = function _ActionListItemIcon(_ref3) {
@@ -242,7 +242,7 @@ var _ActionListItem = function _ActionListItem(props) {
   React__default.useEffect(function () {
     if (activeIndex === props._index && props._virtualizedIndex !== undefined) {
       var _props$_onVirtualized;
-      (_props$_onVirtualized = props._onVirtualizedFocus) === null || _props$_onVirtualized === void 0 ? void 0 : _props$_onVirtualized.call(props, props._virtualizedIndex);
+      (_props$_onVirtualized = props._onVirtualizedFocus) === null || _props$_onVirtualized === void 0 || _props$_onVirtualized.call(props, props._virtualizedIndex);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [activeIndex]);
@@ -307,7 +307,7 @@ var _ActionListItem = function _ActionListItem(props) {
     if (typeof props._index === 'number') {
       var _props$onClick;
       onOptionClick(e, props._index);
-      (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, {
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, {
         name: props.value,
         value: isSelected,
         event: castWebType(e)
@@ -333,7 +333,7 @@ var _ActionListItem = function _ActionListItem(props) {
     isKeydownPressed: isKeydownPressed
   }));
 };
-var ActionListItem = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.memo(_ActionListItem), {
+var ActionListItem = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.memo(_ActionListItem), {
   componentId: componentIds.ActionListItem,
   displayName: 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 { 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 { DataAnalyticsAttribute, 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';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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  /**\n   * Internally used to pass index for virtualized lists\n   *\n   * @private\n   */\n  _virtualizedIndex?: number;\n  /**\n   * Internally used to focus on virtualized list\n   *\n   * @private\n   */\n  _onVirtualizedFocus?: (_virtuazedIndex: number) => void;\n} & TestID &\n  DataAnalyticsAttribute;\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 &\n  DataAnalyticsAttribute;\n\nconst _ActionListSectionTitle = ({\n  title,\n  isInsideVirtualizedList = false,\n}: {\n  title: string;\n  isInsideVirtualizedList?: boolean;\n}): React.ReactElement => {\n  return (\n    <StyledActionListSectionTitle\n      {...makeAccessible({\n        hidden: !isInsideVirtualizedList,\n        role: isInsideVirtualizedList ? 'heading' : undefined,\n      })}\n    >\n      <Text color=\"surface.text.gray.muted\" size=\"small\" weight=\"semibold\">\n        {title}\n      </Text>\n    </StyledActionListSectionTitle>\n  );\n};\n\nconst ActionListSectionTitle = assignWithoutSideEffects(_ActionListSectionTitle, {\n  componentId: componentIds.ActionListSectionTitle,\n});\nconst _ActionListSection = ({\n  title,\n  children,\n  testID,\n  _hideDivider,\n  _sectionChildValues,\n  ...rest\n}: ActionListSectionProps): React.ReactElement => {\n  const { hasAutoCompleteInHeader, dropdownTriggerer, filteredValues } = useDropdown();\n  const hasAutoComplete =\n    hasAutoCompleteInHeader || 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      {...makeAnalyticsAttribute(rest as Record<string, unknown>)}\n    >\n      {/* We're announcing title as group label so we can hide this */}\n      {isSectionVisible ? <ActionListSectionTitle title={title} /> : null}\n\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(React.memo(_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\nconst BaseMenuLeadingItem = ({\n  isSelected,\n  isDisabled,\n}: {\n  isSelected?: boolean;\n  isDisabled?: boolean;\n}): React.ReactElement => {\n  return (\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={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};\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    hasAutoCompleteInHeader,\n  } = useDropdown();\n\n  React.useEffect(() => {\n    if (activeIndex === props._index && props._virtualizedIndex !== undefined) {\n      props._onVirtualizedFocus?.(props._virtualizedIndex as number);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeIndex]);\n\n  const hasAutoComplete =\n    hasAutoCompleteInHeader || dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const hasFilterChipSelectInput =\n    dropdownTriggerer === dropdownComponentIds.triggers.FilterChipSelectInput;\n\n  const hasInputDropdownButton =\n    dropdownTriggerer === dropdownComponentIds.triggers.InputDropdownButton;\n\n  const renderOnWebAs = props.href ? 'a' : 'button';\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 (\n      dropdownTriggerer === dropdownComponentIds.triggers.SelectInput ||\n      hasAutoComplete ||\n      hasFilterChipSelectInput ||\n      hasInputDropdownButton\n    ) {\n      if (typeof props._index === 'number') {\n        return selectedIndices.includes(props._index);\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  const isVisible = hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true;\n\n  return (\n    <BaseMenuItem\n      isVisible={isVisible}\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          <BaseMenuLeadingItem\n            key={`${dropdownBaseId}-${props._index}-leading-${isSelected}`}\n            isSelected={isSelected}\n            isDisabled={props.isDisabled}\n          />\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      {...makeAnalyticsAttribute({ ...props })}\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  ActionListSectionTitle,\n};\n"],"names":["StyledActionListSectionTitle","styled","BaseBox","withConfig","displayName","componentId","props","padding","makeSize","theme","spacing","_ActionListSectionTitle","_ref","title","_ref$isInsideVirtuali","isInsideVirtualizedList","_jsx","_objectSpread","makeAccessible","hidden","role","undefined","children","Text","color","size","weight","ActionListSectionTitle","assignWithoutSideEffects","componentIds","_ActionListSection","_ref2","testID","_hideDivider","_sectionChildValues","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","hasAutoCompleteInHeader","dropdownTriggerer","filteredValues","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","isSectionVisible","React","useMemo","visibleActionListItemInSection","find","actionItemValue","includes","Boolean","showDividerInRN","isReactNative","showDividerInAutoComplete","length","_jsxs","getActionListSectionRole","label","metaAttribute","name","MetaConstants","ActionListSection","makeAnalyticsAttribute","Divider","marginX","marginY","memo","_ActionListItemIcon","_ref3","icon","Icon","_useBaseMenuItem","useBaseMenuItem","isDisabled","iconState","concat","ActionListItemIcon","_ActionListItemBadgeGroup","_ref4","Box","display","alignItems","flexDirection","ActionListItemBadgeGroup","_ActionListItemAvatar","avatarProps","Avatar","ActionListItemAvatar","_ActionListItemBadge","Badge","marginLeft","ActionListItemBadge","_ActionListItemText","_ref5","_useBaseMenuItem2","variant","getNormalTextColor","isMuted","ActionListItemText","BaseMenuLeadingItem","_ref6","isSelected","pointerEvents","Checkbox","isChecked","tabIndex","makeActionListItemClickable","clickHandler","onPress","onClick","_ActionListItem","_useDropdown2","activeIndex","dropdownBaseId","onOptionClick","selectedIndices","setShouldIgnoreBlurAnimation","selectionType","isKeydownPressed","useEffect","_index","_virtualizedIndex","_props$_onVirtualized","_onVirtualizedFocus","call","hasFilterChipSelectInput","FilterChipSelectInput","hasInputDropdownButton","InputDropdownButton","renderOnWebAs","href","getIsSelected","SelectInput","validateActionListItemProps","leading","trailing","titleSuffix","intent","throwBladeError","message","moduleName","isVisible","value","BaseMenuItem","as","id","description","target","className","getActionListItemRole","e","_props$onClick","event","castWebType","ActionListItem","onMouseDown","onMouseUp"],"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 { DataAnalyticsAttribute, 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';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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  /**\n   * Internally used to pass index for virtualized lists\n   *\n   * @private\n   */\n  _virtualizedIndex?: number;\n  /**\n   * Internally used to focus on virtualized list\n   *\n   * @private\n   */\n  _onVirtualizedFocus?: (_virtuazedIndex: number) => void;\n} & TestID &\n  DataAnalyticsAttribute;\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 &\n  DataAnalyticsAttribute;\n\nconst _ActionListSectionTitle = ({\n  title,\n  isInsideVirtualizedList = false,\n}: {\n  title: string;\n  isInsideVirtualizedList?: boolean;\n}): React.ReactElement => {\n  return (\n    <StyledActionListSectionTitle\n      {...makeAccessible({\n        hidden: !isInsideVirtualizedList,\n        role: isInsideVirtualizedList ? 'heading' : undefined,\n      })}\n    >\n      <Text color=\"surface.text.gray.muted\" size=\"small\" weight=\"semibold\">\n        {title}\n      </Text>\n    </StyledActionListSectionTitle>\n  );\n};\n\nconst ActionListSectionTitle = assignWithoutSideEffects(_ActionListSectionTitle, {\n  componentId: componentIds.ActionListSectionTitle,\n});\nconst _ActionListSection = ({\n  title,\n  children,\n  testID,\n  _hideDivider,\n  _sectionChildValues,\n  ...rest\n}: ActionListSectionProps): React.ReactElement => {\n  const { hasAutoCompleteInHeader, dropdownTriggerer, filteredValues } = useDropdown();\n  const hasAutoComplete =\n    hasAutoCompleteInHeader || 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      {...makeAnalyticsAttribute(rest as Record<string, unknown>)}\n    >\n      {/* We're announcing title as group label so we can hide this */}\n      {isSectionVisible ? <ActionListSectionTitle title={title} /> : null}\n\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(React.memo(_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\nconst BaseMenuLeadingItem = ({\n  isSelected,\n  isDisabled,\n}: {\n  isSelected?: boolean;\n  isDisabled?: boolean;\n}): React.ReactElement => {\n  return (\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={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};\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    hasAutoCompleteInHeader,\n  } = useDropdown();\n\n  React.useEffect(() => {\n    if (activeIndex === props._index && props._virtualizedIndex !== undefined) {\n      props._onVirtualizedFocus?.(props._virtualizedIndex as number);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeIndex]);\n\n  const hasAutoComplete =\n    hasAutoCompleteInHeader || dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const hasFilterChipSelectInput =\n    dropdownTriggerer === dropdownComponentIds.triggers.FilterChipSelectInput;\n\n  const hasInputDropdownButton =\n    dropdownTriggerer === dropdownComponentIds.triggers.InputDropdownButton;\n\n  const renderOnWebAs = props.href ? 'a' : 'button';\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 (\n      dropdownTriggerer === dropdownComponentIds.triggers.SelectInput ||\n      hasAutoComplete ||\n      hasFilterChipSelectInput ||\n      hasInputDropdownButton\n    ) {\n      if (typeof props._index === 'number') {\n        return selectedIndices.includes(props._index);\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  const isVisible = hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true;\n\n  return (\n    <BaseMenuItem\n      isVisible={isVisible}\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          <BaseMenuLeadingItem\n            key={`${dropdownBaseId}-${props._index}-leading-${isSelected}`}\n            isSelected={isSelected}\n            isDisabled={props.isDisabled}\n          />\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      {...makeAnalyticsAttribute({ ...props })}\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  ActionListSectionTitle,\n};\n"],"names":["StyledActionListSectionTitle","styled","BaseBox","withConfig","displayName","componentId","props","padding","makeSize","theme","spacing","_ActionListSectionTitle","_ref","title","_ref$isInsideVirtuali","isInsideVirtualizedList","_jsx","_objectSpread","makeAccessible","hidden","role","undefined","children","Text","color","size","weight","ActionListSectionTitle","assignWithoutSideEffects","componentIds","_ActionListSection","_ref2","testID","_hideDivider","_sectionChildValues","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","hasAutoCompleteInHeader","dropdownTriggerer","filteredValues","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","isSectionVisible","React","useMemo","visibleActionListItemInSection","find","actionItemValue","includes","Boolean","showDividerInRN","isReactNative","showDividerInAutoComplete","length","_jsxs","getActionListSectionRole","label","metaAttribute","name","MetaConstants","ActionListSection","makeAnalyticsAttribute","Divider","marginX","marginY","memo","_ActionListItemIcon","_ref3","icon","Icon","_useBaseMenuItem","useBaseMenuItem","isDisabled","iconState","concat","ActionListItemIcon","_ActionListItemBadgeGroup","_ref4","Box","display","alignItems","flexDirection","ActionListItemBadgeGroup","_ActionListItemAvatar","avatarProps","Avatar","ActionListItemAvatar","_ActionListItemBadge","Badge","marginLeft","ActionListItemBadge","_ActionListItemText","_ref5","_useBaseMenuItem2","variant","getNormalTextColor","isMuted","ActionListItemText","BaseMenuLeadingItem","_ref6","isSelected","pointerEvents","Checkbox","isChecked","tabIndex","makeActionListItemClickable","clickHandler","onPress","onClick","_ActionListItem","_useDropdown2","activeIndex","dropdownBaseId","onOptionClick","selectedIndices","setShouldIgnoreBlurAnimation","selectionType","isKeydownPressed","useEffect","_index","_virtualizedIndex","_props$_onVirtualized","_onVirtualizedFocus","call","hasFilterChipSelectInput","FilterChipSelectInput","hasInputDropdownButton","InputDropdownButton","renderOnWebAs","href","getIsSelected","SelectInput","validateActionListItemProps","leading","trailing","titleSuffix","intent","throwBladeError","message","moduleName","isVisible","value","BaseMenuItem","as","id","description","target","className","getActionListItemRole","e","_props$onClick","event","castWebType","ActionListItem","onMouseDown","onMouseUp"],"mappings":"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"}

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

@@ -42,14 +42,14 @@ var getActionListProperties = function getActionListProperties(children) {
   var currentSection = null;
   var actionListOptions = [];
   var getActionListItemWithId = function getActionListItemWithId(child, hideDivider) {
-    if ( /*#__PURE__*/React__default.isValidElement(child) && !child.props.isDisabled) {
+    if (/*#__PURE__*/React__default.isValidElement(child) && !child.props.isDisabled) {
       actionListOptions.push({
         title: child.props.title,
         value: child.props.value,
         onClickTrigger: function onClickTrigger(value) {
           var _child$props$onClick, _child$props, _child$props$isSelect;
           var anchorLink = child.props.href;
-          (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 ? void 0 : _child$props$onClick.call(_child$props, {
+          (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, {
             name: child.props.value,
             value: (_child$props$isSelect = child.props.isSelected) !== null && _child$props$isSelect !== void 0 ? _child$props$isSelect : value
           });
@@ -69,7 +69,7 @@ var getActionListProperties = function getActionListProperties(children) {
       });
       // push the item in the appropriate bucket
       if (foundSection) {
-        foundSection === null || foundSection === void 0 ? void 0 : foundSection.data.push(_objectSpread(_objectSpread({}, child.props), {}, {
+        foundSection === null || foundSection === void 0 || foundSection.data.push(_objectSpread(_objectSpread({}, child.props), {}, {
           _index: currentIndex
         }));
       } else {
@@ -104,7 +104,7 @@ var getActionListProperties = function getActionListProperties(children) {
 
   // Looping through ActionListItems to add index to them and get an options array for moving focus between items
   var childrenWithId = React__default.Children.map(children, function (child, index) {
-    if ( /*#__PURE__*/React__default.isValidElement(child)) {
+    if (/*#__PURE__*/React__default.isValidElement(child)) {
       if (isValidAllowedChildren(child, componentIds.ActionListSection)) {
         var shouldHideDivider = index === lastActionListSectionIndex && !isActionListItemPresentAfterSection;
         var sectionChildValues = [];