@vibe/core 4.0.0-alpha.1 → 4.0.0-alpha.2

package/dist/mocked_classnames/src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"gridKeyboardNavigationHelper.js","sources":["../../../../../src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.ts"],"sourcesContent":["import { NavDirections } from \"../useFullKeyboardListeners\";\n\nexport function getActiveIndexFromInboundNavigation({\n  direction,\n  numberOfItemsInLine,\n  itemsCount\n}: {\n  direction: NavDirections;\n  numberOfItemsInLine: number;\n  itemsCount: number;\n}) {\n  const getRawIndex = () => {\n    const firstLineMiddleIndex = Math.floor(numberOfItemsInLine / 2);\n    if (direction === NavDirections.UP) {\n      // last line, middle\n      const rowCount = Math.ceil(itemsCount / numberOfItemsInLine);\n      return (rowCount - 1) * numberOfItemsInLine + firstLineMiddleIndex;\n    }\n    if (direction === NavDirections.DOWN) {\n      // first line, middle\n      return firstLineMiddleIndex;\n    }\n    if (direction === NavDirections.LEFT) {\n      // middle line, last item\n      let result = numberOfItemsInLine - 1;\n      const midIndex = Math.floor((itemsCount - 1) / 2);\n      while (result < midIndex) {\n        result += numberOfItemsInLine;\n      }\n      return result;\n    }\n    if (direction === NavDirections.RIGHT) {\n      // middle line, first item\n      let result = 0;\n      const midIndex = Math.floor((itemsCount - 1) / 2);\n      while (result + numberOfItemsInLine < midIndex) {\n        result += numberOfItemsInLine;\n      }\n      return result;\n    }\n  };\n\n  const rawIndex = getRawIndex();\n  return Math.max(0, Math.min(rawIndex, itemsCount - 1));\n}\n\nfunction calcRawNewIndexAfterArrowNavigation({\n  activeIndex,\n  itemsCount,\n  numberOfItemsInLine,\n  direction,\n  circularNavigation = false\n}: {\n  activeIndex: number;\n  itemsCount: number;\n  numberOfItemsInLine: number;\n  direction: NavDirections;\n  circularNavigation?: boolean;\n}) {\n  const getIndexLine = (index: number) => Math.ceil((index + 1) / numberOfItemsInLine);\n\n  const horizontalChange = (isIndexIncrease: boolean) => {\n    let nextIndex = activeIndex + (isIndexIncrease ? 1 : -1);\n\n    if (nextIndex < 0 || nextIndex >= itemsCount) {\n      if (circularNavigation) {\n        if (nextIndex < 0) {\n          nextIndex = itemsCount - 1;\n        } else if (nextIndex >= itemsCount) {\n          nextIndex = 0;\n        }\n      } else {\n        return { isOutbound: true };\n      }\n    }\n\n    const currentLine = getIndexLine(activeIndex);\n    const nextIndexLine = getIndexLine(nextIndex);\n    if (currentLine !== nextIndexLine) {\n      return { isOutbound: true };\n    }\n\n    return { isOutbound: false, nextIndex };\n  };\n\n  const verticalChange = (isIndexIncrease: boolean) => {\n    const nextIndex = activeIndex + numberOfItemsInLine * (isIndexIncrease ? 1 : -1);\n    if (nextIndex < 0 || itemsCount <= nextIndex) {\n      return { isOutbound: true };\n    }\n    return { isOutbound: false, nextIndex };\n  };\n\n  switch (direction) {\n    case NavDirections.RIGHT:\n      return horizontalChange(true);\n    case NavDirections.LEFT:\n      return horizontalChange(false);\n    case NavDirections.DOWN:\n      return verticalChange(true);\n    case NavDirections.UP:\n      return verticalChange(false);\n  }\n}\n\nexport function calcActiveIndexAfterArrowNavigation({\n  activeIndex,\n  itemsCount,\n  numberOfItemsInLine,\n  direction,\n  disabledIndexes = [],\n  circularNavigation = false\n}: {\n  activeIndex: number;\n  itemsCount: number;\n  numberOfItemsInLine: number;\n  direction: NavDirections;\n  disabledIndexes?: number[];\n  circularNavigation?: boolean;\n}) {\n  let result = calcRawNewIndexAfterArrowNavigation({\n    activeIndex,\n    itemsCount,\n    numberOfItemsInLine,\n    direction,\n    circularNavigation\n  });\n  while (!result.isOutbound && disabledIndexes.includes(result.nextIndex)) {\n    result = calcRawNewIndexAfterArrowNavigation({\n      activeIndex: result.nextIndex,\n      itemsCount,\n      numberOfItemsInLine,\n      direction,\n      circularNavigation\n    });\n  }\n\n  return result;\n}\n"],"names":["getActiveIndexFromInboundNavigation","_ref","direction","numberOfItemsInLine","itemsCount","rawIndex","firstLineMiddleIndex","Math","floor","NavDirections","UP","ceil","DOWN","LEFT","result","midIndex","RIGHT","getRawIndex","max","min","calcRawNewIndexAfterArrowNavigation","_ref2","activeIndex","_ref2$circularNavigat","circularNavigation","getIndexLine","index","horizontalChange","isIndexIncrease","nextIndex","isOutbound","verticalChange","calcActiveIndexAfterArrowNavigation","_ref3","_ref3$disabledIndexes","disabledIndexes","_ref3$circularNavigat","includes"],"mappings":"+DAEM,SAAUA,EAAmCC,GAQlD,IAPCC,EAASD,EAATC,UACAC,EAAmBF,EAAnBE,oBACAC,EAAUH,EAAVG,WAqCMC,EA/Bc,WAClB,IAAMC,EAAuBC,KAAKC,MAAML,EAAsB,GAC9D,GAAID,IAAcO,EAAcC,GAG9B,OADiBH,KAAKI,KAAKP,EAAaD,GACrB,GAAKA,EAAsBG,EAEhD,GAAIJ,IAAcO,EAAcG,KAE9B,OAAON,EAET,GAAIJ,IAAcO,EAAcI,KAAM,CAIpC,IAFA,IAAIC,EAASX,EAAsB,EAC7BY,EAAWR,KAAKC,OAAOJ,EAAa,GAAK,GAC/BW,EAATD,GACLA,GAAUX,EAEZ,OAAOW,CACR,CACD,GAAIZ,IAAcO,EAAcO,MAAO,CAIrC,IAFA,IAAIF,EAAS,EACPC,EAAWR,KAAKC,OAAOJ,EAAa,GAAK,GACTW,EAA/BD,EAASX,GACdW,GAAUX,EAEZ,OAAOW,CACR,EAGcG,GACjB,OAAOV,KAAKW,IAAI,EAAGX,KAAKY,IAAId,EAAUD,EAAa,GACrD,CAEA,SAASgB,EAAmCC,GAY3C,IAXCC,EAAWD,EAAXC,YACAlB,EAAUiB,EAAVjB,WACAD,EAAmBkB,EAAnBlB,oBACSoB,EAAAF,EACTG,mBAAAA,OAAqB,IAAHD,GAAQA,EAQpBE,EAAe,SAACC,GAAa,OAAKnB,KAAKI,MAAMe,EAAQ,GAAKvB,EAAoB,EAE9EwB,EAAmB,SAACC,GACxB,IAAIC,EAAYP,GAAeM,EAAkB,GAAK,GAEtD,GAAgB,EAAZC,GAAiBA,GAAazB,EAAY,CAC5C,IAAIoB,EAOF,MAAO,CAAEM,YAAY,GANL,EAAZD,EACFA,EAAYzB,EAAa,EACHA,EAAbyB,IACTA,EAAY,EAKjB,CAID,OAFoBJ,EAAaH,KACXG,EAAaI,GAE1B,CAAEC,YAAY,GAGhB,CAAEA,YAAY,EAAOD,UAAAA,IAGxBE,EAAiB,SAACH,GACtB,IAAMC,EAAYP,EAAcnB,GAAuByB,EAAkB,GAAK,GAC9E,OAAgB,EAAZC,GAA+BA,GAAdzB,EACZ,CAAE0B,YAAY,GAEhB,CAAEA,YAAY,EAAOD,UAAAA,IAG9B,OA3CSR,EAATnB,WA4CE,KAAKO,EAAcO,MACjB,OAAOW,GAAiB,GAC1B,KAAKlB,EAAcI,KACjB,OAAOc,GAAiB,GAC1B,KAAKlB,EAAcG,KACjB,OAAOmB,GAAe,GACxB,KAAKtB,EAAcC,GACjB,OAAOqB,GAAe,GAE5B,UAEgBC,EAAmCC,GAsBjD,IARD,IAZC7B,EAAU6B,EAAV7B,WACAD,EAAmB8B,EAAnB9B,oBACAD,EAAS+B,EAAT/B,UAASgC,EAAAD,EACTE,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAAH,EACpBT,mBAAAA,OAAqB,IAAHY,GAAQA,EAStBtB,EAASM,EAAoC,CAC/CE,YAfSW,EAAXX,YAgBElB,WAAAA,EACAD,oBAAAA,EACAD,UAAAA,EACAsB,mBAAAA,KAEMV,EAAOgB,YAAcK,EAAgBE,SAASvB,EAAOe,YAC3Df,EAASM,EAAoC,CAC3CE,YAAaR,EAAOe,UACpBzB,WAAAA,EACAD,oBAAAA,EACAD,UAAAA,EACAsB,mBAAAA,IAIJ,OAAOV,CACT"}
+{"version":3,"file":"gridKeyboardNavigationHelper.js","sources":["../../../../../src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.ts"],"sourcesContent":["import { NavDirections } from \"../useFullKeyboardListeners\";\n\nexport function getActiveIndexFromInboundNavigation({\n  direction,\n  numberOfItemsInLine,\n  itemsCount\n}: {\n  direction: NavDirections;\n  numberOfItemsInLine: number;\n  itemsCount: number;\n}) {\n  const getRawIndex = () => {\n    const firstLineMiddleIndex = Math.floor(numberOfItemsInLine / 2);\n    if (direction === NavDirections.UP) {\n      // last line, middle\n      const rowCount = Math.ceil(itemsCount / numberOfItemsInLine);\n      return (rowCount - 1) * numberOfItemsInLine + firstLineMiddleIndex;\n    }\n    if (direction === NavDirections.DOWN) {\n      // first line, middle\n      return firstLineMiddleIndex;\n    }\n    if (direction === NavDirections.LEFT) {\n      // middle line, last item\n      let result = numberOfItemsInLine - 1;\n      const midIndex = Math.floor((itemsCount - 1) / 2);\n      while (result < midIndex) {\n        result += numberOfItemsInLine;\n      }\n      return result;\n    }\n    if (direction === NavDirections.RIGHT) {\n      // middle line, first item\n      let result = 0;\n      const midIndex = Math.floor((itemsCount - 1) / 2);\n      while (result + numberOfItemsInLine < midIndex) {\n        result += numberOfItemsInLine;\n      }\n      return result;\n    }\n  };\n\n  const rawIndex = getRawIndex();\n  return Math.max(0, Math.min(rawIndex, itemsCount - 1));\n}\n\nfunction calcRawNewIndexAfterArrowNavigation({\n  activeIndex,\n  itemsCount,\n  numberOfItemsInLine,\n  direction,\n  circularNavigation = false\n}: {\n  activeIndex: number;\n  itemsCount: number;\n  numberOfItemsInLine: number;\n  direction: NavDirections;\n  circularNavigation?: boolean;\n}) {\n  const getIndexLine = (index: number) => Math.ceil((index + 1) / numberOfItemsInLine);\n\n  const horizontalChange = (isIndexIncrease: boolean) => {\n    let nextIndex = activeIndex + (isIndexIncrease ? 1 : -1);\n\n    if (nextIndex < 0 || nextIndex >= itemsCount) {\n      if (circularNavigation) {\n        if (nextIndex < 0) {\n          nextIndex = itemsCount - 1;\n        } else if (nextIndex >= itemsCount) {\n          nextIndex = 0;\n        }\n      } else {\n        return { isOutbound: true };\n      }\n    }\n\n    const currentLine = getIndexLine(activeIndex);\n    const nextIndexLine = getIndexLine(nextIndex);\n    if (currentLine !== nextIndexLine) {\n      return { isOutbound: true };\n    }\n\n    return { isOutbound: false, nextIndex };\n  };\n\n  const verticalChange = (isIndexIncrease: boolean) => {\n    const nextIndex = activeIndex + numberOfItemsInLine * (isIndexIncrease ? 1 : -1);\n    if (nextIndex < 0 || itemsCount <= nextIndex) {\n      return { isOutbound: true };\n    }\n    return { isOutbound: false, nextIndex };\n  };\n\n  switch (direction) {\n    case NavDirections.RIGHT:\n      return horizontalChange(true);\n    case NavDirections.LEFT:\n      return horizontalChange(false);\n    case NavDirections.DOWN:\n      return verticalChange(true);\n    case NavDirections.UP:\n      return verticalChange(false);\n  }\n}\n\nexport function calcActiveIndexAfterArrowNavigation({\n  activeIndex,\n  itemsCount,\n  numberOfItemsInLine,\n  direction,\n  disabledIndexes = [],\n  circularNavigation = false\n}: {\n  activeIndex: number;\n  itemsCount: number;\n  numberOfItemsInLine: number;\n  direction: NavDirections;\n  disabledIndexes?: number[];\n  circularNavigation?: boolean;\n}) {\n  let result = calcRawNewIndexAfterArrowNavigation({\n    activeIndex,\n    itemsCount,\n    numberOfItemsInLine,\n    direction,\n    circularNavigation\n  });\n  while (!result.isOutbound && disabledIndexes.includes(result.nextIndex)) {\n    result = calcRawNewIndexAfterArrowNavigation({\n      activeIndex: result.nextIndex,\n      itemsCount,\n      numberOfItemsInLine,\n      direction,\n      circularNavigation\n    });\n  }\n\n  return result;\n}\n"],"names":["getActiveIndexFromInboundNavigation","_ref","direction","numberOfItemsInLine","itemsCount","rawIndex","firstLineMiddleIndex","Math","floor","NavDirections","UP","ceil","DOWN","LEFT","result","midIndex","RIGHT","getRawIndex","max","min","calcRawNewIndexAfterArrowNavigation","_ref2","activeIndex","_ref2$circularNavigat","circularNavigation","getIndexLine","index","horizontalChange","isIndexIncrease","nextIndex","isOutbound","verticalChange","calcActiveIndexAfterArrowNavigation","_ref3","_ref3$disabledIndexes","disabledIndexes","_ref3$circularNavigat","includes"],"mappings":"+DAEM,SAAUA,EAAmCC,GAQlD,IAPCC,EAASD,EAATC,UACAC,EAAmBF,EAAnBE,oBACAC,EAAUH,EAAVG,WAqCMC,EA/Bc,WAClB,IAAMC,EAAuBC,KAAKC,MAAML,EAAsB,GAC9D,GAAID,IAAcO,EAAcC,GAG9B,OADiBH,KAAKI,KAAKP,EAAaD,GACrB,GAAKA,EAAsBG,EAEhD,GAAIJ,IAAcO,EAAcG,KAE9B,OAAON,EAET,GAAIJ,IAAcO,EAAcI,KAAM,CAIpC,IAFA,IAAIC,EAASX,EAAsB,EAC7BY,EAAWR,KAAKC,OAAOJ,EAAa,GAAK,GAC/BW,EAATD,GACLA,GAAUX,EAEZ,OAAOW,CACT,CACA,GAAIZ,IAAcO,EAAcO,MAAO,CAIrC,IAFA,IAAIF,EAAS,EACPC,EAAWR,KAAKC,OAAOJ,EAAa,GAAK,GACTW,EAA/BD,EAASX,GACdW,GAAUX,EAEZ,OAAOW,CACT,EAGeG,GACjB,OAAOV,KAAKW,IAAI,EAAGX,KAAKY,IAAId,EAAUD,EAAa,GACrD,CAEA,SAASgB,EAAmCC,GAY3C,IAXCC,EAAWD,EAAXC,YACAlB,EAAUiB,EAAVjB,WACAD,EAAmBkB,EAAnBlB,oBACSoB,EAAAF,EACTG,mBAAAA,OAAqB,IAAHD,GAAQA,EAQpBE,EAAe,SAACC,GAAa,OAAKnB,KAAKI,MAAMe,EAAQ,GAAKvB,EAAoB,EAE9EwB,EAAmB,SAACC,GACxB,IAAIC,EAAYP,GAAeM,EAAkB,GAAK,GAEtD,GAAgB,EAAZC,GAAiBA,GAAazB,EAAY,CAC5C,IAAIoB,EAOF,MAAO,CAAEM,YAAY,GANL,EAAZD,EACFA,EAAYzB,EAAa,EACHA,EAAbyB,IACTA,EAAY,EAKlB,CAIA,OAFoBJ,EAAaH,KACXG,EAAaI,GAE1B,CAAEC,YAAY,GAGhB,CAAEA,YAAY,EAAOD,UAAAA,IAGxBE,EAAiB,SAACH,GACtB,IAAMC,EAAYP,EAAcnB,GAAuByB,EAAkB,GAAK,GAC9E,OAAgB,EAAZC,GAA+BA,GAAdzB,EACZ,CAAE0B,YAAY,GAEhB,CAAEA,YAAY,EAAOD,UAAAA,IAG9B,OA3CSR,EAATnB,WA4CE,KAAKO,EAAcO,MACjB,OAAOW,GAAiB,GAC1B,KAAKlB,EAAcI,KACjB,OAAOc,GAAiB,GAC1B,KAAKlB,EAAcG,KACjB,OAAOmB,GAAe,GACxB,KAAKtB,EAAcC,GACjB,OAAOqB,GAAe,GAE5B,UAEgBC,EAAmCC,GAsBjD,IARD,IAZC7B,EAAU6B,EAAV7B,WACAD,EAAmB8B,EAAnB9B,oBACAD,EAAS+B,EAAT/B,UAASgC,EAAAD,EACTE,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAAH,EACpBT,mBAAAA,OAAqB,IAAHY,GAAQA,EAStBtB,EAASM,EAAoC,CAC/CE,YAfSW,EAAXX,YAgBElB,WAAAA,EACAD,oBAAAA,EACAD,UAAAA,EACAsB,mBAAAA,KAEMV,EAAOgB,YAAcK,EAAgBE,SAASvB,EAAOe,YAC3Df,EAASM,EAAoC,CAC3CE,YAAaR,EAAOe,UACpBzB,WAAAA,EACAD,oBAAAA,EACAD,UAAAA,EACAsB,mBAAAA,IAIJ,OAAOV,CACT"}

package/dist/mocked_classnames/src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGridKeyboardNavigation.js","sources":["../../../../../src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.ts"],"sourcesContent":["import { type MutableRefObject, type ReactElement, useCallback, useContext, useEffect, useRef, useState } from \"react\";\nimport { GridKeyboardNavigationContext } from \"../../components/GridKeyboardNavigationContext/GridKeyboardNavigationContext\";\nimport useFullKeyboardListeners, { type NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport {\n  calcActiveIndexAfterArrowNavigation,\n  getActiveIndexFromInboundNavigation\n} from \"./gridKeyboardNavigationHelper\";\nimport { useLastNavigationDirection } from \"../../components/Menu/Menu/hooks/useLastNavigationDirection\";\n\nconst NO_ACTIVE_INDEX = -1;\n\n/**\n * A hook which is used for accessible keyboard navigation. Useful for components rendering a list of items that can be navigated and selected with a keyboard.\n * @param {Object} options\n * @param {React.MutableRefObject} options.ref - the reference for the component that listens to keyboard\n * @param {number} options.itemsCount - the number of items\n * @param {number} options.numberOfItemsInLine - the number of items on each line of the grid\n * @param {function} options.onItemClicked - the callback for selecting an item. It will be called when an active item is selected, for example with \"Enter\".\n * @param {function} options.getItemByIndex - a function which gets an index as a param, and returns the item on that index\n * @param {\"directional\" | \"first\"} options.entryFocusStrategy - Determines how the first item is focused when entering the grid via keyboard.\n *   - \"directional\": Tries to focus based on the entry direction (Tab vs Shift+Tab). This is the default.\n *   - \"first\": Always focuses the first item.\n * @param {boolean=} options.focusOnMount - if true, the referenced element will be focused when mounted\n * @param {number=} options.focusItemIndexOnMount - optional item index to focus when mounted. Only works with \"options.focusOnMount\".\n * @param {number[]=} options.disabledIndexes - optional array of disabled indices, which will be skipped while navigating.\n * @param {boolean=} options.circularNavigation - if true, the navigation will wrap around the grid\n * @returns {useGridKeyboardNavigationResult}\n *\n * @typedef useGridKeyboardNavigationResult\n * @property {number} activeIndex - the currently active index\n * @property {boolean} isInitialActiveState - if true, the currently active element was due to an initial mounting index option. See \"options.focusItemIndexOnMount\".\n * @property {(index: number, isKeyboardAction?: boolean) => void} onSelectionAction - the callback which should be used to select an item.\n * It should be called with the selected item's index. Use this callback for onClick handlers, for example.\n * The \"isKeyboardAction\" can be used to indicate a keyboard selection, which will affect the currently active index.\n */\nexport default function useGridKeyboardNavigation({\n  ref,\n  itemsCount,\n  numberOfItemsInLine,\n  onItemClicked, // the callback to call when an item is selected\n  entryFocusStrategy = \"directional\",\n  getItemByIndex = (_index: number) => {},\n  focusOnMount = false,\n  focusItemIndexOnMount = NO_ACTIVE_INDEX,\n  disabledIndexes = [],\n  circularNavigation = false\n}: {\n  ref: MutableRefObject<HTMLElement>;\n  itemsCount: number;\n  numberOfItemsInLine: number;\n  onItemClicked: (element: HTMLElement | ReactElement | void | string, index: number) => void;\n  entryFocusStrategy?: \"directional\" | \"first\";\n  getItemByIndex: (index: number | void) => HTMLElement | ReactElement | void | string;\n  focusOnMount?: boolean;\n  focusItemIndexOnMount?: number;\n  disabledIndexes?: number[];\n  circularNavigation?: boolean;\n}) {\n  const [isInitialActiveState, setIsInitialActiveState] = useState(\n    focusOnMount && focusItemIndexOnMount !== NO_ACTIVE_INDEX\n  );\n  const skippedInitialActiveIndexChange = useRef(false);\n  const [activeIndex, setActiveIndex] = useState(isInitialActiveState ? focusItemIndexOnMount : NO_ACTIVE_INDEX);\n  const [isUsingKeyboardNav, setIsUsingKeyboardNav] = useState(true);\n\n  const keyboardContext = useContext(GridKeyboardNavigationContext);\n\n  const onArrowNavigation = (direction: NavDirections) => {\n    setIsUsingKeyboardNav(true);\n    if (activeIndex === NO_ACTIVE_INDEX) {\n      setActiveIndex(0);\n      return;\n    }\n\n    const { isOutbound, nextIndex } = calcActiveIndexAfterArrowNavigation({\n      activeIndex,\n      itemsCount,\n      numberOfItemsInLine,\n      direction,\n      disabledIndexes,\n      circularNavigation\n    });\n    if (isOutbound) {\n      keyboardContext?.onOutboundNavigation(ref, direction);\n    } else {\n      setActiveIndex(nextIndex);\n    }\n  };\n\n  const onHomeNavigation = useCallback(() => {\n    setIsUsingKeyboardNav(true);\n    const firstEnabledIndex = disabledIndexes.includes(0)\n      ? disabledIndexes.length < itemsCount\n        ? Array.from({ length: itemsCount }, (_, i) => i).find(i => !disabledIndexes.includes(i)) ?? 0\n        : 0\n      : 0;\n    setActiveIndex(firstEnabledIndex);\n  }, [disabledIndexes, itemsCount]);\n\n  const onEndNavigation = useCallback(() => {\n    setIsUsingKeyboardNav(true);\n    const lastEnabledIndex = disabledIndexes.includes(itemsCount - 1)\n      ? disabledIndexes.length < itemsCount\n        ? Array.from({ length: itemsCount }, (_, i) => itemsCount - 1 - i).find(i => !disabledIndexes.includes(i)) ??\n          itemsCount - 1\n        : itemsCount - 1\n      : itemsCount - 1;\n    setActiveIndex(lastEnabledIndex);\n  }, [disabledIndexes, itemsCount]);\n\n  useEffect(() => {\n    if (!skippedInitialActiveIndexChange.current) {\n      skippedInitialActiveIndexChange.current = true;\n      return;\n    }\n    // if the active state changes, this is no longer the initial active state\n    setIsInitialActiveState(false);\n  }, [activeIndex]);\n\n  const blurTargetElement = useCallback(() => ref.current?.blur(), [ref]);\n\n  const { lastNavigationDirectionRef } = useLastNavigationDirection();\n  const onFocus = useCallback(() => {\n    if (activeIndex !== NO_ACTIVE_INDEX) {\n      setIsUsingKeyboardNav(true);\n      return;\n    }\n\n    const direction = lastNavigationDirectionRef.current;\n    setActiveIndex(\n      entryFocusStrategy === \"directional\" && direction\n        ? getActiveIndexFromInboundNavigation({ direction, numberOfItemsInLine, itemsCount })\n        : 0\n    );\n    setIsUsingKeyboardNav(true);\n  }, [\n    activeIndex,\n    entryFocusStrategy,\n    itemsCount,\n    lastNavigationDirectionRef,\n    numberOfItemsInLine,\n    setActiveIndex,\n    setIsUsingKeyboardNav\n  ]);\n\n  const onMouseDown = useCallback(() => {\n    // If the user clicked on the grid element we assume that that what will caused the focus\n    setIsUsingKeyboardNav(false);\n  }, [setIsUsingKeyboardNav]);\n\n  const onBlur = useCallback(() => {\n    // If we lose focus we will return to isUsingKeyboardNav default mode which is that any interaction\n    // with the grid always done by keyboard, unless we clicked on the grid element before that with a mouse\n    setIsUsingKeyboardNav(true);\n    setActiveIndex(NO_ACTIVE_INDEX);\n  }, [setActiveIndex]);\n\n  useEventListener({ eventName: \"focus\", callback: onFocus, ref });\n  useEventListener({ eventName: \"mousedown\", callback: onMouseDown, ref });\n  useEventListener({ eventName: \"blur\", callback: onBlur, ref });\n\n  useEffect(() => {\n    if (activeIndex > -1) {\n      ref.current?.focus();\n    }\n  }, [activeIndex, ref]);\n\n  const onSelectionAction = useCallback(\n    (index: number, isKeyboardAction = false) => {\n      setIsUsingKeyboardNav(isKeyboardAction);\n      setActiveIndex(index);\n\n      onItemClicked(getItemByIndex(index), index);\n    },\n    [setActiveIndex, onItemClicked, getItemByIndex]\n  );\n\n  const onKeyboardSelection = useCallback(() => {\n    if (!isUsingKeyboardNav) {\n      return;\n    }\n    return onSelectionAction(activeIndex, true);\n  }, [isUsingKeyboardNav, onSelectionAction, activeIndex]);\n\n  useFullKeyboardListeners({\n    ref,\n    onSelectionKey: onKeyboardSelection,\n    onArrowNavigation,\n    onEscape: blurTargetElement,\n    onHome: onHomeNavigation,\n    onEnd: onEndNavigation,\n    focusOnMount\n  });\n\n  // if the user is not using keyboard nav, the consumers should not treat the index as active\n  const externalActiveIndex = isUsingKeyboardNav ? activeIndex : NO_ACTIVE_INDEX;\n  return {\n    activeIndex: externalActiveIndex,\n    onSelectionAction,\n    isInitialActiveState\n  };\n}\n"],"names":["NO_ACTIVE_INDEX","useGridKeyboardNavigation","_ref","ref","itemsCount","numberOfItemsInLine","onItemClicked","_ref$entryFocusStrate","entryFocusStrategy","_ref$getItemByIndex","getItemByIndex","_index","_ref$focusOnMount","focusOnMount","_ref$focusItemIndexOn","focusItemIndexOnMount","_ref$disabledIndexes","disabledIndexes","_ref$circularNavigati","circularNavigation","_useState","useState","_useState2","_slicedToArray","isInitialActiveState","setIsInitialActiveState","skippedInitialActiveIndexChange","useRef","_useState3","_useState4","activeIndex","setActiveIndex","_useState5","_useState6","isUsingKeyboardNav","setIsUsingKeyboardNav","keyboardContext","useContext","GridKeyboardNavigationContext","onHomeNavigation","useCallback","firstEnabledIndex","includes","length","_a","Array","from","_","i","find","onEndNavigation","lastEnabledIndex","useEffect","current","blurTargetElement","blur","lastNavigationDirectionRef","useLastNavigationDirection","onFocus","direction","getActiveIndexFromInboundNavigation","onMouseDown","onBlur","useEventListener","eventName","callback","focus","onSelectionAction","index","arguments","undefined","onKeyboardSelection","useFullKeyboardListeners","onSelectionKey","onArrowNavigation","_calcActiveIndexAfter","calcActiveIndexAfterArrowNavigation","nextIndex","isOutbound","onOutboundNavigation","onEscape","onHome","onEnd"],"mappings":"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"}
+{"version":3,"file":"useGridKeyboardNavigation.js","sources":["../../../../../src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.ts"],"sourcesContent":["import { type MutableRefObject, type ReactElement, useCallback, useContext, useEffect, useRef, useState } from \"react\";\nimport { GridKeyboardNavigationContext } from \"../../components/GridKeyboardNavigationContext/GridKeyboardNavigationContext\";\nimport useFullKeyboardListeners, { type NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport {\n  calcActiveIndexAfterArrowNavigation,\n  getActiveIndexFromInboundNavigation\n} from \"./gridKeyboardNavigationHelper\";\nimport { useLastNavigationDirection } from \"../../components/Menu/Menu/hooks/useLastNavigationDirection\";\n\nconst NO_ACTIVE_INDEX = -1;\n\n/**\n * A hook which is used for accessible keyboard navigation. Useful for components rendering a list of items that can be navigated and selected with a keyboard.\n * @param {Object} options\n * @param {React.MutableRefObject} options.ref - the reference for the component that listens to keyboard\n * @param {number} options.itemsCount - the number of items\n * @param {number} options.numberOfItemsInLine - the number of items on each line of the grid\n * @param {function} options.onItemClicked - the callback for selecting an item. It will be called when an active item is selected, for example with \"Enter\".\n * @param {function} options.getItemByIndex - a function which gets an index as a param, and returns the item on that index\n * @param {\"directional\" | \"first\"} options.entryFocusStrategy - Determines how the first item is focused when entering the grid via keyboard.\n *   - \"directional\": Tries to focus based on the entry direction (Tab vs Shift+Tab). This is the default.\n *   - \"first\": Always focuses the first item.\n * @param {boolean=} options.focusOnMount - if true, the referenced element will be focused when mounted\n * @param {number=} options.focusItemIndexOnMount - optional item index to focus when mounted. Only works with \"options.focusOnMount\".\n * @param {number[]=} options.disabledIndexes - optional array of disabled indices, which will be skipped while navigating.\n * @param {boolean=} options.circularNavigation - if true, the navigation will wrap around the grid\n * @returns {useGridKeyboardNavigationResult}\n *\n * @typedef useGridKeyboardNavigationResult\n * @property {number} activeIndex - the currently active index\n * @property {boolean} isInitialActiveState - if true, the currently active element was due to an initial mounting index option. See \"options.focusItemIndexOnMount\".\n * @property {(index: number, isKeyboardAction?: boolean) => void} onSelectionAction - the callback which should be used to select an item.\n * It should be called with the selected item's index. Use this callback for onClick handlers, for example.\n * The \"isKeyboardAction\" can be used to indicate a keyboard selection, which will affect the currently active index.\n */\nexport default function useGridKeyboardNavigation({\n  ref,\n  itemsCount,\n  numberOfItemsInLine,\n  onItemClicked, // the callback to call when an item is selected\n  entryFocusStrategy = \"directional\",\n  getItemByIndex = (_index: number) => {},\n  focusOnMount = false,\n  focusItemIndexOnMount = NO_ACTIVE_INDEX,\n  disabledIndexes = [],\n  circularNavigation = false\n}: {\n  ref: MutableRefObject<HTMLElement>;\n  itemsCount: number;\n  numberOfItemsInLine: number;\n  onItemClicked: (element: HTMLElement | ReactElement | void | string, index: number) => void;\n  entryFocusStrategy?: \"directional\" | \"first\";\n  getItemByIndex: (index: number | void) => HTMLElement | ReactElement | void | string;\n  focusOnMount?: boolean;\n  focusItemIndexOnMount?: number;\n  disabledIndexes?: number[];\n  circularNavigation?: boolean;\n}) {\n  const [isInitialActiveState, setIsInitialActiveState] = useState(\n    focusOnMount && focusItemIndexOnMount !== NO_ACTIVE_INDEX\n  );\n  const skippedInitialActiveIndexChange = useRef(false);\n  const [activeIndex, setActiveIndex] = useState(isInitialActiveState ? focusItemIndexOnMount : NO_ACTIVE_INDEX);\n  const [isUsingKeyboardNav, setIsUsingKeyboardNav] = useState(true);\n\n  const keyboardContext = useContext(GridKeyboardNavigationContext);\n\n  const onArrowNavigation = (direction: NavDirections) => {\n    setIsUsingKeyboardNav(true);\n    if (activeIndex === NO_ACTIVE_INDEX) {\n      setActiveIndex(0);\n      return;\n    }\n\n    const { isOutbound, nextIndex } = calcActiveIndexAfterArrowNavigation({\n      activeIndex,\n      itemsCount,\n      numberOfItemsInLine,\n      direction,\n      disabledIndexes,\n      circularNavigation\n    });\n    if (isOutbound) {\n      keyboardContext?.onOutboundNavigation(ref, direction);\n    } else {\n      setActiveIndex(nextIndex);\n    }\n  };\n\n  const onHomeNavigation = useCallback(() => {\n    setIsUsingKeyboardNav(true);\n    const firstEnabledIndex = disabledIndexes.includes(0)\n      ? disabledIndexes.length < itemsCount\n        ? Array.from({ length: itemsCount }, (_, i) => i).find(i => !disabledIndexes.includes(i)) ?? 0\n        : 0\n      : 0;\n    setActiveIndex(firstEnabledIndex);\n  }, [disabledIndexes, itemsCount]);\n\n  const onEndNavigation = useCallback(() => {\n    setIsUsingKeyboardNav(true);\n    const lastEnabledIndex = disabledIndexes.includes(itemsCount - 1)\n      ? disabledIndexes.length < itemsCount\n        ? Array.from({ length: itemsCount }, (_, i) => itemsCount - 1 - i).find(i => !disabledIndexes.includes(i)) ??\n          itemsCount - 1\n        : itemsCount - 1\n      : itemsCount - 1;\n    setActiveIndex(lastEnabledIndex);\n  }, [disabledIndexes, itemsCount]);\n\n  useEffect(() => {\n    if (!skippedInitialActiveIndexChange.current) {\n      skippedInitialActiveIndexChange.current = true;\n      return;\n    }\n    // if the active state changes, this is no longer the initial active state\n    setIsInitialActiveState(false);\n  }, [activeIndex]);\n\n  const blurTargetElement = useCallback(() => ref.current?.blur(), [ref]);\n\n  const { lastNavigationDirectionRef } = useLastNavigationDirection();\n  const onFocus = useCallback(() => {\n    if (activeIndex !== NO_ACTIVE_INDEX) {\n      setIsUsingKeyboardNav(true);\n      return;\n    }\n\n    const direction = lastNavigationDirectionRef.current;\n    setActiveIndex(\n      entryFocusStrategy === \"directional\" && direction\n        ? getActiveIndexFromInboundNavigation({ direction, numberOfItemsInLine, itemsCount })\n        : 0\n    );\n    setIsUsingKeyboardNav(true);\n  }, [\n    activeIndex,\n    entryFocusStrategy,\n    itemsCount,\n    lastNavigationDirectionRef,\n    numberOfItemsInLine,\n    setActiveIndex,\n    setIsUsingKeyboardNav\n  ]);\n\n  const onMouseDown = useCallback(() => {\n    // If the user clicked on the grid element we assume that that what will caused the focus\n    setIsUsingKeyboardNav(false);\n  }, [setIsUsingKeyboardNav]);\n\n  const onBlur = useCallback(() => {\n    // If we lose focus we will return to isUsingKeyboardNav default mode which is that any interaction\n    // with the grid always done by keyboard, unless we clicked on the grid element before that with a mouse\n    setIsUsingKeyboardNav(true);\n    setActiveIndex(NO_ACTIVE_INDEX);\n  }, [setActiveIndex]);\n\n  useEventListener({ eventName: \"focus\", callback: onFocus, ref });\n  useEventListener({ eventName: \"mousedown\", callback: onMouseDown, ref });\n  useEventListener({ eventName: \"blur\", callback: onBlur, ref });\n\n  useEffect(() => {\n    if (activeIndex > -1) {\n      ref.current?.focus();\n    }\n  }, [activeIndex, ref]);\n\n  const onSelectionAction = useCallback(\n    (index: number, isKeyboardAction = false) => {\n      setIsUsingKeyboardNav(isKeyboardAction);\n      setActiveIndex(index);\n\n      onItemClicked(getItemByIndex(index), index);\n    },\n    [setActiveIndex, onItemClicked, getItemByIndex]\n  );\n\n  const onKeyboardSelection = useCallback(() => {\n    if (!isUsingKeyboardNav) {\n      return;\n    }\n    return onSelectionAction(activeIndex, true);\n  }, [isUsingKeyboardNav, onSelectionAction, activeIndex]);\n\n  useFullKeyboardListeners({\n    ref,\n    onSelectionKey: onKeyboardSelection,\n    onArrowNavigation,\n    onEscape: blurTargetElement,\n    onHome: onHomeNavigation,\n    onEnd: onEndNavigation,\n    focusOnMount\n  });\n\n  // if the user is not using keyboard nav, the consumers should not treat the index as active\n  const externalActiveIndex = isUsingKeyboardNav ? activeIndex : NO_ACTIVE_INDEX;\n  return {\n    activeIndex: externalActiveIndex,\n    onSelectionAction,\n    isInitialActiveState\n  };\n}\n"],"names":["NO_ACTIVE_INDEX","useGridKeyboardNavigation","_ref","ref","itemsCount","numberOfItemsInLine","onItemClicked","_ref$entryFocusStrate","entryFocusStrategy","_ref$getItemByIndex","getItemByIndex","_index","_ref$focusOnMount","focusOnMount","_ref$focusItemIndexOn","focusItemIndexOnMount","_ref$disabledIndexes","disabledIndexes","_ref$circularNavigati","circularNavigation","_useState","useState","_useState2","_slicedToArray","isInitialActiveState","setIsInitialActiveState","skippedInitialActiveIndexChange","useRef","_useState3","_useState4","activeIndex","setActiveIndex","_useState5","_useState6","isUsingKeyboardNav","setIsUsingKeyboardNav","keyboardContext","useContext","GridKeyboardNavigationContext","onHomeNavigation","useCallback","firstEnabledIndex","includes","length","_a","Array","from","_","i","find","onEndNavigation","lastEnabledIndex","useEffect","current","blurTargetElement","blur","lastNavigationDirectionRef","useLastNavigationDirection","onFocus","direction","getActiveIndexFromInboundNavigation","onMouseDown","onBlur","useEventListener","eventName","callback","focus","onSelectionAction","index","arguments","undefined","onKeyboardSelection","useFullKeyboardListeners","onSelectionKey","onArrowNavigation","_calcActiveIndexAfter","calcActiveIndexAfterArrowNavigation","nextIndex","isOutbound","onOutboundNavigation","onEscape","onHome","onEnd"],"mappings":"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"}

package/dist/mocked_classnames/src/hooks/useItemsOverflow/useItemsOverflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"useItemsOverflow.js","sources":["../../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { type RefObject, useCallback, useState, useRef } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\n/**\n * Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n  containerRef,\n  gap,\n  deductedSpaceRef,\n  deductedWidth = 0,\n  itemRefs,\n  minVisibleCount = 0\n}: {\n  containerRef: RefObject<HTMLElement>;\n  gap: number;\n  deductedSpaceRef?: RefObject<HTMLElement>;\n  deductedWidth?: number;\n  itemRefs: RefObject<HTMLElement>[];\n  minVisibleCount?: number;\n}) {\n  const [visibleCount, setVisibleCount] = useState<number>(0);\n  const [hasMeasured, setHasMeasured] = useState<boolean>(false);\n  const itemWidthsRef = useRef<number[]>([]);\n  const deductedWidthRef = useRef<number>(0);\n  const isCalculatingRef = useRef(false);\n\n  const calculateFromCachedWidths = useCallback(() => {\n    const container = containerRef?.current;\n    if (!container || !itemRefs.length) {\n      setVisibleCount(itemRefs.length);\n      return;\n    }\n\n    const containerWidth = container.offsetWidth;\n    const deductedRefWidth = deductedWidthRef.current;\n    // Only apply fixed deductedWidth when container has measurable width (avoids issues in test environments)\n    const availableWidth = containerWidth - deductedRefWidth - (containerWidth > 0 ? deductedWidth : 0);\n\n    let totalItemsWidth = 0;\n    let count = 0;\n\n    const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n    for (let i = 0; i < maxIter; i++) {\n      const itemWidth = itemWidthsRef.current[i];\n      const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n      if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n        totalItemsWidth += itemWidthWithGap;\n        count++;\n      } else {\n        break;\n      }\n    }\n\n    // Ensure at least minVisibleCount items are visible\n    const finalCount = Math.max(count, Math.min(minVisibleCount, maxIter));\n    setVisibleCount(finalCount);\n  }, [containerRef, itemRefs, gap, minVisibleCount, deductedWidth]);\n\n  const measureDeductedWidth = useCallback(() => {\n    if (deductedSpaceRef?.current) {\n      deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n    } else {\n      deductedWidthRef.current = 0;\n    }\n  }, [deductedSpaceRef]);\n\n  const measureAndCacheItemsSync = useCallback(() => {\n    const container = containerRef.current;\n    if (!container || !itemRefs.length) {\n      setVisibleCount(itemRefs.length);\n      setHasMeasured(true);\n      return;\n    }\n\n    measureDeductedWidth();\n\n    const itemElements = itemRefs.map(ref => ref.current).filter(el => el !== null) as HTMLElement[];\n\n    if (itemElements.length === 0) {\n      setVisibleCount(0);\n      itemWidthsRef.current = [];\n      setHasMeasured(true);\n      return;\n    }\n\n    itemWidthsRef.current = itemElements.map(item => item.getBoundingClientRect().width);\n    calculateFromCachedWidths();\n    setHasMeasured(true);\n  }, [containerRef, itemRefs, calculateFromCachedWidths, measureDeductedWidth]);\n\n  const measureAndCacheItems = useCallback(() => {\n    if (isCalculatingRef.current) return;\n    isCalculatingRef.current = true;\n\n    requestAnimationFrame(() => {\n      try {\n        measureAndCacheItemsSync();\n      } finally {\n        isCalculatingRef.current = false;\n      }\n    });\n  }, [measureAndCacheItemsSync]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!containerRef.current) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      if (itemRefs.length > 0) {\n        if (itemWidthsRef.current.length) {\n          measureDeductedWidth();\n          calculateFromCachedWidths();\n        } else {\n          measureAndCacheItems();\n        }\n      } else {\n        setVisibleCount(0);\n        itemWidthsRef.current = [];\n      }\n    });\n\n    resizeObserver.observe(containerRef.current);\n\n    if (deductedSpaceRef?.current) {\n      resizeObserver.observe(deductedSpaceRef.current);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [containerRef, deductedSpaceRef, measureDeductedWidth, calculateFromCachedWidths, measureAndCacheItems, itemRefs]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (itemRefs.length > 0) {\n      setHasMeasured(false);\n      // Use synchronous measurement for initial render to prevent delay\n      measureAndCacheItemsSync();\n    } else {\n      setVisibleCount(0);\n      itemWidthsRef.current = [];\n      setHasMeasured(true);\n    }\n  }, [itemRefs, measureAndCacheItemsSync]);\n\n  return { visibleCount, hasMeasured };\n}\n"],"names":["useItemsOverflow","_ref","containerRef","gap","deductedSpaceRef","_ref$deductedWidth","deductedWidth","itemRefs","_ref$minVisibleCount","minVisibleCount","_useState","useState","_useState2","_slicedToArray","visibleCount","setVisibleCount","_useState3","_useState4","hasMeasured","setHasMeasured","itemWidthsRef","useRef","deductedWidthRef","isCalculatingRef","calculateFromCachedWidths","useCallback","container","current","length","containerWidth","offsetWidth","availableWidth","totalItemsWidth","count","maxIter","Math","min","i","itemWidth","itemWidthWithGap","max","measureDeductedWidth","getBoundingClientRect","width","measureAndCacheItemsSync","itemElements","map","ref","filter","el","item","measureAndCacheItems","requestAnimationFrame","useIsomorphicLayoutEffect","resizeObserver","ResizeObserver","observe","disconnect"],"mappings":"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"}
+{"version":3,"file":"useItemsOverflow.js","sources":["../../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { type RefObject, useCallback, useState, useRef } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\n/**\n * Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n  containerRef,\n  gap,\n  deductedSpaceRef,\n  deductedWidth = 0,\n  itemRefs,\n  minVisibleCount = 0\n}: {\n  containerRef: RefObject<HTMLElement>;\n  gap: number;\n  deductedSpaceRef?: RefObject<HTMLElement>;\n  deductedWidth?: number;\n  itemRefs: RefObject<HTMLElement>[];\n  minVisibleCount?: number;\n}) {\n  const [visibleCount, setVisibleCount] = useState<number>(0);\n  const [hasMeasured, setHasMeasured] = useState<boolean>(false);\n  const itemWidthsRef = useRef<number[]>([]);\n  const deductedWidthRef = useRef<number>(0);\n  const isCalculatingRef = useRef(false);\n\n  const calculateFromCachedWidths = useCallback(() => {\n    const container = containerRef?.current;\n    if (!container || !itemRefs.length) {\n      setVisibleCount(itemRefs.length);\n      return;\n    }\n\n    const containerWidth = container.offsetWidth;\n    const deductedRefWidth = deductedWidthRef.current;\n    // Only apply fixed deductedWidth when container has measurable width (avoids issues in test environments)\n    const availableWidth = containerWidth - deductedRefWidth - (containerWidth > 0 ? deductedWidth : 0);\n\n    let totalItemsWidth = 0;\n    let count = 0;\n\n    const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n    for (let i = 0; i < maxIter; i++) {\n      const itemWidth = itemWidthsRef.current[i];\n      const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n      if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n        totalItemsWidth += itemWidthWithGap;\n        count++;\n      } else {\n        break;\n      }\n    }\n\n    // Ensure at least minVisibleCount items are visible\n    const finalCount = Math.max(count, Math.min(minVisibleCount, maxIter));\n    setVisibleCount(finalCount);\n  }, [containerRef, itemRefs, gap, minVisibleCount, deductedWidth]);\n\n  const measureDeductedWidth = useCallback(() => {\n    if (deductedSpaceRef?.current) {\n      deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n    } else {\n      deductedWidthRef.current = 0;\n    }\n  }, [deductedSpaceRef]);\n\n  const measureAndCacheItemsSync = useCallback(() => {\n    const container = containerRef.current;\n    if (!container || !itemRefs.length) {\n      setVisibleCount(itemRefs.length);\n      setHasMeasured(true);\n      return;\n    }\n\n    measureDeductedWidth();\n\n    const itemElements = itemRefs.map(ref => ref.current).filter(el => el !== null) as HTMLElement[];\n\n    if (itemElements.length === 0) {\n      setVisibleCount(0);\n      itemWidthsRef.current = [];\n      setHasMeasured(true);\n      return;\n    }\n\n    itemWidthsRef.current = itemElements.map(item => item.getBoundingClientRect().width);\n    calculateFromCachedWidths();\n    setHasMeasured(true);\n  }, [containerRef, itemRefs, calculateFromCachedWidths, measureDeductedWidth]);\n\n  const measureAndCacheItems = useCallback(() => {\n    if (isCalculatingRef.current) return;\n    isCalculatingRef.current = true;\n\n    requestAnimationFrame(() => {\n      try {\n        measureAndCacheItemsSync();\n      } finally {\n        isCalculatingRef.current = false;\n      }\n    });\n  }, [measureAndCacheItemsSync]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!containerRef.current) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      if (itemRefs.length > 0) {\n        if (itemWidthsRef.current.length) {\n          measureDeductedWidth();\n          calculateFromCachedWidths();\n        } else {\n          measureAndCacheItems();\n        }\n      } else {\n        setVisibleCount(0);\n        itemWidthsRef.current = [];\n      }\n    });\n\n    resizeObserver.observe(containerRef.current);\n\n    if (deductedSpaceRef?.current) {\n      resizeObserver.observe(deductedSpaceRef.current);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [containerRef, deductedSpaceRef, measureDeductedWidth, calculateFromCachedWidths, measureAndCacheItems, itemRefs]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (itemRefs.length > 0) {\n      setHasMeasured(false);\n      // Use synchronous measurement for initial render to prevent delay\n      measureAndCacheItemsSync();\n    } else {\n      setVisibleCount(0);\n      itemWidthsRef.current = [];\n      setHasMeasured(true);\n    }\n  }, [itemRefs, measureAndCacheItemsSync]);\n\n  return { visibleCount, hasMeasured };\n}\n"],"names":["useItemsOverflow","_ref","containerRef","gap","deductedSpaceRef","_ref$deductedWidth","deductedWidth","itemRefs","_ref$minVisibleCount","minVisibleCount","_useState","useState","_useState2","_slicedToArray","visibleCount","setVisibleCount","_useState3","_useState4","hasMeasured","setHasMeasured","itemWidthsRef","useRef","deductedWidthRef","isCalculatingRef","calculateFromCachedWidths","useCallback","container","current","length","containerWidth","offsetWidth","availableWidth","totalItemsWidth","count","maxIter","Math","min","i","itemWidth","itemWidthWithGap","max","measureDeductedWidth","getBoundingClientRect","width","measureAndCacheItemsSync","itemElements","map","ref","filter","el","item","measureAndCacheItems","requestAnimationFrame","useIsomorphicLayoutEffect","resizeObserver","ResizeObserver","observe","disconnect"],"mappings":"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"}

package/dist/mocked_classnames/src/hooks/useSwitch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useSwitch/index.ts"],"sourcesContent":["import { type ChangeEvent, useCallback, useEffect, useState } from \"react\";\n\nenum SwitchRole {\n  CHECKBOX = \"checkbox\",\n  BUTTON = \"button\"\n}\n\nexport interface UseSwitchProps {\n  /**\n   * If true, controls the checked state of the switch.\n   */\n  isChecked?: boolean;\n  /**\n   * The initial checked state when uncontrolled.\n   */\n  defaultChecked?: boolean;\n  /**\n   * Callback fired when the switch state changes.\n   */\n  onChange?: (value: boolean, event?: ChangeEvent<HTMLInputElement> | unknown) => void;\n  /**\n   * If true, disables interaction with the switch.\n   */\n  isDisabled?: boolean;\n}\n\nexport default function useSwitch({ isChecked, defaultChecked, onChange, isDisabled }: UseSwitchProps = {}) {\n  // if isChecked is empty, set defaultChecked value (default false value)\n  const overrideCheckedInitial = isChecked ?? !!defaultChecked;\n  const [overrideChecked, setOverrideChecked] = useState(overrideCheckedInitial);\n\n  const overrideOnChange = useCallback(\n    (event?: ChangeEvent<HTMLInputElement> | unknown) => {\n      if (isDisabled) {\n        return;\n      }\n      const newChecked = !overrideChecked;\n      if (isChecked === undefined) {\n        setOverrideChecked(newChecked);\n      }\n      if (event && typeof event === \"object\" && \"target\" in event) {\n        onChange?.(newChecked, event);\n      } else {\n        onChange?.(newChecked);\n      }\n    },\n    [isChecked, isDisabled, onChange, overrideChecked]\n  );\n\n  useEffect(() => {\n    if (isChecked !== undefined) {\n      setOverrideChecked(isChecked);\n    }\n  }, [isChecked]);\n\n  return { isChecked: overrideChecked, onChange: overrideOnChange };\n}\n\nuseSwitch.switchRole = SwitchRole;\n"],"names":["SwitchRole","useSwitch","_ref","arguments","length","undefined","isChecked","onChange","isDisabled","_useState","useState","defaultChecked","_useState2","_slicedToArray","overrideChecked","setOverrideChecked","overrideOnChange","useCallback","event","newChecked","_typeof","useEffect","switchRole"],"mappings":"4JAEA,IAAKA,EAwBmB,SAAAC,IAAkF,IAAAC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAF,CAAE,EAAtEG,EAASJ,EAATI,UAA2BC,EAAQL,EAARK,SAAUC,EAAUN,EAAVM,WAGvEC,EAA8CC,EADfJ,QAAAA,IAF4BJ,EAAdS,gBAGiCC,EAAAC,EAAAJ,EAAA,GAAvEK,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAAmBC,GACvB,SAACC,GACC,IAAIV,EAAJ,CAGA,IAAMW,GAAcL,OACFT,IAAdC,GACFS,EAAmBI,GAEjBD,GAA0B,WAAjBE,EAAOF,IAAsB,WAAYA,EACpDX,SAAAA,EAAWY,EAAYD,GAEvBX,SAAAA,EAAWY,EARZ,CAUF,GACD,CAACb,EAAWE,EAAYD,EAAUO,IASpC,OANAO,GAAU,gBACUhB,IAAdC,GACFS,EAAmBT,EAEvB,GAAG,CAACA,IAEG,CAAEA,UAAWQ,EAAiBP,SAAUS,EACjD,EAtDA,SAAKhB,GACHA,EAAA,SAAA,WACAA,EAAA,OAAA,QACD,CAHD,CAAKA,IAAAA,EAGJ,CAAA,IAqDDC,EAAUqB,WAAatB"}
+{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useSwitch/index.ts"],"sourcesContent":["import { type ChangeEvent, useCallback, useEffect, useState } from \"react\";\n\nenum SwitchRole {\n  CHECKBOX = \"checkbox\",\n  BUTTON = \"button\"\n}\n\nexport interface UseSwitchProps {\n  /**\n   * If true, controls the checked state of the switch.\n   */\n  isChecked?: boolean;\n  /**\n   * The initial checked state when uncontrolled.\n   */\n  defaultChecked?: boolean;\n  /**\n   * Callback fired when the switch state changes.\n   */\n  onChange?: (value: boolean, event?: ChangeEvent<HTMLInputElement> | unknown) => void;\n  /**\n   * If true, disables interaction with the switch.\n   */\n  isDisabled?: boolean;\n}\n\nexport default function useSwitch({ isChecked, defaultChecked, onChange, isDisabled }: UseSwitchProps = {}) {\n  // if isChecked is empty, set defaultChecked value (default false value)\n  const overrideCheckedInitial = isChecked ?? !!defaultChecked;\n  const [overrideChecked, setOverrideChecked] = useState(overrideCheckedInitial);\n\n  const overrideOnChange = useCallback(\n    (event?: ChangeEvent<HTMLInputElement> | unknown) => {\n      if (isDisabled) {\n        return;\n      }\n      const newChecked = !overrideChecked;\n      if (isChecked === undefined) {\n        setOverrideChecked(newChecked);\n      }\n      if (event && typeof event === \"object\" && \"target\" in event) {\n        onChange?.(newChecked, event);\n      } else {\n        onChange?.(newChecked);\n      }\n    },\n    [isChecked, isDisabled, onChange, overrideChecked]\n  );\n\n  useEffect(() => {\n    if (isChecked !== undefined) {\n      setOverrideChecked(isChecked);\n    }\n  }, [isChecked]);\n\n  return { isChecked: overrideChecked, onChange: overrideOnChange };\n}\n\nuseSwitch.switchRole = SwitchRole;\n"],"names":["SwitchRole","useSwitch","_ref","arguments","length","undefined","isChecked","onChange","isDisabled","_useState","useState","defaultChecked","_useState2","_slicedToArray","overrideChecked","setOverrideChecked","overrideOnChange","useCallback","event","newChecked","_typeof","useEffect","switchRole"],"mappings":"4JAEA,IAAKA,EAwBmB,SAAAC,IAAkF,IAAAC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAF,CAAE,EAAtEG,EAASJ,EAATI,UAA2BC,EAAQL,EAARK,SAAUC,EAAUN,EAAVM,WAGvEC,EAA8CC,EADfJ,QAAAA,IAF4BJ,EAAdS,gBAGiCC,EAAAC,EAAAJ,EAAA,GAAvEK,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAAmBC,GACvB,SAACC,GACC,IAAIV,EAAJ,CAGA,IAAMW,GAAcL,OACFT,IAAdC,GACFS,EAAmBI,GAEjBD,GAA0B,WAAjBE,EAAOF,IAAsB,WAAYA,EACpDX,SAAAA,EAAWY,EAAYD,GAEvBX,SAAAA,EAAWY,EARb,CAUD,GACD,CAACb,EAAWE,EAAYD,EAAUO,IASpC,OANAO,GAAU,gBACUhB,IAAdC,GACFS,EAAmBT,EAEvB,GAAG,CAACA,IAEG,CAAEA,UAAWQ,EAAiBP,SAAUS,EACjD,EAtDA,SAAKhB,GACHA,EAAA,SAAA,WACAA,EAAA,OAAA,QACD,CAHD,CAAKA,IAAAA,EAGJ,CAAA,IAqDDC,EAAUqB,WAAatB"}

package/dist/mocked_classnames/src/services/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sources":["../../../../src/services/themes.ts"],"sourcesContent":["function isThemesSupported() {\n  try {\n    if (!window.CSS || !window.CSS.supports) return false;\n    // check if browser supports basic var value usage\n    return window.CSS.supports(\"color\", \"var(--fake-var)\");\n  } catch (e) {\n    return false;\n  }\n}\n\nexport function getCSSVar(varName: string, fallback?: string) {\n  const fb = fallback ? `, ${fallback}` : \"\";\n  if (isThemesSupported()) {\n    return `var(--${varName}${fb})`;\n  }\n}\n\nexport const getComputedVarColor = (elem: Element, cssVar: string) =>\n  getComputedStyle(elem).getPropertyValue(`--${cssVar}`);\n\nexport function hexToRgb(hex: string) {\n  if (hex.startsWith(\"#\")) {\n    hex = hex.substring(1);\n  }\n  const bigint = parseInt(hex, 16);\n  const r = (bigint >> 16) & 255;\n  const g = (bigint >> 8) & 255;\n  const b = bigint & 255;\n\n  return `rgb(${r}, ${g}, ${b})`;\n}\n"],"names":["getCSSVar","varName","fallback","fb","concat","window","CSS","supports","e","isThemesSupported"],"mappings":"AAUgB,SAAAA,EAAUC,EAAiBC,GACzC,IAAMC,EAAKD,EAAQ,KAAAE,OAAQF,GAAa,GACxC,GAZF,WACE,IACE,SAAKG,OAAOC,MAAQD,OAAOC,IAAIC,WAExBF,OAAOC,IAAIC,SAAS,QAAS,kBACrC,CAAC,MAAOC,GACP,OAAO,CACR,CACH,CAIMC,GACF,MAAA,SAAAL,OAAgBH,GAAOG,OAAGD,EAAE,IAEhC"}
+{"version":3,"file":"themes.js","sources":["../../../../src/services/themes.ts"],"sourcesContent":["function isThemesSupported() {\n  try {\n    if (!window.CSS || !window.CSS.supports) return false;\n    // check if browser supports basic var value usage\n    return window.CSS.supports(\"color\", \"var(--fake-var)\");\n  } catch (e) {\n    return false;\n  }\n}\n\nexport function getCSSVar(varName: string, fallback?: string) {\n  const fb = fallback ? `, ${fallback}` : \"\";\n  if (isThemesSupported()) {\n    return `var(--${varName}${fb})`;\n  }\n}\n\nexport const getComputedVarColor = (elem: Element, cssVar: string) =>\n  getComputedStyle(elem).getPropertyValue(`--${cssVar}`);\n\nexport function hexToRgb(hex: string) {\n  if (hex.startsWith(\"#\")) {\n    hex = hex.substring(1);\n  }\n  const bigint = parseInt(hex, 16);\n  const r = (bigint >> 16) & 255;\n  const g = (bigint >> 8) & 255;\n  const b = bigint & 255;\n\n  return `rgb(${r}, ${g}, ${b})`;\n}\n"],"names":["getCSSVar","varName","fallback","fb","concat","window","CSS","supports","e","isThemesSupported"],"mappings":"AAUgB,SAAAA,EAAUC,EAAiBC,GACzC,IAAMC,EAAKD,EAAQ,KAAAE,OAAQF,GAAa,GACxC,GAZF,WACE,IACE,SAAKG,OAAOC,MAAQD,OAAOC,IAAIC,WAExBF,OAAOC,IAAIC,SAAS,QAAS,kBACrC,CAAC,MAAOC,GACP,OAAO,CACT,CACF,CAIMC,GACF,MAAA,SAAAL,OAAgBH,GAAOG,OAAGD,EAAE,IAEhC"}

package/dist/mocked_classnames/src/services/virtualized-service.js.map

@@ -1 +1 @@
-{"version":3,"file":"virtualized-service.js","sources":["../../../../src/services/virtualized-service.ts"],"sourcesContent":["const LAST_ITEM_ID = \"~~~lastItem~~~\";\nconst EMPTY_OBJECT: Record<string, never> = {};\n\ntype NormalizedItem<T> = {\n  item: T;\n  index: number;\n  height: number;\n  size: number;\n  offsetTop: number;\n  offset: number;\n};\n\ntype NormalizedItems<T> = Record<string, NormalizedItem<T>>;\ntype IdGetter<T> = (item: T, index: number) => string;\ntype SizeGetter<T> = (item: T, index: number) => number;\n\nexport const getNormalizedItems = <T>(items: T[], idGetter: IdGetter<T>, sizeGetter: SizeGetter<T>) => {\n  const normalizedItems: NormalizedItems<T> = {};\n  let offset = 0;\n\n  const lastIndex = items.length - 1;\n  items.forEach((item, index) => {\n    const size = sizeGetter(item, index);\n    const uniqueId = idGetter(item, index);\n    // keep height/offsetTop for backward compatibility\n    normalizedItems[uniqueId] = { item, index, height: size, size, offsetTop: offset, offset };\n    if (lastIndex === index) {\n      normalizedItems[LAST_ITEM_ID] = normalizedItems[uniqueId];\n    }\n    offset += size;\n  });\n\n  return normalizedItems;\n};\n\nexport const isItemInView = (item: { offsetTop: number }, scrollTop: number, offsetHeight: number) => {\n  const isItemUnderTheViewableArea = item.offsetTop > scrollTop + offsetHeight;\n  const isItemAboveTheViewableArea = item.offsetTop < scrollTop;\n\n  return !isItemUnderTheViewableArea && !isItemAboveTheViewableArea;\n};\n\nexport const getMaxOffset = <T>(offsetSize: number, normalizedItems: NormalizedItems<T>) => {\n  const lastItem = normalizedItems[LAST_ITEM_ID];\n  if (!lastItem) return 0;\n  const { size, offset } = lastItem;\n  return offset + size - offsetSize; // max offset\n};\n\nexport const easeInOutQuint = (time: number) => {\n  let t = time;\n  return t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t;\n};\n\nfunction findItemAtOffset<T>(\n  items: T[],\n  normalizedItems: NormalizedItems<T>,\n  idGetter: IdGetter<T>,\n  fromIndex: number,\n  offset: number\n) {\n  for (let i = fromIndex; i < items.length; i++) {\n    const itemId = idGetter(items[i], i);\n    const normalizedItem = normalizedItems[itemId];\n    const { height, offsetTop } = normalizedItem || EMPTY_OBJECT;\n    if (height + offsetTop > offset) {\n      return itemId;\n    }\n  }\n  return null;\n}\n\n// for vertical layout - this returns true when vertical scrollbar visible\n// for horizontal layout - this returns true when horizontal scrollbar visible\nexport const isLayoutDirectionScrollbarVisible = <T>(\n  items: T[],\n  normalizedItems: NormalizedItems<T>,\n  idGetter: IdGetter<T>,\n  componentSize: number\n) => {\n  if (!componentSize) return false;\n  const lastExistingItem = items[items.length - 1] || EMPTY_OBJECT;\n  const lastExistingItemId = idGetter(lastExistingItem as T, items.length - 1);\n  const normalizedItem = normalizedItems[lastExistingItemId];\n  if (!normalizedItem) return false;\n  const { offset: lastExistingItemIdOffset, size: lastExistingItemSize } = normalizedItems[lastExistingItemId];\n  const maxOffset = lastExistingItemIdOffset + lastExistingItemSize;\n  const isVisible = maxOffset > componentSize;\n  return isVisible;\n};\n\nfunction isEmptyObject(obj: unknown) {\n  return obj === EMPTY_OBJECT;\n}\n\nexport const getOnItemsRenderedData = <T>(\n  items: T[],\n  normalizedItems: NormalizedItems<T>,\n  idGetter: IdGetter<T>,\n  visibleStartIndex: number,\n  visibleStopIndex: number,\n  listSize: number,\n  currentOffsetTop: number\n) => {\n  const firstVisibleItem = items[visibleStartIndex] || EMPTY_OBJECT;\n  const secondVisibleItem = items[visibleStartIndex + 1] || EMPTY_OBJECT;\n  const lastVisibleItem = items[visibleStopIndex] || EMPTY_OBJECT;\n  const firstItemId = isEmptyObject(firstVisibleItem) ? undefined : idGetter(firstVisibleItem as T, visibleStartIndex);\n  const secondItemId = isEmptyObject(secondVisibleItem)\n    ? undefined\n    : idGetter(secondVisibleItem as T, visibleStartIndex + 1);\n  const lastItemId = isEmptyObject(lastVisibleItem) ? undefined : idGetter(lastVisibleItem as T, visibleStopIndex);\n  const centerOffset = currentOffsetTop + listSize / 2;\n  const { offsetTop: firstItemOffsetTop, height: firstItemHeight } = normalizedItems[firstItemId!] || EMPTY_OBJECT;\n  const firstItemOffsetEnd = firstItemOffsetTop + firstItemHeight;\n  const centerItemId = findItemAtOffset(items, normalizedItems, idGetter, visibleStartIndex, centerOffset);\n\n  return {\n    firstItemId,\n    secondItemId,\n    lastItemId,\n    centerItemId,\n    firstItemOffsetEnd,\n    currentOffsetTop\n  };\n};\n"],"names":["LAST_ITEM_ID","EMPTY_OBJECT","getNormalizedItems","items","idGetter","sizeGetter","normalizedItems","offset","lastIndex","length","forEach","item","index","size","uniqueId","height","offsetTop","getMaxOffset","offsetSize","lastItem","easeInOutQuint","time","t","isLayoutDirectionScrollbarVisible","componentSize","lastExistingItemId","_normalizedItems$last","isEmptyObject","obj","getOnItemsRenderedData","visibleStartIndex","visibleStopIndex","listSize","currentOffsetTop","firstVisibleItem","secondVisibleItem","lastVisibleItem","firstItemId","undefined","secondItemId","lastItemId","_ref2","firstItemOffsetEnd","centerItemId","fromIndex","i","itemId","_ref","findItemAtOffset"],"mappings":"AAAA,IAAMA,EAAe,iBACfC,EAAsC,CAAA,EAe/BC,EAAqB,SAAIC,EAAYC,EAAuBC,GACvE,IAAMC,EAAsC,CAAA,EACxCC,EAAS,EAEPC,EAAYL,EAAMM,OAAS,EAYjC,OAXAN,EAAMO,SAAQ,SAACC,EAAMC,GACnB,IAAMC,EAAOR,EAAWM,EAAMC,GACxBE,EAAWV,EAASO,EAAMC,GAEhCN,EAAgBQ,GAAY,CAAEH,KAAAA,EAAMC,MAAAA,EAAOG,OAAQF,EAAMA,KAAAA,EAAMG,UAAWT,EAAQA,OAAAA,GAC9EC,IAAcI,IAChBN,EAAgBN,GAAgBM,EAAgBQ,IAElDP,GAAUM,CACZ,IAEOP,CACT,EASaW,EAAe,SAAIC,EAAoBZ,GAClD,IAAMa,EAAWb,EAAgBN,GACjC,OAAKmB,EACoBA,EAAXZ,OAAWY,EAAjBN,KACeK,EAFD,CAGxB,EAEaE,EAAiB,SAACC,GAC7B,IAAIC,EAAID,EACR,MAAW,GAAJC,EAAU,GAAKA,EAAIA,EAAIA,EAAIA,EAAIA,EAAI,EAAI,KAAOA,EAAIA,EAAIA,EAAIA,EAAIA,CACvE,EAsBaC,IAAAA,EAAoC,SAC/CpB,EACAG,EACAF,EACAoB,GAEA,IAAKA,EAAe,OAAO,EAC3B,IACMC,EAAqBrB,EADFD,EAAMA,EAAMM,OAAS,IAAMR,EACOE,EAAMM,OAAS,GAE1E,IADuBH,EAAgBmB,GAClB,OAAO,EAC5B,IAAAC,EAAyEpB,EAAgBmB,GAGzF,OAHwCC,EAAhCnB,OAA4DmB,EAA1Bb,KAEZW,CAEhC,EAEA,SAASG,EAAcC,GACrB,OAAOA,IAAQ3B,CACjB,KAEa4B,EAAyB,SACpC1B,EACAG,EACAF,EACA0B,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAmB/B,EAAM2B,IAAsB7B,EAC/CkC,EAAoBhC,EAAM2B,EAAoB,IAAM7B,EACpDmC,EAAkBjC,EAAM4B,IAAqB9B,EAC7CoC,EAAcV,EAAcO,QAAoBI,EAAYlC,EAAS8B,EAAuBJ,GAC5FS,EAAeZ,EAAcQ,QAC/BG,EACAlC,EAAS+B,EAAwBL,EAAoB,GACnDU,EAAab,EAAcS,QAAmBE,EAAYlC,EAASgC,EAAsBL,GAE/FU,EAAmEnC,EAAgB+B,IAAiBpC,EAC9FyC,EAD+BD,EAA7BzB,UAAsDyB,EAAvB1B,OAEjC4B,EA7DR,SACExC,EACAG,EACAF,EACAwC,EACArC,GAEA,IAAK,IAAIsC,EAAID,EAAezC,EAAMM,OAAVoC,EAAkBA,IAAK,CAC7C,IAAMC,EAAS1C,EAASD,EAAM0C,GAAIA,GAElCE,EADuBzC,EAAgBwC,IACS7C,EAChD,GADc8C,EAANhC,OAAiBgC,EAAT/B,UACST,EACvB,OAAOuC,CAEV,CACD,OAAO,IACT,CA6CuBE,CAAiB7C,EAAOG,EAAiBF,EAAU0B,EAHnDG,EAAmBD,EAAW,GAKnD,MAAO,CACLK,YAAAA,EACAE,aAAAA,EACAC,WAAAA,EACAG,aAAAA,EACAD,mBAAAA,EACAT,iBAAAA,EAEJ"}
+{"version":3,"file":"virtualized-service.js","sources":["../../../../src/services/virtualized-service.ts"],"sourcesContent":["const LAST_ITEM_ID = \"~~~lastItem~~~\";\nconst EMPTY_OBJECT: Record<string, never> = {};\n\ntype NormalizedItem<T> = {\n  item: T;\n  index: number;\n  height: number;\n  size: number;\n  offsetTop: number;\n  offset: number;\n};\n\ntype NormalizedItems<T> = Record<string, NormalizedItem<T>>;\ntype IdGetter<T> = (item: T, index: number) => string;\ntype SizeGetter<T> = (item: T, index: number) => number;\n\nexport const getNormalizedItems = <T>(items: T[], idGetter: IdGetter<T>, sizeGetter: SizeGetter<T>) => {\n  const normalizedItems: NormalizedItems<T> = {};\n  let offset = 0;\n\n  const lastIndex = items.length - 1;\n  items.forEach((item, index) => {\n    const size = sizeGetter(item, index);\n    const uniqueId = idGetter(item, index);\n    // keep height/offsetTop for backward compatibility\n    normalizedItems[uniqueId] = { item, index, height: size, size, offsetTop: offset, offset };\n    if (lastIndex === index) {\n      normalizedItems[LAST_ITEM_ID] = normalizedItems[uniqueId];\n    }\n    offset += size;\n  });\n\n  return normalizedItems;\n};\n\nexport const isItemInView = (item: { offsetTop: number }, scrollTop: number, offsetHeight: number) => {\n  const isItemUnderTheViewableArea = item.offsetTop > scrollTop + offsetHeight;\n  const isItemAboveTheViewableArea = item.offsetTop < scrollTop;\n\n  return !isItemUnderTheViewableArea && !isItemAboveTheViewableArea;\n};\n\nexport const getMaxOffset = <T>(offsetSize: number, normalizedItems: NormalizedItems<T>) => {\n  const lastItem = normalizedItems[LAST_ITEM_ID];\n  if (!lastItem) return 0;\n  const { size, offset } = lastItem;\n  return offset + size - offsetSize; // max offset\n};\n\nexport const easeInOutQuint = (time: number) => {\n  let t = time;\n  return t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t;\n};\n\nfunction findItemAtOffset<T>(\n  items: T[],\n  normalizedItems: NormalizedItems<T>,\n  idGetter: IdGetter<T>,\n  fromIndex: number,\n  offset: number\n) {\n  for (let i = fromIndex; i < items.length; i++) {\n    const itemId = idGetter(items[i], i);\n    const normalizedItem = normalizedItems[itemId];\n    const { height, offsetTop } = normalizedItem || EMPTY_OBJECT;\n    if (height + offsetTop > offset) {\n      return itemId;\n    }\n  }\n  return null;\n}\n\n// for vertical layout - this returns true when vertical scrollbar visible\n// for horizontal layout - this returns true when horizontal scrollbar visible\nexport const isLayoutDirectionScrollbarVisible = <T>(\n  items: T[],\n  normalizedItems: NormalizedItems<T>,\n  idGetter: IdGetter<T>,\n  componentSize: number\n) => {\n  if (!componentSize) return false;\n  const lastExistingItem = items[items.length - 1] || EMPTY_OBJECT;\n  const lastExistingItemId = idGetter(lastExistingItem as T, items.length - 1);\n  const normalizedItem = normalizedItems[lastExistingItemId];\n  if (!normalizedItem) return false;\n  const { offset: lastExistingItemIdOffset, size: lastExistingItemSize } = normalizedItems[lastExistingItemId];\n  const maxOffset = lastExistingItemIdOffset + lastExistingItemSize;\n  const isVisible = maxOffset > componentSize;\n  return isVisible;\n};\n\nfunction isEmptyObject(obj: unknown) {\n  return obj === EMPTY_OBJECT;\n}\n\nexport const getOnItemsRenderedData = <T>(\n  items: T[],\n  normalizedItems: NormalizedItems<T>,\n  idGetter: IdGetter<T>,\n  visibleStartIndex: number,\n  visibleStopIndex: number,\n  listSize: number,\n  currentOffsetTop: number\n) => {\n  const firstVisibleItem = items[visibleStartIndex] || EMPTY_OBJECT;\n  const secondVisibleItem = items[visibleStartIndex + 1] || EMPTY_OBJECT;\n  const lastVisibleItem = items[visibleStopIndex] || EMPTY_OBJECT;\n  const firstItemId = isEmptyObject(firstVisibleItem) ? undefined : idGetter(firstVisibleItem as T, visibleStartIndex);\n  const secondItemId = isEmptyObject(secondVisibleItem)\n    ? undefined\n    : idGetter(secondVisibleItem as T, visibleStartIndex + 1);\n  const lastItemId = isEmptyObject(lastVisibleItem) ? undefined : idGetter(lastVisibleItem as T, visibleStopIndex);\n  const centerOffset = currentOffsetTop + listSize / 2;\n  const { offsetTop: firstItemOffsetTop, height: firstItemHeight } = normalizedItems[firstItemId!] || EMPTY_OBJECT;\n  const firstItemOffsetEnd = firstItemOffsetTop + firstItemHeight;\n  const centerItemId = findItemAtOffset(items, normalizedItems, idGetter, visibleStartIndex, centerOffset);\n\n  return {\n    firstItemId,\n    secondItemId,\n    lastItemId,\n    centerItemId,\n    firstItemOffsetEnd,\n    currentOffsetTop\n  };\n};\n"],"names":["LAST_ITEM_ID","EMPTY_OBJECT","getNormalizedItems","items","idGetter","sizeGetter","normalizedItems","offset","lastIndex","length","forEach","item","index","size","uniqueId","height","offsetTop","getMaxOffset","offsetSize","lastItem","easeInOutQuint","time","t","isLayoutDirectionScrollbarVisible","componentSize","lastExistingItemId","_normalizedItems$last","isEmptyObject","obj","getOnItemsRenderedData","visibleStartIndex","visibleStopIndex","listSize","currentOffsetTop","firstVisibleItem","secondVisibleItem","lastVisibleItem","firstItemId","undefined","secondItemId","lastItemId","_ref2","firstItemOffsetEnd","centerItemId","fromIndex","i","itemId","_ref","findItemAtOffset"],"mappings":"AAAA,IAAMA,EAAe,iBACfC,EAAsC,CAAA,EAe/BC,EAAqB,SAAIC,EAAYC,EAAuBC,GACvE,IAAMC,EAAsC,CAAA,EACxCC,EAAS,EAEPC,EAAYL,EAAMM,OAAS,EAYjC,OAXAN,EAAMO,SAAQ,SAACC,EAAMC,GACnB,IAAMC,EAAOR,EAAWM,EAAMC,GACxBE,EAAWV,EAASO,EAAMC,GAEhCN,EAAgBQ,GAAY,CAAEH,KAAAA,EAAMC,MAAAA,EAAOG,OAAQF,EAAMA,KAAAA,EAAMG,UAAWT,EAAQA,OAAAA,GAC9EC,IAAcI,IAChBN,EAAgBN,GAAgBM,EAAgBQ,IAElDP,GAAUM,CACZ,IAEOP,CACT,EASaW,EAAe,SAAIC,EAAoBZ,GAClD,IAAMa,EAAWb,EAAgBN,GACjC,OAAKmB,EACoBA,EAAXZ,OAAWY,EAAjBN,KACeK,EAFD,CAGxB,EAEaE,EAAiB,SAACC,GAC7B,IAAIC,EAAID,EACR,MAAW,GAAJC,EAAU,GAAKA,EAAIA,EAAIA,EAAIA,EAAIA,EAAI,EAAI,KAAOA,EAAIA,EAAIA,EAAIA,EAAIA,CACvE,EAsBaC,IAAAA,EAAoC,SAC/CpB,EACAG,EACAF,EACAoB,GAEA,IAAKA,EAAe,OAAO,EAC3B,IACMC,EAAqBrB,EADFD,EAAMA,EAAMM,OAAS,IAAMR,EACOE,EAAMM,OAAS,GAE1E,IADuBH,EAAgBmB,GAClB,OAAO,EAC5B,IAAAC,EAAyEpB,EAAgBmB,GAGzF,OAHwCC,EAAhCnB,OAA4DmB,EAA1Bb,KAEZW,CAEhC,EAEA,SAASG,EAAcC,GACrB,OAAOA,IAAQ3B,CACjB,KAEa4B,EAAyB,SACpC1B,EACAG,EACAF,EACA0B,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAmB/B,EAAM2B,IAAsB7B,EAC/CkC,EAAoBhC,EAAM2B,EAAoB,IAAM7B,EACpDmC,EAAkBjC,EAAM4B,IAAqB9B,EAC7CoC,EAAcV,EAAcO,QAAoBI,EAAYlC,EAAS8B,EAAuBJ,GAC5FS,EAAeZ,EAAcQ,QAC/BG,EACAlC,EAAS+B,EAAwBL,EAAoB,GACnDU,EAAab,EAAcS,QAAmBE,EAAYlC,EAASgC,EAAsBL,GAE/FU,EAAmEnC,EAAgB+B,IAAiBpC,EAC9FyC,EAD+BD,EAA7BzB,UAAsDyB,EAAvB1B,OAEjC4B,EA7DR,SACExC,EACAG,EACAF,EACAwC,EACArC,GAEA,IAAK,IAAIsC,EAAID,EAAezC,EAAMM,OAAVoC,EAAkBA,IAAK,CAC7C,IAAMC,EAAS1C,EAASD,EAAM0C,GAAIA,GAElCE,EADuBzC,EAAgBwC,IACS7C,EAChD,GADc8C,EAANhC,OAAiBgC,EAAT/B,UACST,EACvB,OAAOuC,CAEX,CACA,OAAO,IACT,CA6CuBE,CAAiB7C,EAAOG,EAAiBF,EAAU0B,EAHnDG,EAAmBD,EAAW,GAKnD,MAAO,CACLK,YAAAA,EACAE,aAAAA,EACAC,WAAAA,EACAG,aAAAA,EACAD,mBAAAA,EACAT,iBAAAA,EAEJ"}

package/dist/mocked_classnames/src/tests/interactionsTests.js

@@ -1,2 +1,2 @@
-import{regeneratorRuntime as e,createForOfIteratorHelper as t}from"../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as n}from"../../_virtual/_tslib.js";import{userEvent as r,within as o,fireEvent as a}from"@storybook/test";import{waitFor as i}from"@testing-library/react";import{NavigationCommand as c}from"./constants.js";import{expect as u}from"@storybook/jest";var s=function(t){return function(r){var o=r.canvasElement,a=r.args;return n(void 0,void 0,void 0,e().mark((function n(){var r;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=p(o),e.abrupt("return",t(r,a));case 2:case"end":return e.stop()}}),n)})))}},v=function(t){return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r.clear(t);case 1:case"end":return e.stop()}}),n)})))};function f(e){u(" ➡️ ".concat(e)).toBeDefined()}function l(e){var t=e.getBoundingClientRect();return{x:t.left+t.width/2,y:t.top+t.height/2}}var d=function(e){var t=e.toElm,n=e.toCoords,r=e.delta,o=e.from;return n?Object.assign(Object.assign({},o),n):t?l(t):r?{x:o.x+r.x,y:o.y+r.y}:{x:o.x+10,y:o.y+0}};function p(e){if(e instanceof HTMLElement){var t=o(e);if(t instanceof Error)throw t;return t}if(e.getByRole)return e}var x=c,m=function(){return n(void 0,void 0,void 0,e().mark((function t(){var n;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(n=document.querySelector("[data-testid=focusTrap]"))){e.next=4;break}return e.next=4,r.click(n);case 4:case"end":return e.stop()}}),t)})))},g=function(r){var o=r.beforeEach,a=void 0===o?null:o,i=r.beforeAll,c=void 0===i?null:i,u=r.skip,v=void 0!==u&&u,l=r.tests,d=r.afterEach,p=void 0===d?null:d,x=r.afterAll,m=void 0===x?null:x;return function(r){var o=r.canvasElement,i=r.args;return n(void 0,void 0,void 0,e().mark((function n(){var r,u,d,x;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!v){e.next=2;break}return e.abrupt("return");case 2:if(!c){e.next=6;break}return f("Before all:"),e.next=6,s(c)({canvasElement:o,args:i});case 6:r=t(l),e.prev=7,r.s();case 9:if((u=r.n()).done){e.next=25;break}if(x=(d=u.value).name,!a){e.next=16;break}return f("Before: ".concat(x)),e.next=16,s(a)({canvasElement:o,args:i});case 16:return f("Running : ".concat(x)),e.next=19,s(d)({canvasElement:o,args:i});case 19:if(!p){e.next=23;break}return f("After: ".concat(x)),e.next=23,s(p)({canvasElement:o,args:i});case 23:e.next=9;break;case 25:e.next=30;break;case 27:e.prev=27,e.t0=e.catch(7),r.e(e.t0);case 30:return e.prev=30,r.f(),e.finish(30);case 33:if(!m){e.next=37;break}return f("After all:"),e.next=37,s(m)({canvasElement:o,args:i});case 37:case"end":return e.stop()}}),n,null,[[7,27,30,33]])})))}},y=function(e,t){return p(e).getByTestId(t)},b=function(e,t){return p(e).getAllByTestId(t)},h=function(e,t){return p(e).getByPlaceholderText(t)},k=function(e,t){return p(e).getAllByPlaceholderText(t)},w=function(e){return document.getElementsByClassName(e)},B=function(e){return document.getElementsByClassName(e)[0]},E=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return p(e).getByRole(t,n)},T=function(e,t){return p(e).getAllByRole(t)},A=function(e,t){return p(e).getByLabelText(t)},C=function(e,t){return p(e).getAllByLabelText(t)},R=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return p(e).getByText(t,n)},j=function(e,t){return p(e).getAllByText(t)},H=function(e){return r.click(e)},P=function(e){return r.hover(e)},O=function(t,o){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:250;return n(void 0,void 0,void 0,e().mark((function n(){var i,c;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i=r.type(t,o,{delay:50}),e.next=3,i;case 3:return c=e.sent,e.next=6,M(a);case 6:return e.abrupt("return",c);case 7:case"end":return e.stop()}}),n)})))},_=function(e){u(document.activeElement).toHaveTextContent(RegExp("^".concat(e,"$")))},I=function(e){u(document.activeElement).toHaveTextContent(e)},L=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c.TAB,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return n(void 0,void 0,void 0,e().mark((function n(){var a,i;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=t===c.TAB?r.tab():r.keyboard(t),e.next=3,a;case 3:return i=e.sent,e.next=6,M(o);case 6:return e.abrupt("return",i);case 7:case"end":return e.stop()}}),n)})))};function M(e){return new Promise((function(t){if(!e)return t(void 0);setTimeout(t,e)}))}var N=function(t){return new Promise((function(r){var o;i((function(){return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t();case 2:u(o=e.sent).toBeVisible();case 4:case"end":return e.stop()}}),n)})))})).then((function(){r(o)}))}))},D=function(t,o){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{delay:70};return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=t.repeat(o),e.next=3,r.keyboard(t,a);case 3:case"end":return e.stop()}}),n)})))};function X(t,o){var i=o.delta,c=void 0===i?void 0:i,u=o.toCoords,s=void 0===u?void 0:u,v=o.toElm,f=void 0===v?void 0:v,p=o.steps,x=void 0===p?20:p,m=o.duration,g=void 0===m?100:m;return n(this,void 0,void 0,e().mark((function n(){var o,i,u,v,p;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:o=l(t),i=d({toElm:f,toCoords:s,delta:c,from:o}),u={x:(i.x-o.x)/x,y:(i.y-o.y)/x},v={clientX:o.x,clientY:o.y},r.hover(t),a.pointerEnter(t,v),a.pointerOver(t,v),a.pointerMove(t,v),a.pointerDown(t,v),p=0;case 10:if(x<=p){e.next=19;break}return v.clientX+=u.x,v.clientY+=u.y,e.next=15,M(g/x);case 15:a.pointerMove(t,v);case 16:p++,e.next=10;break;case 19:a.pointerUp(t,v);case 20:case"end":return e.stop()}}),n)})))}export{x as NavigationCommand,v as clearText,H as clickElement,M as delay,X as drag,_ as expectActiveElementToHaveExactText,I as expectActiveElementToHavePartialText,C as getAllByLabelText,k as getAllByPlaceholderText,T as getAllByRole,b as getAllByTestId,j as getAllByText,w as getByClassName,A as getByLabelText,h as getByPlaceholderText,E as getByRole,y as getByTestId,R as getByText,B as getFirstByClassName,P as hoverElement,g as interactionSuite,L as pressNavigationKey,m as resetFocus,s as testFunctionWrapper,D as typeMultipleTimes,O as typeText,N as waitForElementVisible};
+import{regeneratorRuntime as e,createForOfIteratorHelper as t}from"../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as n}from"../../_virtual/_tslib.js";import{userEvent as r,within as o,fireEvent as a}from"@storybook/test";import{waitFor as i}from"@testing-library/react";import{NavigationCommand as c}from"./constants.js";import{expect as u}from"@storybook/jest";var s=function(t){return function(r){return n(void 0,[r],void 0,(function(n){var r=n.canvasElement,o=n.args;return e().mark((function n(){var a;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=p(r),e.abrupt("return",t(a,o));case 2:case"end":return e.stop()}}),n)}))()}))}},f=function(t){return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r.clear(t);case 1:case"end":return e.stop()}}),n)})))};function v(e){u(" ➡️ ".concat(e)).toBeDefined()}function l(e){var t=e.getBoundingClientRect();return{x:t.left+t.width/2,y:t.top+t.height/2}}var d=function(e){var t=e.toElm,n=e.toCoords,r=e.delta,o=e.from;return n?Object.assign(Object.assign({},o),n):t?l(t):r?{x:o.x+r.x,y:o.y+r.y}:{x:o.x+10,y:o.y+0}};function p(e){if(e instanceof HTMLElement){var t=o(e);if(t instanceof Error)throw t;return t}if(e.getByRole)return e}var x=c,m=function(){return n(void 0,void 0,void 0,e().mark((function t(){var n;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(n=document.querySelector("[data-testid=focusTrap]"))){e.next=4;break}return e.next=4,r.click(n);case 4:case"end":return e.stop()}}),t)})))},g=function(r){var o=r.beforeEach,a=void 0===o?null:o,i=r.beforeAll,c=void 0===i?null:i,u=r.skip,f=void 0!==u&&u,l=r.tests,d=r.afterEach,p=void 0===d?null:d,x=r.afterAll,m=void 0===x?null:x;return function(r){return n(void 0,[r],void 0,(function(n){var r=n.canvasElement,o=n.args;return e().mark((function n(){var i,u,d,x;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!f){e.next=2;break}return e.abrupt("return");case 2:if(!c){e.next=6;break}return v("Before all:"),e.next=6,s(c)({canvasElement:r,args:o});case 6:i=t(l),e.prev=7,i.s();case 9:if((u=i.n()).done){e.next=25;break}if(x=(d=u.value).name,!a){e.next=16;break}return v("Before: ".concat(x)),e.next=16,s(a)({canvasElement:r,args:o});case 16:return v("Running : ".concat(x)),e.next=19,s(d)({canvasElement:r,args:o});case 19:if(!p){e.next=23;break}return v("After: ".concat(x)),e.next=23,s(p)({canvasElement:r,args:o});case 23:e.next=9;break;case 25:e.next=30;break;case 27:e.prev=27,e.t0=e.catch(7),i.e(e.t0);case 30:return e.prev=30,i.f(),e.finish(30);case 33:if(!m){e.next=37;break}return v("After all:"),e.next=37,s(m)({canvasElement:r,args:o});case 37:case"end":return e.stop()}}),n,null,[[7,27,30,33]])}))()}))}},y=function(e,t){return p(e).getByTestId(t)},h=function(e,t){return p(e).getAllByTestId(t)},b=function(e,t){return p(e).getByPlaceholderText(t)},k=function(e,t){return p(e).getAllByPlaceholderText(t)},w=function(e){return document.getElementsByClassName(e)},B=function(e){return document.getElementsByClassName(e)[0]},E=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return p(e).getByRole(t,n)},T=function(e,t){return p(e).getAllByRole(t)},A=function(e,t){return p(e).getByLabelText(t)},C=function(e,t){return p(e).getAllByLabelText(t)},R=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return p(e).getByText(t,n)},j=function(e,t){return p(e).getAllByText(t)},H=function(e){return r.click(e)},P=function(e){return r.hover(e)},O=function(t,o){for(var a=arguments.length,i=Array(a>2?a-2:0),c=2;a>c;c++)i[c-2]=arguments[c];return n(void 0,[t,o].concat(i),void 0,(function(t,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:250;return e().mark((function a(){var i,c;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i=r.type(t,n,{delay:50}),e.next=3,i;case 3:return c=e.sent,e.next=6,M(o);case 6:return e.abrupt("return",c);case 7:case"end":return e.stop()}}),a)}))()}))},_=function(e){u(document.activeElement).toHaveTextContent(RegExp("^".concat(e,"$")))},I=function(e){u(document.activeElement).toHaveTextContent(e)},L=function(){for(var t=arguments.length,o=Array(t),a=0;t>a;a++)o[a]=arguments[a];return n(void 0,[].concat(o),void 0,(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c.TAB,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return e().mark((function o(){var a,i;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=t===c.TAB?r.tab():r.keyboard(t),e.next=3,a;case 3:return i=e.sent,e.next=6,M(n);case 6:return e.abrupt("return",i);case 7:case"end":return e.stop()}}),o)}))()}))};function M(e){return new Promise((function(t){if(!e)return t(void 0);setTimeout(t,e)}))}var N=function(t){return new Promise((function(r){var o;i((function(){return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t();case 2:u(o=e.sent).toBeVisible();case 4:case"end":return e.stop()}}),n)})))})).then((function(){r(o)}))}))},D=function(t,o){for(var a=arguments.length,i=Array(a>2?a-2:0),c=2;a>c;c++)i[c-2]=arguments[c];return n(void 0,[t,o].concat(i),void 0,(function(t,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{delay:70};return e().mark((function a(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=t.repeat(n),e.next=3,r.keyboard(t,o);case 3:case"end":return e.stop()}}),a)}))()}))};function X(t,o){return n(this,arguments,void 0,(function(t,n){var o=n.delta,i=void 0===o?void 0:o,c=n.toCoords,u=void 0===c?void 0:c,s=n.toElm,f=void 0===s?void 0:s,v=n.steps,p=void 0===v?20:v,x=n.duration,m=void 0===x?100:x;return e().mark((function n(){var o,c,s,v,x;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:o=l(t),c=d({toElm:f,toCoords:u,delta:i,from:o}),s={x:(c.x-o.x)/p,y:(c.y-o.y)/p},v={clientX:o.x,clientY:o.y},r.hover(t),a.pointerEnter(t,v),a.pointerOver(t,v),a.pointerMove(t,v),a.pointerDown(t,v),x=0;case 10:if(p<=x){e.next=19;break}return v.clientX+=s.x,v.clientY+=s.y,e.next=15,M(m/p);case 15:a.pointerMove(t,v);case 16:x++,e.next=10;break;case 19:a.pointerUp(t,v);case 20:case"end":return e.stop()}}),n)}))()}))}export{x as NavigationCommand,f as clearText,H as clickElement,M as delay,X as drag,_ as expectActiveElementToHaveExactText,I as expectActiveElementToHavePartialText,C as getAllByLabelText,k as getAllByPlaceholderText,T as getAllByRole,h as getAllByTestId,j as getAllByText,w as getByClassName,A as getByLabelText,b as getByPlaceholderText,E as getByRole,y as getByTestId,R as getByText,B as getFirstByClassName,P as hoverElement,g as interactionSuite,L as pressNavigationKey,m as resetFocus,s as testFunctionWrapper,D as typeMultipleTimes,O as typeText,N as waitForElementVisible};
 //# sourceMappingURL=interactionsTests.js.map

package/dist/mocked_classnames/src/tests/interactionsTests.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactionsTests.js","sources":["../../../../src/tests/interactions-utils.ts"],"sourcesContent":["import { fireEvent, type queries, userEvent, within } from \"@storybook/test\";\nimport { type BoundFunctions, type Screen, type SelectorMatcherOptions, waitFor } from \"@testing-library/react\";\nimport { NavigationCommand as NavigationCommandType } from \"./constants\";\nimport { expect } from \"@storybook/jest\";\n\nexport type Canvas = HTMLElement | BoundFunctions<typeof queries>;\nexport type TestFunction = (canvas: Canvas, args: Record<string, any>) => unknown;\nexport type Coordinates = { x: number; y: number };\n\n// Internal functions\nexport const testFunctionWrapper = (testFunc: TestFunction) => {\n  return async ({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => {\n    // Starts querying the component from its root element\n    const canvas = getWithin(canvasElement);\n    return testFunc(canvas, args);\n  };\n};\n\nexport const clearText = async (element: HTMLElement) => {\n  userEvent.clear(element);\n};\n\nfunction logFunctionStart(name: string) {\n  expect(` ➡️ ${name}`).toBeDefined();\n}\n\nfunction getElementClientCenter(element: HTMLElement) {\n  const { left, top, width, height } = element.getBoundingClientRect();\n  return {\n    x: left + width / 2,\n    y: top + height / 2\n  };\n}\n\nconst getCoords = ({\n  toElm,\n  toCoords,\n  delta,\n  from\n}: {\n  toElm: HTMLElement;\n  toCoords: Coordinates;\n  delta: Coordinates;\n  from: Coordinates;\n}) => {\n  if (toCoords) {\n    return { ...from, ...toCoords };\n  }\n  if (toElm) {\n    return getElementClientCenter(toElm);\n  }\n  if (delta) {\n    return {\n      x: from.x + delta.x,\n      y: from.y + delta.y\n    };\n  }\n  return {\n    x: from.x + 10,\n    y: from.y + 0\n  };\n};\n\nfunction getWithin(canvasOrValidTestElement: HTMLElement | BoundFunctions<typeof queries>) {\n  if (canvasOrValidTestElement instanceof HTMLElement) {\n    const result = within(canvasOrValidTestElement);\n    if (result instanceof Error) {\n      throw result;\n    }\n    return result;\n  } else if (canvasOrValidTestElement.getByRole) return canvasOrValidTestElement;\n}\n\n// External constants\nexport const NavigationCommand = NavigationCommandType;\n\n// External functions\nexport const resetFocus = async () => {\n  const focusTrap = document.querySelector(\"[data-testid=focusTrap]\");\n  if (focusTrap) {\n    await userEvent.click(focusTrap as HTMLElement);\n  }\n};\n\nexport const interactionSuite =\n  ({\n    beforeEach = null,\n    beforeAll = null,\n    skip = false,\n    tests,\n    afterEach = null,\n    afterAll = null\n  }: {\n    beforeEach?: TestFunction;\n    beforeAll?: TestFunction;\n    skip?: boolean;\n    tests: Array<TestFunction>;\n    afterAll?: TestFunction;\n    afterEach?: TestFunction;\n  }): (({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => Promise<void>) =>\n  async ({ canvasElement, args }) => {\n    if (skip) return;\n\n    if (beforeAll) {\n      logFunctionStart(\"Before all:\");\n      await testFunctionWrapper(beforeAll)({ canvasElement, args });\n    }\n\n    for (const test of tests) {\n      const fnName = test.name;\n      if (beforeEach) {\n        logFunctionStart(`Before: ${fnName}`);\n        await testFunctionWrapper(beforeEach)({ canvasElement, args });\n      }\n\n      logFunctionStart(`Running : ${fnName}`);\n      await testFunctionWrapper(test)({ canvasElement, args });\n\n      if (afterEach) {\n        logFunctionStart(`After: ${fnName}`);\n        await testFunctionWrapper(afterEach)({ canvasElement, args });\n      }\n    }\n\n    if (afterAll) {\n      logFunctionStart(\"After all:\");\n      await testFunctionWrapper(afterAll)({ canvasElement, args });\n    }\n  };\n\nexport const getByTestId = (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => {\n  return getWithin(rootElement).getByTestId(dataTestId);\n};\n\nexport const getAllByTestId = (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => {\n  return getWithin(rootElement).getAllByTestId(dataTestId);\n};\n\nexport const getByPlaceholderText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getByPlaceholderText(text);\n};\n\nexport const getAllByPlaceholderText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getAllByPlaceholderText(text);\n};\n\nexport const getByClassName = (className: string) => {\n  return document.getElementsByClassName(className);\n};\n\nexport const getFirstByClassName = (className: string) => {\n  return document.getElementsByClassName(className)[0];\n};\n\nexport const getByRole = (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string, options = {}) => {\n  return getWithin(rootElement).getByRole(role, options);\n};\n\nexport const getAllByRole = (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string) => {\n  return getWithin(rootElement).getAllByRole(role);\n};\n\nexport const getByLabelText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getByLabelText(text);\n};\n\nexport const getAllByLabelText = (rootElement: HTMLElement, text: string) => {\n  return getWithin(rootElement).getAllByLabelText(text);\n};\n\nexport const getByText = (\n  rootElement: HTMLElement | BoundFunctions<typeof queries>,\n  text: string,\n  options: SelectorMatcherOptions = {}\n) => {\n  return getWithin(rootElement).getByText(text, options);\n};\n\nexport const getAllByText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getAllByText(text);\n};\n\nexport const clickElement = (element: HTMLElement) => {\n  return userEvent.click(element);\n};\n\nexport const hoverElement = (element: HTMLElement) => {\n  return userEvent.hover(element);\n};\n\nexport const typeText = async (element: HTMLElement, text: string, waitForDebounceMs = 250) => {\n  const promise = userEvent.type(element, text, {\n    delay: 50\n  });\n  const result = await promise;\n  await delay(waitForDebounceMs);\n  return result;\n};\n\nexport const expectActiveElementToHaveExactText = (text: string) => {\n  expect(document.activeElement).toHaveTextContent(new RegExp(`^${text}$`));\n};\n\nexport const expectActiveElementToHavePartialText = (text: string) => {\n  expect(document.activeElement).toHaveTextContent(text);\n};\n\nexport const pressNavigationKey = async (command = NavigationCommandType.TAB, waitForDebounceMs = 0): Promise<any> => {\n  const promise = command === NavigationCommandType.TAB ? userEvent.tab() : userEvent.keyboard(command);\n  const result = await promise;\n  await delay(waitForDebounceMs);\n  return result;\n};\n\nexport function delay(timeout: number) {\n  return new Promise((resolve: (value: unknown) => void) => {\n    if (!timeout) return resolve(undefined);\n    setTimeout(resolve, timeout);\n  });\n}\n\nexport const waitForElementVisible = (getterFunc: () => HTMLElement) => {\n  return new Promise(resolve => {\n    let element: HTMLElement;\n    waitFor(async () => {\n      element = await getterFunc();\n      expect(element).toBeVisible();\n    }).then(() => {\n      resolve(element);\n    });\n  });\n};\n\nexport const typeMultipleTimes = async (text: string, count: number, options = { delay: 70 }) => {\n  text = text.repeat(count);\n  await userEvent.keyboard(text, options);\n};\n\nexport async function drag(\n  element: HTMLElement,\n  {\n    delta = undefined,\n    toCoords = undefined,\n    toElm = undefined,\n    steps = 20,\n    duration = 100\n  }: { delta: Coordinates; toCoords: Coordinates; toElm: HTMLElement; steps: number; duration: number }\n) {\n  const from = getElementClientCenter(element);\n  const to = getCoords({ toElm, toCoords, delta, from });\n  const step = {\n    x: (to.x - from.x) / steps,\n    y: (to.y - from.y) / steps\n  };\n  const current = {\n    clientX: from.x,\n    clientY: from.y\n  };\n  userEvent.hover(element);\n  fireEvent.pointerEnter(element, current);\n  fireEvent.pointerOver(element, current);\n  fireEvent.pointerMove(element, current);\n  fireEvent.pointerDown(element, current);\n  for (let i = 0; i < steps; i++) {\n    current.clientX += step.x;\n    current.clientY += step.y;\n    await delay(duration / steps);\n    fireEvent.pointerMove(element, current);\n  }\n  fireEvent.pointerUp(element, current);\n}\n"],"names":["testFunctionWrapper","testFunc","_ref","canvasElement","args","__awaiter","_regeneratorRuntime","mark","_callee","canvas","wrap","_context","prev","next","getWithin","abrupt","stop","clearText","element","_callee2","_context2","userEvent","clear","logFunctionStart","name","expect","concat","toBeDefined","getElementClientCenter","_element$getBoundingC","getBoundingClientRect","x","left","width","y","top","height","getCoords","_ref2","toElm","toCoords","delta","from","Object","assign","canvasOrValidTestElement","HTMLElement","result","within","Error","getByRole","NavigationCommand","NavigationCommandType","resetFocus","_callee3","focusTrap","_context3","document","querySelector","click","interactionSuite","_ref3","_ref3$beforeEach","beforeEach","_ref3$beforeAll","beforeAll","_ref3$skip","skip","tests","_ref3$afterEach","afterEach","_ref3$afterAll","afterAll","_ref4","_callee4","_iterator","_step","test","fnName","_context4","_createForOfIteratorHelper","s","n","done","value","t0","e","f","finish","getByTestId","rootElement","dataTestId","getAllByTestId","getByPlaceholderText","text","getAllByPlaceholderText","getByClassName","className","getElementsByClassName","getFirstByClassName","role","options","arguments","length","undefined","getAllByRole","getByLabelText","getAllByLabelText","getByText","getAllByText","clickElement","hoverElement","hover","typeText","waitForDebounceMs","_callee5","promise","_context5","type","delay","sent","expectActiveElementToHaveExactText","activeElement","toHaveTextContent","RegExp","expectActiveElementToHavePartialText","pressNavigationKey","command","TAB","_callee6","_context6","tab","keyboard","timeout","Promise","resolve","setTimeout","waitForElementVisible","getterFunc","waitFor","_callee7","_context7","toBeVisible","then","typeMultipleTimes","count","_callee8","_context8","repeat","drag","_ref5","_ref5$delta","_ref5$toCoords","_ref5$toElm","_ref5$steps","steps","_ref5$duration","duration","to","step","current","clientX","clientY","fireEvent","pointerEnter","pointerOver","pointerMove","pointerDown","i","_context9","pointerUp","_callee9"],"mappings":"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"}
+{"version":3,"file":"interactionsTests.js","sources":["../../../../src/tests/interactions-utils.ts"],"sourcesContent":["import { fireEvent, type queries, userEvent, within } from \"@storybook/test\";\nimport { type BoundFunctions, type Screen, type SelectorMatcherOptions, waitFor } from \"@testing-library/react\";\nimport { NavigationCommand as NavigationCommandType } from \"./constants\";\nimport { expect } from \"@storybook/jest\";\n\nexport type Canvas = HTMLElement | BoundFunctions<typeof queries>;\nexport type TestFunction = (canvas: Canvas, args: Record<string, any>) => unknown;\nexport type Coordinates = { x: number; y: number };\n\n// Internal functions\nexport const testFunctionWrapper = (testFunc: TestFunction) => {\n  return async ({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => {\n    // Starts querying the component from its root element\n    const canvas = getWithin(canvasElement);\n    return testFunc(canvas, args);\n  };\n};\n\nexport const clearText = async (element: HTMLElement) => {\n  userEvent.clear(element);\n};\n\nfunction logFunctionStart(name: string) {\n  expect(` ➡️ ${name}`).toBeDefined();\n}\n\nfunction getElementClientCenter(element: HTMLElement) {\n  const { left, top, width, height } = element.getBoundingClientRect();\n  return {\n    x: left + width / 2,\n    y: top + height / 2\n  };\n}\n\nconst getCoords = ({\n  toElm,\n  toCoords,\n  delta,\n  from\n}: {\n  toElm: HTMLElement;\n  toCoords: Coordinates;\n  delta: Coordinates;\n  from: Coordinates;\n}) => {\n  if (toCoords) {\n    return { ...from, ...toCoords };\n  }\n  if (toElm) {\n    return getElementClientCenter(toElm);\n  }\n  if (delta) {\n    return {\n      x: from.x + delta.x,\n      y: from.y + delta.y\n    };\n  }\n  return {\n    x: from.x + 10,\n    y: from.y + 0\n  };\n};\n\nfunction getWithin(canvasOrValidTestElement: HTMLElement | BoundFunctions<typeof queries>) {\n  if (canvasOrValidTestElement instanceof HTMLElement) {\n    const result = within(canvasOrValidTestElement);\n    if (result instanceof Error) {\n      throw result;\n    }\n    return result;\n  } else if (canvasOrValidTestElement.getByRole) return canvasOrValidTestElement;\n}\n\n// External constants\nexport const NavigationCommand = NavigationCommandType;\n\n// External functions\nexport const resetFocus = async () => {\n  const focusTrap = document.querySelector(\"[data-testid=focusTrap]\");\n  if (focusTrap) {\n    await userEvent.click(focusTrap as HTMLElement);\n  }\n};\n\nexport const interactionSuite =\n  ({\n    beforeEach = null,\n    beforeAll = null,\n    skip = false,\n    tests,\n    afterEach = null,\n    afterAll = null\n  }: {\n    beforeEach?: TestFunction;\n    beforeAll?: TestFunction;\n    skip?: boolean;\n    tests: Array<TestFunction>;\n    afterAll?: TestFunction;\n    afterEach?: TestFunction;\n  }): (({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => Promise<void>) =>\n  async ({ canvasElement, args }) => {\n    if (skip) return;\n\n    if (beforeAll) {\n      logFunctionStart(\"Before all:\");\n      await testFunctionWrapper(beforeAll)({ canvasElement, args });\n    }\n\n    for (const test of tests) {\n      const fnName = test.name;\n      if (beforeEach) {\n        logFunctionStart(`Before: ${fnName}`);\n        await testFunctionWrapper(beforeEach)({ canvasElement, args });\n      }\n\n      logFunctionStart(`Running : ${fnName}`);\n      await testFunctionWrapper(test)({ canvasElement, args });\n\n      if (afterEach) {\n        logFunctionStart(`After: ${fnName}`);\n        await testFunctionWrapper(afterEach)({ canvasElement, args });\n      }\n    }\n\n    if (afterAll) {\n      logFunctionStart(\"After all:\");\n      await testFunctionWrapper(afterAll)({ canvasElement, args });\n    }\n  };\n\nexport const getByTestId = (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => {\n  return getWithin(rootElement).getByTestId(dataTestId);\n};\n\nexport const getAllByTestId = (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => {\n  return getWithin(rootElement).getAllByTestId(dataTestId);\n};\n\nexport const getByPlaceholderText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getByPlaceholderText(text);\n};\n\nexport const getAllByPlaceholderText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getAllByPlaceholderText(text);\n};\n\nexport const getByClassName = (className: string) => {\n  return document.getElementsByClassName(className);\n};\n\nexport const getFirstByClassName = (className: string) => {\n  return document.getElementsByClassName(className)[0];\n};\n\nexport const getByRole = (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string, options = {}) => {\n  return getWithin(rootElement).getByRole(role, options);\n};\n\nexport const getAllByRole = (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string) => {\n  return getWithin(rootElement).getAllByRole(role);\n};\n\nexport const getByLabelText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getByLabelText(text);\n};\n\nexport const getAllByLabelText = (rootElement: HTMLElement, text: string) => {\n  return getWithin(rootElement).getAllByLabelText(text);\n};\n\nexport const getByText = (\n  rootElement: HTMLElement | BoundFunctions<typeof queries>,\n  text: string,\n  options: SelectorMatcherOptions = {}\n) => {\n  return getWithin(rootElement).getByText(text, options);\n};\n\nexport const getAllByText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getAllByText(text);\n};\n\nexport const clickElement = (element: HTMLElement) => {\n  return userEvent.click(element);\n};\n\nexport const hoverElement = (element: HTMLElement) => {\n  return userEvent.hover(element);\n};\n\nexport const typeText = async (element: HTMLElement, text: string, waitForDebounceMs = 250) => {\n  const promise = userEvent.type(element, text, {\n    delay: 50\n  });\n  const result = await promise;\n  await delay(waitForDebounceMs);\n  return result;\n};\n\nexport const expectActiveElementToHaveExactText = (text: string) => {\n  expect(document.activeElement).toHaveTextContent(new RegExp(`^${text}$`));\n};\n\nexport const expectActiveElementToHavePartialText = (text: string) => {\n  expect(document.activeElement).toHaveTextContent(text);\n};\n\nexport const pressNavigationKey = async (command = NavigationCommandType.TAB, waitForDebounceMs = 0): Promise<any> => {\n  const promise = command === NavigationCommandType.TAB ? userEvent.tab() : userEvent.keyboard(command);\n  const result = await promise;\n  await delay(waitForDebounceMs);\n  return result;\n};\n\nexport function delay(timeout: number) {\n  return new Promise((resolve: (value: unknown) => void) => {\n    if (!timeout) return resolve(undefined);\n    setTimeout(resolve, timeout);\n  });\n}\n\nexport const waitForElementVisible = (getterFunc: () => HTMLElement) => {\n  return new Promise(resolve => {\n    let element: HTMLElement;\n    waitFor(async () => {\n      element = await getterFunc();\n      expect(element).toBeVisible();\n    }).then(() => {\n      resolve(element);\n    });\n  });\n};\n\nexport const typeMultipleTimes = async (text: string, count: number, options = { delay: 70 }) => {\n  text = text.repeat(count);\n  await userEvent.keyboard(text, options);\n};\n\nexport async function drag(\n  element: HTMLElement,\n  {\n    delta = undefined,\n    toCoords = undefined,\n    toElm = undefined,\n    steps = 20,\n    duration = 100\n  }: { delta: Coordinates; toCoords: Coordinates; toElm: HTMLElement; steps: number; duration: number }\n) {\n  const from = getElementClientCenter(element);\n  const to = getCoords({ toElm, toCoords, delta, from });\n  const step = {\n    x: (to.x - from.x) / steps,\n    y: (to.y - from.y) / steps\n  };\n  const current = {\n    clientX: from.x,\n    clientY: from.y\n  };\n  userEvent.hover(element);\n  fireEvent.pointerEnter(element, current);\n  fireEvent.pointerOver(element, current);\n  fireEvent.pointerMove(element, current);\n  fireEvent.pointerDown(element, current);\n  for (let i = 0; i < steps; i++) {\n    current.clientX += step.x;\n    current.clientY += step.y;\n    await delay(duration / steps);\n    fireEvent.pointerMove(element, current);\n  }\n  fireEvent.pointerUp(element, current);\n}\n"],"names":["testFunctionWrapper","testFunc","__awaiter","_a","_ref","canvasElement","args","_regeneratorRuntime","mark","_callee","canvas","wrap","_context","prev","next","getWithin","abrupt","stop","clearText","element","_callee2","_context2","userEvent","clear","logFunctionStart","name","expect","concat","toBeDefined","getElementClientCenter","_element$getBoundingC","getBoundingClientRect","x","left","width","y","top","height","getCoords","_ref2","toElm","toCoords","delta","from","Object","assign","canvasOrValidTestElement","HTMLElement","result","within","Error","getByRole","NavigationCommand","NavigationCommandType","resetFocus","_callee3","focusTrap","_context3","document","querySelector","click","interactionSuite","_ref3","_ref3$beforeEach","beforeEach","_ref3$beforeAll","beforeAll","_ref3$skip","skip","tests","_ref3$afterEach","afterEach","_ref3$afterAll","afterAll","_ref4","_callee4","_iterator","_step","test","fnName","_context4","_createForOfIteratorHelper","s","n","done","value","t0","e","f","finish","getByTestId","rootElement","dataTestId","getAllByTestId","getByPlaceholderText","text","getAllByPlaceholderText","getByClassName","className","getElementsByClassName","getFirstByClassName","role","options","arguments","length","undefined","getAllByRole","getByLabelText","getAllByLabelText","getByText","getAllByText","clickElement","hoverElement","hover","typeText","element_1","text_1","_len","args_1","Array","_key","waitForDebounceMs","_callee5","promise","_context5","type","delay","sent","expectActiveElementToHaveExactText","activeElement","toHaveTextContent","RegExp","expectActiveElementToHavePartialText","pressNavigationKey","_len2","command","TAB","_callee6","_context6","tab","keyboard","timeout","Promise","resolve","setTimeout","waitForElementVisible","getterFunc","waitFor","_callee7","_context7","toBeVisible","then","typeMultipleTimes","count_1","_len3","_key3","count","_callee8","_context8","repeat","drag","_ref5","_ref5$delta","_ref5$toCoords","_ref5$toElm","_ref5$steps","steps","_ref5$duration","duration","_callee9","to","step","current","i","_context9","clientX","clientY","fireEvent","pointerEnter","pointerOver","pointerMove","pointerDown","pointerUp"],"mappings":"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"}

package/dist/mocked_classnames/src/utils/dom-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom-utils.js","sources":["../../../../src/utils/dom-utils.ts"],"sourcesContent":["import { memoize as _memoize } from \"es-toolkit\";\n\nexport function isInsideClass(domElement: HTMLElement, classOrClassesName: Array<string> | string) {\n  if (!classOrClassesName) return false;\n  let selector;\n\n  if (Array.isArray(classOrClassesName)) {\n    selector = classOrClassesName.map(c => `.${c}`).join(\",\");\n  } else {\n    selector = `.${classOrClassesName}`;\n  }\n\n  return !!domElement.parentElement.closest(selector);\n}\n\nconst _getScrollableParent = _memoize(\n  (node: HTMLElement): HTMLElement => {\n    if (!node) {\n      return null;\n    }\n    while (node.parentElement) {\n      if (isNodeVerticallyScrollable(node.parentElement)) {\n        return node.parentElement;\n      }\n      node = node.parentElement;\n    }\n    return document.body;\n  },\n  {\n    getCacheKey: (node: HTMLElement) => node.outerHTML\n  }\n);\n\nexport const getScrollableParent: (node: HTMLElement) => HTMLElement = _getScrollableParent;\n\nconst isNodeVerticallyScrollable = (node: HTMLElement): boolean => {\n  return [\"auto\", \"scroll\"].includes(getComputedStyle(node).getPropertyValue(\"overflow-y\"));\n};\n"],"names":["isInsideClass","domElement","classOrClassesName","selector","Array","isArray","map","c","concat","join","parentElement","closest","_memoize","node","isNodeVerticallyScrollable","document","body","getCacheKey","outerHTML","includes","getComputedStyle","getPropertyValue"],"mappings":"qCAEgB,SAAAA,EAAcC,EAAyBC,GACrD,QAAKA,IAIHC,EADEC,MAAMC,QAAQH,GACLA,EAAmBI,KAAI,SAAAC,GAAC,MAAAC,IAAAA,OAAQD,EAAC,IAAIE,KAAK,KAE7CD,IAAAA,OAAON,KAGRD,EAAWS,cAAcC,QAAQR,IAR1C,IAAIA,CASN,CAE6BS,GAC3B,SAACC,GACC,IAAKA,EACH,OAAO,KAET,KAAOA,EAAKH,eAAe,CACzB,GAAII,EAA2BD,EAAKH,eAClC,OAAOG,EAAKH,cAEdG,EAAOA,EAAKH,aACb,CACD,OAAOK,SAASC,IAClB,GACA,CACEC,YAAa,SAACJ,GAAiB,OAAKA,EAAKK,SAAS,IAMtD,IAAMJ,EAA6B,SAACD,GAClC,MAAO,CAAC,OAAQ,UAAUM,SAASC,iBAAiBP,GAAMQ,iBAAiB,cAC7E"}
+{"version":3,"file":"dom-utils.js","sources":["../../../../src/utils/dom-utils.ts"],"sourcesContent":["import { memoize as _memoize } from \"es-toolkit\";\n\nexport function isInsideClass(domElement: HTMLElement, classOrClassesName: Array<string> | string) {\n  if (!classOrClassesName) return false;\n  let selector;\n\n  if (Array.isArray(classOrClassesName)) {\n    selector = classOrClassesName.map(c => `.${c}`).join(\",\");\n  } else {\n    selector = `.${classOrClassesName}`;\n  }\n\n  return !!domElement.parentElement.closest(selector);\n}\n\nconst _getScrollableParent = _memoize(\n  (node: HTMLElement): HTMLElement => {\n    if (!node) {\n      return null;\n    }\n    while (node.parentElement) {\n      if (isNodeVerticallyScrollable(node.parentElement)) {\n        return node.parentElement;\n      }\n      node = node.parentElement;\n    }\n    return document.body;\n  },\n  {\n    getCacheKey: (node: HTMLElement) => node.outerHTML\n  }\n);\n\nexport const getScrollableParent: (node: HTMLElement) => HTMLElement = _getScrollableParent;\n\nconst isNodeVerticallyScrollable = (node: HTMLElement): boolean => {\n  return [\"auto\", \"scroll\"].includes(getComputedStyle(node).getPropertyValue(\"overflow-y\"));\n};\n"],"names":["isInsideClass","domElement","classOrClassesName","selector","Array","isArray","map","c","concat","join","parentElement","closest","_memoize","node","isNodeVerticallyScrollable","document","body","getCacheKey","outerHTML","includes","getComputedStyle","getPropertyValue"],"mappings":"qCAEgB,SAAAA,EAAcC,EAAyBC,GACrD,QAAKA,IAIHC,EADEC,MAAMC,QAAQH,GACLA,EAAmBI,KAAI,SAAAC,GAAC,MAAAC,IAAAA,OAAQD,EAAC,IAAIE,KAAK,KAE7CD,IAAAA,OAAON,KAGRD,EAAWS,cAAcC,QAAQR,IAR1C,IAAIA,CASN,CAE6BS,GAC3B,SAACC,GACC,IAAKA,EACH,OAAO,KAET,KAAOA,EAAKH,eAAe,CACzB,GAAII,EAA2BD,EAAKH,eAClC,OAAOG,EAAKH,cAEdG,EAAOA,EAAKH,aACd,CACA,OAAOK,SAASC,IAClB,GACA,CACEC,YAAa,SAACJ,GAAiB,OAAKA,EAAKK,SAAS,IAMtD,IAAMJ,EAA6B,SAACD,GAClC,MAAO,CAAC,OAAQ,UAAUM,SAASC,iBAAiBP,GAAMQ,iBAAiB,cAC7E"}

package/dist/mocked_classnames/src/utils/warn-deprecated.js.map

@@ -1 +1 @@
-{"version":3,"file":"warn-deprecated.js","sources":["../../../../src/utils/warn-deprecated.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport function useWarnDeprecated({\n  component,\n  condition = true,\n  message\n}: {\n  component: string;\n  condition?: boolean;\n  message: string;\n}) {\n  useEffect(() => {\n    warnDeprecated({ component, condition, message });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n}\n\nexport function warnDeprecated({\n  component,\n  condition,\n  message\n}: {\n  component: string;\n  condition: boolean;\n  message: string;\n}) {\n  if (condition && process.env.NODE_ENV !== \"production\") {\n    const warningMessage = `[@vibe/core] ${component}: ${message}`;\n    console.warn(warningMessage);\n  }\n}\n"],"names":["useWarnDeprecated","_ref","component","_ref$condition","condition","message","useEffect","warnDeprecated","_ref2","process","env","NODE_ENV","warningMessage","concat","console","warn"],"mappings":"kCAEM,SAAUA,EAAiBC,GAQhC,IAPCC,EAASD,EAATC,UAASC,EAAAF,EACTG,UAAAA,OAAY,IAAHD,GAAOA,EAChBE,EAAOJ,EAAPI,QAMAC,GAAU,WACRC,EAAe,CAAEL,UAAAA,EAAWE,UAAAA,EAAWC,QAAAA,GAExC,GAAE,GACL,CAEM,SAAUE,EAAcC,GAQ7B,IALCH,EAAOG,EAAPH,QAMA,GAPSG,EAATJ,WAO0C,eAAzBK,QAAQC,IAAIC,SAA2B,CACtD,IAAMC,kBAAcC,OATbL,EAATN,UASkDW,MAAAA,OAAKR,GACrDS,QAAQC,KAAKH,EACd,CACH"}
+{"version":3,"file":"warn-deprecated.js","sources":["../../../../src/utils/warn-deprecated.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport function useWarnDeprecated({\n  component,\n  condition = true,\n  message\n}: {\n  component: string;\n  condition?: boolean;\n  message: string;\n}) {\n  useEffect(() => {\n    warnDeprecated({ component, condition, message });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n}\n\nexport function warnDeprecated({\n  component,\n  condition,\n  message\n}: {\n  component: string;\n  condition: boolean;\n  message: string;\n}) {\n  if (condition && process.env.NODE_ENV !== \"production\") {\n    const warningMessage = `[@vibe/core] ${component}: ${message}`;\n    console.warn(warningMessage);\n  }\n}\n"],"names":["useWarnDeprecated","_ref","component","_ref$condition","condition","message","useEffect","warnDeprecated","_ref2","process","env","NODE_ENV","warningMessage","concat","console","warn"],"mappings":"kCAEM,SAAUA,EAAiBC,GAQhC,IAPCC,EAASD,EAATC,UAASC,EAAAF,EACTG,UAAAA,OAAY,IAAHD,GAAOA,EAChBE,EAAOJ,EAAPI,QAMAC,GAAU,WACRC,EAAe,CAAEL,UAAAA,EAAWE,UAAAA,EAAWC,QAAAA,GAExC,GAAE,GACL,CAEM,SAAUE,EAAcC,GAQ7B,IALCH,EAAOG,EAAPH,QAMA,GAPSG,EAATJ,WAO0C,eAAzBK,QAAQC,IAAIC,SAA2B,CACtD,IAAMC,kBAAcC,OATbL,EAATN,UASkDW,MAAAA,OAAKR,GACrDS,QAAQC,KAAKH,EACf,CACF"}

package/dist/mocked_classnames/style-imports.d.ts

@@ -1 +1 @@
-import "@vibe/style/dist/index.min.css";
+import "@vibe/style/dist/index.min.css";