@multiplatform.one/backoffice 6.4.0 → 6.4.2

package/dist/cjs/workspace/WorkspaceChartBlock.cjs

@@ -0,0 +1,136 @@
+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 WorkspaceChartBlock_exports = {};
+__export(WorkspaceChartBlock_exports, {
+  WorkspaceChartBlock: () => WorkspaceChartBlock
+});
+module.exports = __toCommonJS(WorkspaceChartBlock_exports);
+var import_components = require("@multiplatform.one/components");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.cjs");
+var import_useDashboardChart = require("./useDashboardChart.cjs");
+var import_useWorkspaceDoc = require("./useWorkspaceDoc.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function toChartType(frappeType) {
+  switch (frappeType) {
+    case "Line":
+      return "line";
+    case "Pie":
+    case "Donut":
+    case "Percentage":
+      return "pie";
+    default:
+      return "bar";
+  }
+}
+function WorkspaceChartBlock({
+  row
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const title = row.label || row.chart_name;
+  const {
+    doc: chartDoc,
+    isLoading: docLoading,
+    error: docError
+  } = (0, import_useWorkspaceDoc.useFrappeDoc)("Dashboard Chart", row.chart_name);
+  const {
+    series,
+    isLoading: dataLoading,
+    error: dataError,
+    unsupported
+  } = (0, import_useDashboardChart.useDashboardChartData)(row.chart_name);
+  const config = (0, import_react.useMemo)(() => {
+    if (!series) return void 0;
+    const dataset = series.datasets?.[0];
+    if (!dataset) return void 0;
+    return {
+      id: `workspace-chart-${row.name}`,
+      title,
+      type: toChartType(chartDoc?.type),
+      data: series.labels.map((label, index) => ({
+        label,
+        value: dataset.values[index] ?? 0
+      })),
+      height: 220
+    };
+  }, [series, chartDoc?.type, row.name, title]);
+  if (unsupported) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Card, {
+      flexGrow: 1,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        ...knobProps.panelPadding,
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+          size: "$4",
+          fontWeight: "700",
+          children: title
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+          size: "$2",
+          color: "$color10",
+          children: t("workspaceChartFixture", "Chart data is only available on a live bench")
+        })]
+      })
+    });
+  }
+  if (docLoading || dataLoading) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Card, {
+      flexGrow: 1,
+      "aria-busy": true,
+      "aria-label": t("loading", "Loading"),
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        ...knobProps.panelPadding,
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Skeleton, {
+          width: "40%",
+          height: 16
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          height: 220
+        })]
+      })
+    });
+  }
+  const error = docError ?? dataError;
+  if (error || !config) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.AsyncBoundary, {
+      compact: true,
+      error: error ?? true,
+      errorTitle: t("workspaceChartError", "Couldn't load chart {{title}}", {
+        title
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.ChartCard, {
+    config,
+    flexGrow: 1
+  });
+}

package/dist/cjs/workspace/WorkspaceChartBlock.native.js

@@ -0,0 +1,144 @@
+"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 WorkspaceChartBlock_exports = {};
+__export(WorkspaceChartBlock_exports, {
+  WorkspaceChartBlock: () => WorkspaceChartBlock
+});
+module.exports = __toCommonJS(WorkspaceChartBlock_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.native.js");
+var import_useDashboardChart = require("./useDashboardChart.native.js");
+var import_useWorkspaceDoc = require("./useWorkspaceDoc.native.js");
+function toChartType(frappeType) {
+  switch (frappeType) {
+    case "Line":
+      return "line";
+    case "Pie":
+    case "Donut":
+    case "Percentage":
+      return "pie";
+    default:
+      return "bar";
+  }
+}
+function WorkspaceChartBlock(param) {
+  var {
+    row
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var title = row.label || row.chart_name;
+  var {
+    doc: chartDoc,
+    isLoading: docLoading,
+    error: docError
+  } = (0, import_useWorkspaceDoc.useFrappeDoc)("Dashboard Chart", row.chart_name);
+  var {
+    series,
+    isLoading: dataLoading,
+    error: dataError,
+    unsupported
+  } = (0, import_useDashboardChart.useDashboardChartData)(row.chart_name);
+  var config = (0, import_react.useMemo)(function () {
+    var _series_datasets;
+    if (!series) return void 0;
+    var dataset = (_series_datasets = series.datasets) === null || _series_datasets === void 0 ? void 0 : _series_datasets[0];
+    if (!dataset) return void 0;
+    return {
+      id: `workspace-chart-${row.name}`,
+      title,
+      type: toChartType(chartDoc === null || chartDoc === void 0 ? void 0 : chartDoc.type),
+      data: series.labels.map(function (label, index) {
+        var _dataset_values_index;
+        return {
+          label,
+          value: (_dataset_values_index = dataset.values[index]) !== null && _dataset_values_index !== void 0 ? _dataset_values_index : 0
+        };
+      }),
+      height: 220
+    };
+  }, [series, chartDoc === null || chartDoc === void 0 ? void 0 : chartDoc.type, row.name, title]);
+  if (unsupported) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Card, {
+      flexGrow: 1,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        ...knobProps.panelPadding,
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+          size: "$4",
+          fontWeight: "700",
+          children: title
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+          size: "$2",
+          color: "$color10",
+          children: t("workspaceChartFixture", "Chart data is only available on a live bench")
+        })]
+      })
+    });
+  }
+  if (docLoading || dataLoading) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Card, {
+      flexGrow: 1,
+      "aria-busy": true,
+      "aria-label": t("loading", "Loading"),
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        ...knobProps.panelPadding,
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Skeleton, {
+          width: "40%",
+          height: 16
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          height: 220
+        })]
+      })
+    });
+  }
+  var error = docError !== null && docError !== void 0 ? docError : dataError;
+  if (error || !config) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.AsyncBoundary, {
+      compact: true,
+      error: error !== null && error !== void 0 ? error : true,
+      errorTitle: t("workspaceChartError", "Couldn't load chart {{title}}", {
+        title
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.ChartCard, {
+    config,
+    flexGrow: 1
+  });
+}
+//# sourceMappingURL=WorkspaceChartBlock.native.js.map

package/dist/cjs/workspace/WorkspaceChartBlock.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","WorkspaceChartBlock_exports","__export","WorkspaceChartBlock","module","exports","import_jsx_runtime","require","import_components","import_frappe_ui","import_theme","import_react","import_react_i18next","import_i18n","import_useDashboardChart","import_useWorkspaceDoc","toChartType","frappeType","param","row","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","title","label","chart_name","doc","chartDoc","isLoading","docLoading","error","docError","useFrappeDoc","series","dataLoading","dataError","unsupported","useDashboardChartData","config","useMemo","_series_datasets","dataset","datasets","id","name","type","data","labels","map","index","_dataset_values_index","values","height","jsx","Card","flexGrow","children","jsxs","YStack","panelPadding","gap","SizableText","size","fontWeight","color"],"sources":["../../../src/workspace/WorkspaceChartBlock.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/workspace/WorkspaceGrid.cjs

@@ -0,0 +1,91 @@
+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 WorkspaceGrid_exports = {};
+__export(WorkspaceGrid_exports, {
+  WorkspaceGrid: () => WorkspaceGrid
+});
+module.exports = __toCommonJS(WorkspaceGrid_exports);
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+const NARROW_MAX = 640;
+const MEDIUM_MAX = 960;
+function effectiveSpan(raw, width) {
+  const span = Math.min(Math.max(Math.round(raw ?? 12), 1), 12);
+  if (width <= 0) return span;
+  if (width < NARROW_MAX) return 12;
+  if (width < MEDIUM_MAX) return span <= 6 ? 6 : 12;
+  return span;
+}
+function WorkspaceGrid({
+  items,
+  ...stackProps
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [width, setWidth] = (0, import_react.useState)(0);
+  const rows = [];
+  let current = [];
+  let used = 0;
+  for (const item of items) {
+    const span = effectiveSpan(item.col, width);
+    if (used + span > 12 && current.length > 0) {
+      rows.push(current);
+      current = [];
+      used = 0;
+    }
+    current.push({
+      item,
+      span
+    });
+    used += span;
+  }
+  if (current.length > 0) rows.push(current);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+    ...knobProps.gap,
+    onLayout: event => setWidth(event.nativeEvent.layout.width),
+    ...stackProps,
+    children: rows.map((row, rowIndex) => {
+      const rowUsed = row.reduce((sum, cell) => sum + cell.span, 0);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        ...knobProps.gap,
+        alignItems: "stretch",
+        children: [row.map(({
+          item,
+          span
+        }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flexGrow: span,
+          flexShrink: 1,
+          flexBasis: 0,
+          minWidth: 0,
+          children: item.node
+        }, item.key)), rowUsed < 12 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flexGrow: 12 - rowUsed,
+          flexBasis: 0
+        }) : null]
+      }, row[0]?.item.key ?? rowIndex);
+    })
+  });
+}

package/dist/cjs/workspace/WorkspaceGrid.native.js

@@ -0,0 +1,126 @@
+"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 WorkspaceGrid_exports = {};
+__export(WorkspaceGrid_exports, {
+  WorkspaceGrid: () => WorkspaceGrid
+});
+module.exports = __toCommonJS(WorkspaceGrid_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var NARROW_MAX = 640;
+var MEDIUM_MAX = 960;
+function effectiveSpan(raw, width) {
+  var span = Math.min(Math.max(Math.round(raw !== null && raw !== void 0 ? raw : 12), 1), 12);
+  if (width <= 0) return span;
+  if (width < NARROW_MAX) return 12;
+  if (width < MEDIUM_MAX) return span <= 6 ? 6 : 12;
+  return span;
+}
+function WorkspaceGrid(param) {
+  var {
+    items,
+    ...stackProps
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [width, setWidth] = (0, import_react.useState)(0);
+  var rows = [];
+  var current = [];
+  var used = 0;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = items[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var item = _step.value;
+      var span = effectiveSpan(item.col, width);
+      if (used + span > 12 && current.length > 0) {
+        rows.push(current);
+        current = [];
+        used = 0;
+      }
+      current.push({
+        item,
+        span
+      });
+      used += span;
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  if (current.length > 0) rows.push(current);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+    ...knobProps.gap,
+    onLayout: function onLayout(event) {
+      return setWidth(event.nativeEvent.layout.width);
+    },
+    ...stackProps,
+    children: rows.map(function (row, rowIndex) {
+      var _ref;
+      var _row_;
+      var rowUsed = row.reduce(function (sum, cell) {
+        return sum + cell.span;
+      }, 0);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        ...knobProps.gap,
+        alignItems: "stretch",
+        children: [row.map(function (param2) {
+          var {
+            item: item2,
+            span: span2
+          } = param2;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+            flexGrow: span2,
+            flexShrink: 1,
+            flexBasis: 0,
+            minWidth: 0,
+            children: item2.node
+          }, item2.key);
+        }),
+        /* Filler keeps a partial row's cells at their 12-col width
+        (a lone col-3 shortcut stays ~25%, like desk). */
+        rowUsed < 12 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flexGrow: 12 - rowUsed,
+          flexBasis: 0
+        }) : null]
+      }, (_ref = (_row_ = row[0]) === null || _row_ === void 0 ? void 0 : _row_.item.key) !== null && _ref !== void 0 ? _ref : rowIndex);
+    })
+  });
+}
+//# sourceMappingURL=WorkspaceGrid.native.js.map

package/dist/cjs/workspace/WorkspaceGrid.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","WorkspaceGrid_exports","__export","WorkspaceGrid","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react","NARROW_MAX","MEDIUM_MAX","effectiveSpan","raw","width","span","Math","min","max","round","param","items","stackProps","knobProps","useResolvedKnobs","setWidth","useState","rows","current","used","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","item","col","length","push","err","return"],"sources":["../../../src/workspace/WorkspaceGrid.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAUAC,MAAA,CAAAC,OAAA,GAAAT,YAAiD,CAAAK,qBAAA;AACjD,IAAAK,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,iBAAyC,GAAAD,OAAA;AAuD/B,IAAAE,YAAA,GAAAF,OAAA;AApDV,IAAAG,YAAM,GAAaH,OAAA;AAEnB,IAAAI,UAAM,MAAa;AASnB,IAAAC,UAAS;AACP,SAAMC,aAAYA,CAAAC,GAAI,EAAAC,KAAS;EAC/B,IAAIC,IAAA,GAAAC,IAAY,CAAAC,GAAA,CAAAD,IAAO,CAAAE,GAAA,CAAAF,IAAA,CAAAG,KAAA,CAAAN,GAAA,aAAAA,GAAA,cAAAA,GAAA;EACvB,IAAIC,KAAA,IAAQ,UAAYC,IAAA;EACxB,IAAID,KAAA,GAAQJ,UAAA,EAAY,OAAO;EAC/B,IAAAI,KAAO,GAAAH,UAAA,SAAAI,IAAA;EACT,OAAAA,IAAA;AAMO;AACL,SAAMb,aAAYA,CAAAkB,KAAI;EACtB;IAAMC,KAAC;IAAA,GAAOC;EAAQ,IAAIF,KAAA;EAG1B;IAAMG;EAAiE,QAAAf,YAAA,CAAAgB,gBAAA;EACvE,IAAI,CAAAV,KAAA,EAAAW,QAA6D,QAAAhB,YAAA,CAAAiB,QAAA;EACjE,IAAIC,IAAA,GAAO;EACX,IAAAC,OAAW;EACT,IAAAC,IAAM;EACN,IAAAC,yBAAwB,OAAQ;IAAAC,iBAAY;IAAAC,cAAA;EAC1C;IACA,SAAAC,SAAW,GAAAZ,KAAA,CAAAa,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;MACX,IAAAS,IAAO,GAAAH,KAAA,CAAArC,KAAA;MACT,IAAAgB,IAAA,GAAAH,aAAA,CAAA2B,IAAA,CAAAC,GAAA,EAAA1B,KAAA;MACA,IAAAe,IAAQ,GAAKd,IAAE,KAAM,IAAKa,OAAC,CAAAa,MAAA;QAC3Bd,IAAQ,CAAAe,IAAA,CAAAd,OAAA;QACVA,OAAA;QACIC,IAAA,GAAQ;MAEZ;MACGD,OAAA,CAAAc,IAAA;QAAAH,IAAA;QACExB;MACD;MACCc,IAAG,IAAAd,IAAA;IAAA;EAGF,SAAA4B,GAAM;IACNZ,iBACE;IACGC,cAAQ,GAAGW,GAAA;EAIX,UAGA;IAAkE;MAGzE,IAAC,CAAAb,yBAAA,IAAAG,SAAA,CAAAW,MAAA;QAAAX,SAAA,CAAAW,MAAA;MACH;IAEJ","ignoreList":[]}

package/dist/cjs/workspace/WorkspaceLinkCard.cjs

@@ -0,0 +1,139 @@
+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 WorkspaceLinkCard_exports = {};
+__export(WorkspaceLinkCard_exports, {
+  WorkspaceLinkCard: () => WorkspaceLinkCard,
+  resolveLinkTarget: () => resolveLinkTarget
+});
+module.exports = __toCommonJS(WorkspaceLinkCard_exports);
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_react_i18next = require("react-i18next");
+var import_BackofficeProvider = require("../config/BackofficeProvider.cjs");
+var import_i18n = require("../i18n/index.cjs");
+var import_paths = require("../navigation/paths.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const defaultPaths = (0, import_paths.createBackofficePaths)();
+function resolveLinkTarget(row, paths = defaultPaths) {
+  const target = row.link_to ?? "";
+  if (!target) return {
+    disabled: true
+  };
+  const prefix = paths.base === "/" ? "" : paths.base;
+  switch (row.link_type) {
+    case "DocType":
+      return {
+        path: paths.list(target)
+      };
+    case "Report":
+      return {
+        path: paths.list(target)
+      };
+    case "Page":
+      return {
+        path: `${prefix}/${target}`
+      };
+    default:
+      return {
+        disabled: true
+      };
+  }
+}
+function LinkRow({
+  row
+}) {
+  const navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
+  const paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  const target = resolveLinkTarget(row, paths);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+    onPress: target.disabled ? void 0 : () => target.path && navigator.navigate(target.path),
+    disabled: target.disabled,
+    opacity: target.disabled ? 0.5 : 1,
+    cursor: target.disabled ? "default" : "pointer",
+    paddingVertical: "$1.5",
+    alignItems: "center",
+    role: "link",
+    "aria-label": row.label,
+    hoverStyle: target.disabled ? void 0 : {
+      backgroundColor: "$color3"
+    },
+    borderRadius: "$2",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+      size: "$3",
+      color: target.disabled ? "$color10" : "$color12",
+      numberOfLines: 1,
+      flexShrink: 1,
+      hoverStyle: target.disabled ? void 0 : {
+        color: "$color12"
+      },
+      children: row.label
+    })
+  });
+}
+function WorkspaceLinkCard({
+  group
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    views
+  } = (0, import_BackofficeProvider.useBackofficeCapabilities)();
+  const isDoctypeAllowed = (0, import_BackofficeProvider.useIsDoctypeAllowed)();
+  const visibleLinks = group.links.filter(row => {
+    if (row.link_type === "DocType" || row.link_type === "Report") {
+      if (!views.enabled) return false;
+      if (row.link_type === "DocType" && row.link_to && !isDoctypeAllowed(row.link_to)) {
+        return false;
+      }
+    }
+    return true;
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Card, {
+    flexGrow: 1,
+    height: "100%",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      ...knobProps.panelPadding,
+      ...knobProps.gap,
+      flex: 1,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+        size: "$2",
+        fontWeight: "600",
+        textTransform: "uppercase",
+        color: "$color11",
+        children: group.label
+      }), visibleLinks.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+        size: "$2",
+        color: "$color10",
+        children: t("workspaceCardEmpty", "No links in this section")
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+        children: visibleLinks.map(row => /* @__PURE__ */(0, import_jsx_runtime.jsx)(LinkRow, {
+          row
+        }, row.name))
+      })]
+    })
+  });
+}