@uzum-tech/ui 2.0.0-beta.3 → 2.0.0-beta.5

package/es/data-table/src/utils/column-utils.mjs

@@ -0,0 +1,84 @@
+import { depx } from 'seemly';
+import { formatLength } from "../../../_utils/index.mjs";
+import { clampValueFollowCSSRules, parseLengthToNumber } from "./width-utils.mjs";
+export const SELECTION_COL_WIDTH = 40;
+export const EXPAND_COL_WIDTH = 40;
+export function getNumberColWidth(column) {
+  if (column.type === 'selection') {
+    return column.width === undefined ? SELECTION_COL_WIDTH : depx(column.width);
+  }
+  if (column.type === 'expand') {
+    return column.width === undefined ? EXPAND_COL_WIDTH : depx(column.width);
+  }
+  if ('children' in column) return undefined;
+  if (typeof column.width === 'string') {
+    return depx(column.width);
+  }
+  return column.width;
+}
+export function getStringColWidth(column) {
+  var _a, _b;
+  if (column.type === 'selection') {
+    return formatLength((_a = column.width) !== null && _a !== void 0 ? _a : SELECTION_COL_WIDTH);
+  }
+  if (column.type === 'expand') {
+    return formatLength((_b = column.width) !== null && _b !== void 0 ? _b : EXPAND_COL_WIDTH);
+  }
+  if ('children' in column) {
+    return undefined;
+  }
+  return formatLength(column.width);
+}
+export function getColKey(column) {
+  if (column.type === 'selection') return '__n_selection__';
+  if (column.type === 'expand') return '__n_expand__';
+  return column.key;
+}
+export function createCustomWidthStyle(column, resizedWidth) {
+  var _a, _b;
+  if (resizedWidth !== undefined) {
+    const numericWidth = depx(resizedWidth);
+    const minMaxColumn = column && 'minWidth' in column && 'maxWidth' in column ? column : null;
+    const clampedNumber = minMaxColumn ? clampValueFollowCSSRules(numericWidth, minMaxColumn.minWidth, minMaxColumn.maxWidth) : numericWidth;
+    const clamped = formatLength(clampedNumber);
+    return {
+      width: clamped,
+      minWidth: clamped,
+      maxWidth: clamped
+    };
+  }
+  const explicitNumber = getNumberColWidth(column);
+  const minWidth = 'minWidth' in column ? column.minWidth : undefined;
+  const maxWidth = 'maxWidth' in column ? column.maxWidth : undefined;
+  let widthNumber = explicitNumber;
+  if (widthNumber === undefined && (minWidth !== undefined || maxWidth !== undefined)) {
+    widthNumber = clampValueFollowCSSRules(maxWidth !== undefined ? (_a = parseLengthToNumber(maxWidth)) !== null && _a !== void 0 ? _a : 0 : minWidth !== undefined ? (_b = parseLengthToNumber(minWidth)) !== null && _b !== void 0 ? _b : 0 : 0, minWidth, maxWidth);
+  } else if (widthNumber !== undefined && (minWidth !== undefined || maxWidth !== undefined)) {
+    widthNumber = clampValueFollowCSSRules(widthNumber, minWidth, maxWidth);
+  }
+  const width = widthNumber !== undefined ? formatLength(widthNumber) : getStringColWidth(column);
+  return {
+    width,
+    minWidth: formatLength(minWidth) || width,
+    maxWidth: formatLength(maxWidth)
+  };
+}
+export function createRowClassName(row, index, rowClassName) {
+  if (typeof rowClassName === 'function') return rowClassName(row, index);
+  return rowClassName || '';
+}
+export function isColumnSortable(column) {
+  if ('children' in column) return false;
+  return !!column.sorter;
+}
+export function isColumnEllipsisEnabled(column) {
+  return column.ellipsis !== false;
+}
+export function isColumnResizable(column) {
+  if ('children' in column && !!column.children.length) return false;
+  return !!column.resizable;
+}
+export function isColumnFilterable(column) {
+  if ('children' in column) return false;
+  return !!column.filter && (!!column.filterOptions || !!column.renderFilterMenu);
+}

package/es/data-table/src/utils/csv-utils.d.ts

@@ -0,0 +1,3 @@
+import type { RowData, TableColumn } from '../interface';
+import type { DataTableGetCsvCell, DataTableGetCsvHeader } from '../public-types';
+export declare function generateCsv(columns: TableColumn[], data: RowData[], getCsvCell: DataTableGetCsvCell | undefined, getCsvHeader: DataTableGetCsvHeader | undefined): string;

package/es/data-table/src/utils/csv-utils.mjs

@@ -0,0 +1,21 @@
+function formatCsvCell(value) {
+  if (typeof value === 'string') {
+    return value.replace(/,/g, '\\,');
+  } else if (value === null || value === undefined) {
+    return '';
+  } else {
+    return `${value}`.replace(/,/g, '\\,');
+  }
+}
+export function generateCsv(columns, data, getCsvCell, getCsvHeader) {
+  const exportableColumns = columns.filter(column => column.type !== 'expand' && column.type !== 'selection' && column.allowExport !== false);
+  const header = exportableColumns.map(col => {
+    return getCsvHeader ? getCsvHeader(col) : col.title;
+  }).join(',');
+  const rows = data.map(row => {
+    return exportableColumns.map(col => {
+      return getCsvCell ? getCsvCell(row[col.key], row, col) : formatCsvCell(row[col.key]);
+    }).join(',');
+  });
+  return [header, ...rows].join('\n');
+}

package/es/data-table/src/utils/index.d.ts

@@ -0,0 +1,7 @@
+export * from './column-utils';
+export * from './csv-utils';
+export * from './mask-defaults';
+export * from './resize-orchestrator-utils';
+export * from './sort-filter-utils';
+export * from './width-utils';
+export { parseLengthToNumber as getLengthNumber, sanitizeColumnWidthMap as pickValidColumnWidths } from './width-utils';

package/es/data-table/src/utils/index.mjs

@@ -0,0 +1,7 @@
+export * from "./column-utils.mjs";
+export * from "./csv-utils.mjs";
+export * from "./mask-defaults.mjs";
+export * from "./resize-orchestrator-utils.mjs";
+export * from "./sort-filter-utils.mjs";
+export * from "./width-utils.mjs";
+export { parseLengthToNumber as getLengthNumber, sanitizeColumnWidthMap as pickValidColumnWidths } from "./width-utils.mjs";

package/es/data-table/src/utils/mask-defaults.d.ts

@@ -0,0 +1,6 @@
+import type { TableColumnMaskObject } from '../interface';
+export declare const REGEX: {
+    ONLY_DIGITS: RegExp;
+    ONLY_NUMERIC_AND_DOT: RegExp;
+};
+export declare const defaultNumericMask: TableColumnMaskObject;

package/es/data-table/src/utils/mask-defaults.mjs

@@ -0,0 +1,16 @@
+export const REGEX = {
+  ONLY_DIGITS: /\D/g,
+  ONLY_NUMERIC_AND_DOT: /[^\d.]/g
+};
+export const defaultNumericMask = {
+  postProcess: value => {
+    if (!value) return '';
+    const negative = value.trim().startsWith('-');
+    const cleaned = value.replace(/[^\d.,]/g, '').replace(',', '.');
+    const [integerPartRaw, decimalPartRaw = ''] = cleaned.split('.', 2);
+    const integerPart = integerPartRaw.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+    const decimalPart = decimalPartRaw.slice(0, 2);
+    const result = cleaned.includes('.') ? `${integerPart}.${decimalPart}` : integerPart;
+    return negative ? `-${result}` : result;
+  }
+};

package/es/data-table/src/utils/resize-orchestrator-utils.d.ts

@@ -0,0 +1,6 @@
+import type { ColumnWidthComputationItem, TableBaseColumn, TableExpandColumn, TableSelectionColumn } from '../interface';
+type ResizableLeafColumn = TableSelectionColumn | TableBaseColumn | TableExpandColumn;
+export declare function deriveVisibleLeafColumnWidthItems(columns: ResizableLeafColumn[]): ColumnWidthComputationItem[];
+export declare function deriveResizableColumnWidthItems(columns: ResizableLeafColumn[]): ColumnWidthComputationItem[];
+export declare function deriveColumnWidthSignature(columns: ColumnWidthComputationItem[]): string;
+export {};

package/es/data-table/src/utils/resize-orchestrator-utils.mjs

@@ -0,0 +1,21 @@
+import { getColKey, isColumnResizable } from "./column-utils.mjs";
+function toColumnWidthItem(column) {
+  return {
+    key: getColKey(column),
+    width: column.width,
+    minWidth: column.minWidth,
+    maxWidth: column.maxWidth
+  };
+}
+export function deriveVisibleLeafColumnWidthItems(columns) {
+  return columns.map(column => toColumnWidthItem(column));
+}
+export function deriveResizableColumnWidthItems(columns) {
+  return columns.filter(column => isColumnResizable(column)).map(column => toColumnWidthItem(column));
+}
+export function deriveColumnWidthSignature(columns) {
+  return columns.map(column => {
+    var _a, _b, _c;
+    return [String(column.key), String((_a = column.width) !== null && _a !== void 0 ? _a : ''), String((_b = column.minWidth) !== null && _b !== void 0 ? _b : ''), String((_c = column.maxWidth) !== null && _c !== void 0 ? _c : '')].join(':');
+  }).join('|');
+}

package/es/data-table/src/utils/sort-filter-utils.d.ts

@@ -0,0 +1,6 @@
+import type { SortOrder, SortOrderFlag, SortState, TableBaseColumn, TableColumn } from '../interface';
+export declare function createShallowClonedObject<T>(object: T): T;
+export declare function getFlagOfOrder(order: SortOrder): SortOrderFlag;
+export declare function shouldUseArrayInSingleMode(column: TableBaseColumn): boolean;
+export declare function createNextSorter(column: TableBaseColumn, currentSortState: SortState | null): SortState | null;
+export declare function isColumnSorting(column: TableColumn, mergedSortState: SortState[]): boolean;

package/es/data-table/src/utils/sort-filter-utils.mjs

@@ -0,0 +1,38 @@
+export function createShallowClonedObject(object) {
+  if (!object) return object;
+  if (typeof object === 'object') {
+    return Object.assign({}, object);
+  }
+  return object;
+}
+export function getFlagOfOrder(order) {
+  if (order === 'ascend') return 1;else if (order === 'descend') return -1;
+  return 0;
+}
+// for compatibility
+// If column.filterOptionValues or column.defaultFilterOptionValues is set, use
+// array value
+export function shouldUseArrayInSingleMode(column) {
+  return column.filterOptionValues !== undefined || column.filterOptionValue === undefined && column.defaultFilterOptionValues !== undefined;
+}
+function getNextOrderOf(order) {
+  if (!order) return 'descend';else if (order === 'descend') return 'ascend';
+  return false;
+}
+export function createNextSorter(column, currentSortState) {
+  if (column.sorter === undefined) return null;
+  if (currentSortState === null || currentSortState.columnKey !== column.key) {
+    return {
+      columnKey: column.key,
+      sorter: column.sorter,
+      order: getNextOrderOf(false)
+    };
+  } else {
+    return Object.assign(Object.assign({}, currentSortState), {
+      order: getNextOrderOf(currentSortState.order)
+    });
+  }
+}
+export function isColumnSorting(column, mergedSortState) {
+  return mergedSortState.some(state => state.columnKey === column.key && state.order);
+}

package/es/data-table/src/utils/width-utils.d.ts

@@ -0,0 +1,20 @@
+import type { ColumnKey, ColumnWidthComputationItem, TableBaseColumn, TableExpandColumn, TableSelectionColumn } from '../interface';
+export interface ColumnWidthConstraint {
+    min?: number;
+    max?: number;
+}
+export declare function clampValueFollowCSSRules(value: number, min?: number | string, max?: number | string): number;
+export declare function parseLengthToNumber(value: number | string | undefined): number | undefined;
+export declare function resolveColumnWidthConstraint(column: TableBaseColumn | TableSelectionColumn | TableExpandColumn | ColumnWidthComputationItem, systemMinWidth?: number | string, systemMaxWidth?: number | string): ColumnWidthConstraint;
+export declare function computeFixedTableColumnWidths(columns: ColumnWidthComputationItem[], { containerWidth, systemMinWidth, systemMaxWidth, preferredWidths }: {
+    containerWidth?: number;
+    systemMinWidth?: number | string;
+    systemMaxWidth?: number | string;
+    preferredWidths?: Record<ColumnKey, number>;
+}): Record<ColumnKey, number>;
+export declare function sanitizeColumnWidthMap(columns: ColumnWidthComputationItem[], { systemMinWidth, systemMaxWidth, source }: {
+    systemMinWidth?: number | string;
+    systemMaxWidth?: number | string;
+    source: Record<ColumnKey, number> | undefined;
+}): Record<ColumnKey, number>;
+export declare function areColumnWidthMapsEqual(previousWidths: Record<ColumnKey, number>, nextWidths: Record<ColumnKey, number>, keys: ColumnKey[]): boolean;

package/es/data-table/src/utils/width-utils.mjs

@@ -0,0 +1,174 @@
+const WIDTH_PRECISION = 1000;
+const WIDTH_EPSILON = 1e-6;
+// priority: min-width > max-width > width
+export function clampValueFollowCSSRules(value, min, max) {
+  if (max !== undefined) {
+    value = Math.min(value, typeof max === 'number' ? max : Number.parseFloat(max));
+  }
+  if (min !== undefined) {
+    value = Math.max(value, typeof min === 'number' ? min : Number.parseFloat(min));
+  }
+  return value;
+}
+export function parseLengthToNumber(value) {
+  if (value === undefined) return;
+  const parsed = typeof value === 'number' ? value : Number.parseFloat(value);
+  if (!Number.isFinite(parsed)) return;
+  return parsed;
+}
+function roundWidth(width) {
+  return Math.round(width * WIDTH_PRECISION) / WIDTH_PRECISION;
+}
+function normalizeWidthConstraint(min, max) {
+  if (min !== undefined && max !== undefined && max < min) {
+    return {
+      min,
+      max: min
+    };
+  }
+  return {
+    min,
+    max
+  };
+}
+export function resolveColumnWidthConstraint(column, systemMinWidth, systemMaxWidth) {
+  var _a, _b;
+  const min = parseLengthToNumber((_a = column.minWidth) !== null && _a !== void 0 ? _a : systemMinWidth);
+  const max = parseLengthToNumber((_b = column.maxWidth) !== null && _b !== void 0 ? _b : systemMaxWidth);
+  return normalizeWidthConstraint(min, max);
+}
+function clampByConstraint(value, constraint) {
+  return clampValueFollowCSSRules(value, constraint.min, constraint.max);
+}
+function normalizeIncomingWidth(value, constraint) {
+  if (typeof value !== 'number' || !Number.isFinite(value)) return;
+  if (value <= 0) return;
+  return roundWidth(clampByConstraint(value, constraint));
+}
+function fillRemainingWidthFrom(widths, constraints, delta, startIndex) {
+  if (delta <= 0 || widths.length === 0) return;
+  let remaining = delta;
+  let cursor = startIndex;
+  let blockedTurns = 0;
+  while (remaining > WIDTH_EPSILON && blockedTurns < widths.length) {
+    const index = (cursor + widths.length) % widths.length;
+    const {
+      max
+    } = constraints[index];
+    const current = widths[index];
+    const capacity = max === undefined ? Number.POSITIVE_INFINITY : max - current;
+    if (capacity > WIDTH_EPSILON) {
+      const append = capacity === Number.POSITIVE_INFINITY ? remaining : Math.min(capacity, remaining);
+      widths[index] = roundWidth(current + append);
+      remaining = roundWidth(remaining - append);
+      blockedTurns = 0;
+    } else {
+      blockedTurns += 1;
+    }
+    cursor += 1;
+  }
+}
+function assignFlexibleWidths(widths, constraints, target, flexibleIndexes) {
+  const unresolved = new Set(flexibleIndexes);
+  let remainingTarget = target;
+  while (unresolved.size > 0) {
+    const share = remainingTarget / unresolved.size;
+    let didClamp = false;
+    for (const index of Array.from(unresolved)) {
+      const limited = roundWidth(clampByConstraint(share, constraints[index]));
+      if (Math.abs(limited - share) > WIDTH_EPSILON) {
+        widths[index] = limited;
+        unresolved.delete(index);
+        remainingTarget = roundWidth(remainingTarget - limited);
+        didClamp = true;
+      }
+    }
+    if (!didClamp) {
+      unresolved.forEach(index => {
+        widths[index] = roundWidth(clampByConstraint(share, constraints[index]));
+      });
+      unresolved.clear();
+    }
+  }
+}
+export function computeFixedTableColumnWidths(columns, {
+  containerWidth,
+  systemMinWidth,
+  systemMaxWidth,
+  preferredWidths
+}) {
+  var _a;
+  const constraints = columns.map(column => resolveColumnWidthConstraint(column, systemMinWidth, systemMaxWidth));
+  const widths = columns.map((column, index) => {
+    const preferred = normalizeIncomingWidth(preferredWidths === null || preferredWidths === void 0 ? void 0 : preferredWidths[column.key], constraints[index]);
+    if (preferred !== undefined) return preferred;
+    const width = parseLengthToNumber(column.width);
+    if (width === undefined) return undefined;
+    return roundWidth(clampByConstraint(width, constraints[index]));
+  });
+  const canFitContainer = containerWidth !== undefined && Number.isFinite(containerWidth) && containerWidth > 0;
+  const flexibleIndexes = [];
+  widths.forEach((width, index) => {
+    if (width === undefined) flexibleIndexes.push(index);
+  });
+  if (flexibleIndexes.length) {
+    if (canFitContainer) {
+      const allocated = (_a = widths.reduce((accumulatedWidth = 0, width) => accumulatedWidth + (width !== null && width !== void 0 ? width : 0), 0)) !== null && _a !== void 0 ? _a : 0;
+      assignFlexibleWidths(widths, constraints, containerWidth - allocated, flexibleIndexes);
+    } else {
+      flexibleIndexes.forEach(index => {
+        const {
+          min,
+          max
+        } = constraints[index];
+        if (min !== undefined) {
+          widths[index] = roundWidth(min);
+        } else if (max !== undefined) {
+          widths[index] = roundWidth(max);
+        } else {
+          widths[index] = 0;
+        }
+      });
+    }
+  }
+  const normalizedWidths = widths.map((width, index) => {
+    const base = width !== null && width !== void 0 ? width : 0;
+    return roundWidth(clampByConstraint(base, constraints[index]));
+  });
+  if (canFitContainer) {
+    const totalWidth = normalizedWidths.reduce((accumulatedWidth, width) => accumulatedWidth + width, 0);
+    if (totalWidth < containerWidth) {
+      fillRemainingWidthFrom(normalizedWidths, constraints, containerWidth - totalWidth, normalizedWidths.length - 1);
+    }
+  }
+  const result = {};
+  columns.forEach((column, index) => {
+    result[column.key] = roundWidth(normalizedWidths[index]);
+  });
+  return result;
+}
+export function sanitizeColumnWidthMap(columns, {
+  systemMinWidth,
+  systemMaxWidth,
+  source
+}) {
+  if (!source) return {};
+  const result = {};
+  columns.forEach(column => {
+    const constraint = resolveColumnWidthConstraint(column, systemMinWidth, systemMaxWidth);
+    const sanitized = normalizeIncomingWidth(source[column.key], constraint);
+    if (sanitized !== undefined) {
+      result[column.key] = sanitized;
+    }
+  });
+  return result;
+}
+export function areColumnWidthMapsEqual(previousWidths, nextWidths, keys) {
+  var _a, _b;
+  for (const key of keys) {
+    if (((_a = previousWidths[key]) !== null && _a !== void 0 ? _a : undefined) !== ((_b = nextWidths[key]) !== null && _b !== void 0 ? _b : undefined)) {
+      return false;
+    }
+  }
+  return true;
+}

package/es/data-table/src/utils.d.ts

@@ -1,25 +1 @@
-import type { CSSProperties } from 'vue';
-import type { CreateRowClassName, InternalRowData, RowData, SortOrder, SortOrderFlag, SortState, TableBaseColumn, TableColumn, TableColumnMaskObject, TableExpandColumn, TableSelectionColumn } from './interface';
-import type { DataTableGetCsvCell, DataTableGetCsvHeader } from './public-types';
-export declare const SELECTION_COL_WIDTH = 40;
-export declare const EXPAND_COL_WIDTH = 40;
-export declare const REGEX: {
-    ONLY_DIGITS: RegExp;
-    ONLY_NUMERIC_AND_DOT: RegExp;
-};
-export declare const defaultNumericMask: TableColumnMaskObject;
-export declare function getNumberColWidth(col: TableColumn): number | undefined;
-export declare function getStringColWidth(col: TableColumn): string | undefined;
-export declare function getColKey(col: TableColumn): string | number;
-export declare function createShallowClonedObject<T>(object: T): T;
-export declare function getFlagOfOrder(order: SortOrder): SortOrderFlag;
-export declare function clampValueFollowCSSRules(value: number, min?: number | string, max?: number | string): number;
-export declare function createCustomWidthStyle(column: TableBaseColumn | TableSelectionColumn | TableExpandColumn, resizedWidth?: string): CSSProperties;
-export declare function createRowClassName(row: InternalRowData, index: number, rowClassName?: string | CreateRowClassName): string;
-export declare function shouldUseArrayInSingleMode(column: TableBaseColumn): boolean;
-export declare function isColumnSortable(column: TableColumn): boolean;
-export declare function isColumnResizable(column: TableColumn): boolean;
-export declare function isColumnFilterable(column: TableColumn): boolean;
-export declare function createNextSorter(column: TableBaseColumn, currentSortState: SortState | null): SortState | null;
-export declare function isColumnSorting(column: TableColumn, mergedSortState: SortState[]): boolean;
-export declare function generateCsv(columns: TableColumn[], data: RowData[], getCsvCell: DataTableGetCsvCell | undefined, getCsvHeader: DataTableGetCsvHeader | undefined): string;
+export * from './utils/index';

package/es/data-table/src/utils.mjs

@@ -1,165 +1 @@
-import { depx } from 'seemly';
-import { formatLength } from "../../_utils/index.mjs";
-export const SELECTION_COL_WIDTH = 40;
-export const EXPAND_COL_WIDTH = 40;
-export const REGEX = {
-  ONLY_DIGITS: /\D/g,
-  ONLY_NUMERIC_AND_DOT: /[^\d.]/g
-};
-export const defaultNumericMask = {
-  postProcess: value => {
-    if (!value) return '';
-    const isNegative = value.trim().startsWith('-');
-    const cleaned = value.replace(/[^\d.,]/g, '').replace(',', '.');
-    const [intPartRaw, decimalPartRaw = ''] = cleaned.split('.', 2);
-    const intPart = intPartRaw.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
-    const decimalPart = decimalPartRaw.slice(0, 2);
-    const result = cleaned.includes('.') ? `${intPart}.${decimalPart}` : intPart;
-    return isNegative ? `-${result}` : result;
-  }
-};
-export function getNumberColWidth(col) {
-  if (col.type === 'selection') {
-    return col.width === undefined ? SELECTION_COL_WIDTH : depx(col.width);
-  }
-  if (col.type === 'expand') {
-    return col.width === undefined ? EXPAND_COL_WIDTH : depx(col.width);
-  }
-  if ('children' in col) return undefined;
-  if (typeof col.width === 'string') {
-    return depx(col.width);
-  }
-  return col.width;
-}
-export function getStringColWidth(col) {
-  var _a, _b;
-  if (col.type === 'selection') {
-    return formatLength((_a = col.width) !== null && _a !== void 0 ? _a : SELECTION_COL_WIDTH);
-  }
-  if (col.type === 'expand') {
-    return formatLength((_b = col.width) !== null && _b !== void 0 ? _b : EXPAND_COL_WIDTH);
-  }
-  if ('children' in col) {
-    return undefined;
-  }
-  return formatLength(col.width);
-}
-export function getColKey(col) {
-  if (col.type === 'selection') return '__n_selection__';
-  if (col.type === 'expand') return '__n_expand__';
-  return col.key;
-}
-export function createShallowClonedObject(object) {
-  if (!object) return object;
-  if (typeof object === 'object') {
-    return Object.assign({}, object);
-  }
-  return object;
-}
-export function getFlagOfOrder(order) {
-  if (order === 'ascend') return 1;else if (order === 'descend') return -1;
-  return 0;
-}
-// priority: min-width > max-width > width
-export function clampValueFollowCSSRules(value, min, max) {
-  if (max !== undefined) {
-    value = Math.min(value, typeof max === 'number' ? max : Number.parseFloat(max));
-  }
-  if (min !== undefined) {
-    value = Math.max(value, typeof min === 'number' ? min : Number.parseFloat(min));
-  }
-  return value;
-}
-export function createCustomWidthStyle(column, resizedWidth) {
-  var _a;
-  if (resizedWidth !== undefined) {
-    const numWidth = depx(resizedWidth);
-    const minMaxColumn = column && 'minWidth' in column && 'maxWidth' in column ? column : null;
-    const clampedNum = minMaxColumn ? clampValueFollowCSSRules(numWidth, minMaxColumn.minWidth, minMaxColumn.maxWidth) : numWidth;
-    const clamped = formatLength(clampedNum);
-    return {
-      width: clamped,
-      minWidth: clamped,
-      maxWidth: clamped
-    };
-  }
-  const explicitNum = (_a = getNumberColWidth(column)) !== null && _a !== void 0 ? _a : undefined;
-  const minWidth = column && 'minWidth' in column ? column.minWidth : undefined;
-  const maxWidth = column && 'maxWidth' in column ? column.maxWidth : undefined;
-  let widthNum = explicitNum;
-  if (widthNum === undefined && (minWidth !== undefined || maxWidth !== undefined)) {
-    widthNum = clampValueFollowCSSRules(maxWidth !== undefined ? typeof maxWidth === 'number' ? maxWidth : Number.parseFloat(maxWidth) : minWidth !== undefined ? typeof minWidth === 'number' ? minWidth : Number.parseFloat(minWidth) : 0, minWidth, maxWidth);
-  } else if (widthNum !== undefined && (minWidth !== undefined || maxWidth !== undefined)) {
-    widthNum = clampValueFollowCSSRules(widthNum, minWidth, maxWidth);
-  }
-  const width = widthNum !== undefined ? formatLength(widthNum) : getStringColWidth(column);
-  return {
-    width,
-    minWidth: formatLength(minWidth) || width,
-    maxWidth: formatLength(maxWidth)
-  };
-}
-export function createRowClassName(row, index, rowClassName) {
-  if (typeof rowClassName === 'function') return rowClassName(row, index);
-  return rowClassName || '';
-}
-// for compatibility
-// If column.filterOptionValues or column.defaultFilterOptionValues is set, use
-// array value
-export function shouldUseArrayInSingleMode(column) {
-  return column.filterOptionValues !== undefined || column.filterOptionValue === undefined && column.defaultFilterOptionValues !== undefined;
-}
-export function isColumnSortable(column) {
-  if ('children' in column) return false;
-  return !!column.sorter;
-}
-export function isColumnResizable(column) {
-  if ('children' in column && !!column.children.length) return false;
-  return !!column.resizable;
-}
-export function isColumnFilterable(column) {
-  if ('children' in column) return false;
-  return !!column.filter && (!!column.filterOptions || !!column.renderFilterMenu);
-}
-function getNextOrderOf(order) {
-  if (!order) return 'descend';else if (order === 'descend') return 'ascend';
-  return false;
-}
-export function createNextSorter(column, currentSortState) {
-  if (column.sorter === undefined) return null;
-  if (currentSortState === null || currentSortState.columnKey !== column.key) {
-    return {
-      columnKey: column.key,
-      sorter: column.sorter,
-      order: getNextOrderOf(false)
-    };
-  } else {
-    return Object.assign(Object.assign({}, currentSortState), {
-      order: getNextOrderOf(currentSortState.order)
-    });
-  }
-}
-export function isColumnSorting(column, mergedSortState) {
-  return mergedSortState.find(state => state.columnKey === column.key && state.order) !== undefined;
-}
-function formatCsvCell(value) {
-  if (typeof value === 'string') {
-    return value.replace(/,/g, '\\,');
-  } else if (value === null || value === undefined) {
-    return '';
-  } else {
-    return `${value}`.replace(/,/g, '\\,');
-  }
-}
-export function generateCsv(columns, data, getCsvCell, getCsvHeader) {
-  const exportableColumns = columns.filter(column => column.type !== 'expand' && column.type !== 'selection' && column.allowExport !== false);
-  const header = exportableColumns.map(col => {
-    return getCsvHeader ? getCsvHeader(col) : col.title;
-  }).join(',');
-  const rows = data.map(row => {
-    return exportableColumns.map(col => {
-      return getCsvCell ? getCsvCell(row[col.key], row, col) : formatCsvCell(row[col.key]);
-    }).join(',');
-  });
-  return [header, ...rows].join('\n');
-}
+export * from "./utils/index.mjs";

package/es/grid/src/Grid.d.ts

@@ -96,11 +96,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: 0;
     };
 }>> & Readonly<{}>, {
+    readonly cols: string | number;
     readonly responsive: "self" | "screen";
     readonly collapsed: boolean;
     readonly xGap: string | number;
     readonly yGap: string | number;
-    readonly cols: string | number;
     readonly layoutShiftDisabled: boolean;
     readonly itemResponsive: boolean;
     readonly collapsedRows: number;

package/es/header/src/HeaderSearchResults.d.ts

@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     readonly loading: boolean;
     readonly results: HeaderSearchResult[];
-    readonly version: "desktop" | "mobile";
+    readonly version: "mobile" | "desktop";
     readonly query: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/icon-bar/src/IconBar.d.ts

@@ -119,7 +119,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         cols: number;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly items: IconBarItemProps[];
     readonly cols: number;
+    readonly items: IconBarItemProps[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/input/src/Input.d.ts

@@ -1134,10 +1134,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     defaultValue: string | [string, string] | null;
     round: boolean;
     loadingSkeleton: boolean;
+    rows: string | number;
     stateful: boolean;
     resizable: boolean;
     pair: boolean;
-    rows: string | number;
     autosize: boolean | {
         minRows?: number;
         maxRows?: number;