@multiplatform.one/backoffice 6.4.2 → 6.6.0

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

@@ -0,0 +1,948 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { EmptyState, H1, PageHeader, Paragraph, ScrollView, Spinner, ViewSwitcher, XStack, YStack, isWeb, notify } from "@multiplatform.one/components";
+import { useLayoutSizeClass } from "@multiplatform.one/theme";
+import { Button as ActionButton } from "@multiplatform.one/forms";
+import { ArrowsClockwiseIcon, PlusIcon, SidebarSimpleIcon } from "@phosphor-icons/react";
+import { FrappeTable, docFieldsToFilterFields, useFrappeAggregate, useFrappeConfig } from "@multiplatform.one/frappe-ui";
+import { DataTablePagination } from "@multiplatform.one/table";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { actionsForDoctype, useBackofficeCapabilities, useBackofficeConfig, useBackofficeNavigator, useBackofficePaths, useBackofficeSlots } from "../config/BackofficeProvider.native.js";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.native.js";
+import { BACKOFFICE_VIEWS } from "../navigation/paths.native.js";
+import { QuickEntryDialog } from "../quickEntry/QuickEntryDialog.native.js";
+import { useRecentVisit } from "../shared/useRecentVisit.native.js";
+import { buildPermLevelMatrix } from "../form/fieldPermissions.native.js";
+import { useDoctypeMeta } from "../shared/useDoctypeMeta.native.js";
+import { useFrappeApp } from "../shared/useFrappeApp.native.js";
+import { useUserRoles } from "../shared/useUserRoles.native.js";
+import { AddTagsDialog } from "./AddTagsDialog.native.js";
+import { AssignToDialog } from "./AssignToDialog.native.js";
+import { bulkDelete, toggleLike } from "./bulkActions.native.js";
+import { BulkEditDialog } from "./bulk-edit-dialog.native.js";
+import { bulkExportCsv } from "./bulk-export.native.js";
+import { bulkSubmitCancel } from "./bulk-submit-cancel.native.js";
+import { FilterChips } from "./filter-chips.native.js";
+import { frappeFiltersToTableFilters, sameFilterTuple, tableStateToFrappeFilters } from "./filterConversion.native.js";
+import { ListFilterBar } from "./ListFilterBar.native.js";
+import { ListSidebar } from "./ListSidebar.native.js";
+import { buildListColumns } from "./listColumns.native.js";
+import { listFieldsToFetch } from "./listFields.native.js";
+import { parseFiltersParam, parseSortParam, serializeFiltersParam, serializeSortParam } from "./listUrlState.native.js";
+import { useSessionUserId as useSessionUser } from "../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 = FrappeTable;
+function sameFilters(a, b) {
+  return a.length === b.length && a.every(function (tuple, index) {
+    return 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
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  var navigator = useBackofficeNavigator();
+  var paths = useBackofficePaths();
+  var capabilities = useBackofficeCapabilities();
+  var {
+    actions,
+    emitEvent
+  } = useBackofficeConfig();
+  var slots = useBackofficeSlots();
+  var config = useFrappeConfig();
+  var app = useFrappeApp();
+  var fixtureMode = Boolean(config === null || config === void 0 ? void 0 : config.fixtures);
+  var sessionUser = useSessionUser();
+  var compactChrome = useLayoutSizeClass() === "compact";
+  useRecentVisit(fixtureMode ? void 0 : {
+    label: doctype,
+    path: paths.list(doctype)
+  });
+  var {
+    meta: loadedMeta,
+    loading: metaLoading,
+    error: metaError
+  } = useDoctypeMeta(metaOverride ? void 0 : doctype);
+  var meta = metaOverride !== null && metaOverride !== void 0 ? metaOverride : loadedMeta;
+  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] = useState(function () {
+    var fromParam = parseFiltersParam(filtersParam);
+    if (fromParam.length > 0) return fromParam;
+    return initialFilters ? [...initialFilters] : fromParam;
+  });
+  var [filtersGen, setFiltersGen] = useState(0);
+  var [effectiveFilters, setEffectiveFilters] = useState(null);
+  var [sort, setSort] = useState(function () {
+    var _parseSortParam;
+    return (_parseSortParam = parseSortParam(sortParam)) !== null && _parseSortParam !== void 0 ? _parseSortParam : null;
+  });
+  var [sortGen, setSortGen] = useState(0);
+  var [refreshGen, setRefreshGen] = useState(0);
+  var [sidebarVisible, setSidebarVisible] = useState(true);
+  var [quickEntryOpen, setQuickEntryOpen] = useState(false);
+  var [pendingDialog, setPendingDialog] = useState(null);
+  var [likeOverrides, setLikeOverrides] = useState({});
+  var pageSizeRef = useRef(pageSize !== null && pageSize !== void 0 ? pageSize : PAGE_SIZES[0]);
+  var fixedFiltersKey = JSON.stringify(fixedFilters !== null && fixedFilters !== void 0 ? fixedFilters : []);
+  var fixedTuples = useMemo(function () {
+    return JSON.parse(fixedFiltersKey);
+  }, [fixedFiltersKey]);
+  var withFixed = useCallback(function (filters) {
+    return fixedTuples.length > 0 ? [...fixedTuples, ...filters] : filters;
+  }, [fixedTuples]);
+  var initialFiltersRef = useRef(initialFilters);
+  initialFiltersRef.current = initialFilters;
+  var baseFiltersRef = useRef(baseFilters);
+  baseFiltersRef.current = baseFilters;
+  var sortRef = useRef(sort);
+  sortRef.current = sort;
+  var writeUrlState = useCallback(function (filters, sortState) {
+    var _navigator_setParams;
+    (_navigator_setParams = navigator.setParams) === null || _navigator_setParams === void 0 ? void 0 : _navigator_setParams.call(navigator, {
+      f: serializeFiltersParam(filters),
+      sort: sortState ? serializeSortParam(sortState) : void 0
+    });
+  }, [navigator]);
+  var lastDoctype = useRef(doctype);
+  var lastFiltersParam = useRef(filtersParam);
+  var lastSortParam = useRef(sortParam);
+  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 = 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 = parseSortParam(sortParam)) !== null && _parseSortParam !== void 0 ? _parseSortParam : null);
+      setLikeOverrides({});
+      return;
+    }
+    if (sortParamChanged) {
+      var _parseSortParam1;
+      var parsed = (_parseSortParam1 = 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 = useRef({
+    field: sortField,
+    order: sortOrder
+  });
+  effectiveSortRef.current = {
+    field: sortField,
+    order: sortOrder
+  };
+  var currentFilters = effectiveFilters !== null && effectiveFilters !== void 0 ? effectiveFilters : withFixed(baseFilters);
+  var connection = 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 = useFrappeAggregate(connection, {
+    doctype,
+    filters: currentFilters.length > 0 ? currentFilters : void 0
+  });
+  var handleToggleLike = useCallback(function (name, nextLiked) {
+    setLikeOverrides(function (previous) {
+      return {
+        ...previous,
+        [name]: nextLiked
+      };
+    });
+    if (!app || fixtureMode) return;
+    toggleLike(app, doctype, name, nextLiked).catch(function () {
+      setLikeOverrides(function (previous) {
+        return {
+          ...previous,
+          [name]: !nextLiked
+        };
+      });
+      notify({
+        severity: "error",
+        scope: "page",
+        body: t("list.likeFailed", "Could not update liked state")
+      });
+    });
+  }, [app, fixtureMode, doctype, t]);
+  var {
+    roles
+  } = useUserRoles();
+  var permMatrix = useMemo(function () {
+    return buildPermLevelMatrix(meta === null || meta === void 0 ? void 0 : meta.permissions, roles);
+  }, [meta === null || meta === void 0 ? void 0 : meta.permissions, roles]);
+  var columns = useMemo(function () {
+    var built = 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 = useMemo(function () {
+    return listFieldsToFetch(meta, permMatrix);
+  }, [meta, permMatrix]);
+  var filterableFields = useMemo(function () {
+    if (!(meta === null || meta === void 0 ? void 0 : meta.fields)) return void 0;
+    return [...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 = useMemo(function () {
+    return frappeFiltersToTableFilters(withFixed(baseFilters));
+  }, [baseFilters, withFixed]);
+  var handleBaseFiltersChange = useCallback(function (next) {
+    setBaseFilters(next);
+    setEffectiveFilters(withFixed(next));
+    setFiltersGen(function (generation) {
+      return generation + 1;
+    });
+    writeUrlState(next, sortRef.current);
+  }, [withFixed, writeUrlState]);
+  var handleSortChange = useCallback(function (field, order) {
+    setSort({
+      field,
+      order
+    });
+    setSortGen(function (generation) {
+      return generation + 1;
+    });
+    writeUrlState(baseFiltersRef.current, {
+      field,
+      order
+    });
+  }, [writeUrlState]);
+  var handleStateChange = 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 = 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 = useCallback(function () {
+    setRefreshGen(function (generation) {
+      return generation + 1;
+    });
+    count.refresh();
+  }, [count]);
+  var handleRowClick = 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 = useCallback(async function (names) {
+    if (!app) return;
+    try {
+      var result = await bulkExportCsv(app, doctype, names, meta);
+      if (!result.downloaded) {
+        notify({
+          severity: "warning",
+          scope: "page",
+          body: t("list.exportUnsupported", "CSV export needs a browser download \u2014 not available on this platform yet")
+        });
+      } else {
+        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) {
+      notify({
+        severity: "error",
+        scope: "page",
+        body: _instanceof(error, Error) ? error.message : t("list.exportFailed", "CSV export failed")
+      });
+    }
+  }, [app, doctype, meta, t]);
+  var handleBulkDocstatus = useCallback(async function (names, action) {
+    if (!app) return;
+    try {
+      var result = await bulkSubmitCancel(app, doctype, names, action);
+      if (result.queued) {
+        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) {
+        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 {
+        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) {
+      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 = useMemo(function () {
+    var injected = [...actionsForDoctype(actions.list, doctype), ...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 = 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 bulkDelete(app, doctype, names);
+        if (result.failed.length > 0) {
+          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 {
+          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 = useMemo(function () {
+    if (!capabilities.views.enabled) return [];
+    return 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__ */_jsx(YStack, {
+      flex: 1,
+      children: /* @__PURE__ */_jsx(EmptyState, {
+        intent: "error",
+        title: t("list.metaError", {
+          defaultValue: "Could not load {{doctype}}",
+          doctype
+        }),
+        description: metaError.message
+      })
+    });
+  }
+  if (!meta && metaLoading) {
+    return /* @__PURE__ */_jsx(YStack, {
+      flex: 1,
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "$6",
+      children: /* @__PURE__ */_jsx(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__ */_jsxs(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__ */
+    _jsxs(PageHeader, {
+      heading: /* @__PURE__ */_jsxs(XStack, {
+        gap: "$2",
+        alignItems: "baseline",
+        flexWrap: "wrap",
+        children: [/* @__PURE__ */_jsx(H1, {
+          size: "$7",
+          margin: 0,
+          flexShrink: 1,
+          minWidth: 0,
+          children: doctype
+        }), countText ? /* @__PURE__ */_jsx(Paragraph, {
+          size: "$2",
+          color: "$color10",
+          margin: 0,
+          children: countText
+        }) : null]
+      }),
+      actions: /* @__PURE__ */_jsxs(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__ */
+        _jsx(ActionButton, {
+          size: "$3",
+          circular: true,
+          chromeless: true,
+          icon: ArrowsClockwiseIcon,
+          onPress: handleRefresh,
+          "aria-label": t("list.refresh", "Refresh")
+        }), showNew && /* @__PURE__ */_jsx(ActionButton, {
+          size: "$3",
+          accent: true,
+          icon: PlusIcon,
+          onPress: function onPress() {
+            return setQuickEntryOpen(true);
+          },
+          "aria-label": t("list.new", {
+            defaultValue: "New {{doctype}}",
+            doctype
+          }),
+          children: t("list.newShort", "New")
+        })]
+      }),
+      children: [/* @__PURE__ */_jsxs(XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */_jsx(ScrollView, {
+          horizontal: true,
+          flexGrow: 1,
+          flexShrink: 1,
+          minWidth: 0,
+          showsHorizontalScrollIndicator: false,
+          children: showViewSwitcher ? /* @__PURE__ */_jsx(ViewSwitcher, {
+            views,
+            currentView: "list",
+            onViewChange: handleViewChange
+          }) : null
+        }), /* @__PURE__ */_jsx(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__ */
+      _jsx(FilterChips, {
+        meta,
+        filters: baseFilters,
+        onFiltersChange: handleBaseFiltersChange
+      })]
+    }) : /* @__PURE__ */_jsxs(_Fragment, {
+      children: [/* @__PURE__ */_jsx(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__ */_jsxs(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__ */
+          _jsx(ActionButton, {
+            size: "$3",
+            circular: true,
+            chromeless: true,
+            icon: ArrowsClockwiseIcon,
+            onPress: handleRefresh,
+            "aria-label": t("list.refresh", "Refresh")
+          }), showViewSwitcher ? /* @__PURE__ */_jsx(ViewSwitcher, {
+            views,
+            currentView: "list",
+            onViewChange: handleViewChange
+          }) : null, showNew && /* @__PURE__ */_jsx(ActionButton, {
+            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__ */
+      _jsxs(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__ */
+        _jsx(ActionButton, {
+          size: "$3",
+          circular: true,
+          chromeless: true,
+          icon: 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__ */_jsx(YStack, {
+          flex: 1,
+          children: /* @__PURE__ */_jsx(ListFilterBar, {
+            doctype,
+            meta,
+            filters: baseFilters,
+            onFiltersChange: handleBaseFiltersChange,
+            sortField,
+            sortOrder,
+            onSortChange: handleSortChange
+          })
+        })]
+      })]
+    }), function () {
+      var _ref3;
+      var _slots_renderListEmpty;
+      var listBody = /* @__PURE__ */_jsxs(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__ */_jsx(YStack, {
+          display: "none",
+          $sm: {
+            display: "flex"
+          },
+          children: /* @__PURE__ */_jsx(ListSidebar, {
+            doctype,
+            meta,
+            filters: currentFilters,
+            onFiltersChange: handleBaseFiltersChange
+          })
+        }), /* @__PURE__ */_jsx(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__ */_jsx(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__ */_jsx(ActionButton, {
+              accent: true,
+              onPress: function onPress() {
+                return setQuickEntryOpen(true);
+              },
+              children: t("list.new", {
+                defaultValue: "New {{doctype}}",
+                doctype
+              })
+            }) : void 0
+          }) : /* @__PURE__ */_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__ */_jsx(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 isWeb && !compactChrome ? listBody : /* @__PURE__ */_jsx(ScrollView, {
+        flex: 1,
+        children: listBody
+      });
+    }(), showNew && /* @__PURE__ */_jsx(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__ */_jsx(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__ */_jsx(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__ */_jsx(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();
+      }
+    })]
+  });
+}
+export { DoctypeListScreen };
+//# sourceMappingURL=DoctypeListScreen.native.js.map