@multiplatform.one/frappe-ui 6.0.0

package/dist/cjs/FrappeDashboard.stories.cjs

@@ -0,0 +1,231 @@
+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 FrappeDashboard_stories_exports = {};
+__export(FrappeDashboard_stories_exports, {
+  BarChart: () => BarChart,
+  KPICardDefault: () => KPICardDefault,
+  SalesDashboard: () => SalesDashboard,
+  default: () => FrappeDashboard_stories_default
+});
+module.exports = __toCommonJS(FrappeDashboard_stories_exports);
+var import_frappe = require("@multiplatform.one/frappe");
+var import_components = require("@multiplatform.one/components");
+var import_FrappeDashboard = require("./FrappeDashboard.cjs");
+var import_FrappeProvider = require("./FrappeProvider.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var FrappeDashboard_stories_default = {
+  title: "FrappeUI/FrappeDashboard",
+  component: import_FrappeDashboard.FrappeDashboard,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A dashboard component with KPI cards and charts for visualizing Frappe data."
+      }
+    }
+  }
+};
+const KPICardDefault = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.KPICard, {
+  config: {
+    id: "revenue-kpi",
+    title: "Total Revenue",
+    value: 125e3,
+    format: "currency",
+    currencySymbol: "$"
+  }
+});
+KPICardDefault.storyName = "Main";
+const BarChart = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new import_frappe.InMemoryFixtureProvider({
+    SalesOrder: salesFixtures
+  }),
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeDashboard.FrappeDashboard, {
+    widgets,
+    columns: 4
+  })
+});
+SalesDashboard.parameters = {
+  docs: {
+    description: {
+      story: "Complete sales dashboard with KPI cards and charts."
+    }
+  }
+};

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

@@ -0,0 +1,240 @@
+"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 FrappeDashboard_stories_exports = {};
+__export(FrappeDashboard_stories_exports, {
+  BarChart: () => BarChart,
+  KPICardDefault: () => KPICardDefault,
+  SalesDashboard: () => SalesDashboard,
+  default: () => FrappeDashboard_stories_default
+});
+module.exports = __toCommonJS(FrappeDashboard_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_frappe = require("@multiplatform.one/frappe");
+var import_components = require("@multiplatform.one/components");
+var import_FrappeDashboard = require("./FrappeDashboard.native.js");
+var import_FrappeProvider = require("./FrappeProvider.native.js");
+var FrappeDashboard_stories_default = {
+  title: "FrappeUI/FrappeDashboard",
+  component: import_FrappeDashboard.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__ */(0, import_jsx_runtime.jsx)(import_components.KPICard, {
+    config: {
+      id: "revenue-kpi",
+      title: "Total Revenue",
+      value: 125e3,
+      format: "currency",
+      currencySymbol: "$"
+    }
+  });
+};
+KPICardDefault.storyName = "Main";
+var BarChart = function BarChart2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+    baseURL: "https://demo.frappe.cloud",
+    fixtures: new import_frappe.InMemoryFixtureProvider({
+      SalesOrder: salesFixtures
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeDashboard.FrappeDashboard, {
+      widgets,
+      columns: 4
+    })
+  });
+};
+SalesDashboard.parameters = {
+  docs: {
+    description: {
+      story: "Complete sales dashboard with KPI cards and charts."
+    }
+  }
+};
+//# sourceMappingURL=FrappeDashboard.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FrappeDashboard_stories_exports","__export","BarChart","KPICardDefault","SalesDashboard","default","FrappeDashboard_stories_default","module","exports","import_jsx_runtime","require","import_frappe","import_components","import_FrappeDashboard","import_FrappeProvider","title","component","FrappeDashboard","parameters","status","type","docs","description","KPICardDefault2","jsx","KPICard","config","id","format","currencySymbol","storyName","BarChart2","ChartCard","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":[]}