@cdx-ui/data-grid 0.3.11 → 0.3.12

package/lib/commonjs/useDataGridTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactTable","_selectColumn","_columns","_types","features","tableFeatures","columnFilteringFeature","globalFilteringFeature","rowSortingFeature","rowPaginationFeature","rowSelectionFeature","filteredRowModel","createFilteredRowModel","sortedRowModel","createSortedRowModel","paginatedRowModel","createPaginatedRowModel","filterFns","includesString","filterFn_includesString","sortFns","alphanumeric","sortFn_alphanumeric","text","sortFn_text","sortModelToSortingState","model","map","item","id","field","desc","sort","sortingStateToSortModel","state","filter","SELECT_COLUMN_ID","slice","paginationModelToState","pageIndex","page","pageSize","paginationStateToModel","columnFilterValueToString","value","String","filterModelToColumnFilters","trim","length","columnFiltersToFilterModel","selectionIdKey","selectionModelToRowSelection","allIds","selected","Set","type","ids","add","has","Object","fromEntries","rowSelectionToModel","previousModel","currentIdsByKey","Map","set","selectedKeys","keys","key","delete","resolveRowId","row","getRowId","__DEV__","console","warn","useDataGridTable","rows","columns","checkboxSelection","disableColumnSorting","paginationMode","sortingMode","filterMode","rowCount","sortModel","onSortModelChange","paginationModel","onPaginationModelChange","filterModel","onFilterModelChange","quickFilter","onQuickFilterChange","rowSelectionModel","onRowSelectionModelChange","data","useMemo","columnDefs","mapped","col","def","gridColDefToColumnDef","enableSorting","createSelectColumn","sortingState","paginationState","columnFilterState","rowSelectionState","resetPaginationPage","setQuickFilter","setColumnFilter","next","push","table","useTable","enableMultiSort","enableMultiRowSelection","manualPagination","manualSorting","manualFiltering","autoResetPageIndex","undefined","sorting","pagination","columnFilters","globalFilter","rowSelection","onSortingChange","updater","applyUpdater","onPaginationChange","onColumnFiltersChange","onGlobalFilterChange","onRowSelectionChange"],"sourceRoot":"../../src","sources":["useDataGridTable.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactTable","_selectColumn","_columns","_columnTypes","_filterOperators","_types","gridGlobalFilterFn","row","columnId","filterValue","SELECT_COLUMN_ID","meta","getAllCells","find","cell","column","id","columnDef","metaUsesDisplayFilter","filterFn_displayText","untypedCellIncludesQuery","getValue","normalizeFilterQuery","features","tableFeatures","columnFilteringFeature","columnPinningFeature","globalFilteringFeature","rowSortingFeature","rowPaginationFeature","rowSelectionFeature","filteredRowModel","createFilteredRowModel","sortedRowModel","createSortedRowModel","paginatedRowModel","createPaginatedRowModel","filterFns","includesString","filterFn_includesString","sortFns","alphanumeric","sortFn_alphanumeric","text","sortFn_text","number","sortFn_number","datetime","sortFn_datetime","boolean","sortFn_boolean","selectLabel","sortFn_selectLabel","sortModelToSortingState","model","map","item","field","desc","sort","sortingStateToSortModel","state","filter","slice","paginationModelToState","pageIndex","page","pageSize","paginationStateToModel","columnFilterValueToString","value","String","filterModelToColumnFilters","valuesByField","Map","operator","undefined","filterOperatorNeedsValue","isBlankFilterValue","trim","length","values","get","push","set","items","columnFilterValueToItem","isOperatorFilterValue","columnFiltersToFilterModel","flatMap","isFilterValueGroup","selectionIdKey","selectionModelToRowSelection","allIds","selected","Set","type","ids","add","has","Object","fromEntries","rowSelectionToModel","previousModel","currentIdsByKey","selectedKeys","keys","key","delete","resolveRowId","getRowId","__DEV__","console","warn","useDataGridTable","rows","columns","checkboxSelection","disableColumnSorting","paginationMode","sortingMode","filterMode","rowCount","sortModel","onSortModelChange","paginationModel","onPaginationModelChange","filterModel","onFilterModelChange","filterLogicOperator","quickFilter","onQuickFilterChange","rowSelectionModel","onRowSelectionModelChange","columnPinning","orFilterItems","useMemo","active","isActiveFilterItem","data","filterableColumns","col","filterable","some","rowMatchesFilterItem","columnDefs","mapped","def","gridColDefToColumnDef","enableSorting","createSelectColumn","sortingState","paginationState","columnFilterState","rowSelectionState","resetPaginationPage","setQuickFilter","setColumnFilter","next","table","useTable","enableMultiSort","enableMultiRowSelection","globalFilterFn","manualPagination","manualSorting","manualFiltering","autoResetPageIndex","sorting","pagination","columnFilters","globalFilter","rowSelection","onSortingChange","updater","applyUpdater","onPaginationChange","onColumnFiltersChange","onGlobalFilterChange","onRowSelectionChange","setFilterModel"],"sourceRoot":"../../src","sources":["useDataGridTable.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/DataGrid.js

@@ -1,22 +1,26 @@
 "use strict";
 
-import { useMemo } from 'react';
-import { Platform, View } from 'react-native';
-import { Checkbox, IconButton, Input, Skeleton, Table, TablePagination, Text } from '@cdx-ui/components';
-import { KeyboardArrowDown, KeyboardArrowUp, Search } from '@cdx-ui/icons';
+import { useMemo, useRef, useState } from 'react';
+import { I18nManager, Platform, View } from 'react-native';
+import { Checkbox, Icon, IconButton, Input, Skeleton, Table, TablePagination, Text } from '@cdx-ui/components';
+import { Check, Close, FilterList, KeyboardArrowDown, KeyboardArrowUp, Search } from '@cdx-ui/icons';
 import { dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
 import { cn, useControllableState } from '@cdx-ui/utils';
-import { normalizeGridAlignment } from './adapter/columns';
-import { dataGridBodyVariants, dataGridCellVariants, dataGridEmptyOverlayVariants, dataGridFilterInputVariants, dataGridFooterVariants, dataGridHeadVariants, dataGridHeaderCellInnerVariants, dataGridHeaderLabelVariants, dataGridHeaderVariants, dataGridMainVariants, dataGridOverlayVariants, dataGridPaginationRangeVariants, dataGridPaginationVariants, dataGridRootVariants, dataGridSelectCellVariants, dataGridSelectHeadVariants, dataGridSortButtonVariants, dataGridTableVariants, dataGridToolbarActionsVariants, dataGridToolbarSearchVariants, dataGridToolbarVariants } from './styles';
+import { normalizePinnedColumns, resolveColumnAlign, resolveColumnHeaderAlign } from './adapter/columns';
+import { DEFAULT_PINNED_COLUMN_WIDTH, SELECT_COLUMN_WIDTH, buildPinnedOffsets, isColumnPinningActive, pinnedCellStyle, pinnedEdgeGuidesImage, pinnedFieldSet, warnPinnedFlexColumns } from './adapter/pinning';
+import { getTypedCellText } from './adapter/columnTypes';
+import { DataGridFilterPanel } from './DataGridFilterPanel';
+import { dataGridBodyVariants, dataGridCellVariants, dataGridEmptyOverlayVariants, dataGridFilterInputVariants, dataGridFooterVariants, dataGridHeadVariants, dataGridHeaderCellInnerVariants, dataGridHeaderLabelVariants, dataGridHeaderVariants, dataGridMainVariants, dataGridOverlayVariants, dataGridPaginationRangeVariants, dataGridPaginationVariants, dataGridPinnedEdgeVariants, dataGridPinnedSurfaceVariants, dataGridRootVariants, dataGridSelectCellVariants, dataGridSelectHeadVariants, dataGridSortButtonVariants, dataGridTableVariants, dataGridToolbarActionsVariants, dataGridToolbarSearchVariants, dataGridToolbarVariants } from './styles';
 import { DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PAGINATION_MODEL, EMPTY_SELECTION, SELECT_COLUMN_ID } from './types';
 import { resolveRowId, useDataGridTable } from './useDataGridTable';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const MAX_SKELETON_ROW_COUNT = 10;
 const DEFAULT_WEB_COLUMN_WIDTH = 100;
-const SELECT_COLUMN_WIDTH = 56;
 const WEB_TABLE_CONTAINER_STYLE = {
   overflow: 'visible'
 };
+// Same token as the pinned cells' `border-stroke-secondary` divider.
+const PINNED_EDGE_COLOR = 'var(--color-stroke-secondary)';
 function cellStyle(col, webWidth) {
   if (!col) {
     return undefined;
@@ -39,36 +43,96 @@ function cellStyle(col, webWidth) {
   }
   return Object.keys(style).length > 0 ? style : undefined;
 }
-function webColumnWidths(columns, checkboxSelection) {
-  const totalFlex = columns.reduce((total, column) => total + Math.max(column.flex ?? 0, 0), 0);
+function effectiveFlex(column, pinned) {
+  if (pinned.has(column.field)) {
+    return 0;
+  }
+  return Math.max(column.flex ?? 0, 0);
+}
+function webColumnWidths(columns, checkboxSelection, pinned = new Set()) {
+  const totalFlex = columns.reduce((total, column) => total + effectiveFlex(column, pinned), 0);
   const widths = new Map();
   if (totalFlex === 0) {
     for (const column of columns) {
-      if (column.width !== undefined) {
+      if (pinned.has(column.field)) {
+        widths.set(column.field, Math.max(column.width ?? DEFAULT_PINNED_COLUMN_WIDTH, column.minWidth ?? 0));
+      } else if (column.width !== undefined) {
         widths.set(column.field, column.width);
       }
     }
     return widths;
   }
   const fixedWidth = (checkboxSelection ? SELECT_COLUMN_WIDTH : 0) + columns.reduce((total, column) => {
-    if ((column.flex ?? 0) > 0) {
+    if (effectiveFlex(column, pinned) > 0) {
       return total;
     }
-    return total + Math.max(column.width ?? DEFAULT_WEB_COLUMN_WIDTH, column.minWidth ?? 0);
+    const fallback = pinned.has(column.field) ? DEFAULT_PINNED_COLUMN_WIDTH : DEFAULT_WEB_COLUMN_WIDTH;
+    return total + Math.max(column.width ?? fallback, column.minWidth ?? 0);
   }, 0);
   for (const column of columns) {
-    if ((column.flex ?? 0) > 0) {
-      const share = (column.flex ?? 0) / totalFlex;
+    const flex = effectiveFlex(column, pinned);
+    if (flex > 0) {
+      const share = flex / totalFlex;
       const percentage = share * 100;
       const fixedShare = fixedWidth * share;
       const width = `calc(${percentage.toString()}% - ${fixedShare.toString()}px)`;
       widths.set(column.field, column.minWidth === undefined ? width : `max(${column.minWidth.toString()}px, ${width})`);
     } else {
-      widths.set(column.field, Math.max(column.width ?? DEFAULT_WEB_COLUMN_WIDTH, column.minWidth ?? 0));
+      const fallback = pinned.has(column.field) ? DEFAULT_PINNED_COLUMN_WIDTH : DEFAULT_WEB_COLUMN_WIDTH;
+      widths.set(column.field, Math.max(column.width ?? fallback, column.minWidth ?? 0));
     }
   }
   return widths;
 }
+function pinMetaFor(columnId, pinning) {
+  const startIndex = pinning.start.indexOf(columnId);
+  if (startIndex >= 0) {
+    return {
+      edge: 'start',
+      isEdgeDivider: startIndex === pinning.start.length - 1
+    };
+  }
+  const endIndex = pinning.end.indexOf(columnId);
+  if (endIndex >= 0) {
+    return {
+      edge: 'end',
+      isEdgeDivider: endIndex === 0
+    };
+  }
+  return {
+    edge: false,
+    isEdgeDivider: false
+  };
+}
+function mergePinnedStyle(base, pin, offsets, columnId, isHeader) {
+  if (!pin.edge || offsets == null) {
+    return base;
+  }
+  const offset = pin.edge === 'start' ? offsets.start.get(columnId) ?? 0 : offsets.end.get(columnId) ?? 0;
+  return {
+    ...base,
+    ...pinnedCellStyle(pin.edge, offset, isHeader)
+  };
+}
+function pinnedClassName(pin, isHeader) {
+  if (!pin.edge) {
+    return undefined;
+  }
+  return cn(dataGridPinnedSurfaceVariants({
+    header: isHeader
+  }), dataGridPinnedEdgeVariants({
+    edge: pin.isEdgeDivider ? pin.edge : 'none'
+  }));
+}
+function BooleanCell({
+  value
+}) {
+  return /*#__PURE__*/_jsx(Icon, {
+    as: value ? Check : Close,
+    accessibilityLabel: value ? 'Yes' : 'No',
+    className: "size-5"
+  });
+}
 function defaultCellContent(value) {
   if (value == null) {
     return '';
@@ -90,28 +154,44 @@ function DefaultLoadingRows({
   columns,
   checkboxSelection,
   rowCount,
-  columnWidths
+  columnWidths,
+  orderedColumnIds,
+  pinning,
+  offsets
 }) {
+  const colByField = new Map(columns.map(column => [column.field, column]));
+  const ids = orderedColumnIds ?? (checkboxSelection ? [SELECT_COLUMN_ID, ...columns.map(column => column.field)] : columns.map(column => column.field));
   return /*#__PURE__*/_jsx(_Fragment, {
     children: Array.from({
       length: rowCount
-    }, (_, rowIndex) => /*#__PURE__*/_jsxs(Table.Row, {
+    }, (_, rowIndex) => /*#__PURE__*/_jsx(Table.Row, {
       className: "pointer-events-none web:hover:bg-surface-primary",
       testID: rowIndex === 0 ? 'data-grid-default-loading-rows' : undefined,
-      children: [checkboxSelection ? /*#__PURE__*/_jsx(Table.Cell, {
-        align: "center",
-        className: dataGridSelectCellVariants(),
-        children: /*#__PURE__*/_jsx(Skeleton, {
-          className: "size-5"
-        })
-      }) : null, columns.map(column => /*#__PURE__*/_jsx(Table.Cell, {
-        align: normalizeGridAlignment(column.align),
-        className: dataGridCellVariants(),
-        style: cellStyle(column, columnWidths.get(column.field)),
-        children: /*#__PURE__*/_jsx(Skeleton, {
-          className: "h-4 w-3/5"
-        })
-      }, column.field))]
+      children: ids.map(columnId => {
+        const pin = pinMetaFor(columnId, pinning);
+        if (columnId === SELECT_COLUMN_ID) {
+          return /*#__PURE__*/_jsx(Table.Cell, {
+            align: "center",
+            className: cn(dataGridSelectCellVariants(), pinnedClassName(pin, false)),
+            style: mergePinnedStyle(undefined, pin, offsets, columnId, false),
+            children: /*#__PURE__*/_jsx(Skeleton, {
+              className: "size-5"
+            })
+          }, columnId);
+        }
+        const column = colByField.get(columnId);
+        if (!column) {
+          return null;
+        }
+        return /*#__PURE__*/_jsx(Table.Cell, {
+          align: resolveColumnAlign(column),
+          className: cn(dataGridCellVariants(), pinnedClassName(pin, false)),
+          style: mergePinnedStyle(cellStyle(column, columnWidths.get(column.field)), pin, offsets, column.field, false),
+          children: /*#__PURE__*/_jsx(Skeleton, {
+            className: "h-4 w-3/5"
+          })
+        }, column.field);
+      })
     }, rowIndex))
   });
 }
@@ -144,6 +224,7 @@ function DataGridInner(props) {
     rowCount,
     showToolbar = false,
     headerFilters = false,
+    pinnedColumns,
     pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
     noRowsOverlay,
     loadingOverlay,
@@ -169,6 +250,11 @@ function DataGridInner(props) {
     defaultProp: props.defaultFilterModel ?? [],
     onChange: props.onFilterModelChange
   });
+  const [filterLogicOperator, setFilterLogicOperator] = useControllableState({
+    prop: props.filterLogicOperator,
+    defaultProp: props.defaultFilterLogicOperator ?? 'and',
+    onChange: props.onFilterLogicOperatorChange
+  });
   const [quickFilter, setQuickFilter] = useControllableState({
     prop: props.quickFilter,
     defaultProp: props.defaultQuickFilter ?? '',
@@ -182,12 +268,18 @@ function DataGridInner(props) {
   const resolvedSortModel = sortModel ?? [];
   const resolvedPagination = paginationModel ?? DEFAULT_PAGINATION_MODEL;
   const resolvedFilterModel = filterModel ?? [];
+  const resolvedFilterLogicOperator = filterLogicOperator ?? 'and';
   const resolvedQuickFilter = quickFilter ?? '';
   const resolvedSelection = rowSelectionModel ?? EMPTY_SELECTION;
+  const knownFields = useMemo(() => new Set(columns.map(column => column.field)), [columns]);
+  const columnPinning = useMemo(() => normalizePinnedColumns(pinnedColumns, knownFields, checkboxSelection), [pinnedColumns, knownFields, checkboxSelection]);
+  const pinningActive = isColumnPinningActive(columnPinning);
+  const pinnedFields = useMemo(() => pinnedFieldSet(columnPinning), [columnPinning]);
   const {
     table,
     setQuickFilter: setQuickFilterWithPageReset,
-    setColumnFilter
+    setColumnFilter,
+    setFilterModel: setFilterModelWithPageReset
   } = useDataGridTable({
     rows,
     columns,
@@ -204,10 +296,12 @@ function DataGridInner(props) {
     onPaginationModelChange: model => setPaginationModel(model),
     filterModel: resolvedFilterModel,
     onFilterModelChange: model => setFilterModel(model),
+    filterLogicOperator: resolvedFilterLogicOperator,
     quickFilter: resolvedQuickFilter,
     onQuickFilterChange: value => setQuickFilter(value),
     rowSelectionModel: resolvedSelection,
-    onRowSelectionModelChange: model => setRowSelectionModel(model)
+    onRowSelectionModelChange: model => setRowSelectionModel(model),
+    columnPinning
   });
   const colByField = useMemo(() => {
     const map = new Map();
@@ -216,8 +310,32 @@ function DataGridInner(props) {
     }
     return map;
   }, [columns]);
-  const columnWidths = useMemo(() => webColumnWidths(columns, checkboxSelection), [checkboxSelection, columns]);
-  const hasFlexColumns = useMemo(() => columns.some(column => (column.flex ?? 0) > 0), [columns]);
+  warnPinnedFlexColumns(columns, pinnedFields);
+  const columnWidths = useMemo(() => webColumnWidths(columns, checkboxSelection, pinnedFields), [checkboxSelection, columns, pinnedFields]);
+  const hasFlexColumns = useMemo(() => columns.some(column => effectiveFlex(column, pinnedFields) > 0), [columns, pinnedFields]);
+  const pinnedOffsets = useMemo(() => pinningActive ? buildPinnedOffsets(columnPinning, colByField) : null, [pinningActive, columnPinning, colByField]);
+  const orderedLeafColumnIds = useMemo(() => {
+    if (!pinningActive) {
+      return undefined;
+    }
+    return [...table.getStartVisibleLeafColumns().map(column => column.id), ...table.getCenterVisibleLeafColumns().map(column => column.id), ...table.getEndVisibleLeafColumns().map(column => column.id)];
+  }, [pinningActive, table]);
+  const isEmpty = !loading && rows.length === 0;
+  const mainScrollStyle = useMemo(() => {
+    if (!pinningActive || pinnedOffsets == null) {
+      return undefined;
+    }
+    const guides = Platform.OS === 'web' && !isEmpty ? pinnedEdgeGuidesImage(pinnedOffsets, PINNED_EDGE_COLOR, I18nManager.isRTL) : undefined;
+    // Logical scroll-padding keeps focused cells out from under pinned edges (web).
+    return {
+      scrollPaddingInlineStart: pinnedOffsets.startTotal,
+      scrollPaddingInlineEnd: pinnedOffsets.endTotal,
+      ...(guides ? {
+        backgroundImage: guides,
+        backgroundRepeat: 'no-repeat'
+      } : {})
+    };
+  }, [pinningActive, pinnedOffsets, isEmpty]);
   const visibleRows = table.getRowModel().rows;
   const pageCount = Math.max(table.getPageCount(), 1);
   const selectedCount = table.getFilteredSelectedRowModel().rows.length;
@@ -233,14 +351,20 @@ function DataGridInner(props) {
     indeterminate: true
   };
   const accessibleName = ariaLabel ?? label;
-  const isEmpty = !loading && rows.length === 0;
   const totalCount = paginationMode === 'server' ? rowCount ?? rows.length : filterableCount;
-  const filterValueFor = field => resolvedFilterModel.find(item => item.field === field)?.value ?? '';
+  const filterValueFor = field => {
+    const value = resolvedFilterModel.find(item => item.field === field)?.value;
+    return typeof value === 'string' ? value : '';
+  };
   const showToolbarBar = showToolbar || toolbarActions != null;
+  const filterPanelColumns = useMemo(() => columns.filter(column => column.filterable !== false), [columns]);
+  const [filterPanelOpen, setFilterPanelOpen] = useState(false);
+  const filterPanelButtonRef = useRef(null);
+  const showFilterPanelButton = showToolbar && filterPanelColumns.length > 0;
   return /*#__PURE__*/_jsxs(View, {
     className: cn(dataGridRootVariants({
       autoHeight
-    }), className),
+    }), className, filterPanelOpen && 'overflow-visible'),
     style: style,
     ...mergeDataAttributes({}, dataAttributes({
       slot: 'data-grid'
@@ -258,15 +382,43 @@ function DataGridInner(props) {
           placeholder: "Search",
           accessibilityLabel: "Search"
         })]
+      }) : null, showFilterPanelButton ? /*#__PURE__*/_jsx(IconButton, {
+        ref: filterPanelButtonRef,
+        as: FilterList,
+        variant: "ghost",
+        color: "neutral",
+        size: "small",
+        accessibilityLabel: "Filters",
+        accessibilityState: {
+          expanded: filterPanelOpen
+        },
+        onPress: () => setFilterPanelOpen(open => !open)
       }) : null, toolbarActions ? /*#__PURE__*/_jsx(View, {
         className: dataGridToolbarActionsVariants(),
         children: toolbarActions
       }) : null]
+    }) : null, showFilterPanelButton && filterPanelOpen ? /*#__PURE__*/_jsx(DataGridFilterPanel, {
+      columns: filterPanelColumns,
+      filterModel: resolvedFilterModel,
+      onFilterModelChange: setFilterModelWithPageReset,
+      logicOperator: resolvedFilterLogicOperator,
+      onLogicOperatorChange: operator => {
+        setFilterLogicOperator(operator);
+        if (resolvedPagination.page !== 0) {
+          setPaginationModel({
+            ...resolvedPagination,
+            page: 0
+          });
+        }
+      },
+      onClose: () => setFilterPanelOpen(false),
+      triggerRef: filterPanelButtonRef
     }) : null, /*#__PURE__*/_jsxs(View, {
       className: dataGridMainVariants({
         autoHeight,
         overlay: isEmpty || loading && loadingOverlay != null
       }),
+      style: mainScrollStyle,
       children: [/*#__PURE__*/_jsxs(Table, {
         className: cn(dataGridTableVariants(), Platform.OS === 'web' && hasFlexColumns ? 'table-fixed' : undefined),
         containerStyle: Platform.OS === 'web' ? WEB_TABLE_CONTAINER_STYLE : undefined,
@@ -278,25 +430,30 @@ function DataGridInner(props) {
         } : {}),
         children: [label ? /*#__PURE__*/_jsx(Table.Caption, {
           children: label
-        }) : null, Platform.OS === 'web' && hasFlexColumns ? /*#__PURE__*/_jsxs("colgroup", {
-          children: [checkboxSelection ? /*#__PURE__*/_jsx("col", {
+        }) : null, Platform.OS === 'web' && hasFlexColumns ? /*#__PURE__*/_jsx("colgroup", {
+          children: (orderedLeafColumnIds ?? (checkboxSelection ? [SELECT_COLUMN_ID, ...columns.map(column => column.field)] : columns.map(column => column.field))).map(columnId => columnId === SELECT_COLUMN_ID ? /*#__PURE__*/_jsx("col", {
             style: {
               width: SELECT_COLUMN_WIDTH
             }
-          }) : null, columns.map(column => /*#__PURE__*/_jsx("col", {
+          }, columnId) : /*#__PURE__*/_jsx("col", {
             style: {
-              width: columnWidths.get(column.field),
-              minWidth: column.minWidth
+              width: columnWidths.get(columnId),
+              minWidth: colByField.get(columnId)?.minWidth
             }
-          }, column.field))]
+          }, columnId))
         }) : null, /*#__PURE__*/_jsxs(Table.Header, {
           className: dataGridHeaderVariants(),
-          children: [table.getHeaderGroups().map(headerGroup => /*#__PURE__*/_jsx(Table.Row, {
+          children: [(pinningActive ? [{
+            id: 'pinned',
+            headers: [...table.getStartLeafHeaders(), ...table.getCenterLeafHeaders(), ...table.getEndLeafHeaders()]
+          }] : table.getHeaderGroups()).map(headerGroup => /*#__PURE__*/_jsx(Table.Row, {
             children: headerGroup.headers.map(header => {
+              const pin = pinMetaFor(header.column.id, columnPinning);
               if (header.id === SELECT_COLUMN_ID) {
                 return /*#__PURE__*/_jsx(Table.Head, {
                   align: "center",
-                  className: dataGridSelectHeadVariants(),
+                  className: cn(dataGridSelectHeadVariants(), pinnedClassName(pin, true)),
+                  style: mergePinnedStyle(undefined, pin, pinnedOffsets, header.id, true),
                   children: /*#__PURE__*/_jsx(Checkbox, {
                     value: "select-all",
                     isChecked: headerSelectState.checked,
@@ -310,7 +467,7 @@ function DataGridInner(props) {
               const col = colByField.get(header.column.id);
               const sorted = header.column.getIsSorted();
               const canSort = !disableColumnSorting && header.column.getCanSort();
-              const headerAlign = normalizeGridAlignment(col?.headerAlign ?? col?.align);
+              const headerAlign = resolveColumnHeaderAlign(col);
               const headerName = col?.headerName ?? header.column.id;
               const SortIcon = sorted === 'asc' ? KeyboardArrowUp : KeyboardArrowDown;
               const sortButton = canSort ? /*#__PURE__*/_jsx(IconButton, {
@@ -330,8 +487,8 @@ function DataGridInner(props) {
               }) : null;
               return /*#__PURE__*/_jsx(Table.Head, {
                 align: headerAlign,
-                className: dataGridHeadVariants(),
-                style: cellStyle(col, columnWidths.get(header.column.id)),
+                className: cn(dataGridHeadVariants(), pinnedClassName(pin, true)),
+                style: mergePinnedStyle(cellStyle(col, columnWidths.get(header.column.id)), pin, pinnedOffsets, header.column.id, true),
                 ...(Platform.OS === 'web' ? {
                   title: col?.renderHeader ? undefined : headerName,
                   ...(canSort ? {
@@ -352,26 +509,27 @@ function DataGridInner(props) {
               }, header.id);
             })
           }, headerGroup.id)), headerFilters ? /*#__PURE__*/_jsx(Table.Row, {
-            children: table.getAllLeafColumns().map(column => {
+            children: (pinningActive ? [...table.getStartVisibleLeafColumns(), ...table.getCenterVisibleLeafColumns(), ...table.getEndVisibleLeafColumns()] : table.getAllLeafColumns()).map(column => {
+              const pin = pinMetaFor(column.id, columnPinning);
               if (column.id === SELECT_COLUMN_ID) {
                 return /*#__PURE__*/_jsx(Table.Cell, {
                   align: "center",
-                  className: dataGridSelectHeadVariants()
+                  className: cn(dataGridSelectHeadVariants(), pinnedClassName(pin, true)),
+                  style: mergePinnedStyle(undefined, pin, pinnedOffsets, column.id, true)
                 }, column.id);
               }
               const col = colByField.get(column.id);
-              const headerAlign = col?.headerAlign ?? col?.align;
               if (col?.filterable === false) {
                 return /*#__PURE__*/_jsx(Table.Head, {
-                  align: normalizeGridAlignment(headerAlign),
-                  className: dataGridHeadVariants(),
-                  style: cellStyle(col, columnWidths.get(column.id))
+                  align: resolveColumnHeaderAlign(col),
+                  className: cn(dataGridHeadVariants(), pinnedClassName(pin, true)),
+                  style: mergePinnedStyle(cellStyle(col, columnWidths.get(column.id)), pin, pinnedOffsets, column.id, true)
                 }, column.id);
               }
               return /*#__PURE__*/_jsx(Table.Head, {
-                align: normalizeGridAlignment(headerAlign),
-                className: dataGridHeadVariants(),
-                style: cellStyle(col, columnWidths.get(column.id)),
+                align: resolveColumnHeaderAlign(col),
+                className: cn(dataGridHeadVariants(), pinnedClassName(pin, true)),
+                style: mergePinnedStyle(cellStyle(col, columnWidths.get(column.id)), pin, pinnedOffsets, column.id, true),
                 children: /*#__PURE__*/_jsx(Input, {
                   size: "small",
                   className: dataGridFilterInputVariants(),
@@ -391,15 +549,21 @@ function DataGridInner(props) {
             columns: columns,
             checkboxSelection: checkboxSelection,
             rowCount: Math.min(resolvedPagination.pageSize, MAX_SKELETON_ROW_COUNT),
-            columnWidths: columnWidths
+            columnWidths: columnWidths,
+            orderedColumnIds: orderedLeafColumnIds,
+            pinning: columnPinning,
+            offsets: pinnedOffsets
           }) : isEmpty ? null : visibleRows.map(row => {
             const rowId = resolveRowId(row.original, getRowId);
+            const cells = pinningActive ? [...row.getStartVisibleCells(), ...row.getCenterVisibleCells(), ...row.getEndVisibleCells()] : row.getAllCells();
             return /*#__PURE__*/_jsx(Table.Row, {
-              children: row.getAllCells().map(cell => {
+              children: cells.map(cell => {
+                const pin = pinMetaFor(cell.column.id, columnPinning);
                 if (cell.column.id === SELECT_COLUMN_ID) {
                   return /*#__PURE__*/_jsx(Table.Cell, {
                     align: "center",
-                    className: dataGridSelectCellVariants(),
+                    className: cn(dataGridSelectCellVariants(), pinnedClassName(pin, false)),
+                    style: mergePinnedStyle(undefined, pin, pinnedOffsets, cell.column.id, false),
                     children: /*#__PURE__*/_jsx(Checkbox, {
                       value: String(rowId),
                       isChecked: row.getIsSelected(),
@@ -417,17 +581,23 @@ function DataGridInner(props) {
                     value,
                     row: row.original,
                     field: col.field,
-                    id: rowId
+                    id: rowId,
+                    col
                   });
                 } else if (col?.valueFormatter) {
                   content = col.valueFormatter(value, row.original, col);
+                } else if (col?.type === 'boolean' && typeof value === 'boolean') {
+                  content = /*#__PURE__*/_jsx(BooleanCell, {
+                    value: value
+                  });
                 } else {
-                  content = defaultCellContent(value);
+                  const typedText = getTypedCellText(col, value, row.original);
+                  content = typedText !== undefined ? typedText : defaultCellContent(value);
                 }
                 return /*#__PURE__*/_jsx(Table.Cell, {
-                  align: normalizeGridAlignment(col?.align),
-                  className: dataGridCellVariants(),
-                  style: cellStyle(col, columnWidths.get(cell.column.id)),
+                  align: resolveColumnAlign(col),
+                  className: cn(dataGridCellVariants(), pinnedClassName(pin, false)),
+                  style: mergePinnedStyle(cellStyle(col, columnWidths.get(cell.column.id)), pin, pinnedOffsets, cell.column.id, false),
                   children: content
                 }, cell.id);
               })