@razorpay/blade 12.110.0 → 12.119.1

package/build/lib/web/development/components/TreeView/TreeView.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.web.js","sources":["../../../../../../src/components/TreeView/TreeView.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { componentIds } from './componentIds';\nimport type { TreeViewProps, TreeViewNodeType } from './types';\nimport { TreeViewContext } from './useTreeView';\nimport type { TreeViewContextType } from './useTreeView';\nimport {\n  getDisplayOverride,\n  getBranchSelectionState,\n  getSelectedGroups,\n  getSelectedLeafValues,\n  getSelectionAfterLoad,\n  getSelectionOnNodeToggle,\n  getTreeViewProperties,\n  getVisibleOptionIndices,\n  getVisibleValues,\n} from './treeViewUtils';\nimport { TreeViewMountScopeContext, useTreeViewMountScopeRef } from './TreeViewAnimator.web';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getBaseListBoxWrapperStyles } from '~components/ActionList/styles/getBaseListBoxWrapperStyles';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { useId } from '~utils/useId';\n\nconst StyledTreeViewListBoxWrapper = styled(BaseBox)((props) => ({\n  overflowY: 'auto',\n  ...getBaseListBoxWrapperStyles({ theme: props.theme, isInBottomSheet: false }),\n}));\n\nconst _TreeView = ({\n  children,\n  selectionType,\n  value,\n  defaultValue,\n  onChange,\n  name,\n  testID,\n  ...rest\n}: TreeViewProps): React.ReactElement => {\n  const dropdown = useDropdown();\n  const { isInBottomSheet } = useBottomSheetContext();\n  const isInsideDropdown = dropdown.dropdownBaseId !== '';\n  const baseId = useId('treeview');\n\n  if (__DEV__ && isInBottomSheet) {\n    // §6.9: BottomSheet is explicitly out of scope for TreeView v1\n    throwBladeError({\n      message: 'TreeView is not supported inside BottomSheet',\n      moduleName: 'TreeView',\n    });\n  }\n\n  React.useEffect(() => {\n    if (__DEV__ && isInsideDropdown) {\n      if (value !== undefined || defaultValue !== undefined || onChange !== undefined) {\n        logger({\n          type: 'warn',\n          moduleName: 'TreeView',\n          message:\n            'value, defaultValue, and onChange props of TreeView are ignored inside Dropdown. Use them on the Dropdown trigger (SelectInput / FilterChipSelectInput) instead',\n        });\n      }\n      if (\n        selectionType !== undefined &&\n        dropdown.selectionType !== undefined &&\n        selectionType !== dropdown.selectionType\n      ) {\n        logger({\n          type: 'warn',\n          moduleName: 'TreeView',\n          message: `selectionType=\"${selectionType}\" on TreeView conflicts with selectionType=\"${dropdown.selectionType}\" on Dropdown. Dropdown's selectionType wins`,\n        });\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isInsideDropdown]);\n\n  // §2.1 dual-mode rule: inside Dropdown, selection is owned by Dropdown state and its trigger\n  const effectiveSelectionType = isInsideDropdown\n    ? dropdown.selectionType ?? 'single'\n    : selectionType ?? 'single';\n\n  const properties = React.useMemo(() => getTreeViewProperties(children), [children]);\n  const { orderedNodes, nodeMap, rootValues, options } = properties;\n\n  // ---------------- expansion ----------------\n  const [uncontrolledExpandedValues, setUncontrolledExpandedValues] = React.useState<Set<string>>(\n    () =>\n      new Set(\n        properties.orderedNodes\n          .filter((node) => node.kind === 'item' && node.isBranch && node.defaultIsExpanded)\n          .map((node) => node.value),\n      ),\n  );\n\n  const expandedValues = React.useMemo(() => {\n    const merged = new Set<string>();\n    for (const node of orderedNodes) {\n      if (!node.isBranch) {\n        continue;\n      }\n      const isExpanded = node.controlledIsExpanded ?? uncontrolledExpandedValues.has(node.value);\n      if (isExpanded) {\n        merged.add(node.value);\n      }\n    }\n    return merged;\n  }, [orderedNodes, uncontrolledExpandedValues]);\n\n  const onNodeExpandToggle = (nodeValue: string): void => {\n    const node = nodeMap[nodeValue];\n    if (!node?.isBranch || node.isDisabled) {\n      return;\n    }\n    const isExpanded = expandedValues.has(nodeValue);\n    if (node.controlledIsExpanded === undefined) {\n      setUncontrolledExpandedValues((previous) => {\n        const next = new Set(previous);\n        if (isExpanded) {\n          next.delete(nodeValue);\n        } else {\n          next.add(nodeValue);\n        }\n        return next;\n      });\n    }\n    node.onExpandChange?.({ isExpanded: !isExpanded });\n  };\n\n  // ---------------- selection (standalone: B11 - a Set of selected leaf values) ----------------\n  const isControlledSelection = !isInsideDropdown && value !== undefined;\n  const [uncontrolledSelectedValues, setUncontrolledSelectedValues] = React.useState<Set<string>>(\n    () => new Set(defaultValue ?? []),\n  );\n  const standaloneSelectedValues = React.useMemo(\n    () => (isControlledSelection ? new Set(value) : uncontrolledSelectedValues),\n    [isControlledSelection, value, uncontrolledSelectedValues],\n  );\n\n  // dropdown mode: B11 - no TreeView-owned selection state, everything derives from Dropdown's indices\n  const dropdownSelectedValues = React.useMemo(() => {\n    const selected = new Set<string>();\n    if (!isInsideDropdown) {\n      return selected;\n    }\n    for (const selectedIndex of dropdown.selectedIndices) {\n      const optionValue = dropdown.options[selectedIndex]?.value;\n      if (optionValue !== undefined) {\n        selected.add(optionValue);\n      }\n    }\n    return selected;\n  }, [isInsideDropdown, dropdown.selectedIndices, dropdown.options]);\n\n  const selectedValuesSet = isInsideDropdown ? dropdownSelectedValues : standaloneSelectedValues;\n\n  const emitStandaloneChange = (next: Set<string>): void => {\n    if (effectiveSelectionType === 'single') {\n      onChange?.({ name, values: [...next], selectedGroups: [] });\n      return;\n    }\n    onChange?.({\n      name,\n      values: getSelectedLeafValues(orderedNodes, next),\n      selectedGroups: getSelectedGroups({ rootValues, nodeMap, selectedValues: next }),\n    });\n  };\n\n  const onNodeSelect = (nodeValue: string): void => {\n    const node = nodeMap[nodeValue];\n    if (!node || node.isDisabled || node.kind === 'loadMore') {\n      return;\n    }\n\n    // a branch that opted out of selection toggles expansion instead (row click / Enter / Space)\n    if (node.isBranch && !node.isSelectable) {\n      onNodeExpandToggle(nodeValue);\n      return;\n    }\n\n    let next: Set<string>;\n    if (effectiveSelectionType === 'single') {\n      // radio semantics (B1) - reselecting the current selection is a no-op\n      if (standaloneSelectedValues.has(nodeValue) && standaloneSelectedValues.size === 1) {\n        return;\n      }\n      next = new Set([nodeValue]);\n    } else {\n      if (node.isBranch && node.selectableLeafValues.length === 0) {\n        return;\n      }\n      next = getSelectionOnNodeToggle({ node, selectedValues: standaloneSelectedValues });\n    }\n\n    if (!isControlledSelection) {\n      setUncontrolledSelectedValues(next);\n    }\n    emitStandaloneChange(next);\n  };\n\n  // ---------------- dropdown mode: selection routing (§6.2) ----------------\n  const toggleBranchInDropdown = (node: TreeViewNodeType): void => {\n    // multiple mode invariant: branch indices never enter selectedIndices\n    const leafIndices = node.selectableLeafValues\n      .map((leafValue) => nodeMap[leafValue]?.optionIndex ?? -1)\n      .filter((optionIndex) => optionIndex >= 0);\n    if (leafIndices.length === 0) {\n      return;\n    }\n    const areAllSelected = leafIndices.every((optionIndex) =>\n      dropdown.selectedIndices.includes(optionIndex),\n    );\n    dropdown.selectOptionsBatch(leafIndices, areAllSelected ? 'deselect' : 'select');\n  };\n\n  const onDropdownNodeClick = (\n    event: React.MouseEvent<HTMLButtonElement>,\n    clickedValue: string,\n  ): void => {\n    const node = nodeMap[clickedValue];\n    if (!node || node.isDisabled || node.optionIndex < 0) {\n      return;\n    }\n\n    if (node.kind === 'loadMore') {\n      options[node.optionIndex].onClickTrigger?.(true);\n      dropdown.setActiveIndex(node.optionIndex);\n      dropdown.triggererRef.current?.focus();\n      return;\n    }\n\n    // non-selectable branch: toggle expansion, keep the overlay open, never enter selectedIndices\n    if (node.isBranch && !node.isSelectable) {\n      onNodeExpandToggle(node.value);\n      dropdown.setActiveIndex(node.optionIndex);\n      dropdown.triggererRef.current?.focus();\n      return;\n    }\n\n    if (effectiveSelectionType === 'multiple' && node.isBranch) {\n      toggleBranchInDropdown(node);\n      dropdown.setActiveIndex(node.optionIndex);\n      dropdown.triggererRef.current?.focus();\n      return;\n    }\n\n    // leaf click (and branch click in single mode) goes through the standard path\n    dropdown.onOptionClick(event, node.optionIndex);\n  };\n\n  // ---------------- registration (§6.1) + uncontrolled remap + B6 inheritance ----------------\n  const previousPropertiesRef = React.useRef(properties);\n  React.useEffect(() => {\n    const previousProperties = previousPropertiesRef.current;\n    previousPropertiesRef.current = properties;\n\n    if (isInsideDropdown) {\n      dropdown.setOptions(options);\n\n      if (previousProperties !== properties && !dropdown.isControlled) {\n        // indices are positional: when the registered list changes (async children, loadMore),\n        // remap uncontrolled selection by value and apply B6 inheritance.\n        // Controlled mode re-syncs through useControlledDropdownInput on [value, options] - not duplicated here\n        const previousSelectedValues = new Set(\n          dropdown.selectedIndices\n            .map((selectedIndex) => previousProperties.options[selectedIndex]?.value)\n            .filter((optionValue): optionValue is string => optionValue !== undefined),\n        );\n        const inherited = getSelectionAfterLoad({\n          previousNodeMap: previousProperties.nodeMap,\n          nodeMap,\n          orderedNodes,\n          selectedValues: previousSelectedValues,\n        });\n        const nextIndices = [...inherited]\n          .map((selectedValue) => options.findIndex((option) => option.value === selectedValue))\n          .filter((optionIndex) => optionIndex >= 0);\n        const hasChanged =\n          nextIndices.length !== dropdown.selectedIndices.length ||\n          nextIndices.some((optionIndex, i) => optionIndex !== dropdown.selectedIndices[i]);\n\n        if (hasChanged) {\n          dropdown.setSelectedIndices(nextIndices);\n          if (inherited.size !== previousSelectedValues.size) {\n            // selection actually grew through inheritance - let the trigger fire onChange\n            dropdown.setChangeCallbackTriggerer(dropdown.changeCallbackTriggerer + 1);\n          }\n        }\n      }\n      return;\n    }\n\n    // standalone B6 inheritance (uncontrolled multiple selection only;\n    // in controlled mode the consumer owns `value` and can react to loads themselves)\n    if (\n      previousProperties !== properties &&\n      !isControlledSelection &&\n      effectiveSelectionType === 'multiple'\n    ) {\n      const inherited = getSelectionAfterLoad({\n        previousNodeMap: previousProperties.nodeMap,\n        nodeMap,\n        orderedNodes,\n        selectedValues: uncontrolledSelectedValues,\n      });\n      if (inherited.size !== uncontrolledSelectedValues.size) {\n        setUncontrolledSelectedValues(inherited);\n        emitStandaloneChange(inherited);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [properties]);\n\n  // ---------------- dropdown keyboard controller (§6.4) ----------------\n  const getNodeAtIndex = (optionIndex: number): TreeViewNodeType | undefined => {\n    const optionValue = options[optionIndex]?.value;\n    return optionValue === undefined ? undefined : nodeMap[optionValue];\n  };\n\n  if (isInsideDropdown && dropdown.treeViewControllerRef) {\n    // Published during render (not in an effect): the trigger's effects\n    // (e.g. useControlledDropdownInput's onChange effect reading getSelectedGroups) run\n    // before this component's effects would re-assign the controller, so an effect-based\n    // assignment with a cleanup leaves a null window on every commit\n    dropdown.treeViewControllerRef.current = {\n      getVisibleOptionIndices: () =>\n        getVisibleOptionIndices({ orderedNodes, nodeMap, expandedValues }),\n      onArrowRightKeydown: (currentActiveIndex) => {\n        const node = getNodeAtIndex(currentActiveIndex);\n        if (!node?.isBranch) {\n          return;\n        }\n        if (!expandedValues.has(node.value)) {\n          onNodeExpandToggle(node.value);\n          return;\n        }\n        // already expanded: move to the first traversable child\n        const firstChildIndex = node.childValues\n          .map((childValue) => nodeMap[childValue])\n          .filter((childNode) => childNode && !childNode.isDisabled)\n          .map((childNode) => childNode.optionIndex)\n          .find((optionIndex) => optionIndex >= 0);\n        if (firstChildIndex !== undefined) {\n          dropdown.setActiveIndex(firstChildIndex);\n        }\n      },\n      onArrowLeftKeydown: (currentActiveIndex) => {\n        const node = getNodeAtIndex(currentActiveIndex);\n        if (!node) {\n          return;\n        }\n        if (node.isBranch && expandedValues.has(node.value)) {\n          onNodeExpandToggle(node.value);\n          return;\n        }\n        if (node.parentValue !== null) {\n          const parentIndex = nodeMap[node.parentValue]?.optionIndex ?? -1;\n          if (parentIndex >= 0) {\n            dropdown.setActiveIndex(parentIndex);\n          }\n        }\n      },\n      handleOptionSelect: (optionIndex, { key } = {}) => {\n        const node = getNodeAtIndex(optionIndex);\n        if (!node) {\n          return false;\n        }\n        if (node.kind === 'loadMore') {\n          // B7: Enter activates, Space is a no-op\n          if (key !== ' ') {\n            options[optionIndex].onClickTrigger?.(true);\n          }\n          return true;\n        }\n        if (node.isBranch && !node.isSelectable) {\n          // non-selectable branch: Enter/Space toggle expansion, never select\n          onNodeExpandToggle(node.value);\n          options[optionIndex].onClickTrigger?.(false);\n          return true;\n        }\n        if (effectiveSelectionType === 'multiple' && node.isBranch) {\n          // §6.2: branch toggle routes through the batch setter - exactly one onChange\n          const branchSelected = getBranchSelectionState(node, selectedValuesSet) === 'all';\n          toggleBranchInDropdown(node);\n          options[optionIndex].onClickTrigger?.(!branchSelected);\n          return true;\n        }\n        // leaf (and branch in single mode): default selectOption path\n        return false;\n      },\n      getSelectedGroups: (selectedIndices) => {\n        const selected = new Set(\n          selectedIndices\n            .map((selectedIndex) => options[selectedIndex]?.value)\n            .filter((optionValue): optionValue is string => optionValue !== undefined),\n        );\n        return getSelectedGroups({ rootValues, nodeMap, selectedValues: selected });\n      },\n      getDisplayOverride: (selectedIndices) => {\n        const selected = new Set(\n          selectedIndices\n            .map((selectedIndex) => options[selectedIndex]?.value)\n            .filter((optionValue): optionValue is string => optionValue !== undefined),\n        );\n        return getDisplayOverride({ orderedNodes, rootValues, nodeMap, selectedValues: selected });\n      },\n    };\n  }\n\n  const treeViewControllerRef = dropdown.treeViewControllerRef;\n  React.useEffect(() => {\n    return () => {\n      if (treeViewControllerRef) {\n        treeViewControllerRef.current = null;\n      }\n    };\n  }, [treeViewControllerRef]);\n\n  // ---------------- focus management ----------------\n  const rowRefs = React.useRef<Record<string, HTMLElement | null>>({});\n  const registerRowRef = (nodeValue: string, element: HTMLElement | null): void => {\n    rowRefs.current[nodeValue] = element;\n  };\n\n  const [focusedValue, setFocusedValue] = React.useState<string | null>(null);\n  const visibleValues = React.useMemo(\n    () => getVisibleValues({ orderedNodes, nodeMap, expandedValues }),\n    [orderedNodes, nodeMap, expandedValues],\n  );\n  // roving tabindex (standalone): the focused row is tabbable, falling back to the first visible row\n  const tabbableValue = isInsideDropdown\n    ? null\n    : focusedValue && visibleValues.includes(focusedValue)\n    ? focusedValue\n    : visibleValues[0] ?? null;\n\n  // dropdown mode: keep the active row scrolled into view (focus stays on the trigger)\n  React.useEffect(() => {\n    if (!isInsideDropdown || dropdown.activeIndex < 0) {\n      return;\n    }\n    const activeValue = options[dropdown.activeIndex]?.value;\n    if (activeValue !== undefined) {\n      rowRefs.current[activeValue]?.scrollIntoView?.({ block: 'nearest' });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dropdown.activeIndex]);\n\n  // ---------------- standalone keyboard map (§5) ----------------\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    if (isInsideDropdown) {\n      return;\n    }\n    const rowElement = (event.target as HTMLElement).closest?.('[data-tree-node-value]');\n    const currentValue = rowElement?.getAttribute('data-tree-node-value');\n    if (!currentValue) {\n      return;\n    }\n    const node = nodeMap[currentValue];\n    if (!node) {\n      return;\n    }\n\n    const currentVisibleIndex = visibleValues.indexOf(currentValue);\n    const focusRow = (nodeValue: string | undefined): void => {\n      if (nodeValue !== undefined) {\n        rowRefs.current[nodeValue]?.focus();\n        setFocusedValue(nodeValue);\n      }\n    };\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        focusRow(visibleValues[currentVisibleIndex + 1]);\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        focusRow(visibleValues[currentVisibleIndex - 1]);\n        break;\n      case 'Home':\n        event.preventDefault();\n        focusRow(visibleValues[0]);\n        break;\n      case 'End':\n        event.preventDefault();\n        focusRow(visibleValues[visibleValues.length - 1]);\n        break;\n      case 'ArrowRight':\n        event.preventDefault();\n        if (!node.isBranch) {\n          break;\n        }\n        if (!expandedValues.has(currentValue)) {\n          onNodeExpandToggle(currentValue);\n        } else {\n          focusRow(node.childValues.find((childValue) => visibleValues.includes(childValue)));\n        }\n        break;\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (node.isBranch && expandedValues.has(currentValue)) {\n          onNodeExpandToggle(currentValue);\n        } else if (node.parentValue !== null) {\n          focusRow(node.parentValue);\n        }\n        break;\n      case 'Enter':\n        event.preventDefault();\n        if (node.kind === 'loadMore') {\n          if (node.optionIndex >= 0) {\n            options[node.optionIndex].onClickTrigger?.(true);\n          }\n          break;\n        }\n        {\n          const isNodeSelected =\n            node.isSelectable &&\n            (effectiveSelectionType === 'multiple'\n              ? node.isBranch\n                ? getBranchSelectionState(node, selectedValuesSet) === 'all'\n                : selectedValuesSet.has(currentValue)\n              : selectedValuesSet.has(currentValue));\n          onNodeSelect(currentValue);\n          if (node.optionIndex >= 0) {\n            options[node.optionIndex].onClickTrigger?.(isNodeSelected);\n          }\n        }\n        break;\n      case ' ':\n        event.preventDefault();\n        // B7: Space is a no-op on LoadMore\n        if (node.kind === 'loadMore') {\n          break;\n        }\n        {\n          const isNodeSelected =\n            node.isSelectable &&\n            (effectiveSelectionType === 'multiple'\n              ? node.isBranch\n                ? getBranchSelectionState(node, selectedValuesSet) === 'all'\n                : selectedValuesSet.has(currentValue)\n              : selectedValuesSet.has(currentValue));\n          onNodeSelect(currentValue);\n          if (node.optionIndex >= 0) {\n            options[node.optionIndex].onClickTrigger?.(isNodeSelected);\n          }\n        }\n        break;\n      default:\n        break;\n    }\n  };\n\n  // ---------------- context ----------------\n  const contextValue = React.useMemo<TreeViewContextType>(\n    () => ({\n      selectionType: effectiveSelectionType,\n      isInsideDropdown,\n      baseId,\n      nodeMap,\n      selectedValuesSet,\n      expandedValues,\n      tabbableValue,\n      onNodeSelect,\n      onNodeExpandToggle,\n      onDropdownNodeClick,\n      registerRowRef,\n      setFocusedValue,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      effectiveSelectionType,\n      isInsideDropdown,\n      baseId,\n      nodeMap,\n      selectedValuesSet,\n      expandedValues,\n      tabbableValue,\n      dropdown.selectedIndices,\n      dropdown.activeIndex,\n      dropdown.isKeydownPressed,\n    ],\n  );\n\n  // root mount scope: rows appended at the root after the initial mount\n  // (e.g. through a root-level TreeViewLoadMore) animate their own mount\n  const isTreeFirstRenderRef = useTreeViewMountScopeRef();\n\n  const treeContent = (\n    <div\n      id={isInsideDropdown ? `${dropdown.dropdownBaseId}-actionlist` : undefined}\n      onKeyDown={handleKeyDown}\n      {...makeAccessible({\n        role: 'tree',\n        multiSelectable: effectiveSelectionType === 'multiple' ? true : undefined,\n        labelledBy: isInsideDropdown ? `${dropdown.dropdownBaseId}-label` : undefined,\n      })}\n    >\n      <TreeViewMountScopeContext.Provider value={isTreeFirstRenderRef}>\n        {children}\n      </TreeViewMountScopeContext.Provider>\n    </div>\n  );\n\n  return (\n    <TreeViewContext.Provider value={contextValue}>\n      <BaseBox\n        {...metaAttribute({ name: MetaConstants.TreeView, testID })}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {isInsideDropdown ? (\n          <StyledTreeViewListBoxWrapper>{treeContent}</StyledTreeViewListBoxWrapper>\n        ) : (\n          treeContent\n        )}\n      </BaseBox>\n    </TreeViewContext.Provider>\n  );\n};\n\n/**\n * ### TreeView\n *\n * Hierarchical list of expandable, selectable items. Works standalone on a page,\n * or inside `Dropdown` (in place of `ActionList`) where selection is controlled\n * through the trigger's `value` / `onChange` (SelectInput, FilterChipSelectInput).\n *\n * #### Usage\n *\n * ```jsx\n * <TreeView selectionType=\"multiple\" onChange={({ values, selectedGroups }) => {}}>\n *   <TreeViewItem title=\"India\" value=\"india\">\n *     <TreeViewItem title=\"Karnataka\" value=\"karnataka\">\n *       <TreeViewItem title=\"Bengaluru\" value=\"bengaluru\" />\n *       <TreeViewItem title=\"Mysuru\" value=\"mysuru\" />\n *     </TreeViewItem>\n *     <TreeViewItem title=\"Goa\" value=\"goa\" />\n *   </TreeViewItem>\n * </TreeView>\n * ```\n */\nconst TreeView = assignWithoutSideEffects(_TreeView, {\n  componentId: componentIds.TreeView,\n  displayName: componentIds.TreeView,\n});\n\nexport { TreeView };\n"],"names":["StyledTreeViewListBoxWrapper","styled","BaseBox","withConfig","displayName","componentId","props","_objectSpread","overflowY","getBaseListBoxWrapperStyles","theme","isInBottomSheet","_TreeView","_ref","_dropdown$selectionTy","_visibleValues$","children","selectionType","value","defaultValue","onChange","name","testID","rest","_objectWithoutProperties","_excluded","dropdown","useDropdown","_useBottomSheetContex","useBottomSheetContext","isInsideDropdown","dropdownBaseId","baseId","useId","throwBladeError","message","moduleName","React","useEffect","undefined","logger","type","concat","effectiveSelectionType","properties","useMemo","getTreeViewProperties","orderedNodes","nodeMap","rootValues","options","_React$useState","useState","Set","filter","node","kind","isBranch","defaultIsExpanded","map","_React$useState2","_slicedToArray","uncontrolledExpandedValues","setUncontrolledExpandedValues","expandedValues","merged","_iterator","_createForOfIteratorHelper","_step","s","n","done","_node$controlledIsExp","isExpanded","controlledIsExpanded","has","add","err","e","f","onNodeExpandToggle","nodeValue","_node$onExpandChange","isDisabled","previous","next","onExpandChange","call","isControlledSelection","_React$useState3","_React$useState4","uncontrolledSelectedValues","setUncontrolledSelectedValues","standaloneSelectedValues","dropdownSelectedValues","selected","_iterator2","selectedIndices","_step2","_dropdown$options$sel","selectedIndex","optionValue","selectedValuesSet","emitStandaloneChange","values","_toConsumableArray","selectedGroups","getSelectedLeafValues","getSelectedGroups","selectedValues","onNodeSelect","isSelectable","size","selectableLeafValues","length","getSelectionOnNodeToggle","toggleBranchInDropdown","leafIndices","leafValue","_nodeMap$leafValue$op","_nodeMap$leafValue","optionIndex","areAllSelected","every","includes","selectOptionsBatch","onDropdownNodeClick","event","clickedValue","_options$node$optionI","_options$node$optionI2","_dropdown$triggererRe","onClickTrigger","setActiveIndex","triggererRef","current","focus","_dropdown$triggererRe2","_dropdown$triggererRe3","onOptionClick","previousPropertiesRef","useRef","previousProperties","setOptions","isControlled","previousSelectedValues","_previousProperties$o","inherited","getSelectionAfterLoad","previousNodeMap","nextIndices","selectedValue","findIndex","option","hasChanged","some","i","setSelectedIndices","setChangeCallbackTriggerer","changeCallbackTriggerer","getNodeAtIndex","_options$optionIndex","treeViewControllerRef","getVisibleOptionIndices","onArrowRightKeydown","currentActiveIndex","firstChildIndex","childValues","childValue","childNode","find","onArrowLeftKeydown","parentValue","_nodeMap$node$parentV","_nodeMap$node$parentV2","parentIndex","handleOptionSelect","_ref2","arguments","key","_options$optionIndex$","_options$optionIndex2","_options$optionIndex$2","_options$optionIndex3","_options$optionIndex$3","_options$optionIndex4","branchSelected","getBranchSelectionState","_options$selectedInde","getDisplayOverride","_options$selectedInde2","rowRefs","registerRowRef","element","_React$useState5","_React$useState6","focusedValue","setFocusedValue","visibleValues","getVisibleValues","tabbableValue","_options$dropdown$act","activeIndex","activeValue","_rowRefs$current$acti","_rowRefs$current$acti2","scrollIntoView","block","handleKeyDown","_closest","_ref3","rowElement","target","closest","currentValue","getAttribute","currentVisibleIndex","indexOf","focusRow","_rowRefs$current$node","preventDefault","_options$node$optionI3","_options$node$optionI4","isNodeSelected","_options$node$optionI5","_options$node$optionI6","_options$node$optionI7","_options$node$optionI8","contextValue","isKeydownPressed","isTreeFirstRenderRef","useTreeViewMountScopeRef","treeContent","_jsx","id","onKeyDown","makeAccessible","role","multiSelectable","labelledBy","TreeViewMountScopeContext","Provider","TreeViewContext","metaAttribute","MetaConstants","TreeView","makeAnalyticsAttribute","assignWithoutSideEffects","componentIds"],"mappings":"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"}

package/build/lib/web/development/components/TreeView/TreeViewAnimator.web.js

@@ -0,0 +1,184 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default from 'react';
+import styled from 'styled-components';
+import '../Box/BaseBox/index.js';
+import '../../utils/index.js';
+import '../../utils/makeMotionTime/index.web.js';
+import { jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
+import { castWebType } from '../../utils/platform/castUtils.js';
+
+var StyledTreeViewAnimator = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "TreeViewAnimatorweb__StyledTreeViewAnimator",
+  componentId: "sc-1ssmrrr-0"
+})(function (props) {
+  return {
+    display: 'grid',
+    // B5: animate grid-template-rows (0fr <-> 1fr), never height
+    gridTemplateRows: props.isExpanded ? '1fr' : '0fr',
+    transition: "grid-template-rows ".concat(makeMotionTime(props.theme.motion.duration.quick), " ").concat(castWebType(props.theme.motion.easing.standard)),
+    '& > div': {
+      // clipping is only needed while the group is collapsed or moving: a clipping wrapper also
+      // cuts off the focus ring of the rows inside it, since the ring is an `outline` painted
+      // outside the row's box (getFocusRingStyles)
+      overflow: props.isClipped ? 'hidden' : 'visible',
+      minHeight: '0px',
+      visibility: props.isExpanded ? 'visible' : 'hidden',
+      // keep content visible while the collapse animation runs, then hide it (also removes it from AT)
+      transition: props.isExpanded ? undefined : "visibility 0s linear ".concat(makeMotionTime(props.theme.motion.duration.quick))
+    }
+  };
+});
+
+/**
+ * Tracks whether the wrapper must clip its content.
+ *
+ * It has to clip while collapsed and while a transition is in flight, and must stop clipping
+ * once fully open and idle so the focus ring of rows inside can paint outside their box
+ */
+var useTreeViewAnimatorClip = function useTreeViewAnimatorClip(isOpen) {
+  var animatorRef = React__default.useRef(null);
+  // a wrapper that mounts already open never transitions, so it starts released
+  // and does not wait for a transitionend that will never come
+  var _React$useState = React__default.useState(isOpen),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isClipReleased = _React$useState2[0],
+    setIsClipReleased = _React$useState2[1];
+  var previousIsOpenRef = React__default.useRef(isOpen);
+  if (previousIsOpenRef.current !== isOpen) {
+    previousIsOpenRef.current = isOpen;
+    if (isClipReleased) {
+      // a transition is starting: re-clip synchronously, so no frame is painted unclipped.
+      // Resetting here (rather than at the end of the closing transition) also covers a
+      // collapse that gets interrupted by a re-expand and never fires its transitionend
+      setIsClipReleased(false);
+    }
+  }
+  var onTransitionEnd = function onTransitionEnd(event) {
+    // nested groups animate the same property and transitionend bubbles, so ignore descendants
+    if (event.target !== animatorRef.current || event.propertyName !== 'grid-template-rows') {
+      return;
+    }
+    setIsClipReleased(isOpen);
+  };
+  return {
+    isClipped: !isClipReleased,
+    animatorRef: animatorRef,
+    onTransitionEnd: onTransitionEnd
+  };
+};
+
+/**
+ * Marks a "mount scope": the ref is `true` while the scope (the whole tree, or one
+ * children group) is doing its very first render, and flips to `false` after mount.
+ *
+ * A row reading `true` mounted together with its scope (initial tree mount, or a whole
+ * async group mounting - the scope's own animation covers it). A row reading `false`
+ * was appended into an existing scope later (e.g. through TreeViewLoadMore) and
+ * animates its own mount
+ */
+var TreeViewMountScopeContext = /*#__PURE__*/React__default.createContext(null);
+var useTreeViewMountScopeRef = function useTreeViewMountScopeRef() {
+  var isScopeFirstRenderRef = React__default.useRef(true);
+  React__default.useEffect(function () {
+    isScopeFirstRenderRef.current = false;
+  }, []);
+  return isScopeFirstRenderRef;
+};
+
+/**
+ * Expand / collapse animation for a branch's children group (B5)
+ *
+ * Also starts a new mount scope so rows mounting together with the group don't
+ * double-animate on top of the group's own mount animation
+ */
+var TreeViewGroupAnimator = function TreeViewGroupAnimator(_ref) {
+  var isExpanded = _ref.isExpanded,
+    shouldAnimateMount = _ref.shouldAnimateMount,
+    children = _ref.children;
+  var isScopeFirstRenderRef = useTreeViewMountScopeRef();
+
+  // B5: when async children arrive while the branch is already expanded, the group mounts
+  // directly in the expanded (1fr) state and would paint statically. Mount it collapsed
+  // and flip on the next frame so the 0fr -> 1fr transition runs
+  var _React$useState3 = React__default.useState(shouldAnimateMount && isExpanded),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isMountFramePending = _React$useState4[0],
+    setIsMountFramePending = _React$useState4[1];
+  React__default.useEffect(function () {
+    if (!isMountFramePending) {
+      return undefined;
+    }
+    var animationFrame = requestAnimationFrame(function () {
+      return setIsMountFramePending(false);
+    });
+    return function () {
+      return cancelAnimationFrame(animationFrame);
+    };
+  }, [isMountFramePending]);
+  var isOpen = isExpanded && !isMountFramePending;
+  var _useTreeViewAnimatorC = useTreeViewAnimatorClip(isOpen),
+    isClipped = _useTreeViewAnimatorC.isClipped,
+    animatorRef = _useTreeViewAnimatorC.animatorRef,
+    onTransitionEnd = _useTreeViewAnimatorC.onTransitionEnd;
+  return /*#__PURE__*/jsx(TreeViewMountScopeContext.Provider, {
+    value: isScopeFirstRenderRef,
+    children: /*#__PURE__*/jsx(StyledTreeViewAnimator, {
+      ref: animatorRef,
+      isExpanded: isOpen,
+      isClipped: isClipped,
+      onTransitionEnd: onTransitionEnd,
+      children: children
+    })
+  });
+};
+var AnimatedRowMount = function AnimatedRowMount(_ref2) {
+  var children = _ref2.children;
+  // same trick as the group animator: mount collapsed (0fr), flip to 1fr on the next frame
+  var _React$useState5 = React__default.useState(true),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    isMountFramePending = _React$useState6[0],
+    setIsMountFramePending = _React$useState6[1];
+  React__default.useEffect(function () {
+    var animationFrame = requestAnimationFrame(function () {
+      return setIsMountFramePending(false);
+    });
+    return function () {
+      return cancelAnimationFrame(animationFrame);
+    };
+  }, []);
+  var isOpen = !isMountFramePending;
+  var _useTreeViewAnimatorC2 = useTreeViewAnimatorClip(isOpen),
+    isClipped = _useTreeViewAnimatorC2.isClipped,
+    animatorRef = _useTreeViewAnimatorC2.animatorRef,
+    onTransitionEnd = _useTreeViewAnimatorC2.onTransitionEnd;
+  return /*#__PURE__*/jsx(StyledTreeViewAnimator, {
+    ref: animatorRef,
+    isExpanded: isOpen,
+    isClipped: isClipped,
+    onTransitionEnd: onTransitionEnd,
+    children: children
+  });
+};
+
+/**
+ * Animates a row's own mount when it is appended into an already-mounted scope
+ * (e.g. new rows arriving through TreeViewLoadMore). Rows mounting together with
+ * their scope render as-is - the scope's animation (if any) covers them
+ */
+var TreeViewRowMountAnimator = function TreeViewRowMountAnimator(_ref3) {
+  var children = _ref3.children;
+  var scopeRef = React__default.useContext(TreeViewMountScopeContext);
+  // captured once on the row's first render: a later flip of the scope ref must not re-wrap the row
+  var shouldAnimateMountRef = React__default.useRef(scopeRef ? !scopeRef.current : false);
+  if (!shouldAnimateMountRef.current) {
+    return children;
+  }
+  return /*#__PURE__*/jsx(AnimatedRowMount, {
+    children: children
+  });
+};
+
+export { TreeViewGroupAnimator, TreeViewMountScopeContext, TreeViewRowMountAnimator, useTreeViewMountScopeRef };
+//# sourceMappingURL=TreeViewAnimator.web.js.map

package/build/lib/web/development/components/TreeView/TreeViewAnimator.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewAnimator.web.js","sources":["../../../../../../src/components/TreeView/TreeViewAnimator.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType } from '~utils';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst StyledTreeViewAnimator = styled(BaseBox)<{ isExpanded: boolean; isClipped: boolean }>(\n  (props) => ({\n    display: 'grid',\n    // B5: animate grid-template-rows (0fr <-> 1fr), never height\n    gridTemplateRows: props.isExpanded ? '1fr' : '0fr',\n    transition: `grid-template-rows ${makeMotionTime(\n      props.theme.motion.duration.quick,\n    )} ${castWebType(props.theme.motion.easing.standard)}`,\n    '& > div': {\n      // clipping is only needed while the group is collapsed or moving: a clipping wrapper also\n      // cuts off the focus ring of the rows inside it, since the ring is an `outline` painted\n      // outside the row's box (getFocusRingStyles)\n      overflow: props.isClipped ? 'hidden' : 'visible',\n      minHeight: '0px',\n      visibility: props.isExpanded ? 'visible' : 'hidden',\n      // keep content visible while the collapse animation runs, then hide it (also removes it from AT)\n      transition: props.isExpanded\n        ? undefined\n        : `visibility 0s linear ${makeMotionTime(props.theme.motion.duration.quick)}`,\n    },\n  }),\n);\n\n/**\n * Tracks whether the wrapper must clip its content.\n *\n * It has to clip while collapsed and while a transition is in flight, and must stop clipping\n * once fully open and idle so the focus ring of rows inside can paint outside their box\n */\nconst useTreeViewAnimatorClip = (\n  isOpen: boolean,\n): {\n  isClipped: boolean;\n  animatorRef: React.RefObject<HTMLDivElement>;\n  onTransitionEnd: (event: React.TransitionEvent<HTMLElement>) => void;\n} => {\n  const animatorRef = React.useRef<HTMLDivElement>(null);\n  // a wrapper that mounts already open never transitions, so it starts released\n  // and does not wait for a transitionend that will never come\n  const [isClipReleased, setIsClipReleased] = React.useState(isOpen);\n  const previousIsOpenRef = React.useRef(isOpen);\n\n  if (previousIsOpenRef.current !== isOpen) {\n    previousIsOpenRef.current = isOpen;\n    if (isClipReleased) {\n      // a transition is starting: re-clip synchronously, so no frame is painted unclipped.\n      // Resetting here (rather than at the end of the closing transition) also covers a\n      // collapse that gets interrupted by a re-expand and never fires its transitionend\n      setIsClipReleased(false);\n    }\n  }\n\n  const onTransitionEnd = (event: React.TransitionEvent<HTMLElement>): void => {\n    // nested groups animate the same property and transitionend bubbles, so ignore descendants\n    if (event.target !== animatorRef.current || event.propertyName !== 'grid-template-rows') {\n      return;\n    }\n    setIsClipReleased(isOpen);\n  };\n\n  return {\n    isClipped: !isClipReleased,\n    animatorRef,\n    onTransitionEnd,\n  };\n};\n\n/**\n * Marks a \"mount scope\": the ref is `true` while the scope (the whole tree, or one\n * children group) is doing its very first render, and flips to `false` after mount.\n *\n * A row reading `true` mounted together with its scope (initial tree mount, or a whole\n * async group mounting - the scope's own animation covers it). A row reading `false`\n * was appended into an existing scope later (e.g. through TreeViewLoadMore) and\n * animates its own mount\n */\nconst TreeViewMountScopeContext = React.createContext<React.MutableRefObject<boolean> | null>(null);\n\nconst useTreeViewMountScopeRef = (): React.MutableRefObject<boolean> => {\n  const isScopeFirstRenderRef = React.useRef(true);\n  React.useEffect(() => {\n    isScopeFirstRenderRef.current = false;\n  }, []);\n  return isScopeFirstRenderRef;\n};\n\n/**\n * Expand / collapse animation for a branch's children group (B5)\n *\n * Also starts a new mount scope so rows mounting together with the group don't\n * double-animate on top of the group's own mount animation\n */\nconst TreeViewGroupAnimator = ({\n  isExpanded,\n  shouldAnimateMount,\n  children,\n}: {\n  isExpanded: boolean;\n  shouldAnimateMount: boolean;\n  children: React.ReactNode;\n}): React.ReactElement => {\n  const isScopeFirstRenderRef = useTreeViewMountScopeRef();\n\n  // B5: when async children arrive while the branch is already expanded, the group mounts\n  // directly in the expanded (1fr) state and would paint statically. Mount it collapsed\n  // and flip on the next frame so the 0fr -> 1fr transition runs\n  const [isMountFramePending, setIsMountFramePending] = React.useState(\n    shouldAnimateMount && isExpanded,\n  );\n  React.useEffect(() => {\n    if (!isMountFramePending) {\n      return undefined;\n    }\n    const animationFrame = requestAnimationFrame(() => setIsMountFramePending(false));\n    return () => cancelAnimationFrame(animationFrame);\n  }, [isMountFramePending]);\n\n  const isOpen = isExpanded && !isMountFramePending;\n  const { isClipped, animatorRef, onTransitionEnd } = useTreeViewAnimatorClip(isOpen);\n\n  return (\n    <TreeViewMountScopeContext.Provider value={isScopeFirstRenderRef}>\n      <StyledTreeViewAnimator\n        ref={animatorRef as never}\n        isExpanded={isOpen}\n        isClipped={isClipped}\n        onTransitionEnd={onTransitionEnd}\n      >\n        {children}\n      </StyledTreeViewAnimator>\n    </TreeViewMountScopeContext.Provider>\n  );\n};\n\nconst AnimatedRowMount = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  // same trick as the group animator: mount collapsed (0fr), flip to 1fr on the next frame\n  const [isMountFramePending, setIsMountFramePending] = React.useState(true);\n  React.useEffect(() => {\n    const animationFrame = requestAnimationFrame(() => setIsMountFramePending(false));\n    return () => cancelAnimationFrame(animationFrame);\n  }, []);\n\n  const isOpen = !isMountFramePending;\n  const { isClipped, animatorRef, onTransitionEnd } = useTreeViewAnimatorClip(isOpen);\n\n  return (\n    <StyledTreeViewAnimator\n      ref={animatorRef as never}\n      isExpanded={isOpen}\n      isClipped={isClipped}\n      onTransitionEnd={onTransitionEnd}\n    >\n      {children}\n    </StyledTreeViewAnimator>\n  );\n};\n\n/**\n * Animates a row's own mount when it is appended into an already-mounted scope\n * (e.g. new rows arriving through TreeViewLoadMore). Rows mounting together with\n * their scope render as-is - the scope's animation (if any) covers them\n */\nconst TreeViewRowMountAnimator = ({\n  children,\n}: {\n  children: React.ReactElement;\n}): React.ReactElement => {\n  const scopeRef = React.useContext(TreeViewMountScopeContext);\n  // captured once on the row's first render: a later flip of the scope ref must not re-wrap the row\n  const shouldAnimateMountRef = React.useRef(scopeRef ? !scopeRef.current : false);\n\n  if (!shouldAnimateMountRef.current) {\n    return children;\n  }\n  return <AnimatedRowMount>{children}</AnimatedRowMount>;\n};\n\nexport {\n  TreeViewGroupAnimator,\n  TreeViewRowMountAnimator,\n  TreeViewMountScopeContext,\n  useTreeViewMountScopeRef,\n};\n"],"names":["StyledTreeViewAnimator","styled","BaseBox","withConfig","displayName","componentId","props","display","gridTemplateRows","isExpanded","transition","concat","makeMotionTime","theme","motion","duration","quick","castWebType","easing","standard","overflow","isClipped","minHeight","visibility","undefined","useTreeViewAnimatorClip","isOpen","animatorRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","isClipReleased","setIsClipReleased","previousIsOpenRef","current","onTransitionEnd","event","target","propertyName","TreeViewMountScopeContext","createContext","useTreeViewMountScopeRef","isScopeFirstRenderRef","useEffect","TreeViewGroupAnimator","_ref","shouldAnimateMount","children","_React$useState3","_React$useState4","isMountFramePending","setIsMountFramePending","animationFrame","requestAnimationFrame","cancelAnimationFrame","_useTreeViewAnimatorC","_jsx","Provider","value","ref","AnimatedRowMount","_ref2","_React$useState5","_React$useState6","_useTreeViewAnimatorC2","TreeViewRowMountAnimator","_ref3","scopeRef","useContext","shouldAnimateMountRef"],"mappings":"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"}

package/build/lib/web/development/components/TreeView/TreeViewChevron.web.js

@@ -0,0 +1,73 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import 'react';
+import styled from 'styled-components';
+import '../Box/BaseBox/index.js';
+import '../Icons/index.js';
+import '../Spinner/index.js';
+import '../../tokens/global/index.js';
+import '../../utils/index.js';
+import '../../utils/makeAccessible/index.js';
+import '../../utils/makeMotionTime/index.web.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { size } from '../../tokens/global/size.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
+import { castWebType } from '../../utils/platform/castUtils.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import { Spinner } from '../Spinner/Spinner/Spinner.js';
+import ChevronRightIcon from '../Icons/ChevronRightIcon/ChevronRightIcon.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var CHEVRON_GUTTER_SIZE = size[20];
+var StyledChevronRotator = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "TreeViewChevronweb__StyledChevronRotator",
+  componentId: "sc-18v4kok-0"
+})(function (props) {
+  return {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    transform: props.isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',
+    transition: "transform ".concat(makeMotionTime(props.theme.motion.duration.quick), " ").concat(castWebType(props.theme.motion.easing.standard))
+  };
+});
+
+/**
+ * Internal chevron slot of TreeViewItem: a 20px slot with a 16px chevron
+ * (or Spinner while loading). Every row reserves the slot - on leaves it stays empty (B9)
+ * so a leaf's content lines up with the content of its branch siblings
+ */
+var TreeViewChevron = function TreeViewChevron(_ref) {
+  var state = _ref.state,
+    isDisabled = _ref.isDisabled,
+    onClick = _ref.onClick;
+  var isExpandable = state === 'collapsed' || state === 'expanded';
+  return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: makeSize(CHEVRON_GUTTER_SIZE),
+    height: makeSize(CHEVRON_GUTTER_SIZE),
+    flexShrink: 0,
+    onClick: isExpandable && !isDisabled ? castWebType(onClick) : undefined
+    // treeitem's aria-expanded carries the expansion semantics; the chevron is decorative
+  }, makeAccessible({
+    hidden: true
+  })), {}, {
+    children: [state === 'loading' ? /*#__PURE__*/jsx(Spinner, {
+      accessibilityLabel: "Loading",
+      size: "medium"
+    }) : null, isExpandable ? /*#__PURE__*/jsx(StyledChevronRotator, {
+      isExpanded: state === 'expanded',
+      children: /*#__PURE__*/jsx(ChevronRightIcon, {
+        size: "medium",
+        color: isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted'
+      })
+    }) : null]
+  }));
+};
+
+export { CHEVRON_GUTTER_SIZE, TreeViewChevron };
+//# sourceMappingURL=TreeViewChevron.web.js.map

package/build/lib/web/development/components/TreeView/TreeViewChevron.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewChevron.web.js","sources":["../../../../../../src/components/TreeView/TreeViewChevron.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ChevronRightIcon } from '~components/Icons';\nimport { Spinner } from '~components/Spinner';\nimport { size } from '~tokens/global';\nimport { castWebType, makeSize } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst CHEVRON_GUTTER_SIZE = size[20];\n\ntype TreeViewChevronState = 'collapsed' | 'expanded' | 'loading' | 'leaf';\n\ntype TreeViewChevronProps = {\n  state: TreeViewChevronState;\n  isDisabled?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst StyledChevronRotator = styled(BaseBox)<{ isExpanded: boolean }>((props) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transform: props.isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',\n  transition: `transform ${makeMotionTime(props.theme.motion.duration.quick)} ${castWebType(\n    props.theme.motion.easing.standard,\n  )}`,\n}));\n\n/**\n * Internal chevron slot of TreeViewItem: a 20px slot with a 16px chevron\n * (or Spinner while loading). Every row reserves the slot - on leaves it stays empty (B9)\n * so a leaf's content lines up with the content of its branch siblings\n */\nconst TreeViewChevron = ({\n  state,\n  isDisabled,\n  onClick,\n}: TreeViewChevronProps): React.ReactElement => {\n  const isExpandable = state === 'collapsed' || state === 'expanded';\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      width={makeSize(CHEVRON_GUTTER_SIZE)}\n      height={makeSize(CHEVRON_GUTTER_SIZE)}\n      flexShrink={0}\n      onClick={isExpandable && !isDisabled ? castWebType(onClick) : undefined}\n      // treeitem's aria-expanded carries the expansion semantics; the chevron is decorative\n      {...makeAccessible({ hidden: true })}\n    >\n      {state === 'loading' ? <Spinner accessibilityLabel=\"Loading\" size=\"medium\" /> : null}\n      {isExpandable ? (\n        <StyledChevronRotator isExpanded={state === 'expanded'}>\n          <ChevronRightIcon\n            size=\"medium\"\n            color={isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted'}\n          />\n        </StyledChevronRotator>\n      ) : null}\n    </BaseBox>\n  );\n};\n\nexport { TreeViewChevron, CHEVRON_GUTTER_SIZE };\nexport type { TreeViewChevronState };\n"],"names":["CHEVRON_GUTTER_SIZE","size","StyledChevronRotator","styled","BaseBox","withConfig","displayName","componentId","props","display","alignItems","justifyContent","transform","isExpanded","transition","concat","makeMotionTime","theme","motion","duration","quick","castWebType","easing","standard","TreeViewChevron","_ref","state","isDisabled","onClick","isExpandable","_jsxs","_objectSpread","width","makeSize","height","flexShrink","undefined","makeAccessible","hidden","children","_jsx","Spinner","accessibilityLabel","ChevronRightIcon","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,mBAAmB,GAAGC,IAAI,CAAC,EAAE,EAAC;AAUpC,IAAMC,oBAAoB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,0CAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAA0B,UAACC,KAAK,EAAA;EAAA,OAAM;AAChFC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,SAAS,EAAEJ,KAAK,CAACK,UAAU,GAAG,eAAe,GAAG,cAAc;AAC9DC,IAAAA,UAAU,EAAAC,YAAAA,CAAAA,MAAA,CAAeC,cAAc,CAACR,KAAK,CAACS,KAAK,CAACC,MAAM,CAACC,QAAQ,CAACC,KAAK,CAAC,EAAA,GAAA,CAAA,CAAAL,MAAA,CAAIM,WAAW,CACvFb,KAAK,CAACS,KAAK,CAACC,MAAM,CAACI,MAAM,CAACC,QAC5B,CAAC,CAAA;GACF,CAAA;AAAA,CAAC,CAAC,CAAA;;AAEH;AACA;AACA;AACA;AACA;AACA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAI2B;AAAA,EAAA,IAH9CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,OAAO,GAAAH,IAAA,CAAPG,OAAO,CAAA;EAEP,IAAMC,YAAY,GAAGH,KAAK,KAAK,WAAW,IAAIA,KAAK,KAAK,UAAU,CAAA;AAElE,EAAA,oBACEI,IAAA,CAAC1B,OAAO,EAAA2B,aAAA,CAAAA,aAAA,CAAA;AACNtB,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,cAAc,EAAC,QAAQ;AACvBqB,IAAAA,KAAK,EAAEC,QAAQ,CAACjC,mBAAmB,CAAE;AACrCkC,IAAAA,MAAM,EAAED,QAAQ,CAACjC,mBAAmB,CAAE;AACtCmC,IAAAA,UAAU,EAAE,CAAE;IACdP,OAAO,EAAEC,YAAY,IAAI,CAACF,UAAU,GAAGN,WAAW,CAACO,OAAO,CAAC,GAAGQ,SAAAA;AAC9D;AAAA,GAAA,EACIC,cAAc,CAAC;AAAEC,IAAAA,MAAM,EAAE,IAAA;AAAK,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAC,IAAAA,QAAA,GAEnCb,KAAK,KAAK,SAAS,gBAAGc,GAAA,CAACC,OAAO,EAAA;AAACC,MAAAA,kBAAkB,EAAC,SAAS;AAACzC,MAAAA,IAAI,EAAC,QAAA;KAAU,CAAC,GAAG,IAAI,EACnF4B,YAAY,gBACXW,GAAA,CAACtC,oBAAoB,EAAA;MAACW,UAAU,EAAEa,KAAK,KAAK,UAAW;MAAAa,QAAA,eACrDC,GAAA,CAACG,gBAAgB,EAAA;AACf1C,QAAAA,IAAI,EAAC,QAAQ;AACb2C,QAAAA,KAAK,EAAEjB,UAAU,GAAG,gCAAgC,GAAG,6BAAA;OACxD,CAAA;KACmB,CAAC,GACrB,IAAI,CAAA;AAAA,GAAA,CACD,CAAC,CAAA;AAEd;;;;"}