@multiplatform.one/backoffice 6.4.2 → 6.6.0

package/dist/cjs/views/DashboardView.cjs

@@ -0,0 +1,222 @@
+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 DashboardView_exports = {};
+__export(DashboardView_exports, {
+  DashboardView: () => DashboardView
+});
+module.exports = __toCommonJS(DashboardView_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_BackofficeProvider = require("../config/BackofficeProvider.cjs");
+var import_i18n = require("../i18n/index.cjs");
+var import_connection = require("./connection.cjs");
+var import_dashboard_data = require("./dashboard-data.cjs");
+var import_viewMeta = require("./viewMeta.cjs");
+var import_ViewStates = require("./ViewStates.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const CHART_HEIGHT = 220;
+function ChartSkeletonCard({
+  height
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Card, {
+    "aria-busy": true,
+    "aria-label": t("views.loading", "Loading"),
+    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
+    })]
+  });
+}
+function DashboardView({
+  doctype
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
+  const paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  const connection = (0, import_connection.useViewConnection)();
+  const {
+    meta,
+    isLoading: isMetaLoading,
+    error: metaError
+  } = (0, import_viewMeta.useViewMeta)(doctype);
+  const weekly = (0, import_dashboard_data.useWeeklyCreated)(connection, doctype);
+  const [anchors] = (0, import_react.useState)(() => ({
+    createdSince: (0, import_dashboard_data.daysAgoIso)(30),
+    modifiedSince: (0, import_dashboard_data.daysAgoIso)(7)
+  }));
+  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
+  });
+  const statusField = meta ? (0, import_dashboard_data.detectStatusField)(meta) : void 0;
+  const statusOptions = statusField ? (0, import_viewMeta.selectFieldOptions)(statusField).slice(0, import_dashboard_data.MAX_STATUS_KPI_CARDS) : [];
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ScrollView, {
+    flex: 1,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      ...knobProps.panelPadding,
+      ...knobProps.gap,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        ...knobProps.gap,
+        flexWrap: "wrap",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flexGrow: 1,
+          flexBasis: 220,
+          minWidth: 220,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.FrappeKPICard, {
+            config: {
+              id: "total",
+              title: t("views.kpiTotal", "Total {{doctype}}", {
+                doctype
+              }),
+              value: 0,
+              format: "number"
+            },
+            dataSource: {
+              doctype
+            }
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flexGrow: 1,
+          flexBasis: 220,
+          minWidth: 220,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.FrappeKPICard, {
+            config: {
+              id: "created-30d",
+              title: t("views.kpiCreated30d", "Created (last 30 days)"),
+              value: 0,
+              format: "number"
+            },
+            dataSource: {
+              doctype,
+              filters: [["creation", ">=", anchors.createdSince]]
+            }
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flexGrow: 1,
+          flexBasis: 220,
+          minWidth: 220,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.FrappeKPICard, {
+            config: {
+              id: "modified-7d",
+              title: t("views.kpiModified7d", "Modified (last 7 days)"),
+              value: 0,
+              format: "number"
+            },
+            dataSource: {
+              doctype,
+              filters: [["modified", ">=", anchors.modifiedSince]]
+            }
+          })
+        })]
+      }), statusField && statusOptions.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+        ...knobProps.gap,
+        flexWrap: "wrap",
+        children: statusOptions.map(option => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flexGrow: 1,
+          flexBasis: 180,
+          minWidth: 180,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.FrappeKPICard, {
+            config: {
+              id: `status-${option}`,
+              title: option,
+              value: 0,
+              format: "number",
+              onClick: () => navigator.navigate((0, import_dashboard_data.filteredListHref)(doctype, statusField.fieldname, option, paths))
+            },
+            dataSource: {
+              doctype,
+              filters: [[statusField.fieldname, "=", option]]
+            }
+          })
+        }, option))
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        ...knobProps.gap,
+        flexWrap: "wrap",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flexGrow: 1,
+          flexBasis: 360,
+          minWidth: 300,
+          children: weekly.isLoading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartSkeletonCard, {
+            height: CHART_HEIGHT
+          }) : weekly.error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.AsyncBoundary, {
+            compact: true,
+            error: weekly.error,
+            errorTitle: t("views.weeklyChartFailed", "Couldn't load weekly activity"),
+            onRetry: weekly.refresh
+          }) : weekly.isEmpty ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.AsyncBoundary, {
+            compact: true,
+            empty: true,
+            emptyTitle: t("views.weeklyChartEmpty", "No recent activity"),
+            emptyDescription: t("views.weeklyChartEmptyDetail", "Nothing was created in the last {{weeks}} weeks", {
+              weeks: import_dashboard_data.WEEKS_WINDOW
+            })
+          }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.ChartCard, {
+            opacity: weekly.isStale ? 0.6 : 1,
+            "aria-busy": weekly.isStale || void 0,
+            config: {
+              id: "created-per-week",
+              title: t("views.createdPerWeek", "Created per week"),
+              type: "bar",
+              data: weekly.data ?? [],
+              height: CHART_HEIGHT
+            }
+          })
+        }), statusField && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flexGrow: 1,
+          flexBasis: 360,
+          minWidth: 300,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.FrappeChartCard, {
+            config: {
+              id: `by-${statusField.fieldname}`,
+              title: t("views.bySelectField", "By {{field}}", {
+                field: statusField.label || statusField.fieldname
+              }),
+              type: "pie",
+              height: CHART_HEIGHT
+            },
+            dataSource: {
+              doctype,
+              groupBy: statusField.fieldname
+            }
+          })
+        })]
+      })]
+    })
+  });
+}

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

@@ -0,0 +1,235 @@
+"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 DashboardView_exports = {};
+__export(DashboardView_exports, {
+  DashboardView: () => DashboardView
+});
+module.exports = __toCommonJS(DashboardView_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_BackofficeProvider = require("../config/BackofficeProvider.native.js");
+var import_i18n = require("../i18n/index.native.js");
+var import_connection = require("./connection.native.js");
+var import_dashboard_data = require("./dashboard-data.native.js");
+var import_viewMeta = require("./viewMeta.native.js");
+var import_ViewStates = require("./ViewStates.native.js");
+var CHART_HEIGHT = 220;
+function ChartSkeletonCard(param) {
+  var {
+    height
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Card, {
+    "aria-busy": true,
+    "aria-label": t("views.loading", "Loading"),
+    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
+    })]
+  });
+}
+function DashboardView(param) {
+  var {
+    doctype
+  } = param;
+  var _weekly_data;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
+  var paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  var connection = (0, import_connection.useViewConnection)();
+  var {
+    meta,
+    isLoading: isMetaLoading,
+    error: metaError
+  } = (0, import_viewMeta.useViewMeta)(doctype);
+  var weekly = (0, import_dashboard_data.useWeeklyCreated)(connection, doctype);
+  var [anchors] = (0, import_react.useState)(function () {
+    return {
+      createdSince: (0, import_dashboard_data.daysAgoIso)(30),
+      modifiedSince: (0, import_dashboard_data.daysAgoIso)(7)
+    };
+  });
+  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
+  });
+  var statusField = meta ? (0, import_dashboard_data.detectStatusField)(meta) : void 0;
+  var statusOptions = statusField ? (0, import_viewMeta.selectFieldOptions)(statusField).slice(0, import_dashboard_data.MAX_STATUS_KPI_CARDS) : [];
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ScrollView, {
+    flex: 1,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      ...knobProps.panelPadding,
+      ...knobProps.gap,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        ...knobProps.gap,
+        flexWrap: "wrap",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flexGrow: 1,
+          flexBasis: 220,
+          minWidth: 220,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.FrappeKPICard, {
+            config: {
+              id: "total",
+              title: t("views.kpiTotal", "Total {{doctype}}", {
+                doctype
+              }),
+              value: 0,
+              format: "number"
+            },
+            dataSource: {
+              doctype
+            }
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flexGrow: 1,
+          flexBasis: 220,
+          minWidth: 220,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.FrappeKPICard, {
+            config: {
+              id: "created-30d",
+              title: t("views.kpiCreated30d", "Created (last 30 days)"),
+              value: 0,
+              format: "number"
+            },
+            dataSource: {
+              doctype,
+              filters: [["creation", ">=", anchors.createdSince]]
+            }
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flexGrow: 1,
+          flexBasis: 220,
+          minWidth: 220,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.FrappeKPICard, {
+            config: {
+              id: "modified-7d",
+              title: t("views.kpiModified7d", "Modified (last 7 days)"),
+              value: 0,
+              format: "number"
+            },
+            dataSource: {
+              doctype,
+              filters: [["modified", ">=", anchors.modifiedSince]]
+            }
+          })
+        })]
+      }), statusField && statusOptions.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+        ...knobProps.gap,
+        flexWrap: "wrap",
+        children: statusOptions.map(function (option) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+            flexGrow: 1,
+            flexBasis: 180,
+            minWidth: 180,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.FrappeKPICard, {
+              config: {
+                id: `status-${option}`,
+                title: option,
+                value: 0,
+                format: "number",
+                onClick: function onClick() {
+                  return navigator.navigate((0, import_dashboard_data.filteredListHref)(doctype, statusField.fieldname, option, paths));
+                }
+              },
+              dataSource: {
+                doctype,
+                filters: [[statusField.fieldname, "=", option]]
+              }
+            })
+          }, option);
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        ...knobProps.gap,
+        flexWrap: "wrap",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flexGrow: 1,
+          flexBasis: 360,
+          minWidth: 300,
+          children: weekly.isLoading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartSkeletonCard, {
+            height: CHART_HEIGHT
+          }) : weekly.error ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.AsyncBoundary, {
+            compact: true,
+            error: weekly.error,
+            errorTitle: t("views.weeklyChartFailed", "Couldn't load weekly activity"),
+            onRetry: weekly.refresh
+          }) : weekly.isEmpty ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.AsyncBoundary, {
+            compact: true,
+            empty: true,
+            emptyTitle: t("views.weeklyChartEmpty", "No recent activity"),
+            emptyDescription: t("views.weeklyChartEmptyDetail", "Nothing was created in the last {{weeks}} weeks", {
+              weeks: import_dashboard_data.WEEKS_WINDOW
+            })
+          }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.ChartCard, {
+            // Subtle stale affordance: dim while a post-event refetch runs.
+            opacity: weekly.isStale ? 0.6 : 1,
+            "aria-busy": weekly.isStale || void 0,
+            config: {
+              id: "created-per-week",
+              title: t("views.createdPerWeek", "Created per week"),
+              type: "bar",
+              data: (_weekly_data = weekly.data) !== null && _weekly_data !== void 0 ? _weekly_data : [],
+              height: CHART_HEIGHT
+            }
+          })
+        }), statusField && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flexGrow: 1,
+          flexBasis: 360,
+          minWidth: 300,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.FrappeChartCard, {
+            config: {
+              id: `by-${statusField.fieldname}`,
+              title: t("views.bySelectField", "By {{field}}", {
+                field: statusField.label || statusField.fieldname
+              }),
+              type: "pie",
+              height: CHART_HEIGHT
+            },
+            dataSource: {
+              doctype,
+              groupBy: statusField.fieldname
+            }
+          })
+        })]
+      })]
+    })
+  });
+}
+//# sourceMappingURL=DashboardView.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DashboardView_exports","__export","DashboardView","module","exports","import_jsx_runtime","require","import_components","import_frappe_ui","import_theme","import_react","import_react_i18next","import_BackofficeProvider","import_i18n","import_connection","import_dashboard_data","import_viewMeta","import_ViewStates","CHART_HEIGHT","ChartSkeletonCard","param","height","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","jsxs","Card","children","jsx","Skeleton","width","variant","doctype","_weekly_data","knobProps","useResolvedKnobs","navigator","useBackofficeNavigator","paths","useBackofficePaths","connection","useViewConnection","meta","isLoading","isMetaLoading","error","metaError","useViewMeta","weekly","useWeeklyCreated","anchors","useState","createdSince","daysAgoIso","modifiedSince","ViewLoading","ViewError","statusField","detectStatusField","statusOptions","selectFieldOptions","slice","MAX_STATUS_KPI_CARDS","ScrollView","flex","YStack","panelPadding","gap","XStack","flexWrap","flexGrow","flexBasis","minWidth","FrappeKPICard","config","id","title","format","dataSource","filters","length","map","option","onClick","navigate","filteredListHref","fieldname"],"sources":["../../../src/views/DashboardView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/views/DoctypeViewScreen.cjs

@@ -0,0 +1,107 @@
+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_components = require("@multiplatform.one/components");
+var import_react = require("react");
+var import_BackofficeProvider = require("../config/BackofficeProvider.cjs");
+var import_CalendarView = require("./CalendarView.cjs");
+var import_DashboardView = require("./DashboardView.cjs");
+var import_ImageView = require("./ImageView.cjs");
+var import_KanbanView = require("./KanbanView.cjs");
+var import_DoctypeReportView = require("../report/DoctypeReportView.cjs");
+var import_TreeView = require("./TreeView.cjs");
+var import_ViewHeader = require("./ViewHeader.cjs");
+var import_ViewStates = require("./ViewStates.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ListRedirect({
+  doctype
+}) {
+  const navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
+  const paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  (0, import_react.useEffect)(() => {
+    navigator.replace(paths.list(doctype));
+  }, [navigator, paths, doctype]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewLoading, {});
+}
+function ViewBody({
+  doctype,
+  view
+}) {
+  const {
+    params
+  } = (0, import_BackofficeProvider.useBackofficeLocation)();
+  const board = typeof params.board === "string" ? params.board : void 0;
+  const field = typeof params.field === "string" ? params.field : void 0;
+  const filtersParam = typeof params.f === "string" ? params.f : 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({
+  doctype,
+  view
+}) {
+  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
+    })]
+  });
+}