@wix/patterns 1.431.0 → 1.433.0

package/src/components/SkeletonCard/SkeletonCard.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard1690257211";
+var _namespace_ = "SkeletonCard1542096506";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SkeletonCard1690257211__root","headerLoading":"SkeletonCard1690257211__headerLoading"};
+export var classes = {"root":"SkeletonCard1542096506__root","headerLoading":"SkeletonCard1542096506__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SlidingModal/SlidingModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SlidingModal4175240601";
+var _namespace_ = "SlidingModal942360491";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SlidingModal4175240601__root"};
+export var classes = {"root":"SlidingModal942360491__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SlidingModal/SlidingModal.tsx

@@ -8,6 +8,7 @@ import React, {
 } from 'react';
 import { st, classes } from './SlidingModal.st.css.js';
 import { scopeTab } from './scopeTab';
+import { version as cairoVersion } from '../../version';
 
 export interface SlidingModalProps {
   dataHook?: string;
@@ -126,6 +127,7 @@ export function SlidingModal(props: SlidingModalProps) {
         contentRef?.(el);
       }}
       data-hook={dataHook}
+      data-wix-patterns={cairoVersion}
       data-transition-status={transitionStatus}
       className={st(
         classes.root,

package/src/components/Table/AddFieldColumnHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AddFieldColumnHeader2583207661";
+var _namespace_ = "AddFieldColumnHeader448034550";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"AddFieldColumnHeader2583207661__root","title":"AddFieldColumnHeader2583207661__title","hoverBridge":"AddFieldColumnHeader2583207661__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader448034550__root","title":"AddFieldColumnHeader448034550__title","hoverBridge":"AddFieldColumnHeader448034550__hoverBridge"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TabsFilter/TabsFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter3289214861";
+var _namespace_ = "TabsFilter3678414365";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"TabsFilter3289214861__root","title":"TabsFilter3289214861__title"};
+export var classes = {"root":"TabsFilter3678414365__root","title":"TabsFilter3678414365__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal3765695890";
+var _namespace_ = "ManageTagsModal2727734484";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ManageTagsModal3765695890__root"};
+export var classes = {"root":"ManageTagsModal2727734484__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TagsAssignButton/TagsAssignButton.tsx

@@ -48,7 +48,6 @@ const _TagsAssignButton = () => {
               dataHook="tags-assign-button-disabled-tooltip"
             >
               <Button
-                skin="standard"
                 priority="secondary"
                 size="small"
                 ellipsis

package/src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts

@@ -60,26 +60,27 @@ export function useToolbarCollectionSyncProps<T, F extends FiltersMap>(
   }, []);
 
   useEffect(() => {
-    reaction(
-      () => ({
-        scrollTop: state.scrollTopBeforeUnmount,
-        routerState: router?.currentState,
-      }),
-      ({ scrollTop, routerState }) => {
-        pageState.scrollTopBeforeUnmount = routerState?._createdEntity
-          ? 0
-          : scrollTop;
+    pageState.scrollTopBeforeUnmount = router?.currentState?._createdEntity
+      ? 0
+      : state.scrollTopBeforeUnmount;
+    // The offset belongs to a single trip back. The cached state outlives it,
+    // so leaving it set would restore it again on any later remount.
+    state.scrollTopBeforeUnmount = null;
+
+    return reaction(
+      () => router?.currentState,
+      (routerState) => {
+        if (!routerState?._chosenEntity) {
+          return;
+        }
+        // Reading it on unmount is too late: React detaches the page before
+        // effect cleanups run, and a detached element reports scrollTop 0.
+        const el = pageState.pageState.scrollableContentRef.current;
+        if (el) {
+          state.scrollTopBeforeUnmount = el.scrollTop;
+        }
       },
-      { fireImmediately: true },
     );
-
-    return () => {
-      const scrollTop =
-        pageState.pageState.scrollableContentRef.current?.scrollTop;
-      if (scrollTop !== undefined) {
-        state.scrollTopBeforeUnmount = scrollTop;
-      }
-    };
   }, []);
 
   const getIsUsingAllItemsView = () =>

package/src/components/ToolbarItem/ToolbarItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem1137485981";
+var _namespace_ = "ToolbarItem4020054682";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ToolbarItem1137485981__root"};
+export var classes = {"root":"ToolbarItem4020054682__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItemBox4022720849";
+var _namespace_ = "ToolbarItemBox2514597951";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ToolbarItemBox4022720849__root"};
+export var classes = {"root":"ToolbarItemBox2514597951__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/common.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common2729451634";
+var _namespace_ = "common1215794069";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"common2729451634__root","column":"common2729451634__column","fullHeight":"common2729451634__fullHeight"};
+export var classes = {"root":"common1215794069__root","column":"common1215794069__column","fullHeight":"common1215794069__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/hooks/useEditableTableCollection.ts

@@ -21,7 +21,7 @@ export type EditableTableCollectionConfig<
   T,
   F extends FiltersMap,
 > = CollectionConfigWithConditionals<T, F> & {
-  permissions?: EditableTablePermissions;
+  permissions?: EditableTablePermissions<T>;
   mutations: EditableTableMutationHandlers<T>;
   optimisticActionParams?: Partial<CollectionOptimisticActionsBaseParams<T, F>>;
   /**

package/src/schema/EntityPageFieldsCard.tsx

@@ -7,10 +7,14 @@ import {
   type EntityPageCardProps,
 } from '../components/EntityPageCard';
 import { EntityPageFields } from '../components/EntityPageFields';
-import { CustomColumnsEntityPagePanelMount } from '../components/CustomColumnsPanel/CustomColumnsEntityPagePanelMount';
+import { EntityPageColumnsPanelEntry } from '../components/EntityPage/EntityPageColumnsPanelEntry';
+import { EntityPageSidePanels } from '../components/EntityPage/EntityPageSidePanels';
 import { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';
+import { FieldManagementModals } from '../components/CustomFieldsPanel/FieldManagementModals';
 import { useEntityPageContext } from '../providers';
 import { EntityPageFieldsCardState } from '../state/EntityPageFieldsCardState';
+import { SidePanelsState } from '../state/SidePanelsState';
+import { entityPageFieldManagement } from './entityPageFieldManagement';
 
 export interface EntityPageFieldsCardProps
   extends Omit<EntityPageCardProps, 'children'> {
@@ -24,8 +28,8 @@ export interface EntityPageFieldsCardProps
   fieldIds?: string[];
   /**
    * Namespace the per-user show/hide and order are stored under. Default: the
-   * source's collection id. Set it when a page has more than one fields card,
-   * so they don't share one saved layout.
+   * source's collection id — set it only to store the layout under a name of
+   * your own.
    */
   persistencyKey?: string;
   /** Whether to show the "Manage fields" button and panel. Default: `true`. */
@@ -34,8 +38,16 @@ export interface EntityPageFieldsCardProps
 }
 
 /** The page's schema fields in a card, with a "Manage fields" panel that shows,
- *  hides and reorders them. The choice is saved per user and survives reloads.
- *  Render inside the `EntityPage` from this entry. */
+ *  hides and reorders them, and adds, edits and deletes them. The choice is
+ *  saved per user and survives reloads. Render inside the `EntityPage` from this
+ *  entry.
+ *
+ *  One card per page. Field management is built per card, so on a second card
+ *  the rows of fields added from the first one render without their actions
+ *  menu — the row comes from the page's schema, the menu from the card's own
+ *  copy, which only the mutating card's copy gets merged into. Split the fields
+ *  across cards only when none of them manages fields (`showManageFields:
+ *  false`). */
 export function _EntityPageFieldsCard({
   title,
   subtitle,
@@ -50,6 +62,9 @@ export function _EntityPageFieldsCard({
   const { modalsContainerRef } = usePageContext();
   const pageState = useEntityPageContext();
 
+  // The page has no side-panel host until a feature needs one.
+  useState(() => SidePanelsState.setOnPage(pageState, container));
+
   const [state] = useState(
     () =>
       new EntityPageFieldsCardState({
@@ -65,12 +80,24 @@ export function _EntityPageFieldsCard({
         fieldIds,
         showManageFields,
         dragAndDrop: CustomColumnsDragAndDrop,
+        fieldManagement: entityPageFieldManagement,
         modalsContainerRef,
       }),
   );
 
   useEffect(() => state.init(), []);
 
+  useEffect(() => {
+    if (!state.panelState) {
+      return;
+    }
+
+    state.panelState.panels.registerSidePanel(
+      'customColumns',
+      EntityPageColumnsPanelEntry,
+    );
+  }, []);
+
   return (
     <EntityPageCard dataHook={dataHook} {...rest}>
       <Card.Header
@@ -93,8 +120,14 @@ export function _EntityPageFieldsCard({
       <Card.Content>
         <EntityPageFields fieldIds={state.visibleFieldIds} />
       </Card.Content>
+      {/* The host lives on the page, so a panel opened here closes any other.
+          Rendered by the card rather than the page, so a page without a fields
+          card never bundles the side-panel modal. */}
       {state.panelState && (
-        <CustomColumnsEntityPagePanelMount state={state.panelState} />
+        <EntityPageSidePanels panels={state.panelState.panels} />
+      )}
+      {state.manageFieldsSource && (
+        <FieldManagementModals source={state.manageFieldsSource} />
       )}
     </EntityPageCard>
   );

package/src/schema/entityPageFieldManagement.ts

@@ -0,0 +1,44 @@
+import type { SourceState } from '@wix/bex-core';
+import { SchemaState } from '../components/SchemaSource/SchemaState';
+import { createSchemaFieldActionsMenu } from '../components/SchemaSource/schemaFieldActions';
+import { CustomFieldsPanelState } from '../state/CustomFields/CustomFieldsPanelState';
+import type { ManageFieldsSource } from '../state/ManageFieldsSource';
+
+/**
+ * Add / edit / delete field for an entity page, over the page's source.
+ *
+ * A collection page gets the same thing from its toolbar's
+ * `CollectionFieldsSourceState`, which an entity page has no toolbar to build —
+ * so the two pieces that don't need one are assembled here: the source's
+ * FieldsSource and per-field menu (`SchemaState`), and the modals
+ * (`CustomFieldsPanelState`).
+ */
+export function entityPageFieldManagement({
+  sourceState,
+  closeSidePanel,
+}: {
+  sourceState: SourceState<any>;
+  closeSidePanel: () => void;
+}): ManageFieldsSource {
+  const schemaState = new SchemaState({ sourceState });
+  const { container } = sourceState;
+  const panel = new CustomFieldsPanelState({
+    fieldsSource: schemaState.fieldsSource,
+    container,
+    reportBi: container.reportBi,
+    closeSidePanel,
+    createFieldActionsMenu: createSchemaFieldActionsMenu(schemaState),
+  });
+
+  return {
+    fieldsSource: schemaState.fieldsSource,
+    customFieldsPanel: panel,
+    fieldActionsMenu: panel.fieldActionsMenu,
+    openFieldModal: (opts) =>
+      panel.openCustomFieldModal({
+        fieldId: opts?.fieldId,
+        origin: opts?.origin ?? 'external',
+        customOrigin: opts?.customOrigin,
+      }),
+  };
+}

package/src/schema/syncSourcePermissions.ts

@@ -1,4 +1,4 @@
-import { autorun, runInAction } from 'mobx';
+import { autorun } from 'mobx';
 import type { FiltersMap, SourceState } from '@wix/bex-core';
 import type { EditableTableState } from '../state/EditableTable';
 
@@ -6,7 +6,9 @@ import type { EditableTableState } from '../state/EditableTable';
  * Keeps an editable table's row-action flags in sync with its source: an action
  * is disabled when the source denies the permission (`schema.itemPermissions`)
  * OR the backend can't perform it (the write method is absent, e.g. a read-only
- * source). Reactive because the schema loads asynchronously. Returns a disposer.
+ * source). The source is the only permission input — schema-entry tables do not
+ * accept consumer-supplied permissions. Reactive because the schema loads
+ * asynchronously. Returns a disposer.
  */
 export function syncSourcePermissions<T, F extends FiltersMap>(
   state: EditableTableState<T, F>,
@@ -16,12 +18,19 @@ export function syncSourcePermissions<T, F extends FiltersMap>(
     const loaded = sourceState.loadedSchema;
     const perms = loaded?.schema.itemPermissions;
     const backend = loaded?.backend;
-    runInAction(() => {
-      state.addItemDisabled = !(perms?.createItem ?? true) || !backend?.create;
-      state.updateItemDisabled =
-        !(perms?.updateItem ?? true) || !backend?.update;
-      state.removeItemDisabled =
-        !(perms?.deleteItem ?? true) || !backend?.bulkDelete;
+
+    const isRemoveItemDisabled = perms?.isRemoveItemDisabled;
+
+    state.setPermissions({
+      addItemDisabled: !(perms?.createItem ?? true) || !backend?.create,
+      updateItemDisabled: !(perms?.updateItem ?? true) || !backend?.update,
+      removeItemDisabled: !(perms?.deleteItem ?? true) || !backend?.bulkDelete,
+      multiDeleteDisabled:
+        !(perms?.bulkDeleteItems ?? perms?.deleteItem ?? true) ||
+        !backend?.bulkDelete,
+      isRemoveItemDisabled: isRemoveItemDisabled
+        ? (item: T) => isRemoveItemDisabled(item as Record<string, unknown>)
+        : undefined,
     });
   });
 }

package/src/schema/useLayoutSwitchCollection.ts

@@ -29,9 +29,11 @@ export type SchemaLayoutSwitchCollectionOptions<
 > = SchemaCollectionOptions<T, F> & {
   table?: TableLayoutConfig;
   grid?: GridLayoutConfig;
+  // No `permissions` either: row-action permissions are source-driven
+  // (schema.itemPermissions + backend capabilities), not consumer-supplied.
   spreadsheet?: Omit<
     SpreadsheetLayoutConfig<T, F>,
-    'createOptimisticActions' | 'mutations'
+    'createOptimisticActions' | 'mutations' | 'permissions'
   >;
 };
 

package/src/state/CollectionPage/CollectionPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader2989145790";
+var _namespace_ = "CollectionPageHeader317245957";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionPageHeader2989145790__root"};
+export var classes = {"root":"CollectionPageHeader317245957__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/CustomColumnsEntityPageState.ts

@@ -5,11 +5,12 @@ import { CustomColumnsActionName } from './CustomColumnsState';
 import { SidePanelsState } from './SidePanelsState';
 import { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';
 import { SchemaFieldsState } from './SchemaCard/SchemaFieldsState';
+import type { ManageFieldsSource } from './ManageFieldsSource';
 import type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';
 import type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';
 import type { Field, SchemaConfig } from '../types/SchemaConfig';
 
-type SchemaFields = Pick<SchemaConfig, 'fields'>;
+type SchemaFields = Pick<SchemaConfig, 'id' | 'fields'>;
 
 export interface CustomColumnsEntityPageStateParams {
   panels: SidePanelsState;
@@ -22,6 +23,12 @@ export interface CustomColumnsEntityPageStateParams {
   /** Whether the panel presents itself as field management rather than column
    *  selection. Default: `false`. */
   isFieldsEditable?: boolean;
+  /** Add / edit / delete field. Omitted ⇒ the panel only shows and reorders. */
+  manageFieldsSource?: ManageFieldsSource;
+  /** Namespaces this panel's column collection, the way a table's is namespaced
+   *  by its collection. Default: the schema's id, when the schema is already
+   *  loaded. */
+  collectionId?: string;
   showFieldTypeIcons?: boolean;
   dragAndDrop?: typeof CustomColumnsDragAndDrop;
   modalsContainerRef: {
@@ -35,6 +42,9 @@ function fieldToColumn(
 ): Column {
   return {
     id: field.id,
+    // The panel's per-field menu is keyed off this — without it a row has no
+    // edit / delete action.
+    field,
     name: field.displayName,
     title: field.displayName,
     render: () => null,
@@ -55,12 +65,20 @@ export class CustomColumnsEntityPageState extends CustomColumnsPanelStateBase {
   readonly _showFieldTypeIcons: boolean;
   readonly _schema: SchemaFields | (() => SchemaFields | null);
   readonly _isFieldsEditable: boolean;
+  readonly _manageFieldsSource?: ManageFieldsSource;
   readonly _dragAndDrop?: CustomColumnsDragAndDropState<unknown, any>;
 
   constructor(params: CustomColumnsEntityPageStateParams) {
     super({
       container: params.container,
-      queryName: 'entity-page-custom-columns',
+      queryName: [
+        params.container.environment.componentId,
+        params.collectionId ??
+          (typeof params.schema === 'function' ? undefined : params.schema.id),
+        'entity-page-custom-columns',
+      ]
+        .filter(Boolean)
+        .join('/'),
     });
 
     this.panels = params.panels;
@@ -68,6 +86,7 @@ export class CustomColumnsEntityPageState extends CustomColumnsPanelStateBase {
     this._showFieldTypeIcons = params.showFieldTypeIcons ?? true;
     this._schema = params.schema;
     this._isFieldsEditable = params.isFieldsEditable ?? false;
+    this._manageFieldsSource = params.manageFieldsSource;
 
     if (params.dragAndDrop) {
       const { fieldsState } = params;
@@ -135,8 +154,8 @@ export class CustomColumnsEntityPageState extends CustomColumnsPanelStateBase {
     return this._isFieldsEditable;
   }
 
-  get collectionFieldsSource() {
-    return null;
+  get manageFieldsSource() {
+    return this._manageFieldsSource;
   }
 
   get sidePanelTransition(): TransitionState<string> | undefined {

package/src/state/CustomColumnsPanelStateBase.ts

@@ -9,7 +9,7 @@ import { action, computed, makeObservable, observable } from 'mobx';
 import { Column } from '../model';
 import { CustomColumnsActionName } from './CustomColumnsState';
 import type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';
-import type { CollectionFieldsSourceState } from './CollectionFieldsSourceState';
+import type { ManageFieldsSource } from './ManageFieldsSource';
 
 export interface CustomColumnsPanelStateBaseParams {
   container: WixPatternsContainer;
@@ -65,15 +65,13 @@ export abstract class CustomColumnsPanelStateBase<
 
   /** Whether the panel manages schema fields rather than picking columns —
    *  drives its title and subtitle. Sources that carry their own field
-   *  management report it through `collectionFieldsSource` instead. */
+   *  management report it through `manageFieldsSource` instead. */
   get isFieldsEditable(): boolean {
     return false;
   }
 
-  abstract get collectionFieldsSource():
-    | CollectionFieldsSourceState
-    | null
-    | undefined;
+  /** Add / edit / delete field, when the surface offers it. */
+  abstract get manageFieldsSource(): ManageFieldsSource | null | undefined;
 
   abstract get sidePanelTransition(): TransitionState<string> | undefined;
 

package/src/state/CustomColumnsState.ts

@@ -501,7 +501,7 @@ export class CustomColumnsState<
     return this.table.showFieldTypeIcons;
   }
 
-  get collectionFieldsSource() {
+  get manageFieldsSource() {
     return this.table.collectionFieldsSource;
   }