@multiplatform.one/backoffice 6.4.3 → 6.7.0

package/dist/jsx/list/DoctypeListScreen.native.js

@@ -0,0 +1,987 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var DoctypeListScreen_exports = {};
+__export(DoctypeListScreen_exports, {
+  DoctypeListScreen: () => DoctypeListScreen
+});
+module.exports = __toCommonJS(DoctypeListScreen_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_forms = require("@multiplatform.one/forms");
+var import_react2 = require("@phosphor-icons/react");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_table = require("@multiplatform.one/table");
+var import_react3 = 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_paths = require("../navigation/paths.native.js");
+var import_QuickEntryDialog = require("../quickEntry/QuickEntryDialog.native.js");
+var import_useRecentVisit = require("../shared/useRecentVisit.native.js");
+var import_fieldPermissions = require("../form/fieldPermissions.native.js");
+var import_useDoctypeMeta = require("../shared/useDoctypeMeta.native.js");
+var import_useFrappeApp = require("../shared/useFrappeApp.native.js");
+var import_useUserRoles = require("../shared/useUserRoles.native.js");
+var import_AddTagsDialog = require("./AddTagsDialog.native.js");
+var import_AssignToDialog = require("./AssignToDialog.native.js");
+var import_bulkActions = require("./bulkActions.native.js");
+var import_bulk_edit_dialog = require("./bulk-edit-dialog.native.js");
+var import_bulk_export = require("./bulk-export.native.js");
+var import_bulk_submit_cancel = require("./bulk-submit-cancel.native.js");
+var import_filter_chips = require("./filter-chips.native.js");
+var import_filterConversion = require("./filterConversion.native.js");
+var import_ListFilterBar = require("./ListFilterBar.native.js");
+var import_ListSidebar = require("./ListSidebar.native.js");
+var import_listColumns = require("./listColumns.native.js");
+var import_listFields = require("./listFields.native.js");
+var import_listUrlState = require("./listUrlState.native.js");
+var import_useSessionUserId = require("../shared/useSessionUserId.native.js");
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+var PAGE_SIZES = [20, 100, 500];
+var ListTable = import_frappe_ui.FrappeTable;
+function sameFilters(a, b) {
+  return a.length === b.length && a.every(function (tuple, index) {
+    return (0, import_filterConversion.sameFilterTuple)(tuple, b[index]);
+  });
+}
+function sameSort(a, b) {
+  var _ref, _ref1, _ref2, _ref3;
+  return ((_ref = a === null || a === void 0 ? void 0 : a.field) !== null && _ref !== void 0 ? _ref : null) === ((_ref1 = b === null || b === void 0 ? void 0 : b.field) !== null && _ref1 !== void 0 ? _ref1 : null) && ((_ref2 = a === null || a === void 0 ? void 0 : a.order) !== null && _ref2 !== void 0 ? _ref2 : null) === ((_ref3 = b === null || b === void 0 ? void 0 : b.order) !== null && _ref3 !== void 0 ? _ref3 : null);
+}
+function DoctypeListScreen(param) {
+  var {
+    doctype,
+    filtersParam,
+    sortParam,
+    metaOverride,
+    views: viewsAllowlist,
+    initialFilters,
+    fixedFilters,
+    columnOverrides,
+    pageSize,
+    onRowOpen,
+    hideNewButton,
+    toolbarActions
+  } = param;
+  var _ref, _ref1, _ref2, _count_value;
+  var _meta_sort_order;
+  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 capabilities = (0, import_BackofficeProvider.useBackofficeCapabilities)();
+  var {
+    actions,
+    emitEvent
+  } = (0, import_BackofficeProvider.useBackofficeConfig)();
+  var slots = (0, import_BackofficeProvider.useBackofficeSlots)();
+  var config = (0, import_frappe_ui.useFrappeConfig)();
+  var app = (0, import_useFrappeApp.useFrappeApp)();
+  var fixtureMode = Boolean(config === null || config === void 0 ? void 0 : config.fixtures);
+  var sessionUser = (0, import_useSessionUserId.useSessionUserId)();
+  var compactChrome = (0, import_theme.useLayoutSizeClass)() === "compact";
+  (0, import_useRecentVisit.useRecentVisit)(fixtureMode ? void 0 : {
+    label: doctype,
+    path: paths.list(doctype)
+  });
+  var {
+    meta: loadedMeta,
+    loading: metaLoading,
+    error: metaError
+  } = (0, import_useDoctypeMeta.useDoctypeMeta)(metaOverride ? void 0 : doctype);
+  var meta = metaOverride !== null && metaOverride !== void 0 ? metaOverride : loadedMeta;
+  (0, import_react3.useEffect)(function () {
+    if (metaError && !meta) emitEvent({
+      type: "error",
+      error: metaError,
+      context: "list-meta"
+    });
+  }, [metaError, meta, emitEvent]);
+  var showNew = !hideNewButton && capabilities.newDoc.enabled;
+  var [baseFilters, setBaseFilters] = (0, import_react3.useState)(function () {
+    var fromParam = (0, import_listUrlState.parseFiltersParam)(filtersParam);
+    if (fromParam.length > 0) return fromParam;
+    return initialFilters ? [...initialFilters] : fromParam;
+  });
+  var [filtersGen, setFiltersGen] = (0, import_react3.useState)(0);
+  var [effectiveFilters, setEffectiveFilters] = (0, import_react3.useState)(null);
+  var [sort, setSort] = (0, import_react3.useState)(function () {
+    var _parseSortParam;
+    return (_parseSortParam = (0, import_listUrlState.parseSortParam)(sortParam)) !== null && _parseSortParam !== void 0 ? _parseSortParam : null;
+  });
+  var [sortGen, setSortGen] = (0, import_react3.useState)(0);
+  var [refreshGen, setRefreshGen] = (0, import_react3.useState)(0);
+  var [sidebarVisible, setSidebarVisible] = (0, import_react3.useState)(true);
+  var [quickEntryOpen, setQuickEntryOpen] = (0, import_react3.useState)(false);
+  var [pendingDialog, setPendingDialog] = (0, import_react3.useState)(null);
+  var [likeOverrides, setLikeOverrides] = (0, import_react3.useState)({});
+  var pageSizeRef = (0, import_react3.useRef)(pageSize !== null && pageSize !== void 0 ? pageSize : PAGE_SIZES[0]);
+  var fixedFiltersKey = JSON.stringify(fixedFilters !== null && fixedFilters !== void 0 ? fixedFilters : []);
+  var fixedTuples = (0, import_react3.useMemo)(function () {
+    return JSON.parse(fixedFiltersKey);
+  }, [fixedFiltersKey]);
+  var withFixed = (0, import_react3.useCallback)(function (filters) {
+    return fixedTuples.length > 0 ? [...fixedTuples, ...filters] : filters;
+  }, [fixedTuples]);
+  var initialFiltersRef = (0, import_react3.useRef)(initialFilters);
+  initialFiltersRef.current = initialFilters;
+  var baseFiltersRef = (0, import_react3.useRef)(baseFilters);
+  baseFiltersRef.current = baseFilters;
+  var sortRef = (0, import_react3.useRef)(sort);
+  sortRef.current = sort;
+  var writeUrlState = (0, import_react3.useCallback)(function (filters, sortState) {
+    var _navigator_setParams;
+    (_navigator_setParams = navigator.setParams) === null || _navigator_setParams === void 0 ? void 0 : _navigator_setParams.call(navigator, {
+      f: (0, import_listUrlState.serializeFiltersParam)(filters),
+      sort: sortState ? (0, import_listUrlState.serializeSortParam)(sortState) : void 0
+    });
+  }, [navigator]);
+  var lastDoctype = (0, import_react3.useRef)(doctype);
+  var lastFiltersParam = (0, import_react3.useRef)(filtersParam);
+  var lastSortParam = (0, import_react3.useRef)(sortParam);
+  (0, import_react3.useEffect)(function () {
+    var doctypeChanged = lastDoctype.current !== doctype;
+    var filtersParamChanged = lastFiltersParam.current !== filtersParam;
+    var sortParamChanged = lastSortParam.current !== sortParam;
+    if (!doctypeChanged && !filtersParamChanged && !sortParamChanged) return;
+    lastDoctype.current = doctype;
+    lastFiltersParam.current = filtersParam;
+    lastSortParam.current = sortParam;
+    if (doctypeChanged || filtersParamChanged) {
+      var fromParam = (0, import_listUrlState.parseFiltersParam)(filtersParam);
+      var next = fromParam.length > 0 ? fromParam : doctypeChanged && initialFiltersRef.current ? [...initialFiltersRef.current] : fromParam;
+      if (doctypeChanged || !sameFilters(next, baseFiltersRef.current)) {
+        setBaseFilters(next);
+        setEffectiveFilters(withFixed(next));
+        setFiltersGen(function (generation) {
+          return generation + 1;
+        });
+      }
+    }
+    if (doctypeChanged) {
+      var _parseSortParam;
+      setSort((_parseSortParam = (0, import_listUrlState.parseSortParam)(sortParam)) !== null && _parseSortParam !== void 0 ? _parseSortParam : null);
+      setLikeOverrides({});
+      return;
+    }
+    if (sortParamChanged) {
+      var _parseSortParam1;
+      var parsed = (_parseSortParam1 = (0, import_listUrlState.parseSortParam)(sortParam)) !== null && _parseSortParam1 !== void 0 ? _parseSortParam1 : null;
+      if (!sameSort(parsed, sortRef.current)) {
+        setSort(parsed);
+        setSortGen(function (generation) {
+          return generation + 1;
+        });
+      }
+    }
+  }, [doctype, filtersParam, sortParam, withFixed]);
+  var sortField = (_ref = (_ref1 = sort === null || sort === void 0 ? void 0 : sort.field) !== null && _ref1 !== void 0 ? _ref1 : meta === null || meta === void 0 ? void 0 : meta.sort_field) !== null && _ref !== void 0 ? _ref : "modified";
+  var sortOrder = (_ref2 = sort === null || sort === void 0 ? void 0 : sort.order) !== null && _ref2 !== void 0 ? _ref2 : (meta === null || meta === void 0 ? void 0 : (_meta_sort_order = meta.sort_order) === null || _meta_sort_order === void 0 ? void 0 : _meta_sort_order.toUpperCase()) === "ASC" ? "asc" : "desc";
+  var effectiveSortRef = (0, import_react3.useRef)({
+    field: sortField,
+    order: sortOrder
+  });
+  effectiveSortRef.current = {
+    field: sortField,
+    order: sortOrder
+  };
+  var currentFilters = effectiveFilters !== null && effectiveFilters !== void 0 ? effectiveFilters : withFixed(baseFilters);
+  var connection = (0, import_react3.useMemo)(function () {
+    return config ? {
+      baseURL: config.baseURL,
+      socketPort: config.socketPort,
+      auth: config.auth ? {
+        useToken: config.auth.useToken,
+        token: typeof config.auth.token === "string" ? config.auth.token : void 0,
+        type: config.auth.type
+      } : void 0,
+      // Forward the provider's engine options: the SyncModule is
+      // shared per baseURL and the FIRST consumer's config wins — a
+      // connection built without syncOptions here would silently
+      // strip persistKey/cdcInterval for every other screen when the
+      // list's aggregate watcher happens to construct the engine
+      // first (observed on GNOME, where this screen is the first
+      // engine touch).
+      syncOptions: config.syncOptions,
+      socketOptions: config.socketOptions,
+      fixtures: config.fixtures
+    } : void 0;
+  }, [config]);
+  var count = (0, import_frappe_ui.useFrappeAggregate)(connection, {
+    doctype,
+    filters: currentFilters.length > 0 ? currentFilters : void 0
+  });
+  var handleToggleLike = (0, import_react3.useCallback)(function (name, nextLiked) {
+    setLikeOverrides(function (previous) {
+      return {
+        ...previous,
+        [name]: nextLiked
+      };
+    });
+    if (!app || fixtureMode) return;
+    (0, import_bulkActions.toggleLike)(app, doctype, name, nextLiked).catch(function () {
+      setLikeOverrides(function (previous) {
+        return {
+          ...previous,
+          [name]: !nextLiked
+        };
+      });
+      (0, import_components.notify)({
+        severity: "error",
+        scope: "page",
+        body: t("list.likeFailed", "Could not update liked state")
+      });
+    });
+  }, [app, fixtureMode, doctype, t]);
+  var {
+    roles
+  } = (0, import_useUserRoles.useUserRoles)();
+  var permMatrix = (0, import_react3.useMemo)(function () {
+    return (0, import_fieldPermissions.buildPermLevelMatrix)(meta === null || meta === void 0 ? void 0 : meta.permissions, roles);
+  }, [meta === null || meta === void 0 ? void 0 : meta.permissions, roles]);
+  var columns = (0, import_react3.useMemo)(function () {
+    var built = (0, import_listColumns.buildListColumns)({
+      meta,
+      t: function t1(key, fallback) {
+        return t(key, fallback);
+      },
+      sessionUser,
+      onToggleLike: handleToggleLike,
+      likeOverrides,
+      permMatrix
+    });
+    return columnOverrides ? columnOverrides(built) : built;
+  }, [meta, t, sessionUser, handleToggleLike, likeOverrides, permMatrix, columnOverrides]);
+  var fields = (0, import_react3.useMemo)(function () {
+    return (0, import_listFields.listFieldsToFetch)(meta, permMatrix);
+  }, [meta, permMatrix]);
+  var filterableFields = (0, import_react3.useMemo)(function () {
+    if (!(meta === null || meta === void 0 ? void 0 : meta.fields)) return void 0;
+    return [...(0, import_frappe_ui.docFieldsToFilterFields)(meta.fields), {
+      id: "_assign",
+      label: t("list.assignedTo", "Assigned To"),
+      type: "text"
+    }, {
+      id: "_user_tags",
+      label: t("list.tags", "Tags"),
+      type: "text"
+    }, {
+      id: "_liked_by",
+      label: t("list.likedBy", "Liked By"),
+      type: "text"
+    }];
+  }, [meta, t]);
+  var initialTableFilters = (0, import_react3.useMemo)(function () {
+    return (0, import_filterConversion.frappeFiltersToTableFilters)(withFixed(baseFilters));
+  }, [baseFilters, withFixed]);
+  var handleBaseFiltersChange = (0, import_react3.useCallback)(function (next) {
+    setBaseFilters(next);
+    setEffectiveFilters(withFixed(next));
+    setFiltersGen(function (generation) {
+      return generation + 1;
+    });
+    writeUrlState(next, sortRef.current);
+  }, [withFixed, writeUrlState]);
+  var handleSortChange = (0, import_react3.useCallback)(function (field, order) {
+    setSort({
+      field,
+      order
+    });
+    setSortGen(function (generation) {
+      return generation + 1;
+    });
+    writeUrlState(baseFiltersRef.current, {
+      field,
+      order
+    });
+  }, [writeUrlState]);
+  var handleStateChange = (0, import_react3.useCallback)(function (state) {
+    var _state_pagination, _state_sorting;
+    if ((_state_pagination = state.pagination) === null || _state_pagination === void 0 ? void 0 : _state_pagination.pageSize) pageSizeRef.current = state.pagination.pageSize;
+    var nextFilters = (0, import_filterConversion.tableStateToFrappeFilters)(state);
+    setEffectiveFilters(function (previous) {
+      return previous && sameFilters(previous, nextFilters) ? previous : nextFilters;
+    });
+    var sorting = (_state_sorting = state.sorting) === null || _state_sorting === void 0 ? void 0 : _state_sorting[0];
+    if (sorting) {
+      var order = sorting.desc ? "desc" : "asc";
+      var effective = effectiveSortRef.current;
+      if (effective.field !== sorting.id || effective.order !== order) {
+        var nextSort = {
+          field: sorting.id,
+          order
+        };
+        setSort(nextSort);
+        writeUrlState(baseFiltersRef.current, nextSort);
+      }
+    }
+  }, [writeUrlState]);
+  var handleRefresh = (0, import_react3.useCallback)(function () {
+    setRefreshGen(function (generation) {
+      return generation + 1;
+    });
+    count.refresh();
+  }, [count]);
+  var handleRowClick = (0, import_react3.useCallback)(function (row) {
+    if (!row.name) return;
+    if (onRowOpen) {
+      onRowOpen(doctype, row.name);
+      return;
+    }
+    emitEvent({
+      type: "doc-opened",
+      doctype,
+      name: row.name
+    });
+    navigator.navigate(paths.form(doctype, row.name));
+  }, [navigator, paths, doctype, onRowOpen, emitEvent]);
+  var handleBulkExport = (0, import_react3.useCallback)(async function (names) {
+    if (!app) return;
+    try {
+      var result = await (0, import_bulk_export.bulkExportCsv)(app, doctype, names, meta);
+      if (!result.downloaded) {
+        (0, import_components.notify)({
+          severity: "warning",
+          scope: "page",
+          body: t("list.exportUnsupported", "CSV export needs a browser download \u2014 not available on this platform yet")
+        });
+      } else {
+        (0, import_components.notify)({
+          severity: "success",
+          scope: "page",
+          body: t("list.exportDone", {
+            count: result.rowCount,
+            defaultValue_one: "Exported {{count}} row to CSV",
+            defaultValue_other: "Exported {{count}} rows to CSV"
+          })
+        });
+      }
+    } catch (error) {
+      (0, import_components.notify)({
+        severity: "error",
+        scope: "page",
+        body: _instanceof(error, Error) ? error.message : t("list.exportFailed", "CSV export failed")
+      });
+    }
+  }, [app, doctype, meta, t]);
+  var handleBulkDocstatus = (0, import_react3.useCallback)(async function (names, action) {
+    if (!app) return;
+    try {
+      var result = await (0, import_bulk_submit_cancel.bulkSubmitCancel)(app, doctype, names, action);
+      if (result.queued) {
+        (0, import_components.notify)({
+          severity: "info",
+          scope: "page",
+          body: t("list.docstatusQueued", {
+            action: action === "submit" ? t("list.submit", "Submit") : t("list.cancel", "Cancel"),
+            count: result.attempted,
+            defaultValue_one: "{{action}} of {{count}} document queued in the background",
+            defaultValue_other: "{{action}} of {{count}} documents queued in the background"
+          })
+        });
+      } else if (result.failed.length > 0) {
+        (0, import_components.notify)({
+          severity: "warning",
+          scope: "page",
+          // Two independent counts in one sentence — phrased "X of Y" so
+          // no noun needs a second plural slot.
+          body: t("list.docstatusPartial", {
+            count: result.attempted - result.failed.length,
+            total: result.attempted,
+            names: result.failed.join(", "),
+            defaultValue: "Processed {{count}} of {{total}} documents; failed: {{names}}"
+          })
+        });
+      } else {
+        (0, import_components.notify)({
+          severity: "success",
+          scope: "page",
+          body: action === "submit" ? t("list.submitDone", {
+            count: result.attempted,
+            defaultValue_one: "Submitted {{count}} document",
+            defaultValue_other: "Submitted {{count}} documents"
+          }) : t("list.cancelDone", {
+            count: result.attempted,
+            defaultValue_one: "Cancelled {{count}} document",
+            defaultValue_other: "Cancelled {{count}} documents"
+          })
+        });
+      }
+      count.refresh();
+    } catch (error) {
+      (0, import_components.notify)({
+        severity: "error",
+        scope: "page",
+        body: _instanceof(error, Error) ? error.message : t("list.docstatusFailed", "Bulk action failed")
+      });
+    }
+  }, [app, doctype, t, count]);
+  var isSubmittable = (meta === null || meta === void 0 ? void 0 : meta.is_submittable) === 1;
+  var hostListActions = (0, import_react3.useMemo)(function () {
+    var injected = [...(0, import_BackofficeProvider.actionsForDoctype)(actions.list, doctype), ...(0, import_BackofficeProvider.actionsForDoctype)(toolbarActions, doctype)];
+    return injected.map(function (action) {
+      return {
+        id: action.id,
+        label: action.label,
+        onExecute: function onExecute(items) {
+          var names = items.map(function (item) {
+            return item.name;
+          }).filter(Boolean);
+          action.onPress({
+            doctype,
+            selection: names
+          });
+        }
+      };
+    });
+  }, [actions.list, toolbarActions, doctype]);
+  var bulkActions = (0, import_react3.useMemo)(function () {
+    return [
+    // Assignment/tag actions ride their capability flags.
+    ...(capabilities.assignments.enabled ? [{
+      id: "assign",
+      label: t("list.assignTitle", "Assign To"),
+      onExecute: function onExecute(items, clearSelection) {
+        var names = items.map(function (item) {
+          return item.name;
+        }).filter(Boolean);
+        if (names.length > 0) setPendingDialog({
+          type: "assign",
+          names,
+          clear: clearSelection
+        });
+      }
+    }] : []), ...(capabilities.tags.enabled ? [{
+      id: "tag",
+      label: t("list.tagTitle", "Add Tags"),
+      onExecute: function onExecute(items, clearSelection) {
+        var names = items.map(function (item) {
+          return item.name;
+        }).filter(Boolean);
+        if (names.length > 0) setPendingDialog({
+          type: "tag",
+          names,
+          clear: clearSelection
+        });
+      }
+    }] : []), {
+      id: "edit",
+      label: t("list.editTitle", "Bulk Edit"),
+      onExecute: function onExecute(items, clearSelection) {
+        var names = items.map(function (item) {
+          return item.name;
+        }).filter(Boolean);
+        if (names.length > 0) setPendingDialog({
+          type: "edit",
+          names,
+          clear: clearSelection
+        });
+      }
+    }, {
+      id: "export",
+      label: t("list.export", "Export CSV"),
+      onExecute: async function onExecute(items) {
+        var names = items.map(function (item) {
+          return item.name;
+        }).filter(Boolean);
+        if (names.length > 0) await handleBulkExport(names);
+      }
+    }, ...(isSubmittable ? [{
+      id: "submit",
+      label: t("list.submit", "Submit"),
+      requiresConfirmation: true,
+      confirmTitle: t("list.submitTitle", "Submit documents"),
+      confirmMessage: t("list.submitConfirm", {
+        defaultValue: "Submit the selected {{doctype}} documents?",
+        doctype
+      }),
+      onExecute: async function onExecute(items, clearSelection) {
+        var names = items.map(function (item) {
+          return item.name;
+        }).filter(Boolean);
+        if (names.length === 0) return;
+        await handleBulkDocstatus(names, "submit");
+        clearSelection();
+      }
+    }, {
+      id: "cancel",
+      label: t("list.cancel", "Cancel"),
+      requiresConfirmation: true,
+      confirmTitle: t("list.cancelTitle", "Cancel documents"),
+      confirmMessage: t("list.cancelBody", {
+        defaultValue: "Cancel the selected submitted {{doctype}} documents?",
+        doctype
+      }),
+      onExecute: async function onExecute(items, clearSelection) {
+        var names = items.map(function (item) {
+          return item.name;
+        }).filter(Boolean);
+        if (names.length === 0) return;
+        await handleBulkDocstatus(names, "cancel");
+        clearSelection();
+      }
+    }] : []), {
+      id: "delete",
+      label: t("list.delete", "Delete"),
+      variant: "destructive",
+      requiresConfirmation: true,
+      confirmTitle: t("list.deleteTitle", "Delete documents"),
+      confirmMessage: t("list.deleteConfirm", {
+        defaultValue: "Permanently delete the selected {{doctype}} documents?",
+        doctype
+      }),
+      onExecute: async function onExecute(items, clearSelection) {
+        if (!app) return;
+        var names = items.map(function (item) {
+          return item.name;
+        }).filter(Boolean);
+        if (names.length === 0) return;
+        var result = await (0, import_bulkActions.bulkDelete)(app, doctype, names);
+        if (result.failed.length > 0) {
+          (0, import_components.notify)({
+            severity: "warning",
+            scope: "page",
+            body: t("list.deletePartial", {
+              count: result.succeeded.length,
+              total: names.length,
+              names: result.failed.map(function (failure) {
+                return failure.name;
+              }).join(", "),
+              defaultValue: "Deleted {{count}} of {{total}} documents; failed: {{names}}"
+            })
+          });
+        } else {
+          (0, import_components.notify)({
+            severity: "success",
+            scope: "page",
+            body: t("list.deleteDone", {
+              count: result.succeeded.length,
+              defaultValue_one: "Deleted {{count}} document",
+              defaultValue_other: "Deleted {{count}} documents"
+            })
+          });
+        }
+        clearSelection();
+        count.refresh();
+      }
+    }, ...hostListActions];
+  }, [t, app, doctype, count, isSubmittable, handleBulkExport, handleBulkDocstatus, capabilities.assignments.enabled, capabilities.tags.enabled, hostListActions]);
+  var bulkActionsEnabled = capabilities.bulkActions.enabled;
+  var views = (0, import_react3.useMemo)(function () {
+    if (!capabilities.views.enabled) return [];
+    return import_paths.BACKOFFICE_VIEWS.filter(function (view) {
+      return capabilities.views.allow.includes(view) && (!viewsAllowlist || viewsAllowlist.includes(view));
+    }).map(function (view) {
+      return {
+        type: view,
+        label: t(`views.${view}`, view.charAt(0).toUpperCase() + view.slice(1))
+      };
+    });
+  }, [t, capabilities.views.enabled, capabilities.views.allow, viewsAllowlist]);
+  var tableKey = `${doctype}|${refreshGen}|${sortGen}|${filtersGen}`;
+  if (metaError && !meta) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      flex: 1,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.EmptyState, {
+        intent: "error",
+        title: t("list.metaError", {
+          defaultValue: "Could not load {{doctype}}",
+          doctype
+        }),
+        description: metaError.message
+      })
+    });
+  }
+  if (!meta && metaLoading) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      flex: 1,
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "$6",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Spinner, {
+        size: "large"
+      })
+    });
+  }
+  var showCreateFirst = !count.isLoading && count.value === 0 && currentFilters.length === 0;
+  var countText = count.isLoading ? void 0 : t("list.resultCount", {
+    count: (_count_value = count.value) !== null && _count_value !== void 0 ? _count_value : 0,
+    defaultValue_one: "{{count}} result",
+    defaultValue_other: "{{count}} results"
+  });
+  var handleViewChange = function handleViewChange2(view) {
+    if (view !== "list") navigator.navigate(paths.view(doctype, view));
+  };
+  var showViewSwitcher = views.length > 1;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    flex: 1,
+    gap: compactChrome ? "$2" : "$3",
+    padding: compactChrome ? "$3" : "$4",
+    children: [compactChrome ?
+    // Compact chrome (< 640): one title row (title + live count inline,
+    // icon refresh, compact New), then one row with the view switcher
+    // (horizontally scrollable — all views stay reachable) and the
+    // single Filter affordance (filters/sort collapse into its sheet).
+    /* @__PURE__ */
+    (0, import_jsx_runtime.jsxs)(import_components.PageHeader, {
+      heading: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        gap: "$2",
+        alignItems: "baseline",
+        flexWrap: "wrap",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.H1, {
+          size: "$7",
+          margin: 0,
+          flexShrink: 1,
+          minWidth: 0,
+          children: doctype
+        }), countText ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Paragraph, {
+          size: "$2",
+          color: "$color10",
+          margin: 0,
+          children: countText
+        }) : null]
+      }),
+      actions: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [
+        /* House Button: icon slot (LC-53) + the sub-44 circular size
+        resolves the press floor through the house channel (LC-54). */
+        /* @__PURE__ */
+        (0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: "$3",
+          circular: true,
+          chromeless: true,
+          icon: import_react2.ArrowsClockwiseIcon,
+          onPress: handleRefresh,
+          "aria-label": t("list.refresh", "Refresh")
+        }), showNew && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: "$3",
+          accent: true,
+          icon: import_react2.PlusIcon,
+          onPress: function onPress() {
+            return setQuickEntryOpen(true);
+          },
+          "aria-label": t("list.new", {
+            defaultValue: "New {{doctype}}",
+            doctype
+          }),
+          children: t("list.newShort", "New")
+        })]
+      }),
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ScrollView, {
+          horizontal: true,
+          flexGrow: 1,
+          flexShrink: 1,
+          minWidth: 0,
+          showsHorizontalScrollIndicator: false,
+          children: showViewSwitcher ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ViewSwitcher, {
+            views,
+            currentView: "list",
+            onViewChange: handleViewChange
+          }) : null
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ListFilterBar.ListFilterBar, {
+          compact: true,
+          doctype,
+          meta,
+          filters: baseFilters,
+          onFiltersChange: handleBaseFiltersChange,
+          sortField,
+          sortOrder,
+          onSortChange: handleSortChange
+        })]
+      }),
+      /* Shared chips readout (MOD-04 honest state): the table's own
+      chips row is suppressed with the rest of its filter chrome, so
+      compact renders the list-chrome chips here (wide gets them
+      inside ListFilterBar). Renders nothing while no filters apply. */
+      /* @__PURE__ */
+      (0, import_jsx_runtime.jsx)(import_filter_chips.FilterChips, {
+        meta,
+        filters: baseFilters,
+        onFiltersChange: handleBaseFiltersChange
+      })]
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.PageHeader, {
+        title: doctype,
+        // D-11 page-title dial: moderate (32px) — list titles are
+        // wayfinding, not display copy (matches WorkspaceScreen).
+        titleScale: "moderate",
+        subtitle: countText,
+        actions: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+          gap: "$2",
+          alignItems: "center",
+          flexWrap: "wrap",
+          children: [
+          /* Icon-only refresh (desk parity): a text "Refresh" at the
+          switcher's left read as one of its segments — an action
+          mixed into a view picker (LC-26). House Button: icon slot
+          (LC-53), circular sub-44 press floor via the house
+          channel (LC-54). */
+          /* @__PURE__ */
+          (0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$3",
+            circular: true,
+            chromeless: true,
+            icon: import_react2.ArrowsClockwiseIcon,
+            onPress: handleRefresh,
+            "aria-label": t("list.refresh", "Refresh")
+          }), showViewSwitcher ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ViewSwitcher, {
+            views,
+            currentView: "list",
+            onViewChange: handleViewChange
+          }) : null, showNew && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            accent: true,
+            onPress: function onPress() {
+              return setQuickEntryOpen(true);
+            },
+            children: t("list.new", {
+              defaultValue: "New {{doctype}}",
+              doctype
+            })
+          })]
+        })
+      }),
+      /* flex-start: the toggle rides the filter bar's FIRST control row
+      (both 44px) — centering floated it between rows when the bar
+      wraps (Axiom 16 row line). */
+      /* @__PURE__ */
+      (0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        gap: "$2",
+        alignItems: "flex-start",
+        children: [!fixtureMode &&
+        // Icon-only sidebar toggle: the bare "Hide sidebar" text read
+        // as a floating label, not a control, and its 28px box missed
+        // the press floor. House Button icon slot (LC-53) + circular
+        // sub-44 floor via the house channel (LC-54); aria-expanded
+        // carries the region state.
+        /* @__PURE__ */
+        (0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: "$3",
+          circular: true,
+          chromeless: true,
+          icon: import_react2.SidebarSimpleIcon,
+          display: "none",
+          $sm: {
+            display: "flex"
+          },
+          onPress: function onPress() {
+            return setSidebarVisible(function (visible) {
+              return !visible;
+            });
+          },
+          "aria-expanded": sidebarVisible,
+          "aria-label": sidebarVisible ? t("list.hideSidebar", "Hide sidebar") : t("list.showSidebar", "Show sidebar")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flex: 1,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ListFilterBar.ListFilterBar, {
+            doctype,
+            meta,
+            filters: baseFilters,
+            onFiltersChange: handleBaseFiltersChange,
+            sortField,
+            sortOrder,
+            onSortChange: handleSortChange
+          })
+        })]
+      })]
+    }), function () {
+      var _ref3;
+      var _slots_renderListEmpty;
+      var listBody = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        flex: 1,
+        gap: "$2",
+        alignItems: "stretch",
+        children: [
+        /* Facet sidebar needs bench RPCs (fixture mode hides it) and is
+        hidden on narrow viewports (< $sm) like desk. MOD-04 keeps it:
+        facet clicks toggle tuples through the same baseFilters
+        channel (handleBaseFiltersChange) — counts are informative,
+        the chips row is the shared readout. */
+        sidebarVisible && !fixtureMode && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          display: "none",
+          $sm: {
+            display: "flex"
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ListSidebar.ListSidebar, {
+            doctype,
+            meta,
+            filters: currentFilters,
+            onFiltersChange: handleBaseFiltersChange
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flex: 1,
+          minWidth: 0,
+          children: showCreateFirst ? (_ref3 = (_slots_renderListEmpty = slots.renderListEmpty) === null || _slots_renderListEmpty === void 0 ? void 0 : _slots_renderListEmpty.call(slots, {
+            doctype
+          })) !== null && _ref3 !== void 0 ? _ref3 : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.EmptyState, {
+            title: t("list.emptyTitle", {
+              defaultValue: "No {{doctype}} yet",
+              doctype
+            }),
+            description: t("list.emptyDescription", {
+              defaultValue: "Create your first {{doctype}} to get started",
+              doctype
+            }),
+            action: showNew ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+              accent: true,
+              onPress: function onPress() {
+                return setQuickEntryOpen(true);
+              },
+              children: t("list.new", {
+                defaultValue: "New {{doctype}}",
+                doctype
+              })
+            }) : void 0
+          }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(ListTable, {
+            doctype,
+            columns,
+            fields,
+            serverSide: !fixtureMode,
+            ...(fixtureMode && withFixed(baseFilters).length > 0 ? {
+              filters: withFixed(baseFilters)
+            } : {}),
+            filterableFields,
+            initialState: {
+              sorting: [{
+                id: sortField,
+                desc: sortOrder === "desc"
+              }],
+              filters: initialTableFilters,
+              pagination: {
+                pageIndex: 0,
+                pageSize: pageSizeRef.current
+              }
+            },
+            enablePagination: true,
+            renderPagination: function renderPagination(paginationProps) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.DataTablePagination, {
+                ...paginationProps,
+                pageSizeOptions: [...PAGE_SIZES],
+                compact: true
+              });
+            },
+            // ONE FILTER SYSTEM (MOD-04 / LC-16): the list chrome is
+            // the single filtering authority; tuples reach the table
+            // only through initialState.filters (remount via tableKey).
+            // enableFiltering={false} suppresses every in-table filter
+            // entry point (toolbar Filter button, column funnels, chips
+            // row, card Add Filter) and detaches the search clear-X
+            // from the injected filters — the table contributes search
+            // + header sort only, mirrored back via onStateChange.
+            enableFiltering: false,
+            enableSorting: true,
+            enableRowSelection: bulkActionsEnabled,
+            ...(bulkActionsEnabled ? {
+              bulkActions
+            } : {}),
+            onRowClick: handleRowClick,
+            onStateChange: handleStateChange
+          }, tableKey)
+        })]
+      });
+      return import_components.isWeb && !compactChrome ? listBody : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ScrollView, {
+        flex: 1,
+        children: listBody
+      });
+    }(), showNew && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_QuickEntryDialog.QuickEntryDialog, {
+      doctype,
+      open: quickEntryOpen,
+      onOpenChange: setQuickEntryOpen,
+      onCreated: function onCreated(name) {
+        emitEvent({
+          type: "doc-opened",
+          doctype,
+          name
+        });
+        navigator.navigate(paths.form(doctype, name));
+      },
+      onEditFullForm: function onEditFullForm() {
+        return navigator.navigate(paths.newDoc(doctype));
+      }
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_AssignToDialog.AssignToDialog, {
+      doctype,
+      names: (pendingDialog === null || pendingDialog === void 0 ? void 0 : pendingDialog.type) === "assign" ? pendingDialog.names : [],
+      open: (pendingDialog === null || pendingDialog === void 0 ? void 0 : pendingDialog.type) === "assign",
+      onOpenChange: function onOpenChange(open) {
+        if (!open) setPendingDialog(null);
+      },
+      onDone: function onDone() {
+        pendingDialog === null || pendingDialog === void 0 ? void 0 : pendingDialog.clear();
+        count.refresh();
+      }
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_AddTagsDialog.AddTagsDialog, {
+      doctype,
+      names: (pendingDialog === null || pendingDialog === void 0 ? void 0 : pendingDialog.type) === "tag" ? pendingDialog.names : [],
+      open: (pendingDialog === null || pendingDialog === void 0 ? void 0 : pendingDialog.type) === "tag",
+      onOpenChange: function onOpenChange(open) {
+        if (!open) setPendingDialog(null);
+      },
+      onDone: function onDone() {
+        pendingDialog === null || pendingDialog === void 0 ? void 0 : pendingDialog.clear();
+        count.refresh();
+      }
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_bulk_edit_dialog.BulkEditDialog, {
+      doctype,
+      meta,
+      names: (pendingDialog === null || pendingDialog === void 0 ? void 0 : pendingDialog.type) === "edit" ? pendingDialog.names : [],
+      open: (pendingDialog === null || pendingDialog === void 0 ? void 0 : pendingDialog.type) === "edit",
+      onOpenChange: function onOpenChange(open) {
+        if (!open) setPendingDialog(null);
+      },
+      onDone: function onDone() {
+        pendingDialog === null || pendingDialog === void 0 ? void 0 : pendingDialog.clear();
+        count.refresh();
+      }
+    })]
+  });
+}
+//# sourceMappingURL=DoctypeListScreen.native.js.map