@wix/patterns 1.426.0 → 1.430.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxHeightText2883923983";
+var _namespace_ = "MaxHeightText3754196047";
 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":"MaxHeightText2883923983__root"};
+export var classes = {"root":"MaxHeightText3754196047__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines788404285";
+var _namespace_ = "MaxLines3268543179";
 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":"MaxLines788404285__root"};
+export var classes = {"root":"MaxLines3268543179__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MoreActions/MoreActionsIcon.tsx

@@ -5,11 +5,13 @@ import { observer } from 'mobx-react-lite';
 import { MoreActionsBase } from './MoreActionsBase';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { MoreActionsProps } from './MoreActionsProps';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 export interface MoreActionsIconProps extends MoreActionsProps {}
 
 function _MoreActionsIcon(params: MoreActionsIconProps) {
   const { translate: t } = useWixPatternsContainer();
+  const isBmHarmonyTheme = useBmHarmonyTheme();
 
   return (
     <Box
@@ -21,7 +23,7 @@ function _MoreActionsIcon(params: MoreActionsIconProps) {
           triggerElement={
             <IconButton
               dataHook="more-actions-popover-button"
-              priority="secondary"
+              priority={isBmHarmonyTheme ? 'tertiary' : 'secondary'}
             >
               <More />
             </IconButton>

package/src/components/MoreFiltersCTA/MoreFiltersCTA.tsx

@@ -1,9 +1,11 @@
 import { observer } from 'mobx-react-lite';
 import React from 'react';
-import { ContentFilter } from '@wix/wix-ui-icons-common';
+import { FilterSmall, ContentFilter } from '@wix/wix-ui-icons-common/lazy';
+import { Box, CounterBadge } from '@wix/design-system';
 import { CounterBadgeButton } from '../CounterBadgeButton';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 const _MoreFiltersCTA = () => {
   const state = useToolbarCollectionContext();
@@ -12,24 +14,51 @@ const _MoreFiltersCTA = () => {
     container: { translate: t },
     toolbarFiltersState,
   } = state;
+  const isBmHarmonyTheme = useBmHarmonyTheme();
+
+  const count = state.collection.query.nonPersistentCustomFiltersCount;
+
+  if (!isBmHarmonyTheme) {
+    return (
+      <CounterBadgeButton dataHook="more-filters-button-counter" count={count}>
+        <ResponsiveButton
+          ref={toolbarFiltersState?.moreFiltersButtonRef}
+          state={responsive.filters}
+          shouldShrink={false}
+          key="more-filters-button"
+          dataHook="more-filters-button"
+          icon={<ContentFilter />}
+          onClick={toolbarFiltersState?.onFiltersButtonClick}
+        >
+          {t('cairo.toolbar.moreFiltersButton', { defaultValue: '' })}
+        </ResponsiveButton>
+      </CounterBadgeButton>
+    );
+  }
 
   return (
-    <CounterBadgeButton
-      dataHook="more-filters-button-counter"
-      count={state.collection.query.nonPersistentCustomFiltersCount}
+    <ResponsiveButton
+      ref={toolbarFiltersState?.moreFiltersButtonRef}
+      state={responsive.filters}
+      shouldShrink={false}
+      key="more-filters-button"
+      dataHook="more-filters-button"
+      icon={<FilterSmall />}
+      onClick={toolbarFiltersState?.onFiltersButtonClick}
     >
-      <ResponsiveButton
-        ref={toolbarFiltersState?.moreFiltersButtonRef}
-        state={responsive.filters}
-        shouldShrink={false}
-        key="more-filters-button"
-        dataHook="more-filters-button"
-        icon={<ContentFilter />}
-        onClick={toolbarFiltersState?.onFiltersButtonClick}
-      >
+      <Box gap="SP1" verticalAlign="middle" display="inline-flex">
         {t('cairo.toolbar.moreFiltersButton', { defaultValue: '' })}
-      </ResponsiveButton>
-    </CounterBadgeButton>
+        {count > 0 && (
+          <CounterBadge
+            dataHook="more-filters-button-counter"
+            skin="general"
+            size="tiny"
+          >
+            {count}
+          </CounterBadge>
+        )}
+      </Box>
+    </ResponsiveButton>
   );
 };
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar1130007844";
+var _namespace_ = "MultiBulkActionToolbar4197357314";
 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":"MultiBulkActionToolbar1130007844__root","leftGroupWrapper":"MultiBulkActionToolbar1130007844__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1130007844__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1130007844__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar4197357314__root","leftGroupWrapper":"MultiBulkActionToolbar4197357314__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar4197357314__selectedCountItem","selectedCountText":"MultiBulkActionToolbar4197357314__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.tsx

@@ -17,6 +17,7 @@ import { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';
 import { BulkActionContainer } from './BulkActionContainer';
 import { useIsMobile } from '../../hooks/useIsMobile';
 import { useBulkActionMobileGroups } from '../../hooks/useBulkActionMobileGroups';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 export interface MultiBulkActionToolbarProps {
   /**
@@ -65,6 +66,7 @@ function _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {
     containerProps,
   });
   const isMobile = useIsMobile();
+  const isBmHarmonyTheme = useBmHarmonyTheme();
 
   const [state] = useState(
     () =>
@@ -125,7 +127,10 @@ function _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {
   const bulkActionButtonsDesktop = (
     <>
       <Box alignSelf="stretch" marginLeft="SP4" marginRight="SP2">
-        <Divider direction="vertical" />
+        <Divider
+          direction="vertical"
+          skin={isBmHarmonyTheme ? 'light' : undefined}
+        />
       </Box>
 
       <Box gap="SP1" className={st(classes.root)}>

package/src/components/MultiLevelSorting/MultiLevelSortingCTAButton.tsx

@@ -2,12 +2,13 @@ import React, { useEffect, useState } from 'react';
 import { runInAction } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import { FiltersMap } from '@wix/bex-core';
-import { ChangeOrderSmall } from '@wix/wix-ui-icons-common';
+import { ChangeOrderSmall, ReorderSmall } from '@wix/wix-ui-icons-common/lazy';
 import { MultiLevelSortingState, ToolbarCollectionState } from '../../state';
 import { MultiLevelSortingPanelEntry } from '../MultiLevelSortingPanel';
 import { CounterBadgeButton } from '../CounterBadgeButton';
 import { usePageContext } from '@wix/bex-core/react';
 import { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 export interface MultiLevelSortingCTAButtonProps<T, F extends FiltersMap> {
   state: ToolbarCollectionState<T, F>;
@@ -24,6 +25,7 @@ export function _MultiLevelSortingCTAButton<T, F extends FiltersMap>(
   } = state;
 
   const { modalsContainerRef } = usePageContext();
+  const isHarmonyTheme = useBmHarmonyTheme();
 
   const [multiLevelSortingState] = useState(() =>
     runInAction(
@@ -50,7 +52,7 @@ export function _MultiLevelSortingCTAButton<T, F extends FiltersMap>(
       <ResponsiveButton
         state={responsive.actions}
         shouldShrink={!isPanelLayout}
-        icon={<ChangeOrderSmall />}
+        icon={isHarmonyTheme ? <ReorderSmall /> : <ChangeOrderSmall />}
         dataHook="multi-level-sorting-button"
         onClick={() => {
           const isOpen = panels.toggleSidePanel('multiLevelSorting');

package/src/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.tsx

@@ -9,6 +9,7 @@ import { KeyedItem } from '@wix/bex-core';
 import { DropdownSelectState } from '../../state';
 import { FilterProps } from '../../model';
 import { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 import { useDropdownTranslationContext } from '../../providers';
 
 export type KeyedItemOption<T> = DropdownLayoutOption & {
@@ -52,6 +53,7 @@ function _MultiSelectCheckboxFilterBase<V>(
   const { windowFlipPopoverProps, inputRef } = useWindowFlipPopoverProps({
     popoverProps,
   });
+  const isBmHarmonyTheme = useBmHarmonyTheme();
 
   return (
     <MultiSelectCheckbox
@@ -59,7 +61,7 @@ function _MultiSelectCheckboxFilterBase<V>(
         inputRef.current = ref;
       }}
       dataHook={`collection-filter-${filter.name}`}
-      border="round"
+      border={isBmHarmonyTheme ? undefined : 'round'}
       textOverflow="ellipsis"
       options={options}
       placeholder={placeholder ?? translate('placeholder')}

package/src/components/MultiSelectFilterBase/MultiSelectFilterBase.tsx

@@ -14,6 +14,7 @@ import { DropdownSelectState } from '../../state';
 import { FilterProps } from '../../model';
 import { useFilterRenderingContext } from '../FilterRenderingContext';
 import { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 import { useDropdownTranslationContext } from '../../providers';
 
 export type KeyedItemOption<T> = DropdownLayoutOption & {
@@ -59,6 +60,7 @@ function _MultiSelectCheckboxFilterBase<V>(
   const { windowFlipPopoverProps, inputRef } = useWindowFlipPopoverProps({
     popoverProps,
   });
+  const isBmHarmonyTheme = useBmHarmonyTheme();
 
   const effectiveSize: InputSize =
     size || (location === 'panel' ? 'small' : 'medium');
@@ -85,7 +87,7 @@ function _MultiSelectCheckboxFilterBase<V>(
         inputRef.current = ref;
       }}
       dataHook={`collection-filter-${filter.name}`}
-      border="round"
+      border={isBmHarmonyTheme ? undefined : 'round'}
       placeholder={translate('placeholder')}
       tags={tags}
       size={size}

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow48677316";
+var _namespace_ = "NestedTablePlaceholderStatesRow1512195112";
 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":"NestedTablePlaceholderStatesRow48677316__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1512195112__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow2811038440";
+var _namespace_ = "NestedTableRow758756333";
 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":"NestedTableRow2811038440__root","firstLevel":"NestedTableRow2811038440__firstLevel","placeholder":"NestedTableRow2811038440__placeholder","parentHovered":"NestedTableRow2811038440__parentHovered"};
+export var classes = {"root":"NestedTableRow758756333__root","firstLevel":"NestedTableRow758756333__firstLevel","placeholder":"NestedTableRow758756333__placeholder","parentHovered":"NestedTableRow758756333__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect630179294";
+var _namespace_ = "MultipleDragOverlayEffect1567357389";
 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":"MultipleDragOverlayEffect630179294__root"};
+export var classes = {"root":"MultipleDragOverlayEffect1567357389__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow2920376209";
+var _namespace_ = "NestedTableDragAndDropRow273561805";
 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":"NestedTableDragAndDropRow2920376209__root"};
+export var classes = {"root":"NestedTableDragAndDropRow273561805__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent2131101169";
+var _namespace_ = "PickerContent2095613214";
 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":"PickerContent2131101169__root"};
+export var classes = {"root":"PickerContent2095613214__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep1447441395";
+var _namespace_ = "PickerContentAdditionalStep1102083508";
 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":"PickerContentAdditionalStep1447441395__root","titles":"PickerContentAdditionalStep1447441395__titles","suffix":"PickerContentAdditionalStep1447441395__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1102083508__root","titles":"PickerContentAdditionalStep1102083508__titles","suffix":"PickerContentAdditionalStep1102083508__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem1799991993";
+var _namespace_ = "PickerTableListItem1050306693";
 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":"PickerTableListItem1799991993__root"};
+export var classes = {"root":"PickerTableListItem1050306693__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ResponsiveButton/ResponsiveButton.tsx

@@ -11,6 +11,7 @@ import { observer } from 'mobx-react-lite';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { ToolbarResponsivePriorityState } from '../../state/Toolbar/ToolbarResponsivePriorityState';
 import { usePatternsTheme } from '../../themes/PatternsThemeProvider';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 export type ResponsiveButtonProps = ButtonAsButtonProps<{
   dataHook?: string;
@@ -41,6 +42,7 @@ const _ResponsiveButton = forwardRef<Button, ResponsiveButtonProps>(
     } = useToolbarCollectionContext();
 
     const { responsiveDisabled } = responsive;
+    const isBmHarmonyTheme = useBmHarmonyTheme();
 
     const shouldShrink = responsiveDisabled
       ? shouldShrinkProp
@@ -55,9 +57,9 @@ const _ResponsiveButton = forwardRef<Button, ResponsiveButtonProps>(
           <IconButton
             ref={ref}
             {...rest}
+            priority={isBmHarmonyTheme ? 'tertiary' : 'secondary'}
             dataHook={dataHook}
             size={sizes.small}
-            priority="secondary"
           >
             {icon}
           </IconButton>
@@ -71,7 +73,7 @@ const _ResponsiveButton = forwardRef<Button, ResponsiveButtonProps>(
           {...rest}
           dataHook={dataHook}
           size={sizes.small}
-          priority="secondary"
+          priority={isBmHarmonyTheme ? 'tertiary' : 'secondary'}
           prefixIcon={icon}
           suffixIcon={button.suffix}
         >

package/src/components/SchemaSource/SchemaState.ts

@@ -1,93 +1,45 @@
-import {
-  action,
-  computed,
-  makeObservable,
-  observable,
-  runInAction,
-} from 'mobx';
-import {
-  Field,
-  FieldManagement,
-  FieldsSource,
-  LoadedSchema,
-  Schema,
-  SchemaSource,
-  TaskState,
-  WixPatternsContainer,
-} from '@wix/bex-core';
-import type { RemoveToast, ToastConfig } from '@wix/bex-core';
+import { computed, makeObservable } from 'mobx';
+import { Field, FieldsSource, SourceState } from '@wix/bex-core';
 import type { ToolbarCollectionState } from '../../state';
 import { CollectionFieldsSourceState } from '../../state/CollectionFieldsSourceState';
 import { isFilterableFieldType } from '../../state/buildFieldFilters';
 import { schemaFieldsSource } from './schemaFieldsSource';
-import { schemaFieldManagement } from './schemaFieldManagement';
 import { schemaRendering } from './schemaRendering';
 
 export interface SchemaStateParams<T> {
-  container: WixPatternsContainer;
-  source: SchemaSource<T>;
+  sourceState: SourceState<T>;
 }
 
 /**
- * Holds a collection's loaded schema and turns it into a source-neutral
- * FieldsSource for the table. It owns the field-management object and the
- * add/edit field modal, loads the schema once, and builds the table columns
- * from its fields.
+ * The collection-page side of a source: turns the loaded schema into a
+ * source-neutral FieldsSource for the table, owns the field-management object
+ * and the add/edit field modal, and builds the table columns from the fields.
+ * The page-neutral holding (load, fields, field mutations) lives in the
+ * composed core `SourceState`.
  */
 export class SchemaState<T = Record<string, unknown>> {
-  readonly container: WixPatternsContainer;
-  readonly source: SchemaSource<T>;
-  readonly fieldManagement: FieldManagement;
+  readonly sourceState: SourceState<T>;
+  /** The read contract the collection spine consumes — a plain adapter whose
+   *  getters read through to `sourceState`, so MobX tracks through it. Built
+   *  once: the spine keeps this exact instance. */
   readonly fieldsSource: FieldsSource;
-  readonly makePrimaryTask = new TaskState();
-  readonly duplicateTask = new TaskState();
-  readonly duplicateWithContentTask = new TaskState();
 
-  loadedSchema?: LoadedSchema<T> = undefined;
   toolbar?: ToolbarCollectionState<any, any> = undefined;
 
   constructor(params: SchemaStateParams<T>) {
-    this.container = params.container;
-    this.source = params.source;
-    this.fieldManagement = schemaFieldManagement(this);
+    this.sourceState = params.sourceState;
     this.fieldsSource = schemaFieldsSource(this);
 
     makeObservable(this, {
-      loadedSchema: observable.ref,
-      schema: computed,
-      fields: computed,
       filterableFields: computed,
-      mergeFields: action,
     });
   }
 
-  get schema(): Schema | undefined {
-    return this.loadedSchema?.schema;
-  }
-
-  get fieldActions() {
-    return this.loadedSchema?.fieldActions;
-  }
-
-  get fields(): Field[] {
-    const fields = this.schema?.fields ?? {};
-    return Object.values(fields).filter((f): f is Field => Boolean(f));
-  }
-
   /** Fields whose type maps to an auto filter in the toolbar. */
   get filterableFields(): Field[] {
-    return this.fields.filter((f) => isFilterableFieldType(f.type));
+    return this.sourceState.fields.filter((f) => isFilterableFieldType(f.type));
   }
 
-  /** Loads the schema. CollectionFieldsSourceState runs this, tracks its status,
-   *  and shows a retry toast on failure. */
-  load = async (): Promise<void> => {
-    const loaded = await this.source.loadSchema();
-    runInAction(() => {
-      this.loadedSchema = loaded;
-    });
-  };
-
   /** Attaches this source to a table's toolbar via the shared wrapper. */
   setOnTable(toolbar: ToolbarCollectionState<any, any>) {
     this.toolbar = toolbar;
@@ -96,125 +48,4 @@ export class SchemaState<T = Record<string, unknown>> {
       ...schemaRendering(this),
     });
   }
-
-  /** Replaces the loaded schema's fields with the map returned by a mutation. */
-  mergeFields(fields: Schema['fields']) {
-    const current = this.loadedSchema;
-    if (!current) {
-      return;
-    }
-    this.loadedSchema = {
-      ...current,
-      schema: { ...current.schema, fields },
-    };
-  }
-
-  makePrimary = (fieldId: string): void => {
-    const run = this.fieldActions?.makePrimary;
-    if (!run) {
-      return;
-    }
-    void this.runFieldMutation(
-      this.makePrimaryTask,
-      () => run(fieldId),
-      {
-        successMessage: 'Primary field updated',
-        successBi: 'cairo-field-action-make-primary-success',
-        errorMessage: "Couldn't update primary field",
-        errorBi: 'cairo-field-action-make-primary-error',
-      },
-      () => this.makePrimary(fieldId),
-    );
-  };
-
-  duplicateField = (fieldId: string): void => {
-    const run = this.fieldActions?.duplicateField;
-    if (!run) {
-      return;
-    }
-    void this.runFieldMutation(
-      this.duplicateTask,
-      () => run(fieldId),
-      {
-        successMessage: 'Field duplicated',
-        successBi: 'cairo-field-action-duplicate-success',
-        errorMessage: "Couldn't duplicate field",
-        errorBi: 'cairo-field-action-duplicate-error',
-      },
-      () => this.duplicateField(fieldId),
-    );
-  };
-
-  duplicateFieldWithContent = (fieldId: string): void => {
-    const run = this.fieldActions?.duplicateFieldWithContent;
-    if (!run) {
-      return;
-    }
-    void this.runFieldMutation(
-      this.duplicateWithContentTask,
-      () => run(fieldId),
-      {
-        successMessage: 'Field duplicated with content',
-        successBi: 'cairo-field-action-duplicate-with-content-success',
-        errorMessage: "Couldn't duplicate field with content",
-        errorBi: 'cairo-field-action-duplicate-with-content-error',
-      },
-      () => this.duplicateFieldWithContent(fieldId),
-    );
-  };
-
-  // makePrimary/duplicate return the updated fields map (like add/edit/delete),
-  // so merge it locally — same path as the modal actions, no full re-fetch.
-  // Toasts + loading mirror the field-management actions, so the header and the
-  // side panel report the same outcome.
-  private runFieldMutation = async (
-    task: TaskState<unknown>,
-    run: () => Promise<Schema['fields']>,
-    toasts: {
-      successMessage: string;
-      successBi: string;
-      errorMessage: string;
-      errorBi: string;
-    },
-    retry: () => void,
-  ) => {
-    if (task.status.isLoading) {
-      return;
-    }
-    await task.run(async () => {
-      const fields = await run();
-      runInAction(() => this.mergeFields(fields));
-    });
-    if (task.status.isSuccess) {
-      this.notify({
-        type: 'SUCCESS',
-        message: toasts.successMessage,
-        biName: toasts.successBi,
-      });
-    } else if (task.status.isError) {
-      this.notify({
-        type: 'ERROR',
-        message: toasts.errorMessage,
-        biName: toasts.errorBi,
-        action: {
-          text: 'Try again',
-          onClick: retry,
-          removeToastOnClick: true,
-        },
-      });
-    }
-  };
-
-  private currentToastRemove: RemoveToast | undefined;
-
-  // Shared by the source's field mutations (make-primary / duplicate / delete) to
-  // surface a toast; deduped against the previous one.
-  notify = (config: ToastConfig) => {
-    const show = this.container.showToast;
-    if (!show) {
-      return;
-    }
-    this.currentToastRemove?.();
-    this.currentToastRemove = show(config).remove;
-  };
 }