@razorpay/blade 12.111.0 → 12.119.1

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

@@ -0,0 +1,295 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import React__default from 'react';
+import { componentIds } from './componentIds.js';
+import { useTreeViewContext, TreeViewParentContext } from './useTreeView.js';
+import { TreeViewChevron } from './TreeViewChevron.web.js';
+import { StyledTreeViewRow } from './StyledTreeViewRow.web.js';
+import { TreeViewRowMountAnimator, TreeViewGroupAnimator } from './TreeViewAnimator.web.js';
+import { getBranchSelectionState } from './treeViewUtils.js';
+import '../Box/BaseBox/index.js';
+import '../BaseMenu/index.js';
+import { itemFirstRowHeight } from '../BaseMenu/BaseMenuItem/tokens.js';
+import '../Checkbox/index.js';
+import { useDropdown } from '../Dropdown/useDropdown.js';
+import '../Typography/index.js';
+import '../Typography/BaseText/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/index.js';
+import '../../utils/makeAccessible/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/useTruncationTitle/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import { Checkbox } from '../Checkbox/Checkbox.js';
+import { useTruncationTitle } from '../../utils/useTruncationTitle/useTruncationTitle.web.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { BaseText } from '../Typography/BaseText/BaseText.web.js';
+import { getTextProps, Text } from '../Typography/Text/Text.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { BaseMenuItem } from '../BaseMenu/BaseMenuItem/BaseMenuItem.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.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 TreeViewItemCheckbox = function TreeViewItemCheckbox(_ref) {
+  var isChecked = _ref.isChecked,
+    isIndeterminate = _ref.isIndeterminate,
+    isDisabled = _ref.isDisabled;
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
+    pointerEvents: "none"
+    // the treeitem row itself announces the checked state (aria-checked), the visual checkbox is decorative
+  }, makeAccessible({
+    hidden: true
+  })), {}, {
+    children: /*#__PURE__*/jsx(Checkbox, {
+      isChecked: isChecked,
+      isIndeterminate: isIndeterminate,
+      isDisabled: isDisabled,
+      tabIndex: -1,
+      children: null
+    })
+  }));
+};
+var _TreeViewItem = function _TreeViewItem(props) {
+  var _useTreeViewContext = useTreeViewContext(),
+    selectionType = _useTreeViewContext.selectionType,
+    isInsideDropdown = _useTreeViewContext.isInsideDropdown,
+    nodeMap = _useTreeViewContext.nodeMap,
+    selectedValuesSet = _useTreeViewContext.selectedValuesSet,
+    expandedValues = _useTreeViewContext.expandedValues,
+    tabbableValue = _useTreeViewContext.tabbableValue,
+    onNodeSelect = _useTreeViewContext.onNodeSelect,
+    onNodeExpandToggle = _useTreeViewContext.onNodeExpandToggle,
+    onDropdownNodeClick = _useTreeViewContext.onDropdownNodeClick,
+    registerRowRef = _useTreeViewContext.registerRowRef,
+    setFocusedValue = _useTreeViewContext.setFocusedValue;
+  var _useDropdown = useDropdown(),
+    dropdownBaseId = _useDropdown.dropdownBaseId,
+    activeIndex = _useDropdown.activeIndex,
+    isKeydownPressed = _useDropdown.isKeydownPressed,
+    setShouldIgnoreBlurAnimation = _useDropdown.setShouldIgnoreBlurAnimation;
+  var _useTruncationTitle = useTruncationTitle({
+      content: props.title
+    }),
+    containerRef = _useTruncationTitle.containerRef,
+    textRef = _useTruncationTitle.textRef;
+
+  // distinguishes a children group mounting on the row's very first render (initial tree
+  // mount with defaultIsExpanded -> render statically) from one mounting later
+  // (async children arriving on an expanded branch -> animate open)
+  var isRowFirstRenderRef = React__default.useRef(true);
+  React__default.useEffect(function () {
+    isRowFirstRenderRef.current = false;
+  }, []);
+  var node = nodeMap[props.value];
+  if (!node) {
+    // can only happen with invalid usage (e.g. duplicate values in production builds)
+    return null;
+  }
+  var isExpanded = expandedValues.has(props.value);
+  var chevronState = !node.isBranch ? 'leaf' : node.isLoading ? 'loading' : isExpanded ? 'expanded' : 'collapsed';
+  var branchSelectionState = selectionType === 'multiple' && node.isBranch ? getBranchSelectionState(node, selectedValuesSet) : undefined;
+  var isSelected = node.isSelectable && (selectionType === 'multiple' ? node.isBranch ? branchSelectionState === 'all' : selectedValuesSet.has(props.value) : selectedValuesSet.has(props.value));
+  var handleChevronClick = function handleChevronClick(event) {
+    // chevron click toggles expansion, never selects (B5)
+    event.stopPropagation();
+    onNodeExpandToggle(props.value);
+  };
+  var handleRowClick = function handleRowClick(event) {
+    if (node.isDisabled) {
+      return;
+    }
+    if (isInsideDropdown) {
+      var _props$onClick;
+      onDropdownNodeClick(event, props.value);
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, {
+        name: props.value,
+        value: isSelected,
+        event: event
+      });
+    } else {
+      var _props$onClick2;
+      onNodeSelect(props.value);
+      (_props$onClick2 = props.onClick) === null || _props$onClick2 === void 0 || _props$onClick2.call(props, {
+        name: props.value,
+        value: isSelected,
+        event: event
+      });
+    }
+  };
+
+  // Figma layout: [20px chevron slot] -4px- [checkbox] -8px- [leading] -8px- [title]
+  // The chevron slot is reserved on every row (empty on leaves), so rows of the
+  // same level line up whether or not they have children
+  var rowContent = /*#__PURE__*/jsxs(BaseBox, {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: "spacing.2",
+    width: "100%",
+    children: [/*#__PURE__*/jsx(TreeViewChevron, {
+      state: chevronState,
+      isDisabled: node.isDisabled,
+      onClick: handleChevronClick
+    }), /*#__PURE__*/jsxs(BaseBox, {
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "flex-start",
+      gap: "spacing.3",
+      flexGrow: 1,
+      minWidth: "0px",
+      children: [selectionType === 'multiple' && node.isSelectable ? /*#__PURE__*/jsx(BaseBox, {
+        display: "flex",
+        alignItems: "center",
+        height: makeSize(itemFirstRowHeight),
+        flexShrink: 0,
+        children: /*#__PURE__*/jsx(TreeViewItemCheckbox, {
+          isChecked: isSelected,
+          isIndeterminate: branchSelectionState === 'some',
+          isDisabled: node.isDisabled
+        })
+      }) : null, props.leading ? /*#__PURE__*/jsx(BaseBox, {
+        display: "flex",
+        alignItems: "center",
+        height: makeSize(itemFirstRowHeight),
+        flexShrink: 0,
+        children: props.leading
+      }) : null, /*#__PURE__*/jsxs(BaseBox, {
+        display: "flex",
+        flexDirection: "column",
+        flexGrow: 1,
+        minWidth: "0px",
+        children: [/*#__PURE__*/jsx(BaseBox, {
+          display: "flex",
+          alignItems: "center",
+          height: makeSize(itemFirstRowHeight),
+          ref: containerRef,
+          children: /*#__PURE__*/jsx(BaseText, _objectSpread(_objectSpread({
+            as: "p",
+            ref: textRef,
+            truncateAfterLines: 1,
+            wordBreak: "break-all"
+          }, getTextProps({
+            size: 'medium',
+            color: node.isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.gray.normal',
+            weight: 'regular'
+          })), {}, {
+            children: props.title
+          }))
+        }), props.description ? /*#__PURE__*/jsx(Text, {
+          size: "small",
+          color: node.isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.gray.muted',
+          children: props.description
+        }) : null]
+      }), props.trailing ? /*#__PURE__*/jsx(BaseBox, {
+        display: "flex",
+        alignItems: "center",
+        height: makeSize(itemFirstRowHeight),
+        flexShrink: 0,
+        marginLeft: "auto",
+        children: props.trailing
+      }) : null]
+    })]
+  });
+  return (
+    /*#__PURE__*/
+    // animates the row's own mount when it was appended into an existing tree
+    // (e.g. through TreeViewLoadMore); no-op on initial mounts
+    jsx(TreeViewRowMountAnimator, {
+      children: /*#__PURE__*/jsxs(StyledTreeViewRow, _objectSpread(_objectSpread({
+        level: node.level
+      }, metaAttribute({
+        name: MetaConstants.TreeViewItem,
+        testID: props.testID
+      })), {}, {
+        children: [/*#__PURE__*/jsx(BaseMenuItem, _objectSpread(_objectSpread(_objectSpread({
+          ref: function ref(element) {
+            return registerRowRef(props.value, element);
+          }
+          // rows render as div (not button): role=treeitem is not a permitted role on button
+          // (axe aria-allowed-role); disabled behaviour is handled in the click/keyboard guards
+          ,
+          id: isInsideDropdown && node.optionIndex >= 0 ? "".concat(dropdownBaseId, "-").concat(node.optionIndex) : undefined,
+          tabIndex: !isInsideDropdown && tabbableValue === props.value ? 0 : -1,
+          isSelected: selectionType === 'single' && !node.isDisabled && node.isSelectable ? isSelected : undefined,
+          isDisabled: node.isDisabled,
+          selectionType: selectionType,
+          className: isInsideDropdown && node.optionIndex >= 0 && activeIndex === node.optionIndex ? 'active-focus' : '',
+          isKeydownPressed: isInsideDropdown ? isKeydownPressed : undefined,
+          onClick: handleRowClick,
+          onFocus: function onFocus() {
+            if (!isInsideDropdown) {
+              setFocusedValue(props.value);
+            }
+          },
+          onMouseDown: function onMouseDown() {
+            if (isInsideDropdown) {
+              // keep focus on Dropdown's trigger while the row is being clicked (same as ActionListItem)
+              setShouldIgnoreBlurAnimation(true);
+            }
+          },
+          onMouseUp: function onMouseUp() {
+            if (isInsideDropdown) {
+              setShouldIgnoreBlurAnimation(false);
+            }
+          },
+          "data-value": props.value,
+          "data-tree-node-value": props.value
+        }, makeAccessible({
+          role: 'treeitem',
+          expanded: node.isBranch ? isExpanded : undefined,
+          level: node.level,
+          posInSet: node.posInSet,
+          setSize: node.setSize,
+          // a non-selectable branch carries no selection semantics at all
+          selected: selectionType === 'single' && !node.isDisabled && node.isSelectable ? isSelected : undefined,
+          checked: selectionType === 'multiple' && !node.isDisabled && node.isSelectable ? node.isBranch ? branchSelectionState === 'some' ? 'mixed' : branchSelectionState === 'all' : selectedValuesSet.has(props.value) : undefined,
+          disabled: node.isDisabled ? true : undefined
+        })), makeAnalyticsAttribute(props)), {}, {
+          children: rowContent
+        })), node.hasRenderedChildren ? /*#__PURE__*/jsx(TreeViewGroupAnimator, {
+          isExpanded: isExpanded,
+          shouldAnimateMount: !isRowFirstRenderRef.current,
+          children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, makeAccessible({
+            role: 'group'
+          })), {}, {
+            children: /*#__PURE__*/jsx(TreeViewParentContext.Provider, {
+              value: props.value,
+              children: props.children
+            })
+          }))
+        }) : null]
+      }))
+    })
+  );
+};
+
+/**
+ * ### TreeViewItem
+ *
+ * Creates a row inside `TreeView`. Nest `TreeViewItem` inside another `TreeViewItem`
+ * to create a hierarchy - nesting defines depth.
+ *
+ * #### Usage
+ *
+ * ```jsx
+ * <TreeView selectionType="multiple">
+ *   <TreeViewItem title="India" value="india">
+ *     <TreeViewItem title="Karnataka" value="karnataka">
+ *       <TreeViewItem title="Bengaluru" value="bengaluru" />
+ *     </TreeViewItem>
+ *   </TreeViewItem>
+ * </TreeView>
+ * ```
+ */
+var TreeViewItem = /*#__PURE__*/assignWithoutSideEffects(_TreeViewItem, {
+  componentId: componentIds.TreeViewItem,
+  displayName: componentIds.TreeViewItem
+});
+
+export { TreeViewItem };
+//# sourceMappingURL=TreeViewItem.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewItem.web.js","sources":["../../../../../../src/components/TreeView/TreeViewItem.web.tsx"],"sourcesContent":["import React from 'react';\nimport { componentIds } from './componentIds';\nimport type { TreeViewItemProps } from './types';\nimport { TreeViewParentContext, useTreeViewContext } from './useTreeView';\nimport { TreeViewChevron } from './TreeViewChevron.web';\nimport type { TreeViewChevronState } from './TreeViewChevron.web';\nimport { StyledTreeViewRow } from './StyledTreeViewRow.web';\nimport { TreeViewGroupAnimator, TreeViewRowMountAnimator } from './TreeViewAnimator.web';\nimport { getBranchSelectionState } from './treeViewUtils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { BaseMenuItem } from '~components/BaseMenu';\nimport { itemFirstRowHeight } from '~components/BaseMenu/BaseMenuItem/tokens';\nimport { Checkbox } from '~components/Checkbox';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { getTextProps, Text } from '~components/Typography';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\nconst TreeViewItemCheckbox = ({\n  isChecked,\n  isIndeterminate,\n  isDisabled,\n}: {\n  isChecked: boolean;\n  isIndeterminate: boolean;\n  isDisabled: boolean;\n}): React.ReactElement => {\n  return (\n    <BaseBox\n      pointerEvents=\"none\"\n      // the treeitem row itself announces the checked state (aria-checked), the visual checkbox is decorative\n      {...makeAccessible({ hidden: true })}\n    >\n      <Checkbox\n        isChecked={isChecked}\n        isIndeterminate={isIndeterminate}\n        isDisabled={isDisabled}\n        tabIndex={-1}\n      >\n        {null}\n      </Checkbox>\n    </BaseBox>\n  );\n};\n\nconst _TreeViewItem = (props: TreeViewItemProps): React.ReactElement | null => {\n  const {\n    selectionType,\n    isInsideDropdown,\n    nodeMap,\n    selectedValuesSet,\n    expandedValues,\n    tabbableValue,\n    onNodeSelect,\n    onNodeExpandToggle,\n    onDropdownNodeClick,\n    registerRowRef,\n    setFocusedValue,\n  } = useTreeViewContext();\n  const {\n    dropdownBaseId,\n    activeIndex,\n    isKeydownPressed,\n    setShouldIgnoreBlurAnimation,\n  } = useDropdown();\n  const { containerRef, textRef } = useTruncationTitle({ content: props.title });\n\n  // distinguishes a children group mounting on the row's very first render (initial tree\n  // mount with defaultIsExpanded -> render statically) from one mounting later\n  // (async children arriving on an expanded branch -> animate open)\n  const isRowFirstRenderRef = React.useRef(true);\n  React.useEffect(() => {\n    isRowFirstRenderRef.current = false;\n  }, []);\n\n  const node = nodeMap[props.value];\n\n  if (!node) {\n    // can only happen with invalid usage (e.g. duplicate values in production builds)\n    return null;\n  }\n\n  const isExpanded = expandedValues.has(props.value);\n  const chevronState: TreeViewChevronState = !node.isBranch\n    ? 'leaf'\n    : node.isLoading\n    ? 'loading'\n    : isExpanded\n    ? 'expanded'\n    : 'collapsed';\n\n  const branchSelectionState =\n    selectionType === 'multiple' && node.isBranch\n      ? getBranchSelectionState(node, selectedValuesSet)\n      : undefined;\n\n  const isSelected =\n    node.isSelectable &&\n    (selectionType === 'multiple'\n      ? node.isBranch\n        ? branchSelectionState === 'all'\n        : selectedValuesSet.has(props.value)\n      : selectedValuesSet.has(props.value));\n\n  const handleChevronClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n    // chevron click toggles expansion, never selects (B5)\n    event.stopPropagation();\n    onNodeExpandToggle(props.value);\n  };\n\n  const handleRowClick = (event: React.MouseEvent<HTMLButtonElement>): void => {\n    if (node.isDisabled) {\n      return;\n    }\n    if (isInsideDropdown) {\n      onDropdownNodeClick(event, props.value);\n      props.onClick?.({ name: props.value, value: isSelected, event });\n    } else {\n      onNodeSelect(props.value);\n      props.onClick?.({ name: props.value, value: isSelected, event });\n    }\n  };\n\n  // Figma layout: [20px chevron slot] -4px- [checkbox] -8px- [leading] -8px- [title]\n  // The chevron slot is reserved on every row (empty on leaves), so rows of the\n  // same level line up whether or not they have children\n  const rowContent = (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignItems=\"flex-start\"\n      gap=\"spacing.2\"\n      width=\"100%\"\n    >\n      <TreeViewChevron\n        state={chevronState}\n        isDisabled={node.isDisabled}\n        onClick={handleChevronClick}\n      />\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"flex-start\"\n        gap=\"spacing.3\"\n        flexGrow={1}\n        minWidth=\"0px\"\n      >\n        {selectionType === 'multiple' && node.isSelectable ? (\n          <BaseBox\n            display=\"flex\"\n            alignItems=\"center\"\n            height={makeSize(itemFirstRowHeight)}\n            flexShrink={0}\n          >\n            <TreeViewItemCheckbox\n              isChecked={isSelected}\n              isIndeterminate={branchSelectionState === 'some'}\n              isDisabled={node.isDisabled}\n            />\n          </BaseBox>\n        ) : null}\n        {props.leading ? (\n          <BaseBox\n            display=\"flex\"\n            alignItems=\"center\"\n            height={makeSize(itemFirstRowHeight)}\n            flexShrink={0}\n          >\n            {props.leading}\n          </BaseBox>\n        ) : null}\n        <BaseBox display=\"flex\" flexDirection=\"column\" flexGrow={1} minWidth=\"0px\">\n          <BaseBox\n            display=\"flex\"\n            alignItems=\"center\"\n            height={makeSize(itemFirstRowHeight)}\n            ref={containerRef as never}\n          >\n            <BaseText\n              as=\"p\"\n              ref={textRef as never}\n              truncateAfterLines={1}\n              wordBreak=\"break-all\"\n              {...getTextProps({\n                size: 'medium',\n                color: node.isDisabled\n                  ? 'interactive.text.gray.disabled'\n                  : 'interactive.text.gray.normal',\n                weight: 'regular',\n              })}\n            >\n              {props.title}\n            </BaseText>\n          </BaseBox>\n          {props.description ? (\n            <Text\n              size=\"small\"\n              color={\n                node.isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.gray.muted'\n              }\n            >\n              {props.description}\n            </Text>\n          ) : null}\n        </BaseBox>\n        {props.trailing ? (\n          <BaseBox\n            display=\"flex\"\n            alignItems=\"center\"\n            height={makeSize(itemFirstRowHeight)}\n            flexShrink={0}\n            marginLeft=\"auto\"\n          >\n            {props.trailing}\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    </BaseBox>\n  );\n\n  return (\n    // animates the row's own mount when it was appended into an existing tree\n    // (e.g. through TreeViewLoadMore); no-op on initial mounts\n    <TreeViewRowMountAnimator>\n      <StyledTreeViewRow\n        level={node.level}\n        {...metaAttribute({ name: MetaConstants.TreeViewItem, testID: props.testID })}\n      >\n        <BaseMenuItem\n          ref={(element) => registerRowRef(props.value, element as HTMLElement | null)}\n          // rows render as div (not button): role=treeitem is not a permitted role on button\n          // (axe aria-allowed-role); disabled behaviour is handled in the click/keyboard guards\n          id={\n            isInsideDropdown && node.optionIndex >= 0\n              ? `${dropdownBaseId}-${node.optionIndex}`\n              : undefined\n          }\n          tabIndex={!isInsideDropdown && tabbableValue === props.value ? 0 : -1}\n          isSelected={\n            selectionType === 'single' && !node.isDisabled && node.isSelectable\n              ? isSelected\n              : undefined\n          }\n          isDisabled={node.isDisabled}\n          selectionType={selectionType}\n          className={\n            isInsideDropdown && node.optionIndex >= 0 && activeIndex === node.optionIndex\n              ? 'active-focus'\n              : ''\n          }\n          isKeydownPressed={isInsideDropdown ? isKeydownPressed : undefined}\n          onClick={handleRowClick}\n          onFocus={() => {\n            if (!isInsideDropdown) {\n              setFocusedValue(props.value);\n            }\n          }}\n          onMouseDown={() => {\n            if (isInsideDropdown) {\n              // keep focus on Dropdown's trigger while the row is being clicked (same as ActionListItem)\n              setShouldIgnoreBlurAnimation(true);\n            }\n          }}\n          onMouseUp={() => {\n            if (isInsideDropdown) {\n              setShouldIgnoreBlurAnimation(false);\n            }\n          }}\n          data-value={props.value}\n          data-tree-node-value={props.value}\n          {...makeAccessible({\n            role: 'treeitem',\n            expanded: node.isBranch ? isExpanded : undefined,\n            level: node.level,\n            posInSet: node.posInSet,\n            setSize: node.setSize,\n            // a non-selectable branch carries no selection semantics at all\n            selected:\n              selectionType === 'single' && !node.isDisabled && node.isSelectable\n                ? isSelected\n                : undefined,\n            checked:\n              selectionType === 'multiple' && !node.isDisabled && node.isSelectable\n                ? node.isBranch\n                  ? branchSelectionState === 'some'\n                    ? 'mixed'\n                    : branchSelectionState === 'all'\n                  : selectedValuesSet.has(props.value)\n                : undefined,\n            disabled: node.isDisabled ? true : undefined,\n          })}\n          {...makeAnalyticsAttribute(props)}\n        >\n          {rowContent}\n        </BaseMenuItem>\n        {node.hasRenderedChildren ? (\n          <TreeViewGroupAnimator\n            isExpanded={isExpanded}\n            shouldAnimateMount={!isRowFirstRenderRef.current}\n          >\n            {/* B8: indentation is applied on each row's own padding-left (StyledTreeViewRow),\n                not on this group, so row backgrounds stay full-bleed */}\n            <BaseBox {...makeAccessible({ role: 'group' })}>\n              <TreeViewParentContext.Provider value={props.value}>\n                {props.children}\n              </TreeViewParentContext.Provider>\n            </BaseBox>\n          </TreeViewGroupAnimator>\n        ) : null}\n      </StyledTreeViewRow>\n    </TreeViewRowMountAnimator>\n  );\n};\n\n/**\n * ### TreeViewItem\n *\n * Creates a row inside `TreeView`. Nest `TreeViewItem` inside another `TreeViewItem`\n * to create a hierarchy - nesting defines depth.\n *\n * #### Usage\n *\n * ```jsx\n * <TreeView selectionType=\"multiple\">\n *   <TreeViewItem title=\"India\" value=\"india\">\n *     <TreeViewItem title=\"Karnataka\" value=\"karnataka\">\n *       <TreeViewItem title=\"Bengaluru\" value=\"bengaluru\" />\n *     </TreeViewItem>\n *   </TreeViewItem>\n * </TreeView>\n * ```\n */\nconst TreeViewItem = assignWithoutSideEffects(_TreeViewItem, {\n  componentId: componentIds.TreeViewItem,\n  displayName: componentIds.TreeViewItem,\n});\n\nexport { TreeViewItem };\n"],"names":["TreeViewItemCheckbox","_ref","isChecked","isIndeterminate","isDisabled","_jsx","BaseBox","_objectSpread","pointerEvents","makeAccessible","hidden","children","Checkbox","tabIndex","_TreeViewItem","props","_useTreeViewContext","useTreeViewContext","selectionType","isInsideDropdown","nodeMap","selectedValuesSet","expandedValues","tabbableValue","onNodeSelect","onNodeExpandToggle","onDropdownNodeClick","registerRowRef","setFocusedValue","_useDropdown","useDropdown","dropdownBaseId","activeIndex","isKeydownPressed","setShouldIgnoreBlurAnimation","_useTruncationTitle","useTruncationTitle","content","title","containerRef","textRef","isRowFirstRenderRef","React","useRef","useEffect","current","node","value","isExpanded","has","chevronState","isBranch","isLoading","branchSelectionState","getBranchSelectionState","undefined","isSelected","isSelectable","handleChevronClick","event","stopPropagation","handleRowClick","_props$onClick","onClick","call","name","_props$onClick2","rowContent","_jsxs","display","flexDirection","alignItems","gap","width","TreeViewChevron","state","flexGrow","minWidth","height","makeSize","itemFirstRowHeight","flexShrink","leading","ref","BaseText","as","truncateAfterLines","wordBreak","getTextProps","size","color","weight","description","Text","trailing","marginLeft","TreeViewRowMountAnimator","StyledTreeViewRow","level","metaAttribute","MetaConstants","TreeViewItem","testID","BaseMenuItem","element","id","optionIndex","concat","className","onFocus","onMouseDown","onMouseUp","role","expanded","posInSet","setSize","selected","checked","disabled","makeAnalyticsAttribute","hasRenderedChildren","TreeViewGroupAnimator","shouldAnimateMount","TreeViewParentContext","Provider","assignWithoutSideEffects","componentId","componentIds","displayName"],"mappings":"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"}

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

@@ -0,0 +1,173 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import React__default from 'react';
+import { componentIds } from './componentIds.js';
+import { useTreeViewContext, TreeViewParentContext } from './useTreeView.js';
+import { StyledTreeViewRow } from './StyledTreeViewRow.web.js';
+import { TreeViewRowMountAnimator } from './TreeViewAnimator.web.js';
+import { DEFAULT_LOAD_MORE_LABEL } from './treeViewUtils.js';
+import '../Box/BaseBox/index.js';
+import '../BaseMenu/index.js';
+import { itemFirstRowHeight } from '../BaseMenu/BaseMenuItem/tokens.js';
+import '../Spinner/index.js';
+import '../Typography/index.js';
+import { useDropdown } from '../Dropdown/useDropdown.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/index.js';
+import '../../utils/makeAccessible/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseMenuItem } from '../BaseMenu/BaseMenuItem/BaseMenuItem.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { Spinner } from '../Spinner/Spinner/Spinner.js';
+import { Text } from '../Typography/Text/Text.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.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 _TreeViewLoadMore = function _TreeViewLoadMore(props) {
+  var _props$children;
+  var _useTreeViewContext = useTreeViewContext(),
+    isInsideDropdown = _useTreeViewContext.isInsideDropdown,
+    nodeMap = _useTreeViewContext.nodeMap,
+    tabbableValue = _useTreeViewContext.tabbableValue,
+    onDropdownNodeClick = _useTreeViewContext.onDropdownNodeClick,
+    registerRowRef = _useTreeViewContext.registerRowRef,
+    setFocusedValue = _useTreeViewContext.setFocusedValue;
+  var _useDropdown = useDropdown(),
+    dropdownBaseId = _useDropdown.dropdownBaseId,
+    activeIndex = _useDropdown.activeIndex,
+    isKeydownPressed = _useDropdown.isKeydownPressed,
+    setShouldIgnoreBlurAnimation = _useDropdown.setShouldIgnoreBlurAnimation;
+  var parentValue = React__default.useContext(TreeViewParentContext);
+
+  // loadMore rows have no consumer-facing value, so we find our synthetic node
+  // in the registry by parent (TreeView dev-warns on more than one per branch)
+  var node = Object.values(nodeMap).find(function (registryNode) {
+    return registryNode.kind === 'loadMore' && registryNode.parentValue === parentValue;
+  });
+  if (!node) {
+    return null;
+  }
+  var handleRowClick = function handleRowClick(event) {
+    if (node.isDisabled) {
+      return;
+    }
+    if (isInsideDropdown) {
+      onDropdownNodeClick(event, node.value);
+      return;
+    }
+    if (!props.isLoading) {
+      props.onClick();
+    }
+  };
+  return /*#__PURE__*/jsx(TreeViewRowMountAnimator, {
+    children: /*#__PURE__*/jsx(StyledTreeViewRow, {
+      level: node.level,
+      children: /*#__PURE__*/jsx(BaseMenuItem, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+        ref: function ref(element) {
+          return registerRowRef(node.value, element);
+        }
+        // div row, same as TreeViewItem (treeitem role is not permitted on button)
+        ,
+        id: isInsideDropdown && node.optionIndex >= 0 ? "".concat(dropdownBaseId, "-").concat(node.optionIndex) : undefined,
+        tabIndex: !isInsideDropdown && tabbableValue === node.value ? 0 : -1,
+        isDisabled: node.isDisabled,
+        className: isInsideDropdown && node.optionIndex >= 0 && activeIndex === node.optionIndex ? 'active-focus' : '',
+        isKeydownPressed: isInsideDropdown ? isKeydownPressed : undefined,
+        onClick: handleRowClick,
+        onFocus: function onFocus() {
+          if (!isInsideDropdown) {
+            setFocusedValue(node.value);
+          }
+        },
+        onMouseDown: function onMouseDown() {
+          if (isInsideDropdown) {
+            setShouldIgnoreBlurAnimation(true);
+          }
+        },
+        onMouseUp: function onMouseUp() {
+          if (isInsideDropdown) {
+            setShouldIgnoreBlurAnimation(false);
+          }
+        },
+        "data-value": node.value,
+        "data-tree-node-value": node.value
+      }, makeAccessible({
+        role: 'treeitem',
+        level: node.level,
+        posInSet: node.posInSet,
+        setSize: node.setSize,
+        busy: props.isLoading ? true : undefined
+      })), metaAttribute({
+        name: MetaConstants.TreeViewLoadMore,
+        testID: props.testID
+      })), makeAnalyticsAttribute(props)), {}, {
+        children: props.isLoading ? /*#__PURE__*/jsxs(BaseBox, {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          gap: "spacing.3",
+          paddingLeft: "spacing.7",
+          height: makeSize(itemFirstRowHeight),
+          children: [/*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
+            display: "flex",
+            alignItems: "center"
+          }, makeAccessible({
+            hidden: true
+          })), {}, {
+            children: /*#__PURE__*/jsx(Spinner, {
+              accessibilityLabel: "Loading",
+              size: "medium",
+              color: "neutral"
+            })
+          })), /*#__PURE__*/jsx(Text, {
+            size: "medium",
+            color: "interactive.text.gray.muted",
+            children: "Loading..."
+          })]
+        }) : /*#__PURE__*/jsx(BaseBox, {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          paddingLeft: "spacing.7",
+          height: makeSize(itemFirstRowHeight),
+          children: /*#__PURE__*/jsx(Text, {
+            size: "medium",
+            weight: "medium",
+            color: node.isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.primary.normal',
+            children: (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : DEFAULT_LOAD_MORE_LABEL
+          })
+        })
+      }))
+    })
+  });
+};
+
+/**
+ * ### TreeViewLoadMore
+ *
+ * Non-selectable action row inside `TreeView` for loading more items on demand.
+ * Can be placed at any depth including the root, as the last child of its branch.
+ *
+ * #### Usage
+ *
+ * ```jsx
+ * <TreeViewItem title="Karnataka" value="karnataka">
+ *   <TreeViewItem title="Bengaluru" value="bengaluru" />
+ *   <TreeViewLoadMore onClick={loadMoreCities} isLoading={isLoadingCities} />
+ * </TreeViewItem>
+ * ```
+ */
+var TreeViewLoadMore = /*#__PURE__*/assignWithoutSideEffects(_TreeViewLoadMore, {
+  componentId: componentIds.TreeViewLoadMore,
+  displayName: componentIds.TreeViewLoadMore
+});
+
+export { TreeViewLoadMore };
+//# sourceMappingURL=TreeViewLoadMore.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewLoadMore.web.js","sources":["../../../../../../src/components/TreeView/TreeViewLoadMore.web.tsx"],"sourcesContent":["import React from 'react';\nimport { componentIds } from './componentIds';\nimport type { TreeViewLoadMoreProps } from './types';\nimport { TreeViewParentContext, useTreeViewContext } from './useTreeView';\nimport { StyledTreeViewRow } from './StyledTreeViewRow.web';\nimport { TreeViewRowMountAnimator } from './TreeViewAnimator.web';\nimport { DEFAULT_LOAD_MORE_LABEL } from './treeViewUtils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { BaseMenuItem } from '~components/BaseMenu';\nimport { itemFirstRowHeight } from '~components/BaseMenu/BaseMenuItem/tokens';\nimport { Spinner } from '~components/Spinner';\nimport { Text } from '~components/Typography';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _TreeViewLoadMore = (props: TreeViewLoadMoreProps): React.ReactElement | null => {\n  const {\n    isInsideDropdown,\n    nodeMap,\n    tabbableValue,\n    onDropdownNodeClick,\n    registerRowRef,\n    setFocusedValue,\n  } = useTreeViewContext();\n  const {\n    dropdownBaseId,\n    activeIndex,\n    isKeydownPressed,\n    setShouldIgnoreBlurAnimation,\n  } = useDropdown();\n  const parentValue = React.useContext(TreeViewParentContext);\n\n  // loadMore rows have no consumer-facing value, so we find our synthetic node\n  // in the registry by parent (TreeView dev-warns on more than one per branch)\n  const node = Object.values(nodeMap).find(\n    (registryNode) => registryNode.kind === 'loadMore' && registryNode.parentValue === parentValue,\n  );\n\n  if (!node) {\n    return null;\n  }\n\n  const handleRowClick = (event: React.MouseEvent<HTMLButtonElement>): void => {\n    if (node.isDisabled) {\n      return;\n    }\n    if (isInsideDropdown) {\n      onDropdownNodeClick(event, node.value);\n      return;\n    }\n    if (!props.isLoading) {\n      props.onClick();\n    }\n  };\n\n  return (\n    <TreeViewRowMountAnimator>\n      <StyledTreeViewRow level={node.level}>\n        <BaseMenuItem\n          ref={(element) => registerRowRef(node.value, element as HTMLElement | null)}\n          // div row, same as TreeViewItem (treeitem role is not permitted on button)\n          id={\n            isInsideDropdown && node.optionIndex >= 0\n              ? `${dropdownBaseId}-${node.optionIndex}`\n              : undefined\n          }\n          tabIndex={!isInsideDropdown && tabbableValue === node.value ? 0 : -1}\n          isDisabled={node.isDisabled}\n          className={\n            isInsideDropdown && node.optionIndex >= 0 && activeIndex === node.optionIndex\n              ? 'active-focus'\n              : ''\n          }\n          isKeydownPressed={isInsideDropdown ? isKeydownPressed : undefined}\n          onClick={handleRowClick}\n          onFocus={() => {\n            if (!isInsideDropdown) {\n              setFocusedValue(node.value);\n            }\n          }}\n          onMouseDown={() => {\n            if (isInsideDropdown) {\n              setShouldIgnoreBlurAnimation(true);\n            }\n          }}\n          onMouseUp={() => {\n            if (isInsideDropdown) {\n              setShouldIgnoreBlurAnimation(false);\n            }\n          }}\n          data-value={node.value}\n          data-tree-node-value={node.value}\n          {...makeAccessible({\n            role: 'treeitem',\n            level: node.level,\n            posInSet: node.posInSet,\n            setSize: node.setSize,\n            busy: props.isLoading ? true : undefined,\n          })}\n          {...metaAttribute({ name: MetaConstants.TreeViewLoadMore, testID: props.testID })}\n          {...makeAnalyticsAttribute(props)}\n        >\n          {/* B7: no chevron and no checkbox of its own - the label is offset by one\n            chevron slot (20px + the 4px gap after it) so it lines up with the content\n            of sibling rows (Figma: TreeViewItem/LoadMore) */}\n          {props.isLoading ? (\n            <BaseBox\n              display=\"flex\"\n              flexDirection=\"row\"\n              alignItems=\"center\"\n              gap=\"spacing.3\"\n              paddingLeft=\"spacing.7\"\n              height={makeSize(itemFirstRowHeight)}\n            >\n              {/* the row itself is aria-busy and the \"Loading...\" text is the announcement; the spinner is decorative */}\n              <BaseBox display=\"flex\" alignItems=\"center\" {...makeAccessible({ hidden: true })}>\n                <Spinner accessibilityLabel=\"Loading\" size=\"medium\" color=\"neutral\" />\n              </BaseBox>\n              <Text size=\"medium\" color=\"interactive.text.gray.muted\">\n                Loading...\n              </Text>\n            </BaseBox>\n          ) : (\n            <BaseBox\n              display=\"flex\"\n              flexDirection=\"row\"\n              alignItems=\"center\"\n              paddingLeft=\"spacing.7\"\n              height={makeSize(itemFirstRowHeight)}\n            >\n              <Text\n                size=\"medium\"\n                weight=\"medium\"\n                color={\n                  node.isDisabled\n                    ? 'interactive.text.gray.disabled'\n                    : 'interactive.text.primary.normal'\n                }\n              >\n                {props.children ?? DEFAULT_LOAD_MORE_LABEL}\n              </Text>\n            </BaseBox>\n          )}\n        </BaseMenuItem>\n      </StyledTreeViewRow>\n    </TreeViewRowMountAnimator>\n  );\n};\n\n/**\n * ### TreeViewLoadMore\n *\n * Non-selectable action row inside `TreeView` for loading more items on demand.\n * Can be placed at any depth including the root, as the last child of its branch.\n *\n * #### Usage\n *\n * ```jsx\n * <TreeViewItem title=\"Karnataka\" value=\"karnataka\">\n *   <TreeViewItem title=\"Bengaluru\" value=\"bengaluru\" />\n *   <TreeViewLoadMore onClick={loadMoreCities} isLoading={isLoadingCities} />\n * </TreeViewItem>\n * ```\n */\nconst TreeViewLoadMore = assignWithoutSideEffects(_TreeViewLoadMore, {\n  componentId: componentIds.TreeViewLoadMore,\n  displayName: componentIds.TreeViewLoadMore,\n});\n\nexport { TreeViewLoadMore };\n"],"names":["_TreeViewLoadMore","props","_props$children","_useTreeViewContext","useTreeViewContext","isInsideDropdown","nodeMap","tabbableValue","onDropdownNodeClick","registerRowRef","setFocusedValue","_useDropdown","useDropdown","dropdownBaseId","activeIndex","isKeydownPressed","setShouldIgnoreBlurAnimation","parentValue","React","useContext","TreeViewParentContext","node","Object","values","find","registryNode","kind","handleRowClick","event","isDisabled","value","isLoading","onClick","_jsx","TreeViewRowMountAnimator","children","StyledTreeViewRow","level","BaseMenuItem","_objectSpread","ref","element","id","optionIndex","concat","undefined","tabIndex","className","onFocus","onMouseDown","onMouseUp","makeAccessible","role","posInSet","setSize","busy","metaAttribute","name","MetaConstants","TreeViewLoadMore","testID","makeAnalyticsAttribute","_jsxs","BaseBox","display","flexDirection","alignItems","gap","paddingLeft","height","makeSize","itemFirstRowHeight","hidden","Spinner","accessibilityLabel","size","color","Text","weight","DEFAULT_LOAD_MORE_LABEL","assignWithoutSideEffects","componentId","componentIds","displayName"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+var componentIds = {
+  TreeView: 'TreeView',
+  TreeViewItem: 'TreeViewItem',
+  TreeViewLoadMore: 'TreeViewLoadMore'
+};
+
+export { componentIds };
+//# sourceMappingURL=componentIds.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"componentIds.js","sources":["../../../../../../src/components/TreeView/componentIds.ts"],"sourcesContent":["export const componentIds = {\n  TreeView: 'TreeView',\n  TreeViewItem: 'TreeViewItem',\n  TreeViewLoadMore: 'TreeViewLoadMore',\n};\n"],"names":["componentIds","TreeView","TreeViewItem","TreeViewLoadMore"],"mappings":"AAAO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,YAAY,EAAE,cAAc;AAC5BC,EAAAA,gBAAgB,EAAE,kBAAA;AACpB;;;;"}

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

@@ -0,0 +1,4 @@
+export { TreeView } from './TreeView.web.js';
+export { TreeViewItem } from './TreeViewItem.web.js';
+export { TreeViewLoadMore } from './TreeViewLoadMore.web.js';
+//# sourceMappingURL=index.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}