@multiplatform.one/frappe-ui 6.0.0

package/dist/esm/FrappeDashboard.native.js

@@ -0,0 +1,146 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useFrappeCollection, useLiveQuery } from "@multiplatform.one/frappe";
+import { Dashboard } from "@multiplatform.one/components";
+import { ArrowsClockwiseIcon } from "@phosphor-icons/react";
+import React, { useMemo, useCallback, useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { Button, Spinner, Text, XStack, YStack, H3 } from "tamagui";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useFrappeConfig } from "./FrappeProvider.native.js";
+import { KPICard, ChartCard, calculateTrend, calculatePercentageChange, aggregateData } from "@multiplatform.one/components";
+function FrappeDashboard(param) {
+  var {
+    baseURL,
+    auth,
+    syncOptions,
+    title,
+    description,
+    widgets: staticWidgets,
+    dataSource,
+    transformData,
+    columns = 4,
+    gap = 16,
+    padding = 16,
+    autoRefresh = false,
+    refreshInterval = 60,
+    loading,
+    error: _error,
+    ...stackProps
+  } = param;
+  var _ref;
+  var _knobProps_gap, _knobProps_panelPadding;
+  var config = useFrappeConfig();
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var {
+    t
+  } = useTranslation();
+  var finalBaseURL = baseURL !== null && baseURL !== void 0 ? baseURL : config === null || config === void 0 ? void 0 : config.baseURL;
+  var finalAuth = auth !== null && auth !== void 0 ? auth : config === null || config === void 0 ? void 0 : config.auth;
+  var finalSyncOptions = syncOptions !== null && syncOptions !== void 0 ? syncOptions : config === null || config === void 0 ? void 0 : config.syncOptions;
+  var [lastRefresh, setLastRefresh] = useState(/* @__PURE__ */new Date());
+  var [isRefreshing, setIsRefreshing] = useState(false);
+  var appConfig = finalBaseURL && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.doctype) ? {
+    baseURL: finalBaseURL,
+    socketPort: config === null || config === void 0 ? void 0 : config.socketPort,
+    auth: finalAuth,
+    syncOptions: finalSyncOptions,
+    fixtures: config === null || config === void 0 ? void 0 : config.fixtures
+  } : void 0;
+  var collection = useFrappeCollection(appConfig, (_ref = dataSource === null || dataSource === void 0 ? void 0 : dataSource.doctype) !== null && _ref !== void 0 ? _ref : "", {
+    fields: dataSource === null || dataSource === void 0 ? void 0 : dataSource.fields,
+    filters: dataSource === null || dataSource === void 0 ? void 0 : dataSource.filters
+  });
+  var {
+    data: rawData,
+    isLoading: isLiveLoading
+  } = useLiveQuery(function (q) {
+    return collection ? q.from({
+      _list: collection
+    }) : null;
+  }, [collection]);
+  var liveData = useMemo(function () {
+    return rawData !== null && rawData !== void 0 ? rawData : [];
+  }, [rawData]);
+  var widgets = useMemo(function () {
+    if (dataSource && transformData && liveData.length > 0) {
+      return transformData(liveData);
+    }
+    return staticWidgets;
+  }, [dataSource, transformData, liveData, staticWidgets]);
+  useEffect(function () {
+    if (!autoRefresh || refreshInterval <= 0) return;
+    var interval = setInterval(function () {
+      setLastRefresh(/* @__PURE__ */new Date());
+    }, refreshInterval * 1e3);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, [autoRefresh, refreshInterval]);
+  var handleRefresh = useCallback(function () {
+    setIsRefreshing(true);
+    setLastRefresh(/* @__PURE__ */new Date());
+    setTimeout(function () {
+      return setIsRefreshing(false);
+    }, 500);
+  }, []);
+  if (dataSource && isLiveLoading) {
+    if (loading) return /* @__PURE__ */_jsx(_Fragment, {
+      children: loading
+    });
+    return /* @__PURE__ */_jsxs(YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      ...stackProps,
+      children: [/* @__PURE__ */_jsx(Spinner, {
+        size: "large"
+      }), /* @__PURE__ */_jsx(Text, {
+        color: "$color10",
+        marginTop: "$2",
+        children: t("Loading dashboard...")
+      })]
+    });
+  }
+  return /* @__PURE__ */_jsxs(YStack, {
+    ...knobProps.borderRadius,
+    flex: 1,
+    ...stackProps,
+    children: [/* Frappe-specific header with refresh controls */
+    (title || autoRefresh) && /* @__PURE__ */_jsxs(XStack, {
+      ...knobProps.panelPadding,
+      justifyContent: "space-between",
+      alignItems: "center",
+      paddingBottom: 0,
+      children: [title && /* @__PURE__ */_jsx(H3, {
+        children: title
+      }), /* @__PURE__ */_jsxs(XStack, {
+        ...knobProps.gap,
+        alignItems: "center",
+        children: [autoRefresh && /* @__PURE__ */_jsx(Text, {
+          fontSize: "$1",
+          color: "$color10",
+          children: t("Last updated: {{time}}", {
+            time: lastRefresh.toLocaleTimeString()
+          })
+        }), /* @__PURE__ */_jsx(Button, {
+          size: "$2",
+          icon: ArrowsClockwiseIcon,
+          onPress: handleRefresh,
+          disabled: isRefreshing,
+          chromeless: true
+        })]
+      })]
+    }), /* Delegate to generic Dashboard */
+    /* @__PURE__ */_jsx(Dashboard, {
+      widgets,
+      title: !title && !autoRefresh ? void 0 : void 0,
+      description,
+      columns,
+      gap: typeof ((_knobProps_gap = knobProps.gap) === null || _knobProps_gap === void 0 ? void 0 : _knobProps_gap.gap) === "number" ? knobProps.gap.gap : gap,
+      padding: typeof ((_knobProps_panelPadding = knobProps.panelPadding) === null || _knobProps_panelPadding === void 0 ? void 0 : _knobProps_panelPadding.padding) === "number" ? knobProps.panelPadding.padding : padding
+    })]
+  });
+}
+export { ChartCard, FrappeDashboard, KPICard, aggregateData, calculatePercentageChange, calculateTrend };
+//# sourceMappingURL=FrappeDashboard.native.js.map

package/dist/esm/FrappeDashboard.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useFrappeCollection","useLiveQuery","Dashboard","ArrowsClockwiseIcon","React","useMemo","useCallback","useState","useEffect","useTranslation","Button","Spinner","Text","XStack","YStack","H3","useResolvedKnobs","useFrappeConfig","KPICard","ChartCard","calculateTrend","calculatePercentageChange","aggregateData","FrappeDashboard","param","baseURL","auth","syncOptions","title","description","widgets","staticWidgets","dataSource","transformData","columns","gap","padding","autoRefresh","refreshInterval","loading","error","_error","stackProps","_ref","_knobProps_gap","_knobProps_panelPadding","config","knobProps","t","finalBaseURL","finalAuth","finalSyncOptions","lastRefresh","setLastRefresh","Date","isRefreshing","setIsRefreshing","appConfig","doctype","socketPort","fixtures","collection","fields","filters","data","rawData","isLoading","isLiveLoading","q","from","_list","liveData","length","interval","setInterval","clearInterval","handleRefresh","setTimeout","children","panelPadding","alignItems","size","color","marginTop","borderRadius","flex","justifyContent","paddingBottom","fontSize","time","toLocaleTimeString"],"sources":["../../src/FrappeDashboard.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/FrappeDashboard.stories.mjs

@@ -0,0 +1,203 @@
+import { InMemoryFixtureProvider } from "@multiplatform.one/frappe";
+import { KPICard, ChartCard } from "@multiplatform.one/components";
+import { FrappeDashboard } from "./FrappeDashboard.mjs";
+import { FrappeProvider } from "./FrappeProvider.mjs";
+import { jsx } from "react/jsx-runtime";
+var FrappeDashboard_stories_default = {
+  title: "FrappeUI/FrappeDashboard",
+  component: FrappeDashboard,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A dashboard component with KPI cards and charts for visualizing Frappe data."
+      }
+    }
+  }
+};
+const KPICardDefault = () => /* @__PURE__ */jsx(KPICard, {
+  config: {
+    id: "revenue-kpi",
+    title: "Total Revenue",
+    value: 125e3,
+    format: "currency",
+    currencySymbol: "$"
+  }
+});
+KPICardDefault.storyName = "Main";
+const BarChart = () => /* @__PURE__ */jsx(ChartCard, {
+  config: {
+    id: "monthly-sales",
+    title: "Monthly Sales",
+    type: "bar",
+    data: [{
+      label: "Jan",
+      value: 4e3
+    }, {
+      label: "Feb",
+      value: 3e3
+    }, {
+      label: "Mar",
+      value: 5e3
+    }, {
+      label: "Apr",
+      value: 4500
+    }, {
+      label: "May",
+      value: 6e3
+    }, {
+      label: "Jun",
+      value: 5500
+    }]
+  },
+  colors: ["#3B82F6"]
+});
+BarChart.parameters = {
+  docs: {
+    description: {
+      story: "Bar chart for comparing values across categories."
+    }
+  }
+};
+const salesFixtures = [{
+  name: "SO-001",
+  doctype: "SalesOrder",
+  total: 5e3,
+  status: "Completed",
+  region: "North America"
+}, {
+  name: "SO-002",
+  doctype: "SalesOrder",
+  total: 3500,
+  status: "Pending",
+  region: "Europe"
+}, {
+  name: "SO-003",
+  doctype: "SalesOrder",
+  total: 7200,
+  status: "Completed",
+  region: "Asia Pacific"
+}, {
+  name: "SO-004",
+  doctype: "SalesOrder",
+  total: 2800,
+  status: "Completed",
+  region: "North America"
+}, {
+  name: "SO-005",
+  doctype: "SalesOrder",
+  total: 4100,
+  status: "Pending",
+  region: "Europe"
+}];
+const widgets = [{
+  id: "total-revenue",
+  type: "kpi",
+  colSpan: 1,
+  kpiConfig: {
+    id: "total-revenue",
+    title: "Total Revenue",
+    value: 22600,
+    previousValue: 18500,
+    format: "currency",
+    currencySymbol: "$",
+    trend: "up"
+  }
+}, {
+  id: "orders",
+  type: "kpi",
+  colSpan: 1,
+  kpiConfig: {
+    id: "orders",
+    title: "Orders",
+    value: 5,
+    previousValue: 4,
+    format: "number",
+    trend: "up"
+  }
+}, {
+  id: "avg-order",
+  type: "kpi",
+  colSpan: 1,
+  kpiConfig: {
+    id: "avg-order",
+    title: "Average Order",
+    value: 4520,
+    previousValue: 4625,
+    format: "currency",
+    currencySymbol: "$",
+    trend: "down"
+  }
+}, {
+  id: "completion-rate",
+  type: "kpi",
+  colSpan: 1,
+  kpiConfig: {
+    id: "completion-rate",
+    title: "Completion Rate",
+    value: 60,
+    previousValue: 50,
+    format: "percent",
+    trend: "up"
+  }
+}, {
+  id: "revenue-status",
+  type: "chart",
+  colSpan: 2,
+  chartConfig: {
+    id: "revenue-status",
+    title: "Revenue by Status",
+    type: "bar",
+    data: [{
+      label: "Completed",
+      value: 15e3
+    }, {
+      label: "Pending",
+      value: 7600
+    }]
+  }
+}, {
+  id: "sales-region",
+  type: "chart",
+  colSpan: 2,
+  chartConfig: {
+    id: "sales-region",
+    title: "Sales by Region",
+    type: "pie",
+    data: [{
+      label: "North America",
+      value: 7800,
+      color: "#3B82F6"
+    }, {
+      label: "Europe",
+      value: 7600,
+      color: "#10B981"
+    }, {
+      label: "Asia Pacific",
+      value: 7200,
+      color: "#F59E0B"
+    }],
+    showLegend: true
+  }
+}];
+const SalesDashboard = () => /* @__PURE__ */jsx(FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new InMemoryFixtureProvider({
+    SalesOrder: salesFixtures
+  }),
+  children: /* @__PURE__ */jsx(FrappeDashboard, {
+    widgets,
+    columns: 4
+  })
+});
+SalesDashboard.parameters = {
+  docs: {
+    description: {
+      story: "Complete sales dashboard with KPI cards and charts."
+    }
+  }
+};
+export { BarChart, KPICardDefault, SalesDashboard, FrappeDashboard_stories_default as default };
+//# sourceMappingURL=FrappeDashboard.stories.mjs.map

package/dist/esm/FrappeDashboard.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["InMemoryFixtureProvider","KPICard","ChartCard","FrappeDashboard","FrappeProvider","jsx","FrappeDashboard_stories_default","title","component","parameters","status","type","docs","description","KPICardDefault","config","id","value","format","currencySymbol","storyName","BarChart","data","label","colors","story","salesFixtures","name","doctype","total","region","widgets","colSpan","kpiConfig","previousValue","trend","chartConfig","color","showLegend","SalesDashboard","baseURL","fixtures","SalesOrder","children","columns"],"sources":["../../src/FrappeDashboard.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/FrappeDashboard.stories.native.js

@@ -0,0 +1,209 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InMemoryFixtureProvider } from "@multiplatform.one/frappe";
+import { KPICard, ChartCard } from "@multiplatform.one/components";
+import { FrappeDashboard } from "./FrappeDashboard.native.js";
+import { FrappeProvider } from "./FrappeProvider.native.js";
+var FrappeDashboard_stories_default = {
+  title: "FrappeUI/FrappeDashboard",
+  component: FrappeDashboard,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A dashboard component with KPI cards and charts for visualizing Frappe data."
+      }
+    }
+  }
+};
+var KPICardDefault = function KPICardDefault2() {
+  return /* @__PURE__ */_jsx(KPICard, {
+    config: {
+      id: "revenue-kpi",
+      title: "Total Revenue",
+      value: 125e3,
+      format: "currency",
+      currencySymbol: "$"
+    }
+  });
+};
+KPICardDefault.storyName = "Main";
+var BarChart = function BarChart2() {
+  return /* @__PURE__ */_jsx(ChartCard, {
+    config: {
+      id: "monthly-sales",
+      title: "Monthly Sales",
+      type: "bar",
+      data: [{
+        label: "Jan",
+        value: 4e3
+      }, {
+        label: "Feb",
+        value: 3e3
+      }, {
+        label: "Mar",
+        value: 5e3
+      }, {
+        label: "Apr",
+        value: 4500
+      }, {
+        label: "May",
+        value: 6e3
+      }, {
+        label: "Jun",
+        value: 5500
+      }]
+    },
+    colors: ["#3B82F6"]
+  });
+};
+BarChart.parameters = {
+  docs: {
+    description: {
+      story: "Bar chart for comparing values across categories."
+    }
+  }
+};
+var salesFixtures = [{
+  name: "SO-001",
+  doctype: "SalesOrder",
+  total: 5e3,
+  status: "Completed",
+  region: "North America"
+}, {
+  name: "SO-002",
+  doctype: "SalesOrder",
+  total: 3500,
+  status: "Pending",
+  region: "Europe"
+}, {
+  name: "SO-003",
+  doctype: "SalesOrder",
+  total: 7200,
+  status: "Completed",
+  region: "Asia Pacific"
+}, {
+  name: "SO-004",
+  doctype: "SalesOrder",
+  total: 2800,
+  status: "Completed",
+  region: "North America"
+}, {
+  name: "SO-005",
+  doctype: "SalesOrder",
+  total: 4100,
+  status: "Pending",
+  region: "Europe"
+}];
+var widgets = [{
+  id: "total-revenue",
+  type: "kpi",
+  colSpan: 1,
+  kpiConfig: {
+    id: "total-revenue",
+    title: "Total Revenue",
+    value: 22600,
+    previousValue: 18500,
+    format: "currency",
+    currencySymbol: "$",
+    trend: "up"
+  }
+}, {
+  id: "orders",
+  type: "kpi",
+  colSpan: 1,
+  kpiConfig: {
+    id: "orders",
+    title: "Orders",
+    value: 5,
+    previousValue: 4,
+    format: "number",
+    trend: "up"
+  }
+}, {
+  id: "avg-order",
+  type: "kpi",
+  colSpan: 1,
+  kpiConfig: {
+    id: "avg-order",
+    title: "Average Order",
+    value: 4520,
+    previousValue: 4625,
+    format: "currency",
+    currencySymbol: "$",
+    trend: "down"
+  }
+}, {
+  id: "completion-rate",
+  type: "kpi",
+  colSpan: 1,
+  kpiConfig: {
+    id: "completion-rate",
+    title: "Completion Rate",
+    value: 60,
+    previousValue: 50,
+    format: "percent",
+    trend: "up"
+  }
+}, {
+  id: "revenue-status",
+  type: "chart",
+  colSpan: 2,
+  chartConfig: {
+    id: "revenue-status",
+    title: "Revenue by Status",
+    type: "bar",
+    data: [{
+      label: "Completed",
+      value: 15e3
+    }, {
+      label: "Pending",
+      value: 7600
+    }]
+  }
+}, {
+  id: "sales-region",
+  type: "chart",
+  colSpan: 2,
+  chartConfig: {
+    id: "sales-region",
+    title: "Sales by Region",
+    type: "pie",
+    data: [{
+      label: "North America",
+      value: 7800,
+      color: "#3B82F6"
+    }, {
+      label: "Europe",
+      value: 7600,
+      color: "#10B981"
+    }, {
+      label: "Asia Pacific",
+      value: 7200,
+      color: "#F59E0B"
+    }],
+    showLegend: true
+  }
+}];
+var SalesDashboard = function SalesDashboard2() {
+  return /* @__PURE__ */_jsx(FrappeProvider, {
+    baseURL: "https://demo.frappe.cloud",
+    fixtures: new InMemoryFixtureProvider({
+      SalesOrder: salesFixtures
+    }),
+    children: /* @__PURE__ */_jsx(FrappeDashboard, {
+      widgets,
+      columns: 4
+    })
+  });
+};
+SalesDashboard.parameters = {
+  docs: {
+    description: {
+      story: "Complete sales dashboard with KPI cards and charts."
+    }
+  }
+};
+export { BarChart, KPICardDefault, SalesDashboard, FrappeDashboard_stories_default as default };
+//# sourceMappingURL=FrappeDashboard.stories.native.js.map

package/dist/esm/FrappeDashboard.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","InMemoryFixtureProvider","KPICard","ChartCard","FrappeDashboard","FrappeProvider","FrappeDashboard_stories_default","title","component","parameters","status","type","docs","description","KPICardDefault","KPICardDefault2","config","id","value","format","currencySymbol","storyName","BarChart","BarChart2","data","label","colors","story","salesFixtures","name","doctype","total","region","widgets","colSpan","kpiConfig","previousValue","trend","chartConfig"],"sources":["../../src/FrappeDashboard.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}