@multiplatform.one/backoffice 6.4.3 → 6.6.0

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

@@ -0,0 +1,114 @@
+"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 DoctypeViewScreen_exports = {};
+__export(DoctypeViewScreen_exports, {
+  DoctypeViewScreen: () => DoctypeViewScreen
+});
+module.exports = __toCommonJS(DoctypeViewScreen_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_react = require("react");
+var import_BackofficeProvider = require("../config/BackofficeProvider.native.js");
+var import_CalendarView = require("./CalendarView.native.js");
+var import_DashboardView = require("./DashboardView.native.js");
+var import_ImageView = require("./ImageView.native.js");
+var import_KanbanView = require("./KanbanView.native.js");
+var import_DoctypeReportView = require("../report/DoctypeReportView.native.js");
+var import_TreeView = require("./TreeView.native.js");
+var import_ViewHeader = require("./ViewHeader.native.js");
+var import_ViewStates = require("./ViewStates.native.js");
+function ListRedirect(param) {
+  var {
+    doctype
+  } = param;
+  var navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
+  var paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  (0, import_react.useEffect)(function () {
+    navigator.replace(paths.list(doctype));
+  }, [navigator, paths, doctype]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewLoading, {});
+}
+function ViewBody(param) {
+  var {
+    doctype,
+    view
+  } = param;
+  var _params_f;
+  var {
+    params
+  } = (0, import_BackofficeProvider.useBackofficeLocation)();
+  var board = typeof params.board === "string" ? params.board : void 0;
+  var field = typeof params.field === "string" ? params.field : void 0;
+  var filtersParam = typeof params.f === "string" ? params.f : (_params_f = params.f) === null || _params_f === void 0 ? void 0 : _params_f[0];
+  switch (view) {
+    case "report":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DoctypeReportView.DoctypeReportView, {
+        doctype,
+        filtersParam
+      });
+    case "kanban":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_KanbanView.KanbanView, {
+        doctype,
+        board
+      });
+    case "calendar":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CalendarView.CalendarView, {
+        doctype,
+        dateField: field
+      });
+    case "tree":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TreeView.TreeView, {
+        doctype
+      });
+    case "image":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageView.ImageView, {
+        doctype
+      });
+    case "dashboard":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DashboardView.DashboardView, {
+        doctype
+      });
+  }
+}
+function DoctypeViewScreen(param) {
+  var {
+    doctype,
+    view
+  } = param;
+  if (view === "list") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ListRedirect, {
+    doctype
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    flex: 1,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewHeader.ViewHeader, {
+      doctype,
+      view
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ViewBody, {
+      doctype,
+      view
+    })]
+  });
+}
+//# sourceMappingURL=DoctypeViewScreen.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DoctypeViewScreen_exports","__export","DoctypeViewScreen","module","exports","import_jsx_runtime","require","import_components","import_react","import_BackofficeProvider","import_CalendarView","import_DashboardView","import_ImageView","import_KanbanView","import_DoctypeReportView","import_TreeView","import_ViewHeader","import_ViewStates","ListRedirect","param","doctype","navigator","useBackofficeNavigator","paths","useBackofficePaths","useEffect","replace","list","jsx","ViewLoading","ViewBody","view","_params_f","params","useBackofficeLocation","board","field","filtersParam","f","DoctypeReportView","KanbanView","CalendarView"],"sources":["../../../src/views/DoctypeViewScreen.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAYAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,yBAAA;AACvB,IAAAK,kBAA0B,GAAAC,OAAA;AAC1B,IAAAC,iBAAA,GAAAD,OAAA,CAIO;AAEP,IAAAE,YAAA,GAAAF,OAA6B;AAC7B,IAAAG,yBAA8B,GAAAH,OAAA;AAC9B,IAAAI,mBAA0B,GAAAJ,OAAA;AAC1B,IAAAK,oBAA2B,GAAAL,OAAA;AAI3B,IAAAM,gBAAA,GAAAN,OAAA,CAAgD;AAChD,IAAAO,iBAAA,GAAyBP,OAAA;AACzB,IAAAQ,wBAA2B,GAAAR,OAAA;AAC3B,IAAAS,eAAA,GAAAT,OAA4B;AAoBnB,IAAAU,iBAAA,GAAAV,OAAA;AANT,IAAAW,iBAAS,GAAeX,OAAA,CAAQ,wBAAwB;AACtD,SAAMY,aAAAC,KAAY;EAClB;IAAMC;EAAA,IAAQD,KAAA;EACd,IAAAE,SAAA,OAAAZ,yBAAgB,CAAAa,sBAAA;EACd,IAAAC,KAAA,GAAU,IAAAd,yBAA2B,CAAAe,kBAAA;EACvC,IAAIhB,YAAW,CAAAiB,SAAO,cAAQ;IAC9BJ,SAAO,CAAAK,OAAA,CAAAH,KAAA,CAAAI,IAAA,CAAAP,OAAA;EACT,IAEAC,SAAS,EACPE,KAAM,EACNH,OAAM,CACN;EACA,OAAM,eAAe,IAAAf,kBAAoB,CAAAuB,GAAA,EAAAX,iBAAsB,CAAAY,WAAY;AAE3E;AAAc,SACPC,SAAAX,KAAA;EACH;IAAAC,OAAO;IAAAW;EAAA,IAAAZ,KAAA;EAA0D,IACnEa,SAAK;EACH;IAAAC;EAAO,QAAAxB,yBAAA,CAAAyB,qBAAC;EAA2C,IACrDC,KAAK,UAAAF,MAAA,CAAAE,KAAA,gBAAAF,MAAA,CAAAE,KAAA;EACH,IAAAC,KAAA,GAAO,OAAAH,MAAA,CAAAG,KAAA,gBAAAH,MAAA,CAAAG,KAAC;EAAiD,IAC3DC,YAAK,UAAAJ,MAAA,CAAAK,CAAA,gBAAAL,MAAA,CAAAK,CAAA,IAAAN,SAAA,GAAAC,MAAA,CAAAK,CAAA,cAAAN,SAAA,uBAAAA,SAAA;EACH,QAAAD,IAAO;IACT,KAAK;MACH,OAAO,mBAAA1B,kBAAA,CAAAuB,GAAA,EAACd,wBAAA,CAAAyB,iBAA4B;QACtCnB,OAAK;QACHiB;MACJ;IACF;MAEO,OAAS,eAAoB,IAAAhC,kBAAyC,CAAAuB,GAAA,EAAAf,iBAAA,CAAA2B,UAAA;QACvEpB,OAAS;QACbe;MAEI;IACA;MACF,0BAAA9B,kBAAA,CAAAuB,GAAA,EAAAlB,mBAAA,CAAA+B,YAAA;QAEJrB,OAAA","ignoreList":[]}

package/dist/cjs/views/ImageView.cjs

@@ -0,0 +1,83 @@
+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 ImageView_exports = {};
+__export(ImageView_exports, {
+  ImageView: () => ImageView
+});
+module.exports = __toCommonJS(ImageView_exports);
+var import_components = require("@multiplatform.one/components");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_react_i18next = require("react-i18next");
+var import_BackofficeProvider = require("../config/BackofficeProvider.cjs");
+var import_i18n = require("../i18n/index.cjs");
+var import_viewMeta = require("./viewMeta.cjs");
+var import_ViewStates = require("./ViewStates.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const ImageGridOfDoc = import_frappe_ui.FrappeImageView;
+function ImageView({
+  doctype
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
+  const paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  const {
+    meta,
+    isLoading: isMetaLoading,
+    error: metaError
+  } = (0, import_viewMeta.useViewMeta)(doctype);
+  if (isMetaLoading) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewLoading, {});
+  if (metaError && !meta) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewError, {
+    doctype,
+    error: metaError
+  });
+  if (!meta) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewLoading, {});
+  const imageField = (0, import_viewMeta.detectImageField)(meta);
+  if (!imageField) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewUnsupported, {
+      doctype,
+      title: t("views.imageUnsupported", "Image view not available"),
+      description: t("views.imageUnsupportedDetail", "{{doctype}} has no image field.", {
+        doctype
+      })
+    });
+  }
+  const {
+    titleField,
+    extraFields
+  } = (0, import_viewMeta.detectCardFields)(meta, [imageField]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+    flex: 1,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ImageGridOfDoc, {
+      doctype,
+      imageField,
+      titleField,
+      subtitleField: extraFields[0],
+      onItemClick: doc => {
+        if (doc.name) navigator.navigate(paths.form(doctype, doc.name));
+      },
+      flex: 1
+    })
+  });
+}

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

@@ -0,0 +1,87 @@
+"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 ImageView_exports = {};
+__export(ImageView_exports, {
+  ImageView: () => ImageView
+});
+module.exports = __toCommonJS(ImageView_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_react_i18next = require("react-i18next");
+var import_BackofficeProvider = require("../config/BackofficeProvider.native.js");
+var import_i18n = require("../i18n/index.native.js");
+var import_viewMeta = require("./viewMeta.native.js");
+var import_ViewStates = require("./ViewStates.native.js");
+var ImageGridOfDoc = import_frappe_ui.FrappeImageView;
+function ImageView(param) {
+  var {
+    doctype
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
+  var paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  var {
+    meta,
+    isLoading: isMetaLoading,
+    error: metaError
+  } = (0, import_viewMeta.useViewMeta)(doctype);
+  if (isMetaLoading) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewLoading, {});
+  if (metaError && !meta) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewError, {
+    doctype,
+    error: metaError
+  });
+  if (!meta) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewLoading, {});
+  var imageField = (0, import_viewMeta.detectImageField)(meta);
+  if (!imageField) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewUnsupported, {
+      doctype,
+      title: t("views.imageUnsupported", "Image view not available"),
+      description: t("views.imageUnsupportedDetail", "{{doctype}} has no image field.", {
+        doctype
+      })
+    });
+  }
+  var {
+    titleField,
+    extraFields
+  } = (0, import_viewMeta.detectCardFields)(meta, [imageField]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+    flex: 1,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ImageGridOfDoc, {
+      doctype,
+      imageField,
+      titleField,
+      subtitleField: extraFields[0],
+      onItemClick: function onItemClick(doc) {
+        if (doc.name) navigator.navigate(paths.form(doctype, doc.name));
+      },
+      flex: 1
+    })
+  });
+}
+//# sourceMappingURL=ImageView.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ImageView_exports","__export","ImageView","module","exports","import_jsx_runtime","require","import_components","import_frappe_ui","import_react_i18next","import_BackofficeProvider","import_i18n","import_viewMeta","import_ViewStates","ImageGridOfDoc","FrappeImageView","param","doctype","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","navigator","useBackofficeNavigator","paths","useBackofficePaths","meta","isLoading","isMetaLoading","error","metaError","useViewMeta","jsx","ViewLoading","ViewError","imageField","detectImageField","ViewUnsupported","title","description","titleField","extraFields","detectCardFields","YStack","flex","children","subtitleField","onItemClick","doc","name","navigate","form"],"sources":["../../../src/views/ImageView.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAGAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,iBAAA;AACvB,IAAAK,kBAAA,GAA2DC,OAAA;AAE3D,IAAAC,iBAAA,GAAAD,OAA+B;AAC/B,IAAAE,gBAAA,GAAAF,OAAA,+BAA2D;AAC3D,IAAAG,oBAA0C,GAAAH,OAAA;AAC1C,IAAAI,yBAA6E,GAAAJ,OAAA;AAC7E,IAAAK,WAAA,GAAAL,OAAwD;AAgB5B,IAAAM,eAAA,GAAAN,OAAA;AAb5B,IAAAO,iBAAM,GAAiBP,OAAA;AAOhB,IAAAQ,cAAS,GAAYN,gBAA2B,CAAAO,eAAA;AACrD,SAAMb,SAAIA,CAAAc,KAAI;EACd;IAAMC;EAAA,IAAAD,KAAY;EAClB;IAAME;EAAA,QAAAT,oBAAQ,CAAAU,cAAA,EAAAR,WAAmB,CAAAS,yBAAA;EACjC,IAAAC,SAAQ,GAAM,IAAAX,yBAA0B,CAAAY,sBAAqB;EAE7D,IAAIC,KAAA,OAAAb,yBAAsB,CAAAc,kBAAA;EAC1B,IAAI;IAAAC,IAAA;IAAAC,SAAc,EAAMC,aAAO;IAAAC,KAAA,EAAAC;EAAA,QAAAjB,eAAC,CAAAkB,WAAA,EAAAb,OAAA;EAChC,IAAIU,aAAO,EAAO,0BAAAtB,kBAAC,CAAA0B,GAAA,EAAAlB,iBAAA,CAAAmB,WAAY;EAE/B,IAAAH,SAAM,KAAAJ,IAAA,EAAa,0BAAApB,kBAAqB,CAAA0B,GAAA,EAAAlB,iBAAA,CAAAoB,SAAA;IACxChB,OAAK;IACHW,KAAA,EACEC;EAAA;EAAC,KAAAJ,IAAA,4BAAApB,kBAAA,CAAA0B,GAAA,EAAAlB,iBAAA,CAAAmB,WAAA;EAAA,IAAAE,UACC,OAAAtB,eAAA,CAAAuB,gBAAA,EAAAV,IAAA;EAAA,KAAAS,UACS;IAAoD,OAC7D,eAAe,IAAA7B,kBAAA,CAAA0B,GAAA,EAAgClB,iBAAA,CAAAuB,eAAA,EAAmC;MAAAnB,OAChF;MAAAoB,KACD,EAAAnB,CAAA;MAAAoB,WAAA,EAAApB,CAAA;QACHD;MAEJ;IAEA;EAEA;EAEI,IAAC;IAAAsB,UAAA;IAAAC;EAAA,QAAA5B,eAAA,CAAA6B,gBAAA,EAAAhB,IAAA,GAAAS,UAAA;EACC,OACA,mBAAA7B,kBAAA,CAAA0B,GAAA,EAAAxB,iBAAA,CAAAmC,MAAA;IAAAC,IACA;IAAAC,QACA,iBAAe,IAAavC,kBAAA,CAAA0B,GAAA,EAAAjB,cAAA;MAC5BG,OAAA;MACEiB,UAAQ;MACVK,UAAA;MACAM,aAAM,EAAAL,WAAA;MAAAM,WAAA,WAAAA,YAAAC,GAAA;QAEV,IAAAA,GAAA,CAAAC,IAAA,EAAA3B,SAAA,CAAA4B,QAAA,CAAA1B,KAAA,CAAA2B,IAAA,CAAAjC,OAAA,EAAA8B,GAAA,CAAAC,IAAA;MAEJ","ignoreList":[]}

package/dist/cjs/views/KanbanView.cjs

@@ -0,0 +1,346 @@
+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 KanbanView_exports = {};
+__export(KanbanView_exports, {
+  KanbanView: () => KanbanView
+});
+module.exports = __toCommonJS(KanbanView_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("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_BackofficeProvider = require("../config/BackofficeProvider.cjs");
+var import_i18n = require("../i18n/index.cjs");
+var import_connection = require("./connection.cjs");
+var import_deskViewConfigs = require("./deskViewConfigs.cjs");
+var import_kanban_board_controls = require("./kanban-board-controls.cjs");
+var import_kanbanBoardOps = require("./kanbanBoardOps.cjs");
+var import_kanban_field_picker = require("./kanban-field-picker.cjs");
+var import_viewMeta = require("./viewMeta.cjs");
+var import_ViewStates = require("./ViewStates.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const KanbanOfDoc = import_frappe_ui.FrappeKanban;
+const INDICATOR_TOKENS = {
+  Blue: "$blue9",
+  Cyan: "$blue8",
+  Gray: "$gray9",
+  Green: "$green9",
+  "Light Blue": "$blue7",
+  Orange: "$orange9",
+  Pink: "$pink9",
+  Purple: "$purple9",
+  Red: "$red9",
+  Yellow: "$yellow9"
+};
+function indicatorToken(indicator) {
+  if (!indicator) return void 0;
+  return INDICATOR_TOKENS[indicator];
+}
+function boardDrivenColumns(board) {
+  if (!board?.field_name) return [];
+  return (board.columns ?? []).filter(column => column.status !== "Archived" && column.column_name).map(column => ({
+    value: column.column_name,
+    title: column.column_name,
+    color: indicatorToken(column.indicator)
+  }));
+}
+function KanbanView({
+  doctype,
+  board: boardOverride,
+  onCardOpen,
+  readOnly
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
+  const paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  const {
+    newDoc
+  } = (0, import_BackofficeProvider.useBackofficeCapabilities)();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const connection = (0, import_connection.useViewConnection)();
+  const {
+    meta,
+    isLoading: isMetaLoading,
+    error: metaError
+  } = (0, import_viewMeta.useViewMeta)(doctype);
+  const boards = (0, import_deskViewConfigs.useKanbanBoard)(connection, doctype, boardOverride);
+  const [axisChoice, setAxisChoice] = (0, import_react2.useState)(null);
+  const [createOpen, setCreateOpen] = (0, import_react2.useState)(false);
+  if (isMetaLoading || boards.isLoading) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewLoading, {});
+  if (metaError && !meta) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewError, {
+    doctype,
+    error: metaError
+  });
+  const board = boards.doc;
+  const boardColumns = boardDrivenColumns(board);
+  const hasBoard = Boolean(board?.field_name) && boardColumns.length > 0;
+  const candidates = meta ? (0, import_kanban_field_picker.kanbanFieldCandidates)(meta) : [];
+  const axisOptions = [];
+  if (hasBoard && board?.field_name) {
+    const boardField = meta?.fields.find(field => field.fieldname === board.field_name);
+    axisOptions.push({
+      fieldname: board.field_name,
+      label: boardField?.label || board.field_name
+    });
+  }
+  for (const field of candidates) {
+    if (!axisOptions.some(option => option.fieldname === field.fieldname)) {
+      axisOptions.push({
+        fieldname: field.fieldname,
+        label: field.label || field.fieldname
+      });
+    }
+  }
+  const override = axisChoice && axisChoice.doctype === doctype && axisOptions.some(option => option.fieldname === axisChoice.fieldname) ? axisChoice.fieldname : void 0;
+  const statusField = override ?? (hasBoard ? board?.field_name : (0, import_kanban_field_picker.preferredKanbanField)(candidates)?.fieldname);
+  const boardGoverns = hasBoard && Boolean(board) && statusField === board?.field_name;
+  let columns = [];
+  if (statusField) {
+    if (boardGoverns) {
+      columns = boardColumns;
+    } else {
+      const field = candidates.find(candidate => candidate.fieldname === statusField);
+      if (field) {
+        columns = (0, import_viewMeta.selectFieldOptions)(field).map(option => ({
+          value: option,
+          title: option
+        }));
+      }
+    }
+  }
+  const goToBoard = name => {
+    navigator.navigate(`${paths.view(doctype, "kanban")}?board=${encodeURIComponent(name)}`);
+  };
+  const handleCreateBoard = async (boardName, fieldName) => {
+    if (!connection) return;
+    const field = candidates.find(candidate => candidate.fieldname === fieldName);
+    try {
+      const created = await (0, import_kanbanBoardOps.createKanbanBoard)(connection, {
+        doctype,
+        boardName,
+        fieldName,
+        columns: field ? (0, import_viewMeta.selectFieldOptions)(field) : []
+      });
+      (0, import_components.notify)({
+        severity: "success",
+        scope: "page",
+        body: t("views.kanbanBoardCreated", {
+          defaultValue: 'Board "{{name}}" created',
+          name: created
+        })
+      });
+      setCreateOpen(false);
+      setAxisChoice(null);
+      goToBoard(created);
+      boards.reload();
+    } catch (error) {
+      (0, import_components.notify)({
+        severity: "error",
+        scope: "page",
+        body: error instanceof Error ? error.message : t("views.kanbanBoardCreateFailed", "Couldn't create the board")
+      });
+    }
+  };
+  const handleAddColumn = async columnName => {
+    if (!connection || !board) return;
+    try {
+      await (0, import_kanbanBoardOps.addKanbanColumn)(connection, board, columnName);
+      (0, import_components.notify)({
+        severity: "success",
+        scope: "page",
+        body: t("views.kanbanColumnAdded", {
+          defaultValue: 'Column "{{name}}" added',
+          name: columnName
+        })
+      });
+      boards.reload();
+    } catch (error) {
+      (0, import_components.notify)({
+        severity: "error",
+        scope: "page",
+        body: error instanceof Error ? error.message : t("views.kanbanAddColumnFailed", "Couldn't add the column")
+      });
+    }
+  };
+  const handleColumnStatus = async (columnName, status) => {
+    if (!connection || !board) return;
+    try {
+      await (0, import_kanbanBoardOps.setKanbanColumnStatus)(connection, board, columnName, status);
+      (0, import_components.notify)({
+        severity: "success",
+        scope: "page",
+        body: status === "Archived" ? t("views.kanbanColumnArchived", {
+          defaultValue: 'Column "{{name}}" archived',
+          name: columnName
+        }) : t("views.kanbanColumnRestored", {
+          defaultValue: 'Column "{{name}}" restored',
+          name: columnName
+        })
+      });
+      boards.reload();
+    } catch (error) {
+      (0, import_components.notify)({
+        severity: "error",
+        scope: "page",
+        body: error instanceof Error ? error.message : t("views.kanbanColumnStatusFailed", "Couldn't update the column")
+      });
+    }
+  };
+  if (!statusField || columns.length === 0) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewUnsupported, {
+      doctype,
+      title: t("views.kanbanUnsupported", "No Select field to board by"),
+      description: t("views.kanbanUnsupportedDetail", "{{doctype}} has no kanban board and no Select field with options to group cards by.", {
+        doctype
+      })
+    });
+  }
+  const {
+    titleField,
+    extraFields
+  } = meta ? (0, import_viewMeta.detectCardFields)(meta, [statusField]) : {
+    titleField: "name",
+    extraFields: []
+  };
+  const fields = Array.from(/* @__PURE__ */new Set(["name", statusField, titleField, ...extraFields]));
+  const boardFilters = boardGoverns ? (0, import_kanbanBoardOps.parseBoardFilters)(board?.filters) : [];
+  const manageBoard = boardGoverns && !readOnly && Boolean(board);
+  const archivedColumns = (board?.columns ?? []).filter(column => column.status === "Archived" && column.column_name);
+  const existingColumns = (board?.columns ?? []).map(column => column.column_name).filter(name => Boolean(name));
+  const canCreateBoard = !readOnly && candidates.length > 0 && Boolean(connection);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    flex: 1,
+    ...knobProps.gap,
+    children: [!hasBoard && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Alert, {
+      intent: "info",
+      title: t("views.kanbanFallback", "No kanban board configured"),
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        ...knobProps.gap,
+        alignItems: "flex-start",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          fontSize: "$3",
+          children: t("views.kanbanFallbackDetail", 'Grouping by the "{{field}}" select field instead. Create a Kanban Board for {{doctype}} to customize columns.', {
+            field: statusField,
+            doctype
+          })
+        }), canCreateBoard && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+          size: "$3",
+          icon: import_react.PlusIcon,
+          onPress: () => setCreateOpen(true),
+          children: t("views.kanbanBoardCreateConfirm", "Create board")
+        })]
+      })
+    }), (boards.names.length > 0 || axisOptions.length > 1) && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      flexWrap: "wrap",
+      children: [boards.names.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_kanban_board_controls.KanbanBoardPicker, {
+        names: boards.names,
+        active: board?.name,
+        onSelect: name => {
+          setAxisChoice(null);
+          goToBoard(name);
+        },
+        onCreateNew: canCreateBoard ? () => setCreateOpen(true) : void 0
+      }), axisOptions.length > 1 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_kanban_field_picker.KanbanFieldPicker, {
+        options: axisOptions,
+        active: statusField,
+        onSelect: fieldname => setAxisChoice({
+          doctype,
+          fieldname
+        })
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(KanbanOfDoc, {
+      doctype,
+      columns,
+      statusField,
+      titleField,
+      fields,
+      ...(boardFilters.length > 0 && {
+        filters: boardFilters
+      }),
+      renderCard: item => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        ...knobProps.panelPadding,
+        gap: "$1",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          fontWeight: "500",
+          fontSize: knobProps.sizeToken,
+          numberOfLines: 3,
+          children: String(item[titleField] ?? item.name ?? "")
+        }), extraFields.map(fieldname => {
+          const value = item[fieldname];
+          if (value === null || value === void 0 || value === "") return null;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            fontWeight: "700",
+            fontSize: "$2",
+            color: "$color10",
+            numberOfLines: 1,
+            children: String(value)
+          }, fieldname);
+        })]
+      }),
+      onCardClick: card => {
+        if (!card.name) return;
+        if (onCardOpen) onCardOpen(doctype, card.name);else navigator.navigate(paths.form(doctype, card.name));
+      },
+      readOnly,
+      enableCardCreation: newDoc.enabled,
+      onCreateCard: columnValue => navigator.navigate(paths.newDoc(doctype, {
+        [statusField]: columnValue
+      })),
+      ...(manageBoard && {
+        renderColumnActions: column => column.id === "__unassigned__" ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_kanban_board_controls.KanbanColumnMenu, {
+          column: column.id,
+          onArchive: () => void handleColumnStatus(column.id, "Archived")
+        }),
+        boardEnd: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_kanban_board_controls.KanbanBoardEnd, {
+          archivedColumns,
+          existingColumns,
+          onAddColumn: handleAddColumn,
+          onRestoreColumn: name => void handleColumnStatus(name, "Active")
+        })
+      }),
+      error: err => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewError, {
+        doctype,
+        error: err
+      }),
+      minColumnHeight: 420,
+      flex: 1
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_kanban_board_controls.CreateBoardDialog, {
+      doctype,
+      open: createOpen,
+      onOpenChange: setCreateOpen,
+      fieldOptions: axisOptions,
+      ...(statusField && {
+        defaultField: statusField
+      }),
+      onCreate: handleCreateBoard
+    })]
+  });
+}