@multiplatform.one/backoffice 6.6.0 → 7.0.0

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

@@ -45,16 +45,19 @@ 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_platformHooks = require("../form/platformHooks.native.js");
+var import_deskLinks = require("../shared/deskLinks.native.js");
+var import_listNavContext = require("../shared/listNavContext.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_viewAvailability = require("../views/viewAvailability.native.js");
+var import_ViewSwitcherMenu = require("../views/ViewSwitcherMenu.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");
@@ -65,6 +68,7 @@ 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_sidebar_stats = require("./sidebar-stats.native.js");
 var import_ListFilterBar = require("./ListFilterBar.native.js");
 var import_ListSidebar = require("./ListSidebar.native.js");
 var import_listColumns = require("./listColumns.native.js");
@@ -122,6 +126,7 @@ function DoctypeListScreen(param) {
   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 deskHref = (config === null || config === void 0 ? void 0 : config.baseURL) && !fixtureMode ? (0, import_deskLinks.deskViewUrl)(config.baseURL, doctype) : void 0;
   var sessionUser = (0, import_useSessionUserId.useSessionUserId)();
   var compactChrome = (0, import_theme.useLayoutSizeClass)() === "compact";
   (0, import_useRecentVisit.useRecentVisit)(fixtureMode ? void 0 : {
@@ -147,13 +152,11 @@ function DoctypeListScreen(param) {
     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);
@@ -197,9 +200,6 @@ function DoctypeListScreen(param) {
       if (doctypeChanged || !sameFilters(next, baseFiltersRef.current)) {
         setBaseFilters(next);
         setEffectiveFilters(withFixed(next));
-        setFiltersGen(function (generation) {
-          return generation + 1;
-        });
       }
     }
     if (doctypeChanged) {
@@ -213,9 +213,6 @@ function DoctypeListScreen(param) {
       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]);
@@ -234,6 +231,8 @@ function DoctypeListScreen(param) {
     return config ? {
       baseURL: config.baseURL,
       socketPort: config.socketPort,
+      siteName: config.siteName,
+      socketBaseURL: config.socketBaseURL,
       auth: config.auth ? {
         useToken: config.auth.useToken,
         token: typeof config.auth.token === "string" ? config.auth.token : void 0,
@@ -292,10 +291,19 @@ function DoctypeListScreen(param) {
       sessionUser,
       onToggleLike: handleToggleLike,
       likeOverrides,
-      permMatrix
+      permMatrix,
+      getDocHref: function getDocHref(name) {
+        return paths.form(doctype, name);
+      },
+      onFilterClick: function onFilterClick(fieldname, value) {
+        var next = (0, import_sidebar_stats.toggleFacetFilter)(baseFiltersRef.current, [fieldname, "=", value]);
+        setBaseFilters(next);
+        setEffectiveFilters(withFixed(next));
+        writeUrlState(next, sortRef.current);
+      }
     });
     return columnOverrides ? columnOverrides(built) : built;
-  }, [meta, t, sessionUser, handleToggleLike, likeOverrides, permMatrix, columnOverrides]);
+  }, [meta, t, sessionUser, handleToggleLike, likeOverrides, permMatrix, columnOverrides, paths, doctype, withFixed, writeUrlState]);
   var fields = (0, import_react3.useMemo)(function () {
     return (0, import_listFields.listFieldsToFetch)(meta, permMatrix);
   }, [meta, permMatrix]);
@@ -321,9 +329,6 @@ function DoctypeListScreen(param) {
   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) {
@@ -331,17 +336,20 @@ function DoctypeListScreen(param) {
       field,
       order
     });
-    setSortGen(function (generation) {
-      return generation + 1;
-    });
     writeUrlState(baseFiltersRef.current, {
       field,
       order
     });
   }, [writeUrlState]);
   var handleStateChange = (0, import_react3.useCallback)(function (state) {
+    var _state_data;
     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;
+    (0, import_listNavContext.setListNavContext)(doctype, ((_state_data = state.data) !== null && _state_data !== void 0 ? _state_data : []).map(function (row) {
+      return row.name;
+    }).filter(function (value) {
+      return typeof value === "string" && value.length > 0;
+    }));
     var nextFilters = (0, import_filterConversion.tableStateToFrappeFilters)(state);
     setEffectiveFilters(function (previous) {
       return previous && sameFilters(previous, nextFilters) ? previous : nextFilters;
@@ -359,7 +367,7 @@ function DoctypeListScreen(param) {
         writeUrlState(baseFiltersRef.current, nextSort);
       }
     }
-  }, [writeUrlState]);
+  }, [writeUrlState, doctype]);
   var handleRefresh = (0, import_react3.useCallback)(function () {
     setRefreshGen(function (generation) {
       return generation + 1;
@@ -611,18 +619,32 @@ function DoctypeListScreen(param) {
     }, ...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 () {
+  var availableViews = (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))
-      };
+    var allow = viewsAllowlist ? capabilities.views.allow.filter(function (view) {
+      return viewsAllowlist.includes(view);
+    }) : capabilities.views.allow;
+    return (0, import_viewAvailability.deriveAvailableViews)(meta, {
+      current: "list",
+      allow
     });
-  }, [t, capabilities.views.enabled, capabilities.views.allow, viewsAllowlist]);
-  var tableKey = `${doctype}|${refreshGen}|${sortGen}|${filtersGen}`;
+  }, [meta, capabilities.views.enabled, capabilities.views.allow, viewsAllowlist]);
+  var tableKey = doctype;
+  var controlledSorting = (0, import_react3.useMemo)(function () {
+    return [{
+      id: sortField,
+      desc: sortOrder === "desc"
+    }];
+  }, [sortField, sortOrder]);
+  var controlledTableState = (0, import_react3.useMemo)(function () {
+    return {
+      filters: initialTableFilters,
+      sorting: controlledSorting,
+      columnVisibility: {
+        modified: false
+      }
+    };
+  }, [initialTableFilters, controlledSorting]);
   if (metaError && !meta) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
       flex: 1,
@@ -648,7 +670,7 @@ function DoctypeListScreen(param) {
     });
   }
   var showCreateFirst = !count.isLoading && count.value === 0 && currentFilters.length === 0;
-  var countText = count.isLoading ? void 0 : t("list.resultCount", {
+  var countText = count.value === void 0 && 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"
@@ -656,24 +678,88 @@ function DoctypeListScreen(param) {
   var handleViewChange = function handleViewChange2(view) {
     if (view !== "list") navigator.navigate(paths.view(doctype, view));
   };
-  var showViewSwitcher = views.length > 1;
+  var listToolbar = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    gap: "$1.5",
+    alignItems: "center",
+    flexWrap: "wrap",
+    children: [!compactChrome && /* @__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_ListFilterBar.ListFilterBar, {
+      compact: compactChrome,
+      showChips: false,
+      doctype,
+      meta,
+      filters: baseFilters,
+      onFiltersChange: handleBaseFiltersChange,
+      sortField,
+      sortOrder,
+      onSortChange: handleSortChange,
+      likedByUser: sessionUser
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewSwitcherMenu.ViewSwitcherMenu, {
+      views: availableViews,
+      current: "list",
+      onViewChange: handleViewChange
+    }), deskHref && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+      size: "$3",
+      circular: true,
+      chromeless: true,
+      icon: import_react2.ArrowSquareOutIcon,
+      onPress: function onPress() {
+        return (0, import_platformHooks.openInNewTab)(deskHref);
+      },
+      "aria-label": t("list.openInDesk", "Open in Desk")
+    }), /* @__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: compactChrome ? "$3" : "$2",
+      accent: true,
+      ...(compactChrome ? {
+        icon: import_react2.PlusIcon
+      } : {}),
+      onPress: function onPress() {
+        return setQuickEntryOpen(true);
+      },
+      "aria-label": t("list.new", {
+        defaultValue: "New {{doctype}}",
+        doctype
+      }),
+      children: compactChrome ? t("list.newShort", "New") : t("list.new", {
+        defaultValue: "New {{doctype}}",
+        doctype
+      })
+    })]
+  });
   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, {
+    gap: "$2",
+    padding: compactChrome ? "$2" : "$3",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.PageHeader, {
+      gap: "$2",
       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",
+          size: compactChrome ? "$6" : "$7",
           margin: 0,
           flexShrink: 1,
           minWidth: 0,
@@ -685,154 +771,17 @@ function DoctypeListScreen(param) {
           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
-        })]
-      }),
+      actions: listToolbar,
+      children: (
       /* 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. */
+      chips row is suppressed, so the list chrome owns them. 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;
@@ -846,7 +795,7 @@ function DoctypeListScreen(param) {
         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, {
+        sidebarVisible && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
           display: "none",
           $sm: {
             display: "flex"
@@ -886,7 +835,7 @@ function DoctypeListScreen(param) {
             columns,
             fields,
             serverSide: !fixtureMode,
-            ...(fixtureMode && withFixed(baseFilters).length > 0 ? {
+            ...(fixtureMode ? {
               filters: withFixed(baseFilters)
             } : {}),
             filterableFields,
@@ -898,33 +847,38 @@ function DoctypeListScreen(param) {
               filters: initialTableFilters,
               pagination: {
                 pageIndex: 0,
-                pageSize: pageSizeRef.current
+                pageSize: fixtureMode ? 500 : pageSizeRef.current
+              },
+              columnVisibility: {
+                modified: false
               }
             },
-            enablePagination: true,
-            renderPagination: function renderPagination(paginationProps) {
-              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.DataTablePagination, {
-                ...paginationProps,
-                pageSizeOptions: [...PAGE_SIZES],
-                compact: true
-              });
-            },
+            // Keep-rows-and-reconcile (no remount): filter/sort changes
+            // adopt in place; refresh re-runs the current query in
+            // place. Rows stay rendered while the server reconciles.
+            controlledState: controlledTableState,
+            refreshToken: refreshGen,
+            enablePagination: !fixtureMode,
+            paginationMode: "infinite",
+            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).
+            // through controlledState (in-place adoption — no remount).
             // 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.
+            // from the injected filters — the table contributes header
+            // sort only, mirrored back via onStateChange.
             enableFiltering: false,
+            enableGlobalSearch: false,
             enableSorting: true,
             enableRowSelection: bulkActionsEnabled,
             ...(bulkActionsEnabled ? {
               bulkActions
             } : {}),
             onRowClick: handleRowClick,
-            onStateChange: handleStateChange
+            onStateChange: handleStateChange,
+            layout: "list"
           }, tableKey)
         })]
       });