@multiplatform.one/frappe-ui 6.0.0

package/dist/jsx/FrappeTable.stories.native.js

@@ -0,0 +1,244 @@
+"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 FrappeTable_stories_exports = {};
+__export(FrappeTable_stories_exports, {
+  Default: () => Default,
+  ServerSide: () => ServerSide,
+  WithPagination: () => WithPagination,
+  WithSavedFilters: () => WithSavedFilters,
+  default: () => FrappeTable_stories_default
+});
+module.exports = __toCommonJS(FrappeTable_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_frappe = require("@multiplatform.one/frappe");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_tamagui = require("tamagui");
+var import_FrappeTable = require("./FrappeTable.native.js");
+var import_FrappeProvider = require("./FrappeProvider.native.js");
+var FrappeTable_stories_default = {
+  title: "FrappeUI/FrappeTable",
+  component: import_FrappeTable.FrappeTable,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A data table component connected to Frappe Live data with real-time updates, sorting, filtering, and pagination."
+      }
+    }
+  }
+};
+var customerFixtures = [{
+  name: "CUST-001",
+  doctype: "Customer",
+  customer_name: "Acme Corp",
+  customer_type: "Company",
+  territory: "United States",
+  status: "Active",
+  creation: "2025-01-15"
+}, {
+  name: "CUST-002",
+  doctype: "Customer",
+  customer_name: "Global Tech",
+  customer_type: "Company",
+  territory: "Europe",
+  status: "Active",
+  creation: "2025-02-20"
+}, {
+  name: "CUST-003",
+  doctype: "Customer",
+  customer_name: "John Smith",
+  customer_type: "Individual",
+  territory: "United States",
+  status: "Active",
+  creation: "2025-03-10"
+}, {
+  name: "CUST-004",
+  doctype: "Customer",
+  customer_name: "Jane Doe",
+  customer_type: "Individual",
+  territory: "Asia Pacific",
+  status: "Inactive",
+  creation: "2024-12-05"
+}, {
+  name: "CUST-005",
+  doctype: "Customer",
+  customer_name: "Tech Solutions",
+  customer_type: "Company",
+  territory: "Europe",
+  status: "Lead",
+  creation: "2025-04-01"
+}, {
+  name: "CUST-006",
+  doctype: "Customer",
+  customer_name: "Startup Inc",
+  customer_type: "Company",
+  territory: "United States",
+  status: "Active",
+  creation: "2025-05-15"
+}, {
+  name: "CUST-007",
+  doctype: "Customer",
+  customer_name: "Bob Wilson",
+  customer_type: "Individual",
+  territory: "Europe",
+  status: "Active",
+  creation: "2025-06-20"
+}, {
+  name: "CUST-008",
+  doctype: "Customer",
+  customer_name: "Enterprise Ltd",
+  customer_type: "Company",
+  territory: "Asia Pacific",
+  status: "Inactive",
+  creation: "2024-11-30"
+}];
+var customerColumns = [{
+  id: "name",
+  header: "ID",
+  accessorKey: "name"
+}, {
+  id: "customer_name",
+  header: "Customer Name",
+  accessorKey: "customer_name"
+}, {
+  id: "customer_type",
+  header: "Type",
+  accessorKey: "customer_type"
+}, {
+  id: "territory",
+  header: "Territory",
+  accessorKey: "territory"
+}, {
+  id: "status",
+  header: "Status",
+  accessorKey: "status",
+  cell: function cell(param) {
+    var {
+      getValue
+    } = param;
+    var status = getValue();
+    var colors = {
+      Active: "#10B981",
+      Inactive: "#EF4444",
+      Lead: "#F59E0B"
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      color: colors[status] || "$gray11",
+      fontWeight: "500",
+      children: status
+    });
+  }
+}, {
+  id: "creation",
+  header: "Created",
+  accessorKey: "creation"
+}];
+var Default = function Default2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+    baseURL: "https://demo.frappe.cloud",
+    fixtures: new import_frappe.InMemoryFixtureProvider({
+      Customer: customerFixtures
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeTable.FrappeTable, {
+      doctype: "Customer",
+      columns: customerColumns,
+      onRowClick: (0, import_storybook.action)("onRowClick")
+    })
+  });
+};
+Default.parameters = {
+  docs: {
+    description: {
+      story: "Basic data table connected to a Frappe Customer doctype."
+    }
+  }
+};
+Default.storyName = "Main";
+var WithPagination = function WithPagination2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+    baseURL: "https://demo.frappe.cloud",
+    fixtures: new import_frappe.InMemoryFixtureProvider({
+      Customer: customerFixtures
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeTable.FrappeTable, {
+      doctype: "Customer",
+      columns: customerColumns,
+      enablePagination: true,
+      onRowClick: (0, import_storybook.action)("onRowClick")
+    })
+  });
+};
+WithPagination.parameters = {
+  docs: {
+    description: {
+      story: "Table with pagination controls for large datasets."
+    }
+  }
+};
+var WithSavedFilters = function WithSavedFilters2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+    baseURL: "https://demo.frappe.cloud",
+    fixtures: new import_frappe.InMemoryFixtureProvider({
+      Customer: customerFixtures
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeTable.FrappeTable, {
+      doctype: "Customer",
+      columns: customerColumns,
+      savedFilters: true,
+      canCreateGlobalFilters: true,
+      userId: "admin@example.com",
+      onRowClick: (0, import_storybook.action)("onRowClick")
+    })
+  });
+};
+WithSavedFilters.parameters = {
+  docs: {
+    description: {
+      story: "Table with saved filters feature for saving and loading filter presets."
+    }
+  }
+};
+var ServerSide = function ServerSide2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+    baseURL: "https://demo.frappe.cloud",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeTable.FrappeTable, {
+      doctype: "Customer",
+      columns: customerColumns,
+      fields: ["name", "customer_name", "customer_type", "territory", "status", "creation"],
+      serverSide: true,
+      onStateChange: (0, import_storybook.action)("onStateChange")
+    })
+  });
+};
+ServerSide.parameters = {
+  docs: {
+    description: {
+      story: "Server-side filtering, sorting, and pagination. Uses Frappe REST API (limit_start, limit_page_length, order_by, filters). Requires a running Frappe backend."
+    }
+  }
+};
+//# sourceMappingURL=FrappeTable.stories.native.js.map

package/dist/jsx/FrappeTable.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","FrappeTable_stories_exports","Default","ServerSide","WithPagination","WithSavedFilters","default","FrappeTable_stories_default","module","exports","import_jsx_runtime","require","import_frappe","import_storybook","import_tamagui","import_FrappeTable","import_FrappeProvider","title","component","FrappeTable","parameters","status","type","docs","description","customerFixtures","doctype","customer_name","customer_type","territory","creation","customerColumns","id","header","accessorKey","cell","param","getValue","colors","Active","Inactive","Lead","jsx","Text","color","fontWeight","children","Default2","FrappeProvider","baseURL","fixtures","InMemoryFixtureProvider","Customer","columns","onRowClick","action","story","storyName","WithPagination2","enablePagination"],"sources":["../../src/FrappeTable.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAcC,cAAA;AAEvB,IAAAC,gBAAS,GAAYF,MAAA,CAAAG,wBAAA;AACrB,IAAAC,iBAAS,GAAAJ,MAAmB,CAAAK,mBAAA;AAC5B,IAAAC,YAAS,GAAAN,MAAA,CAAAO,SAAsB,CAAAC,cAAA;AAsHvB,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EApHR,KAAO,IAAAC,IAAA,IAAAD,GAAA,EACLZ,SAAO,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACI,IACXC,WAAY,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACVF,IAAA,IAAU,OAAMA,IAAA,KAAS,mBAAAA,IAAA;IACzB,SAAMG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACJ,KAAAX,YAAa,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACXnB,SAAA,CAAAiB,EACE,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACJ,OACFE,EAAA;AAAA;AAEJ,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAYA,IAAAE,2BAAqC;AAAAhB,QACnC,CAAAgB,2BAAA;EAAAC,OACE,EAAMA,CAAA,KAAAA,OAAA;EAAAC,UACN,EAASA,CAAA,KAAAA,UAAA;EAAAC,cACT,EAAAA,CAAA,KAAeA,cAAA;EAAAC,gBACf,EAAeA,CAAA,KAAAA,gBAAA;EAAAC,OACf,EAAAA,CAAA,KAAWC;AAAA;AACHC,MACR,CAAAC,OAAU,GAAAX,YAAA,CAAAG,2BAAA;AAAA,IACZS,kBAAA,GAAAC,OAAA;AAAA,IACAC,aAAA,GAAAD,OAAA;AAAA,IACEE,gBAAM,GAAAF,OAAA;AAAA,IACNG,cAAS,GAAAH,OAAA;AAAA,IACTI,kBAAe,GAAAJ,OAAA;AAAA,IACfK,qBAAe,GAAAL,OAAA;AAAA,IACfJ,2BAAW;EAAAU,KACX,wBAAQ;EAAAC,SACR,EAAAH,kBAAU,CAAAI,WAAA;EACZC,UAAA;IACAC,MAAA;MACEC,IAAM;IACN;IACAC,IAAA;MACAC,WAAA,EAAe;QACfN,SAAW;MACX;IACA;EACF;AAAA;AACA,IACEO,gBAAM;EAENrC,IAAA,YAAe;EACfsC,OAAA,YAAe;EACfC,aAAW;EACXC,aAAQ;EACRC,SAAA,EAAU;EACZR,MAAA;EACAS,QAAA;AAAA,GACQ;EAEN1C,IAAA,YAAe;EACfsC,OAAA,YAAe;EACfC,aAAW;EACXC,aAAQ;EACRC,SAAA,EAAU;EACZR,MAAA;EACAS,QAAA;AAAA,GACQ;EAEN1C,IAAA,YAAe;EACfsC,OAAA,YAAe;EACfC,aAAW;EACXC,aAAQ;EACRC,SAAA,EAAU;EACZR,MAAA;EACAS,QAAA;AAAA,GACQ;EAEN1C,IAAA,YAAe;EACfsC,OAAA,YAAe;EACfC,aAAW;EACXC,aAAQ;EACRC,SAAA,EAAU;EACZR,MAAA;EACAS,QAAA;AAAA,GACQ;EAEN1C,IAAA,YAAe;EACfsC,OAAA,YAAe;EACfC,aAAW;EACXC,aAAQ;EACRC,SAAA,EAAU;EACZR,MAAA;EACFS,QAAA;AAEA,GACE;EACE1C,IAAI;EACJsC,OAAI;EACJC,aAAI,eAAqB;EAC3BC,aAAA;EACEC,SAAI;EACJR,MAAA,EAAQ;EACRS,QAAA;AAAa,GAEX;EACA1C,IAAA,YAAM;EAAiCsC,OACrC,YAAQ;EAAAC,aACR,EAAU;EAAAC,aACJ;EAAAC,SACR;EACAR,MAAA,UACE;EAIJS,QAAA;AACF,GACA;EACF1C,IAAA;EAEOsC,OAAM,YACX;EAACC,aAAA;EAAAC,aAAA;EACCC,SAAQ;EACRR,MAAA,YAAc;EAEdS,QAAA;AAAA,EAAC;AAAA,IAAAC,eACS;EACCC,EAAA,EACT;EAA+BC,MAAA;EACjCC,WAAA;AAAA,GACF;EAEFF,EAAA,EAAQ,eAAa;EACnBC,MAAM;EACJC,WAAA,EAAa;AAAA,GACJ;EAEXF,EAAA;EACFC,MAAA;EAEAC,WAAQ;AACD,GACJ;EAAAF,EAAA;EACCC,MAAA,aAAQ;EACRC,WAAU;AAA0D,GAEpE;EAACF,EAAA;EAAAC,MACC,UAAQ;EAAAC,WACR,EAAS;EAAAC,IACT,WAAAA,KAAAC,KAAgB;IAAA,IAChB;MAAAC;IAAY,IAAAD,KAAO;IAAY,IAAAf,MAAA,GAAAgB,QAAA;IACjC,IAAAC,MAAA;MAAAC,MAAA;MACFC,QAAA;MAEFC,IAAA;IACE;IACE,sBAAa,IAAA/B,kBAAA,CAAAgC,GAAA,EAAA5B,cAAA,CAAA6B,IAAA;MACXC,KAAO,EAAAN,MAAA,CAAAjB,MAAA;MACTwB,UAAA;MACFC,QAAA,EAAAzB;IACF;EAEO;AACJ;EACCW,EAAA,YAAQ;EACRC,MAAA,WAAc;EAEdC,WAAA;AAAA,EAAC;AAAA,IAAAhC,OACC,YAAQ6C,SAAA;EAAA,OACR,eAAS,IAAArC,kBAAA,CAAAgC,GAAA,EAAA1B,qBAAA,CAAAgC,cAAA;IAAAC,OACT,6BAAY;IAAAC,QACZ,MAAAtC,aAAA,CAAsBuC,uBAAA;MAAAC,QACtB,EAAO3B;IAAA;IACwBqB,QAAA,qBAAApC,kBAAA,CAAAgC,GAAA,EAAA3B,kBAAA,CAAAI,WAAA;MACjCO,OAAA;MAAA2B,OAAA,EAAAtB,eAAA;MACFuB,UAAA,MAAAzC,gBAAA,CAAA0C,MAAA;IAEF;EACE;AAAM;AACSrD,OACX,CAAAkB,UAAO;EAAAG,IACT;IACFC,WAAA;MACFgC,KAAA;IAMO;EAEF;AAAA;AAAAtD,OACC,CAAAuD,SAAQ;AAAA,IACRrD,cAAS,YAAAsD,gBAAA;EAAA,OACT,eAAiB,IAAAhD,kBAAiB,CAAAgC,GAAA,EAAA1B,qBAA8B,CAAAgC,cAAoB;IACpFC,OAAA,6BAAU;IACVC,QAAA,MAAAtC,aAAsB,CAAAuC,uBAAe;MAAAC,QAAA,EAAA3B;IAEzC;IAEFqB,QAAW,iBAAa,IAAApC,kBAAA,CAAAgC,GAAA,EAAA3B,kBAAA,CAAAI,WAAA;MACtBO,OAAM;MACJ2B,OAAA,EAAAtB,eAAa;MACX4B,gBACE;MACJL,UAAA,MAAAzC,gBAAA,CAAA0C,MAAA;IACF;EACF","ignoreList":[]}

package/dist/jsx/FrappeTreeView.mjs

@@ -0,0 +1,252 @@
+import { useDocTypeMeta, HttpClient } from "@multiplatform.one/frappe";
+import { TreeView } from "@multiplatform.one/components";
+import { TreeStructureIcon } from "@phosphor-icons/react";
+import { useState, useCallback, useEffect, useRef, useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { Spinner, Text, YStack } from "tamagui";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useFrappeConfig } from "./FrappeProvider.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FrappeTreeView({
+  doctype,
+  parentField: parentFieldProp,
+  titleField: titleFieldProp,
+  valueField,
+  onNodeClick,
+  enableDragDrop: _enableDragDrop = false,
+  baseURL,
+  auth,
+  syncOptions,
+  ...stackProps
+}) {
+  const config = useFrappeConfig();
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const {
+    t
+  } = useTranslation();
+  const finalBaseURL = baseURL ?? config?.baseURL;
+  const finalAuth = auth ?? config?.auth;
+  const finalSyncOptions = syncOptions ?? config?.syncOptions;
+  if (!finalBaseURL) {
+    throw new Error("FrappeTreeView requires baseURL prop or FrappeProvider with baseURL");
+  }
+  const appConfig = {
+    baseURL: finalBaseURL,
+    socketPort: config?.socketPort,
+    auth: finalAuth,
+    syncOptions: finalSyncOptions,
+    fixtures: config?.fixtures
+  };
+  const {
+    meta,
+    isLoading: isMetaLoading
+  } = useDocTypeMeta(appConfig, doctype);
+  const effectiveTitleField = titleFieldProp ?? meta?.title_field ?? "name";
+  const effectiveParentField = parentFieldProp ?? `parent_${doctype.toLowerCase().replace(/ /g, "_")}`;
+  const [nodeDataMap, setNodeDataMap] = useState(/* @__PURE__ */new Map());
+  const [rootNodeNames, setRootNodeNames] = useState([]);
+  const [isLoadingRoots, setIsLoadingRoots] = useState(true);
+  const [expandedIds, setExpandedIds] = useState(/* @__PURE__ */new Set());
+  const httpClientRef = useRef(null);
+  if (!httpClientRef.current && finalBaseURL) {
+    const authConfig = finalAuth ? {
+      useToken: finalAuth.useToken,
+      token: finalAuth.token,
+      type: finalAuth.type
+    } : void 0;
+    httpClientRef.current = new HttpClient(finalBaseURL, authConfig);
+  }
+  useEffect(() => {
+    if (!meta || !meta.is_tree) return;
+    const http = httpClientRef.current;
+    if (!http) return;
+    let cancelled = false;
+    setIsLoadingRoots(true);
+    (async () => {
+      try {
+        const params = new URLSearchParams();
+        params.set("doctype", doctype);
+        params.set("fields", JSON.stringify(["name", effectiveTitleField, effectiveParentField]));
+        params.set("filters", JSON.stringify([[effectiveParentField, "in", ["", null]]]));
+        params.set("limit_page_length", "0");
+        params.set("order_by", "name asc");
+        const response = await http.get(`/api/resource/${encodeURIComponent(doctype)}?${params.toString()}`);
+        if (cancelled) return;
+        const docs = response.payload?.data ?? [];
+        const newMap = /* @__PURE__ */new Map();
+        const rootNames = [];
+        for (const doc of docs) {
+          const name = String(doc.name);
+          rootNames.push(name);
+          newMap.set(name, {
+            name,
+            title: String(doc[effectiveTitleField] || doc.name),
+            data: doc,
+            children: [],
+            hasChildren: true
+          });
+        }
+        setNodeDataMap(newMap);
+        setRootNodeNames(rootNames);
+      } catch (err) {
+        console.error("Failed to fetch tree root nodes:", err);
+      } finally {
+        if (!cancelled) setIsLoadingRoots(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [meta, doctype, effectiveTitleField, effectiveParentField]);
+  const loadChildren = useCallback(async parentName => {
+    const http = httpClientRef.current;
+    if (!http) return;
+    try {
+      const params = new URLSearchParams();
+      params.set("doctype", doctype);
+      params.set("fields", JSON.stringify(["name", effectiveTitleField, effectiveParentField]));
+      params.set("filters", JSON.stringify([[effectiveParentField, "=", parentName]]));
+      params.set("limit_page_length", "0");
+      params.set("order_by", "name asc");
+      const response = await http.get(`/api/resource/${encodeURIComponent(doctype)}?${params.toString()}`);
+      const docs = response.payload?.data ?? [];
+      setNodeDataMap(prev => {
+        const next = new Map(prev);
+        const childNames = [];
+        for (const doc of docs) {
+          const name = String(doc.name);
+          childNames.push(name);
+          if (!next.has(name)) {
+            next.set(name, {
+              name,
+              title: String(doc[effectiveTitleField] || doc.name),
+              data: doc,
+              children: [],
+              hasChildren: true
+            });
+          }
+        }
+        const parentNode = next.get(parentName);
+        if (parentNode) {
+          next.set(parentName, {
+            ...parentNode,
+            children: childNames,
+            hasChildren: childNames.length > 0
+          });
+        }
+        return next;
+      });
+    } catch (err) {
+      console.error(`Failed to fetch children of ${parentName}:`, err);
+    }
+  }, [doctype, effectiveTitleField, effectiveParentField]);
+  const treeNodes = useMemo(() => {
+    const buildNode = name => {
+      const nodeData = nodeDataMap.get(name);
+      if (!nodeData) return null;
+      const children = nodeData.children.map(buildNode).filter(Boolean);
+      return {
+        id: nodeData.name,
+        label: nodeData.title || nodeData.name,
+        children: children.length > 0 ? children : void 0,
+        data: nodeData.data
+      };
+    };
+    return rootNodeNames.map(buildNode).filter(Boolean);
+  }, [rootNodeNames, nodeDataMap]);
+  const handleNodeToggle = useCallback(node => {
+    const nodeData = nodeDataMap.get(node.id);
+    if (!nodeData) return;
+    if (expandedIds.has(node.id)) {
+      setExpandedIds(prev => {
+        const next = new Set(prev);
+        next.delete(node.id);
+        return next;
+      });
+    } else {
+      if (nodeData.children.length === 0 && nodeData.hasChildren) {
+        loadChildren(node.id);
+      }
+      setExpandedIds(prev => {
+        const next = new Set(prev);
+        next.add(node.id);
+        return next;
+      });
+    }
+  }, [nodeDataMap, expandedIds, loadChildren]);
+  const handleNodeSelect = useCallback(node => {
+    onNodeClick?.(node.data);
+  }, [onNodeClick]);
+  if (isMetaLoading) {
+    return /* @__PURE__ */jsxs(YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      justifyContent: "center",
+      ...stackProps,
+      children: [/* @__PURE__ */jsx(Spinner, {
+        size: "large"
+      }), /* @__PURE__ */jsx(Text, {
+        color: "$color10",
+        marginTop: "$2",
+        children: t("Loading {{doctype}} schema...", {
+          doctype
+        })
+      })]
+    });
+  }
+  if (meta && !meta.is_tree) {
+    return /* @__PURE__ */jsxs(YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      ...knobProps.gap,
+      ...stackProps,
+      children: [/* @__PURE__ */jsx(TreeStructureIcon, {
+        size: 48,
+        color: "$color8"
+      }), /* @__PURE__ */jsx(Text, {
+        color: "$color10",
+        children: t("This DocType does not support tree view")
+      })]
+    });
+  }
+  if (isLoadingRoots) {
+    return /* @__PURE__ */jsxs(YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      justifyContent: "center",
+      ...stackProps,
+      children: [/* @__PURE__ */jsx(Spinner, {
+        size: "large"
+      }), /* @__PURE__ */jsx(Text, {
+        color: "$color10",
+        marginTop: "$2",
+        children: t("Loading {{doctype}} tree...", {
+          doctype
+        })
+      })]
+    });
+  }
+  return /* @__PURE__ */jsx(TreeView, {
+    ...knobProps.borderRadius,
+    nodes: treeNodes,
+    renderNode: (node, _depth) => /* @__PURE__ */jsxs(Text, {
+      fontSize: knobProps.sizeToken,
+      paddingVertical: "$1",
+      children: [node.label, valueField && node.data && node.data[valueField] != null && /* @__PURE__ */jsx(Text, {
+        color: "$color10",
+        fontSize: "$2",
+        marginLeft: "$2",
+        children: String(node.data[valueField])
+      })]
+    }),
+    onNodeToggle: handleNodeToggle,
+    onNodeSelect: handleNodeSelect,
+    defaultExpandedIds: Array.from(expandedIds),
+    emptyMessage: t("No items found"),
+    ...stackProps
+  });
+}
+export { FrappeTreeView };
+//# sourceMappingURL=FrappeTreeView.mjs.map

package/dist/jsx/FrappeTreeView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDocTypeMeta","HttpClient","TreeView","TreeStructureIcon","useState","useCallback","useEffect","useRef","useMemo","useTranslation","Spinner","Text","YStack","useResolvedKnobs","useFrappeConfig","jsx","jsxs","FrappeTreeView","doctype","parentField","parentFieldProp","titleField","titleFieldProp","valueField","onNodeClick","enableDragDrop","_enableDragDrop","baseURL","auth","syncOptions","stackProps","config","knobProps","t","finalBaseURL","finalAuth","finalSyncOptions","Error","appConfig","socketPort","fixtures","meta","isLoading","isMetaLoading","effectiveTitleField","title_field","effectiveParentField","toLowerCase","replace","nodeDataMap","setNodeDataMap","Map","rootNodeNames","setRootNodeNames","isLoadingRoots","setIsLoadingRoots","expandedIds","setExpandedIds","Set","httpClientRef","current","authConfig","useToken","token","type","is_tree","http","cancelled","params","URLSearchParams","set","JSON","stringify","response","get","encodeURIComponent","toString","docs","payload","data","newMap","rootNames","doc","name","String","push","title","children","hasChildren","err","console","error","loadChildren","parentName","prev","next","childNames","has","parentNode","length","treeNodes","buildNode","nodeData","map","filter","Boolean","id","label","handleNodeToggle","node","delete","add","handleNodeSelect","panelPadding","alignItems","justifyContent","size","color","marginTop","gap","borderRadius","nodes","renderNode","_depth","fontSize","sizeToken","paddingVertical","marginLeft","onNodeToggle","onNodeSelect","defaultExpandedIds","Array","from","emptyMessage"],"sources":["../../src/FrappeTreeView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}