@multiplatform.one/components 5.0.27 → 6.0.1

package/dist/cjs/views/ReportBuilder.stories.native.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ReportBuilder_stories_exports = {};
+__export(ReportBuilder_stories_exports, {
+  Default: () => Default,
+  default: () => ReportBuilder_stories_default
+});
+module.exports = __toCommonJS(ReportBuilder_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ReportBuilder = require("./ReportBuilder.native.js");
+var columns = [{
+  fieldname: "name",
+  label: "Name",
+  fieldtype: "Data",
+  enabled: true
+}, {
+  fieldname: "status",
+  label: "Status",
+  fieldtype: "Select",
+  enabled: true
+}, {
+  fieldname: "amount",
+  label: "Amount",
+  fieldtype: "Currency",
+  enabled: true
+}, {
+  fieldname: "date",
+  label: "Date",
+  fieldtype: "Date",
+  enabled: true
+}];
+var data = [{
+  name: "Order 001",
+  status: "Completed",
+  amount: 1200,
+  date: "2026-01-15"
+}, {
+  name: "Order 002",
+  status: "Pending",
+  amount: 850,
+  date: "2026-01-16"
+}, {
+  name: "Order 003",
+  status: "Completed",
+  amount: 2100,
+  date: "2026-01-17"
+}, {
+  name: "Order 004",
+  status: "Pending",
+  amount: 430,
+  date: "2026-01-18"
+}];
+var meta = {
+  title: "Components/ReportBuilder",
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var ReportBuilder_stories_default = meta;
+var Default = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ReportBuilder.ReportBuilder, {
+      columns,
+      data,
+      onExport: function onExport(rows) {
+        return console.log("Export:", rows);
+      }
+    });
+  }
+};
+//# sourceMappingURL=ReportBuilder.stories.native.js.map

package/dist/cjs/views/ReportBuilder.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ReportBuilder_stories_exports","__export","Default","default","ReportBuilder_stories_default","module","exports","import_jsx_runtime","require","import_ReportBuilder","columns","fieldname","label","fieldtype","enabled","data","name"],"sources":["../../../src/views/ReportBuilder.stories.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAX,YAAiD,CAAAK,6BAAA;AA4B7C,IAAAO,kBAAA,GAAAC,OAAA;AA1BJ,IAAAC,oBAAgC,GAAAD,OAAA;AAAA,IAC5BE,OAAA,IACF;EACEC,SAAA,EAAW;EACXC,KAAA,QAAW;EACfC,SAAA;EAEAC,OAAM,EAAO;AACX,GACA;EACEH,SAAM,UAAa;EACnBC,KAAA,EAAM;EACVC,SAAA;EAEAC,OAAM,EAAa;AACjB,GACA;EACEH,SAAQ,EAAE,QAAM;EAClBC,KAAA;EACFC,SAAA;EAEOC,OAAA;AAEA,GACL;EACAH,SAAQ,QACN;EAACC,KAAA;EAAAC,SAAA;EAAAC,OACC;AAAA,EACA;AAC+C,IAAAC,IAAA,IACjD;EAEJC,IAAA","ignoreList":[]}

package/dist/cjs/views/TreeView.cjs

@@ -0,0 +1,253 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var TreeView_exports = {};
+__export(TreeView_exports, {
+  TreeView: () => TreeView
+});
+module.exports = __toCommonJS(TreeView_exports);
+var import_componentColors = require("../componentColors.cjs");
+var import_flash_list = require("@shopify/flash-list");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react_hotkeys = require("@tanstack/react-hotkeys");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function TreeView({
+  nodes,
+  renderNode = node => node.label,
+  onNodeToggle,
+  onNodeSelect,
+  estimateSize: estimateSizeProp,
+  overscan = 10,
+  height: heightProp,
+  emptyMessage = "No items found",
+  defaultExpandedIds,
+  hotkeys: hotkeyOverrides,
+  ...stackProps
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const sz = knobProps.sizeToken;
+  const estimateSize = estimateSizeProp ?? (sz === "$3" ? 30 : sz === "$5" ? 44 : 36);
+  const height = heightProp ?? (sz === "$3" ? 320 : sz === "$5" ? 480 : 400);
+  const expandIconSize = sz === "$3" ? 16 : sz === "$5" ? 24 : 20;
+  const treeId = (0, import_react2.useId)();
+  const containerRef = (0, import_react2.useRef)(null);
+  const flashListRef = (0, import_react2.useRef)(null);
+  const [focusedIndex, setFocusedIndex] = (0, import_react2.useState)(-1);
+  const [expandedIds, setExpandedIds] = (0, import_react2.useState)(() => new Set(defaultExpandedIds ?? []));
+  const toggleNode = (0, import_react2.useCallback)(node => {
+    setExpandedIds(prev => {
+      const next = new Set(prev);
+      if (next.has(node.id)) {
+        next.delete(node.id);
+      } else {
+        next.add(node.id);
+      }
+      return next;
+    });
+    onNodeToggle?.(node);
+  }, [onNodeToggle]);
+  const flatNodes = (0, import_react2.useMemo)(() => {
+    const result = [];
+    const walk = (items, depth) => {
+      for (const node of items) {
+        const hasChildren = (node.children?.length ?? 0) > 0;
+        const isExpanded = expandedIds.has(node.id);
+        result.push({
+          node,
+          depth,
+          hasChildren,
+          isExpanded,
+          index: result.length
+        });
+        if (isExpanded && node.children) {
+          walk(node.children, depth + 1);
+        }
+      }
+    };
+    walk(nodes, 0);
+    return result;
+  }, [nodes, expandedIds]);
+  const scrollToIndex = (0, import_react2.useCallback)(index => {
+    if (index >= 0 && index < flatNodes.length) {
+      flashListRef.current?.scrollToIndex({
+        index,
+        animated: true
+      });
+    }
+  }, [flatNodes.length]);
+  const hotkeyOpts = {
+    target: containerRef
+  };
+  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.next ?? "ArrowDown", () => {
+    setFocusedIndex(prev => {
+      const next = prev < 0 ? 0 : Math.min(prev + 1, flatNodes.length - 1);
+      scrollToIndex(next);
+      return next;
+    });
+  }, hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.prev ?? "ArrowUp", () => {
+    setFocusedIndex(prev => {
+      const next = prev < 0 ? flatNodes.length - 1 : Math.max(prev - 1, 0);
+      scrollToIndex(next);
+      return next;
+    });
+  }, hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.expand ?? "ArrowRight", () => {
+    if (focusedIndex >= 0 && focusedIndex < flatNodes.length) {
+      const {
+        node,
+        hasChildren,
+        isExpanded
+      } = flatNodes[focusedIndex];
+      if (hasChildren && !isExpanded) {
+        toggleNode(node);
+      }
+    }
+  }, hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.collapse ?? "ArrowLeft", () => {
+    if (focusedIndex >= 0 && focusedIndex < flatNodes.length) {
+      const {
+        node,
+        hasChildren,
+        isExpanded
+      } = flatNodes[focusedIndex];
+      if (hasChildren && isExpanded) {
+        toggleNode(node);
+      }
+    }
+  }, hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.select ?? "Enter", () => {
+    if (focusedIndex >= 0 && focusedIndex < flatNodes.length) {
+      onNodeSelect?.(flatNodes[focusedIndex].node);
+    }
+  }, hotkeyOpts);
+  if (nodes.length === 0) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      ...stackProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: import_componentColors.componentColors.text.muted,
+        children: emptyMessage
+      })
+    });
+  }
+  const effectiveFocused = focusedIndex >= flatNodes.length ? -1 : focusedIndex;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    ...knobProps.borderRadius,
+    ...stackProps,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ref: containerRef,
+      role: "tree",
+      "aria-activedescendant": effectiveFocused >= 0 ? `${treeId}-node-${effectiveFocused}` : void 0,
+      tabIndex: 0,
+      outlineWidth: 0,
+      style: {
+        height
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_flash_list.FlashList, {
+        ref: flashListRef,
+        data: flatNodes,
+        drawDistance: overscan * estimateSize,
+        keyExtractor: item => item.node.id,
+        extraData: effectiveFocused,
+        renderItem: ({
+          item,
+          index
+        }) => {
+          const {
+            node,
+            depth,
+            hasChildren,
+            isExpanded
+          } = item;
+          const isFocused = effectiveFocused === index;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+            id: `${treeId}-node-${index}`,
+            role: "treeitem",
+            "aria-expanded": hasChildren ? isExpanded : void 0,
+            "aria-selected": isFocused,
+            "aria-level": depth + 1,
+            size: knobProps.sizeToken,
+            paddingLeft: `$${Math.max(depth * 4, 1)}`,
+            icon: hasChildren ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+              flexDirection: "row",
+              alignItems: "center",
+              gap: "$1",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+                onPress: () => toggleNode(node),
+                width: expandIconSize,
+                height: expandIconSize,
+                alignItems: "center",
+                justifyContent: "center",
+                cursor: "pointer",
+                children: isExpanded ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretDownIcon, {
+                  size: 14,
+                  weight: "bold"
+                }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretRightIcon, {
+                  size: 14,
+                  weight: "bold"
+                })
+              }), isExpanded ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FolderOpenIcon, {
+                size: 18,
+                weight: "duotone"
+              }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FolderIcon, {
+                size: 18,
+                weight: "duotone"
+              })]
+            }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+              flexDirection: "row",
+              alignItems: "center",
+              gap: "$1",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+                style: {
+                  width: expandIconSize
+                }
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FileIcon, {
+                size: 18,
+                weight: "duotone"
+              })]
+            }),
+            title: renderNode(node, depth),
+            backgroundColor: isFocused ? "$accentBackground" : index % 2 === 1 ? {
+              backgroundColor: import_componentColors.componentColors.surface.background
+            }?.backgroundColor ?? import_componentColors.componentColors.surface.background : "transparent",
+            hoverStyle: {
+              backgroundColor: import_componentColors.componentColors.interactive.background
+            },
+            pressStyle: {
+              backgroundColor: import_componentColors.componentColors.interactive.hover
+            },
+            ...knobProps.borderRadius,
+            cursor: "pointer",
+            onPress: () => onNodeSelect?.(node)
+          });
+        }
+      })
+    })
+  });
+}

package/dist/cjs/views/TreeView.native.js

@@ -0,0 +1,304 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var TreeView_exports = {};
+__export(TreeView_exports, {
+  TreeView: () => TreeView
+});
+module.exports = __toCommonJS(TreeView_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_componentColors = require("../componentColors.native.js");
+var import_flash_list = require("@shopify/flash-list");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react_hotkeys = require("@tanstack/react-hotkeys");
+var import_react2 = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function TreeView(param) {
+  var {
+    nodes,
+    renderNode = function (node) {
+      return node.label;
+    },
+    onNodeToggle,
+    onNodeSelect,
+    estimateSize: estimateSizeProp,
+    overscan = 10,
+    height: heightProp,
+    emptyMessage = "No items found",
+    defaultExpandedIds,
+    hotkeys: hotkeyOverrides,
+    ...stackProps
+  } = param;
+  var _ref, _ref1, _ref2, _ref3, _ref4;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var sz = knobProps.sizeToken;
+  var estimateSize = estimateSizeProp !== null && estimateSizeProp !== void 0 ? estimateSizeProp : sz === "$3" ? 30 : sz === "$5" ? 44 : 36;
+  var height = heightProp !== null && heightProp !== void 0 ? heightProp : sz === "$3" ? 320 : sz === "$5" ? 480 : 400;
+  var expandIconSize = sz === "$3" ? 16 : sz === "$5" ? 24 : 20;
+  var treeId = (0, import_react2.useId)();
+  var containerRef = (0, import_react2.useRef)(null);
+  var flashListRef = (0, import_react2.useRef)(null);
+  var [focusedIndex, setFocusedIndex] = (0, import_react2.useState)(-1);
+  var [expandedIds, setExpandedIds] = (0, import_react2.useState)(function () {
+    return new Set(defaultExpandedIds !== null && defaultExpandedIds !== void 0 ? defaultExpandedIds : []);
+  });
+  var toggleNode = (0, import_react2.useCallback)(function (node) {
+    setExpandedIds(function (prev) {
+      var next = new Set(prev);
+      if (next.has(node.id)) {
+        next.delete(node.id);
+      } else {
+        next.add(node.id);
+      }
+      return next;
+    });
+    onNodeToggle === null || onNodeToggle === void 0 ? void 0 : onNodeToggle(node);
+  }, [onNodeToggle]);
+  var flatNodes = (0, import_react2.useMemo)(function () {
+    var result = [];
+    var walk = function walk1(items, depth) {
+      var _iteratorNormalCompletion = true,
+        _didIteratorError = false,
+        _iteratorError = void 0;
+      try {
+        for (var _iterator = items[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var node = _step.value;
+          var _ref5;
+          var _node_children;
+          var hasChildren = ((_ref5 = (_node_children = node.children) === null || _node_children === void 0 ? void 0 : _node_children.length) !== null && _ref5 !== void 0 ? _ref5 : 0) > 0;
+          var isExpanded = expandedIds.has(node.id);
+          result.push({
+            node,
+            depth,
+            hasChildren,
+            isExpanded,
+            index: result.length
+          });
+          if (isExpanded && node.children) {
+            walk(node.children, depth + 1);
+          }
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return != null) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+    };
+    walk(nodes, 0);
+    return result;
+  }, [nodes, expandedIds]);
+  var scrollToIndex = (0, import_react2.useCallback)(function (index) {
+    if (index >= 0 && index < flatNodes.length) {
+      var _flashListRef_current;
+      (_flashListRef_current = flashListRef.current) === null || _flashListRef_current === void 0 ? void 0 : _flashListRef_current.scrollToIndex({
+        index,
+        animated: true
+      });
+    }
+  }, [flatNodes.length]);
+  var hotkeyOpts = {
+    target: containerRef
+  };
+  (0, import_react_hotkeys.useHotkey)((_ref = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.next) !== null && _ref !== void 0 ? _ref : "ArrowDown", function () {
+    setFocusedIndex(function (prev) {
+      var next = prev < 0 ? 0 : Math.min(prev + 1, flatNodes.length - 1);
+      scrollToIndex(next);
+      return next;
+    });
+  }, hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)((_ref1 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.prev) !== null && _ref1 !== void 0 ? _ref1 : "ArrowUp", function () {
+    setFocusedIndex(function (prev) {
+      var next = prev < 0 ? flatNodes.length - 1 : Math.max(prev - 1, 0);
+      scrollToIndex(next);
+      return next;
+    });
+  }, hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)((_ref2 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.expand) !== null && _ref2 !== void 0 ? _ref2 : "ArrowRight", function () {
+    if (focusedIndex >= 0 && focusedIndex < flatNodes.length) {
+      var {
+        node,
+        hasChildren,
+        isExpanded
+      } = flatNodes[focusedIndex];
+      if (hasChildren && !isExpanded) {
+        toggleNode(node);
+      }
+    }
+  }, hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)((_ref3 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.collapse) !== null && _ref3 !== void 0 ? _ref3 : "ArrowLeft", function () {
+    if (focusedIndex >= 0 && focusedIndex < flatNodes.length) {
+      var {
+        node,
+        hasChildren,
+        isExpanded
+      } = flatNodes[focusedIndex];
+      if (hasChildren && isExpanded) {
+        toggleNode(node);
+      }
+    }
+  }, hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)((_ref4 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.select) !== null && _ref4 !== void 0 ? _ref4 : "Enter", function () {
+    if (focusedIndex >= 0 && focusedIndex < flatNodes.length) {
+      onNodeSelect === null || onNodeSelect === void 0 ? void 0 : onNodeSelect(flatNodes[focusedIndex].node);
+    }
+  }, hotkeyOpts);
+  if (nodes.length === 0) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      ...stackProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: import_componentColors.componentColors.text.muted,
+        children: emptyMessage
+      })
+    });
+  }
+  var effectiveFocused = focusedIndex >= flatNodes.length ? -1 : focusedIndex;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    ...knobProps.borderRadius,
+    ...stackProps,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ref: containerRef,
+      role: "tree",
+      "aria-activedescendant": effectiveFocused >= 0 ? `${treeId}-node-${effectiveFocused}` : void 0,
+      tabIndex: 0,
+      outlineWidth: 0,
+      style: {
+        height
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_flash_list.FlashList, {
+        ref: flashListRef,
+        data: flatNodes,
+        drawDistance: overscan * estimateSize,
+        keyExtractor: function keyExtractor(item) {
+          return item.node.id;
+        },
+        extraData: effectiveFocused,
+        renderItem: function renderItem(param2) {
+          var {
+            item,
+            index
+          } = param2;
+          var _ref5;
+          var _this;
+          var {
+            node,
+            depth,
+            hasChildren,
+            isExpanded
+          } = item;
+          var isFocused = effectiveFocused === index;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+            id: `${treeId}-node-${index}`,
+            role: "treeitem",
+            "aria-expanded": hasChildren ? isExpanded : void 0,
+            "aria-selected": isFocused,
+            "aria-level": depth + 1,
+            size: knobProps.sizeToken,
+            paddingLeft: `$${Math.max(depth * 4, 1)}`,
+            icon: hasChildren ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+              flexDirection: "row",
+              alignItems: "center",
+              gap: "$1",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+                onPress: function onPress() {
+                  return toggleNode(node);
+                },
+                width: expandIconSize,
+                height: expandIconSize,
+                alignItems: "center",
+                justifyContent: "center",
+                cursor: "pointer",
+                children: isExpanded ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretDownIcon, {
+                  size: 14,
+                  weight: "bold"
+                }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretRightIcon, {
+                  size: 14,
+                  weight: "bold"
+                })
+              }), isExpanded ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FolderOpenIcon, {
+                size: 18,
+                weight: "duotone"
+              }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FolderIcon, {
+                size: 18,
+                weight: "duotone"
+              })]
+            }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+              flexDirection: "row",
+              alignItems: "center",
+              gap: "$1",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+                style: {
+                  width: expandIconSize
+                }
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FileIcon, {
+                size: 18,
+                weight: "duotone"
+              })]
+            }),
+            title: renderNode(node, depth),
+            backgroundColor: isFocused ? "$accentBackground" : index % 2 === 1 ? (_ref5 = (_this = {
+              backgroundColor: import_componentColors.componentColors.surface.background
+            }) === null || _this === void 0 ? void 0 : _this.backgroundColor) !== null && _ref5 !== void 0 ? _ref5 : import_componentColors.componentColors.surface.background : "transparent",
+            hoverStyle: {
+              backgroundColor: import_componentColors.componentColors.interactive.background
+            },
+            pressStyle: {
+              backgroundColor: import_componentColors.componentColors.interactive.hover
+            },
+            ...knobProps.borderRadius,
+            cursor: "pointer",
+            onPress: function onPress() {
+              return onNodeSelect === null || onNodeSelect === void 0 ? void 0 : onNodeSelect(node);
+            }
+          });
+        }
+      })
+    })
+  });
+}
+//# sourceMappingURL=TreeView.native.js.map

package/dist/cjs/views/TreeView.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","TreeView_exports","__export","TreeView","module","exports","import_jsx_runtime","require","import_componentColors","import_flash_list","import_theme","import_react","import_react_hotkeys","import_react2","import_tamagui","param","nodes","renderNode","node","label","onNodeToggle","onNodeSelect","estimateSize","estimateSizeProp","overscan","height","heightProp","emptyMessage","defaultExpandedIds","hotkeys","hotkeyOverrides","stackProps","_ref","_ref1","_ref2","_ref3","_ref4","knobProps","useResolvedKnobs","sz","sizeToken","expandIconSize","treeId","useId","containerRef","useRef","flashListRef","focusedIndex","setFocusedIndex","useState","expandedIds","setExpandedIds","Set","toggleNode","useCallback","prev","next","has","id","delete","add","flatNodes","useMemo","result","walk","walk1","items","depth","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","_ref5","_node_children","hasChildren","children","length","isExpanded","push","index","err","return","scrollToIndex","_flashListRef_current","current","animated","hotkeyOpts","useHotkey","Math","min","max","expand","collapse","select","jsx","YStack","panelPadding","alignItems","Text","color","componentColors","text","muted","effectiveFocused","borderRadius","View","ref","role","tabIndex","outlineWidth","style","FlashList","data","drawDistance","keyExtractor","item","extraData","renderItem","param2","_this","isFocused","ListItem","size","paddingLeft","icon","jsxs","flexDirection","gap","onPress","width"],"sources":["../../../src/views/TreeView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}