@wix/patterns 1.495.0 → 1.496.0

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AddFieldColumnHeader2165490183";
+var _namespace_ = "AddFieldColumnHeader284683266";
 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":"AddFieldColumnHeader2165490183__root","anchorLayer":"AddFieldColumnHeader2165490183__anchorLayer","popover":"AddFieldColumnHeader2165490183__popover","title":"AddFieldColumnHeader2165490183__title","hoverBridge":"AddFieldColumnHeader2165490183__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader284683266__root","anchorLayer":"AddFieldColumnHeader284683266__anchorLayer","popover":"AddFieldColumnHeader284683266__popover","title":"AddFieldColumnHeader284683266__title","hoverBridge":"AddFieldColumnHeader284683266__hoverBridge"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/TableFolders/TableFolders.uni.driver.ts

@@ -54,6 +54,25 @@ export function TableFoldersUniDriver(base: UniDriver, body: UniDriver) {
         .$('[data-hook="folder-icon"]')
         .exists(),
 
+    /** Whether the folder icon renders inside a row's mobile image slot */
+    folderIconInMobileImageSlotAt: (row: number) =>
+      table
+        .getCellDriverByDataHook(row, 'mobile-image-column')
+        .base.$('[data-hook="folder-icon"]')
+        .exists(),
+
+    /** Whether a row has a mobile first-slot cell at all */
+    mobileFirstColumnExistsAt: (row: number) =>
+      table.getCellDriverByDataHook(row, 'mobile-first-column').exists(),
+
+    /** Text of a row's mobile first-slot cell */
+    getMobileFirstColumnTextAt: (row: number) =>
+      table.getCellDriverByDataHook(row, 'mobile-first-column').base.text(),
+
+    /** Text of a row's mobile second-slot cell */
+    getMobileSecondColumnTextAt: (row: number) =>
+      table.getCellDriverByDataHook(row, 'mobile-second-column').base.text(),
+
     avatarExistsAt: async (row: number, col: number) =>
       (await table.getRowByIndex(row).$$('td').get(col))
         .$('[data-hook="item-avatar"]')

package/src/components/TableFolders/TableFoldersContent.tsx

@@ -1,4 +1,5 @@
 import { Avatar, TableColumn as WSRTableColumn } from '@wix/design-system';
+import type { AvatarSize } from '@wix/design-system';
 import React, {
   ComponentType,
   ReactElement,
@@ -23,6 +24,7 @@ import {
 } from '../VirtualGridRepeater/VirtualTableRepeater';
 import { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';
 import { TableFoldersColumn } from './TableFolders.types';
+import { buildFoldersMobileColumns } from './buildFoldersMobileColumns';
 import { useOrFolderActionCellColumn } from './useOrFolderActionCellColumn';
 import { TableFoldersInfiniteScroll } from './TableFoldersInfiniteScroll';
 import {
@@ -30,10 +32,11 @@ import {
   MultiCollectionBulkActionToolbar,
   MultiCollectionBulkActionToolbarRenderProps,
 } from '../BulkAction';
-import { TableColumn } from '../../model';
+import { ColumnMobileConfig, MobileImageSize, TableColumn } from '../../model';
 import { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';
 import { SelectionDisabledProp } from '../../state/BulkActionToolbarState';
 import { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';
+import { useIsMobile } from '../../hooks/useIsMobile';
 import { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';
 import { getVirtualTableProps } from '../Table/getVirtualTableProps';
 
@@ -59,6 +62,14 @@ type TableFolderWSRTableBaseProps<
   PartialAllFilters<F1, F2>
 >;
 
+const MOBILE_AVATAR_SIZES: Record<MobileImageSize, AvatarSize> = {
+  small: 'size24',
+  medium: 'size36',
+  large: 'size48',
+};
+
+type MobileImageColumnConfig = Extract<ColumnMobileConfig, { column: 'image' }>;
+
 export interface TableFoldersContentProps<
   T1,
   F1 extends FiltersMap,
@@ -165,6 +176,15 @@ function _TableFoldersContent<
     toolbar: { selectedOrderedColumnsOrAll },
   } = state;
 
+  const isMobile = useIsMobile();
+
+  const iconMobileConfig: MobileImageColumnConfig =
+    iconColumn?.mobile?.column === 'image'
+      ? iconColumn.mobile
+      : { column: 'image' };
+  const mobileAvatarSize =
+    MOBILE_AVATAR_SIZES[iconMobileConfig.size ?? 'medium'];
+
   const createWSRColumnBase = useCreateWSRColumnBase({
     horizontalScroll,
     showFieldTypeIcons: state.toolbar.showFieldTypeIcons,
@@ -176,6 +196,7 @@ function _TableFoldersContent<
       title: '',
       width: '48px',
       ...iconColumn,
+      mobile: iconMobileConfig,
       style: undefined,
       render: ({ item }, rowNum) => {
         if (item._tag === 'folder') {
@@ -190,6 +211,7 @@ function _TableFoldersContent<
           iconColumn?.render?.(item.originalKeyedItem.item, rowNum) ?? (
             <Avatar
               dataHook="item-avatar"
+              size={isMobile ? mobileAvatarSize : undefined}
               name={state.collections.items.itemName(
                 item.originalKeyedItem.item,
               )}
@@ -280,8 +302,11 @@ function _TableFoldersContent<
       horizontalScroll={horizontalScroll}
       emptyState={emptyState}
       noResultsState={noResultsState}
-      {...getVirtualTableProps({ horizontalScroll })}
+      {...getVirtualTableProps({
+        horizontalScroll: horizontalScroll && !isMobile,
+      })}
       columns={finalColumns}
+      buildMobileColumns={buildFoldersMobileColumns}
       showTitleBar={showTitleBar}
       isApplyColumnWidthStyle={true}
       BodyElementType={BodyElementType}

package/src/components/TableFolders/buildFoldersMobileColumns.ts

@@ -0,0 +1,37 @@
+import { KeyedItem } from '@wix/bex-core';
+import { TableColumn } from '../../model';
+import { buildMobileColumns } from '../../utils/buildMobileColumns';
+
+const TABLE_FOLDERS_MOBILE_COLUMN_OPTIONS = {
+  firstColumnStyle: { flexGrow: 1 },
+  imageColumnStyle: { flexShrink: 0 },
+};
+
+export function buildFoldersMobileColumns<T>(
+  columns: TableColumn<KeyedItem<T>>[],
+): TableColumn<KeyedItem<T>>[] {
+  const hasImageColumn = columns.some(
+    (column) => column.mobile?.column === 'image',
+  );
+  const hasTextColumn = columns.some(
+    (column) =>
+      column.mobile?.column === 'first' || column.mobile?.column === 'second',
+  );
+
+  if (!hasImageColumn || hasTextColumn) {
+    return buildMobileColumns(columns, TABLE_FOLDERS_MOBILE_COLUMN_OPTIONS);
+  }
+
+  const fallbackColumn = columns.find(
+    (column) => column.mobile?.column !== 'image',
+  );
+
+  return buildMobileColumns(
+    columns.map((column) =>
+      column === fallbackColumn
+        ? { ...column, mobile: { column: 'first' as const } }
+        : column,
+    ),
+    TABLE_FOLDERS_MOBILE_COLUMN_OPTIONS,
+  );
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter2750685995";
+var _namespace_ = "TabsFilter1692014240";
 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":"TabsFilter2750685995__root","titleBox":"TabsFilter2750685995__titleBox"};
+export var classes = {"root":"TabsFilter1692014240__root","titleBox":"TabsFilter1692014240__titleBox"};
 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_ = "ManageTagsModal2806058920";
+var _namespace_ = "ManageTagsModal1828960394";
 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":"ManageTagsModal2806058920__root"};
+export var classes = {"root":"ManageTagsModal1828960394__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem1801862605";
+var _namespace_ = "ToolbarItem746094005";
 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":"ToolbarItem1801862605__root"};
+export var classes = {"root":"ToolbarItem746094005__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_ = "ToolbarItemBox1663907210";
+var _namespace_ = "ToolbarItemBox2484931942";
 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":"ToolbarItemBox1663907210__root"};
+export var classes = {"root":"ToolbarItemBox2484931942__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_ = "common2788775158";
+var _namespace_ = "common463512055";
 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":"common2788775158__root","column":"common2788775158__column","fullHeight":"common2788775158__fullHeight"};
+export var classes = {"root":"common463512055__root","column":"common463512055__column","fullHeight":"common463512055__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/hooks/useBuildAccordionItems.tsx

@@ -1,6 +1,6 @@
 import { FiltersMap } from '@wix/bex-core';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
-import React, { useCallback } from 'react';
+import React from 'react';
 import {
   AccordionProps,
   Box,
@@ -11,72 +11,89 @@ import { FilterElement } from '../components/CollectionToolbarFilters';
 import { CollectionToolbarFiltersState } from '../components/CollectionToolbarFilters/CollectionToolbarFiltersState';
 import { FilterAccordionResetButton } from '../components/FiltersPanel/FilterAccordionResetButton';
 import { FilterAccordionTitle } from '../components/FiltersPanel/FilterAccordionTitle';
+import { FilterRevealAnchor } from '../components/FiltersPanel/FilterRevealAnchor';
 import { getFieldTypeIcon } from '../utils/fieldTypePrefixIcons';
 
-function useBuildAccordionItem<T, F extends FiltersMap>(
+function createAccordionItemBuilder<T, F extends FiltersMap>(
   state: CollectionToolbarFiltersState<T, F>,
   showFieldTypeIcons: boolean,
 ) {
-  return useCallback(
-    (filterElement: FilterElement) => {
-      const { type: Component, props: filterProps } = filterElement;
-      const {
-        filter,
-        initiallyOpen,
-        popoverProps,
-        accordionItemProps,
-        fieldType,
-      } = filterProps;
+  return (filterElement: FilterElement) => {
+    const { type: Component, props: filterProps } = filterElement;
+    const {
+      filter,
+      initiallyOpen,
+      popoverProps,
+      accordionItemProps,
+      fieldType,
+    } = filterProps;
 
-      const clonedElement = (
-        <Component
-          {...filterProps}
-          popoverProps={{ appendTo: 'window', ...popoverProps }}
-        />
-      );
-      const titleElement = (
-        <FilterAccordionTitle
-          state={state.toolbar}
-          filter={filter}
-          filterProps={filterProps}
-        />
-      );
-      const titleWithIcon = showFieldTypeIcons ? (
-        <Box gap="SP1" verticalAlign="middle">
-          {getFieldTypeIcon({ fieldType, size: 'medium' })}
-          {titleElement}
-        </Box>
-      ) : (
-        titleElement
-      );
+    const clonedElement = (
+      <Component
+        {...filterProps}
+        popoverProps={{ appendTo: 'window', ...popoverProps }}
+      />
+    );
+    const titleElement = (
+      <FilterAccordionTitle
+        state={state.toolbar}
+        filter={filter}
+        filterProps={filterProps}
+      />
+    );
+    const titleWithIcon = showFieldTypeIcons ? (
+      <Box gap="SP1" verticalAlign="middle">
+        {getFieldTypeIcon({ fieldType, size: 'medium' })}
+        {titleElement}
+      </Box>
+    ) : (
+      titleElement
+    );
 
-      const title = filterProps.filter ? (
-        <Box width="100%" align="space-between" verticalAlign="middle">
-          {titleWithIcon}
-          <FilterAccordionResetButton
-            state={state.toolbar}
-            filter={filterProps.filter}
-          />
-        </Box>
+    const panel = state.panel;
+    const sectionKey = panel.getSectionKey(filterElement);
+    const open = panel.isSectionOpen(filterElement);
+    const request = panel.revealRequest;
+    const revealTitle = (content: React.ReactNode) =>
+      request?.sectionKey === sectionKey ? (
+        <FilterRevealAnchor
+          request={request}
+          scrollContainerRef={panel.scrollContainerRef}
+          open={open}
+        >
+          {content}
+        </FilterRevealAnchor>
       ) : (
-        titleWithIcon
+        content
       );
 
-      return {
-        title,
-        children: filterProps.filter ? (
-          <CollectionFilter filter={filterProps.filter} state={state}>
-            {clonedElement}
-          </CollectionFilter>
-        ) : (
-          clonedElement
-        ),
-        initiallyOpen,
-        ...accordionItemProps,
-      };
-    },
-    [showFieldTypeIcons],
-  );
+    const title = (
+      <Box width="100%" align="space-between" verticalAlign="middle">
+        {revealTitle(titleWithIcon)}
+        <FilterAccordionResetButton state={state.toolbar} filter={filter} />
+      </Box>
+    );
+
+    const itemTitle =
+      accordionItemProps && 'title' in accordionItemProps
+        ? revealTitle(accordionItemProps.title)
+        : title;
+    return {
+      children: (
+        <CollectionFilter filter={filter} state={state}>
+          {clonedElement}
+        </CollectionFilter>
+      ),
+      initiallyOpen,
+      ...accordionItemProps,
+      key: sectionKey,
+      open,
+      title: itemTitle,
+      onToggle: (event: React.MouseEvent<HTMLElement>) => {
+        panel.toggleSection(filterElement, event);
+      },
+    };
+  };
 }
 
 export function useBuildAccordionItems<T, F extends FiltersMap>(
@@ -86,7 +103,10 @@ export function useBuildAccordionItems<T, F extends FiltersMap>(
   const { translate: t } = useWixPatternsContainer();
   const { panelFilterElements } = state;
   const showFieldTypeIcons = state.toolbar.showFieldTypeIcons;
-  const buildAccordionItem = useBuildAccordionItem(state, showFieldTypeIcons);
+  const buildAccordionItem = createAccordionItemBuilder(
+    state,
+    showFieldTypeIcons,
+  );
 
   const defaultSectionTitle = t('cairo.filtersPanel.sections.default.title');
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader1790822900";
+var _namespace_ = "CollectionPageHeader1806512227";
 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":"CollectionPageHeader1790822900__root","mobileMoreActions":"CollectionPageHeader1790822900__mobileMoreActions"};
+export var classes = {"root":"CollectionPageHeader1806512227__root","mobileMoreActions":"CollectionPageHeader1806512227__mobileMoreActions"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TitleBadges176837811";
+var _namespace_ = "TitleBadges1040141928";
 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":"TitleBadges176837811__root","tooltip":"TitleBadges176837811__tooltip","tooltipTrigger":"TitleBadges176837811__tooltipTrigger"};
+export var classes = {"root":"TitleBadges1040141928__root","tooltip":"TitleBadges1040141928__tooltip","tooltipTrigger":"TitleBadges1040141928__tooltipTrigger"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/EditableTable/CellValueState.ts

@@ -6,7 +6,8 @@ import {
   builtInCellTypes,
   textCellType,
 } from '../../components/EditableTable/cellTypes';
-import { parseCellKey, runCellValidation, validResult } from './utils';
+import { parseCellKey } from './utils';
+import { validateFieldValue, validResult } from '../../utils/fieldValidation';
 
 const builtInCellTypeMap = new Map<string, CellType>(
   builtInCellTypes.map((ct) => [ct.type, ct]),
@@ -110,7 +111,7 @@ export class CellValueState<T, F extends FiltersMap> {
     const normalized = resolved.normalizeOnCommit
       ? resolved.normalizeOnCommit(value)
       : value;
-    return runCellValidation(
+    return validateFieldValue(
       normalized,
       column.validation,
       resolved.validate,
@@ -405,7 +406,7 @@ export class CellValueState<T, F extends FiltersMap> {
       }
 
       const resolved = this.resolveCellTypeByColumnId(column.id);
-      const result = runCellValidation(
+      const result = validateFieldValue(
         value,
         column.validation,
         resolved.validate,
@@ -464,7 +465,7 @@ export class CellValueState<T, F extends FiltersMap> {
     }
 
     const resolved = this.resolveCellTypeByColumnId(column.id);
-    const result = runCellValidation(
+    const result = validateFieldValue(
       value,
       column.validation,
       resolved.validate,

package/src/state/EditableTable/types.ts

@@ -33,10 +33,7 @@ export interface CellBorder {
 
 export type { ValidationRule } from '@wix/bex-core';
 
-export interface ValidationResult {
-  valid: boolean;
-  errors?: string[];
-}
+export type { ValidationResult } from '../../utils/fieldValidation';
 
 export interface CellType {
   type: keyof CellTypeConfigMap;
@@ -95,7 +92,7 @@ export interface CellType {
    *  wraps chips into multiple rows). The framework releases the bottom anchor
    *  and lays an opaque base under the selection tint so the overflow doesn't
    *  bleed adjacent rows through.
-   *  Only applies to showEditWhenFocused cells — others release the bottom
+   *  Also applies to read-only views. Other editors release the bottom
    *  anchor via :editing already. */
   growable?: boolean;
 

package/src/state/EditableTable/utils.ts

@@ -1,10 +1,4 @@
-import type { Translate } from '@wix/bex-core';
-import type {
-  Cell,
-  CellBorder,
-  ValidationResult,
-  ValidationRule,
-} from './types';
+import type { Cell, CellBorder } from './types';
 
 export function cellKey(rowKey: string, columnId: string): string {
   return `${rowKey}:${columnId}`;
@@ -24,71 +18,3 @@ export const noBorder: CellBorder = {
   left: false,
   right: false,
 };
-
-export const validResult: ValidationResult = { valid: true };
-
-function checkValidationRule(rule: ValidationRule, value: any): boolean {
-  if (value == null && rule.type !== 'required' && rule.type !== 'custom') {
-    return true;
-  }
-
-  switch (rule.type) {
-    case 'required':
-      return value != null && value !== '';
-    case 'min':
-      return typeof value === 'number' && value >= rule.value;
-    case 'max':
-      return typeof value === 'number' && value <= rule.value;
-    case 'minLength':
-      return typeof value === 'string' && value.length >= rule.value;
-    case 'maxLength':
-      return typeof value === 'string' && value.length <= rule.value;
-    case 'pattern':
-      // An empty value is `required`'s business, not the pattern's — otherwise
-      // clearing an optional cell reports a format error and refuses to save.
-      return (
-        typeof value === 'string' && (value === '' || rule.value.test(value))
-      );
-    case 'custom':
-      return rule.validate(value);
-    case 'specificValues':
-      return (
-        value == null ||
-        value === '' ||
-        (typeof value === 'string' &&
-          rule.values.some((option) => option.id === value))
-      );
-    default:
-      return true;
-  }
-}
-
-export function runCellValidation(
-  value: any,
-  rules?: ValidationRule[],
-  typeValidate?: (
-    value: any,
-    rules?: ValidationRule[],
-    translate?: Translate,
-  ) => string | null,
-  translate?: Translate,
-): ValidationResult {
-  const errors: string[] = [];
-
-  if (rules) {
-    for (const rule of rules) {
-      if (!checkValidationRule(rule, value)) {
-        errors.push(rule.message);
-      }
-    }
-  }
-
-  if (typeValidate) {
-    const typeError = typeValidate(value, rules, translate);
-    if (typeError) {
-      errors.push(typeError);
-    }
-  }
-
-  return errors.length === 0 ? validResult : { valid: false, errors };
-}