@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/DataTable/DataTable.js

@@ -1,2 +1,198 @@
-import e,{useRef as o}from"react";import{Stack as t}from"../Stack/Stack.js";import{Text as r}from"../Text/Text.js";import{generateTableCss as n}from"./utils/generateTableCss.js";import"./types.js";import"../../theme/modules/shadows.js";import"../../theme/modules/sizes.js";import"../../theme/modules/text.js";import"styled-components";import{useCellWidths as l}from"./hooks/useCellWidths.js";import{useColumns as s}from"./hooks/useColumns.js";import{useDragToScroll as m}from"./hooks/useDragToScroll.js";import{useScrollPosition as i}from"./hooks/useScrollPosition.js";import{useSelection as a}from"./hooks/useSelection.js";import{renderCell as d}from"./renderers/renderCell.js";import{renderFooter as c}from"./renderers/renderFooter.js";import{renderHeader as p}from"./renderers/renderHeader.js";import{renderLoadingCell as u}from"./renderers/renderLoadingCell.js";import{renderNestedCell as f}from"./renderers/renderNestedCell.js";import{ActionBar as h}from"./components/ActionBar.js";import{Cell as g}from"./components/Cell.js";import{ColumnMenu as C}from"./components/ColumnMenu.js";import{EmptyBodyContent as E,EmptyBodyGlyphWrapper as w}from"./components/EmptyBodyContent.js";import{Header as j}from"./components/Header.js";import{NoWrap as b}from"./components/NoWrap.js";import{Row as S}from"./components/Row.js";import{ScrollContainer as R}from"./components/ScrollContainer.js";import{TableGrid as y}from"./components/TableGrid.js";import{Truncate as v}from"./components/Truncate.js";import{Wrapper as k}from"./components/Wrapper.js";import{SelectionCell as I}from"./components/SelectionCell.js";import{SelectionHeader as M}from"./components/SelectionHeader.js";import{StickyHead as W}from"./components/StickyHead.js";import{getRowState as N}from"./utils/getRowState.js";import{InfoIcon as T}from"../../tempIcons/InfoIcon.js";const H={iconSlot:e.createElement(T,{width:48,height:48}),heading:"No results"},x=()=>{},z=({actionBarSlot:g,borderMode:C,columns:j,emptyState:b=H,expandedRowIds:v,loading:I,loadingRowCount:M,onChangeSort:T,rows:z,disabledRowIds:P,selectionMode:B,selectionState:L,setExpanded:A,sortState:F,stripingMode:D,enableStickyHeader:G,resizeableColumns:X,onResizeColumns:q,columnWidths:J,stickyHeaderTop:K})=>{const O=o(null),Q=o(null),U=o(null);m(O);const V=z.map((e=>e.id)).filter((e=>!(null==P?void 0:P.includes(e)))),{selectionEnabled:Y,selectedRowIds:Z,selectionColumn:$,setSelected:_}=a({selectionMode:B,selectionState:L,enabledRowIds:V}),ee={setSelected:_||x,setExpanded:A||x},oe=[$,...j],te=Y?oe:j,re=l(Q,O),{visible:ne,pinnedLeft:le,pinnedRight:se,setColumnWidth:me,columnWidths:ie}=s(te,Q,q,J),ae=re.length===ne.length?ne.map(((e,o)=>Number.isNaN(ie[e.id]||"")?re[o]:ie[e.id])):re,{scrollPosition:de}=i(O),ce=n({pinnedLeft:le,pinnedRight:se,cellWidths:ae,scrollPosition:de,columnWidths:ie,columns:ne,stripingMode:D});if(I){const o=new Array(M).fill(!0).map((()=>({id:1e3*Math.random(),data:null})));return e.createElement(k,{borderMode:C},e.createElement(R,{ref:O},e.createElement(y,{css:ce,ref:Q,role:"table"},e.createElement("thead",{role:"rowgroup"},e.createElement(S,{role:"row"},ne.map(((e,o)=>p({column:e,sortState:F,onChangeSort:T,resizeableColumns:X,setColumnWidth:me,columnCount:ne.length,columnI:o}))))),e.createElement("tbody",{role:"rowgroup"},o.map((o=>e.createElement(S,{key:o.id},ne.map((e=>u(o,e))))))))))}if(0===z.length)return e.createElement(k,{borderMode:C},e.createElement(R,{ref:O},e.createElement(y,{css:ce,ref:Q,role:"table"},e.createElement("thead",{role:"rowgroup"},e.createElement(S,{role:"row"},ne.map(((e,o)=>p({column:e,sortState:F,onChangeSort:T,resizeableColumns:X,setColumnWidth:me,columnCount:ne.length,columnI:o}))))),e.createElement("tbody",{role:"rowgroup"},e.createElement(E,{columnCount:ne.length},e.createElement(w,null,b.iconSlot),e.createElement(t,{spacing:"sm",alignX:"center"},e.createElement(r,{variant:"headingMedium"},b.heading),b.subheading&&e.createElement(r,{variant:"subheadingMedium"},b.subheading)))))));const pe=o=>{const{e2eClassName:t="",accentColor:r}=o,n=N(o.id,{selectedRowIds:Z,expandedRowIds:v,disabledRowIds:P});return e.createElement(S,{role:"row",key:o.id,accentColor:r,className:t,...n},ne.map((e=>d(o,e,ee,n))))},ue=(o,t)=>{var r,n;const l=null===(n=null===(r=null==o?void 0:o.data)||void 0===r?void 0:r.e2eClassNames)||void 0===n?void 0:n.row,s=N(t,{selectedRowIds:Z,expandedRowIds:v,disabledRowIds:P});return e.createElement(S,{role:"row",key:o.id,className:l},ne.map((e=>f(o,e,s))))},fe=o=>{var t;const r=null==v?void 0:v.includes(o.id);return e.createElement("tbody",{role:"rowgroup",key:o.id},pe(o),r&&(null===(t=o.nestedRows)||void 0===t?void 0:t.map((e=>ue(e,o.id)))))},he=e.createElement(S,{role:"row"},ne.map(((e,o)=>p({column:e,sortState:F,onChangeSort:T,resizeableColumns:X,setColumnWidth:me,columnCount:ne.length,columnI:o})))),ge=j.some((e=>!!e.renderFooter)),Ce=Z.length>0&&!!g;return e.createElement(k,{borderMode:C},Ce&&e.createElement(h,{selectionColumn:$,intersectionTargetRef:U,containerRef:O},g),e.createElement(R,{ref:O},G&&e.createElement(W,{tableCss:ce,intersectionTargetRef:U,containerRef:O,cellWidths:ae,stickyHeaderTop:K},he),e.createElement("div",{ref:U,style:{height:0}}),e.createElement(y,{css:ce,ref:Q,role:"table"},e.createElement("thead",{role:"rowgroup"},he),(()=>{const o=!!v;return o&&"nested"===D?z.map(fe):o?e.createElement("tbody",{role:"rowgroup"},z.map((e=>{var o;return[pe(e),...(null==v?void 0:v.includes(e.id))&&(null===(o=e.nestedRows)||void 0===o?void 0:o.map((o=>ue(o,e.id))))||[]]}))):e.createElement("tbody",{role:"rowgroup"},z.map(pe))})(),ge&&e.createElement("tfoot",{role:"rowgroup"},e.createElement(S,{role:"row"},ne.map((e=>c({column:e}))))))))};z.defaultProps={loading:!1,loadingRowCount:5,selectionMode:"multiple",stripingMode:"row",enableStickyHeader:!0},z.Cell=g,z.ColumnMenu=C,z.SelectionCell=I,z.SelectionHeader=M,z.Header=j,z.Truncate=v,z.NoWrap=b;export{z as DataTable};
+import React, { useRef } from 'react';
+import { Stack } from '../Stack/Stack.js';
+import { Text } from '../Text/Text.js';
+import { generateTableCss } from './utils/generateTableCss.js';
+import './types.js';
+import '../../theme/modules/shadows.js';
+import '../../theme/modules/sizes.js';
+import '../../theme/modules/text.js';
+import 'styled-components';
+import { useCellWidths } from './hooks/useCellWidths.js';
+import { useColumns } from './hooks/useColumns.js';
+import { useDragToScroll } from './hooks/useDragToScroll.js';
+import { useScrollPosition } from './hooks/useScrollPosition.js';
+import { useSelection } from './hooks/useSelection.js';
+import { renderCell } from './renderers/renderCell.js';
+import { renderFooter } from './renderers/renderFooter.js';
+import { renderHeader } from './renderers/renderHeader.js';
+import { renderLoadingCell } from './renderers/renderLoadingCell.js';
+import { renderNestedCell } from './renderers/renderNestedCell.js';
+import { ActionBar } from './components/ActionBar.js';
+import { Cell } from './components/Cell.js';
+import { ColumnMenu } from './components/ColumnMenu.js';
+import { EmptyBodyContent, EmptyBodyGlyphWrapper } from './components/EmptyBodyContent.js';
+import { Header } from './components/Header.js';
+import { NoWrap } from './components/NoWrap.js';
+import { Row } from './components/Row.js';
+import { ScrollContainer } from './components/ScrollContainer.js';
+import { TableGrid } from './components/TableGrid.js';
+import { Truncate } from './components/Truncate.js';
+import { Wrapper } from './components/Wrapper.js';
+import { SelectionCell } from './components/SelectionCell.js';
+import { SelectionHeader } from './components/SelectionHeader.js';
+import { StickyHead } from './components/StickyHead.js';
+import { getRowState } from './utils/getRowState.js';
+import { InfoIcon } from '../../tempIcons/InfoIcon.js';
+
+/* eslint-disable jsx-a11y/no-redundant-roles */
+const defaultEmptyState = {
+    iconSlot: React.createElement(InfoIcon, { width: 48, height: 48 }),
+    heading: 'No results',
+};
+const emptyAction = () => { };
+const DataTable = ({ actionBarSlot, borderMode, columns: initialColumns, emptyState = defaultEmptyState, expandedRowIds, loading, loadingRowCount, onChangeSort, rows, disabledRowIds, selectionMode, selectionState, setExpanded, sortState, stripingMode, enableStickyHeader, resizeableColumns, onResizeColumns, columnWidths, stickyHeaderTop, }) => {
+    // Refs
+    const scrollContainerRef = useRef(null);
+    const tableRef = useRef(null);
+    const intersectionTargetRef = useRef(null);
+    useDragToScroll(scrollContainerRef);
+    // Configure row selection
+    const enabledRowIds = rows.map((row) => row.id).filter((id) => !(disabledRowIds === null || disabledRowIds === undefined ? undefined : disabledRowIds.includes(id)));
+    const { selectionEnabled, selectedRowIds, selectionColumn, setSelected } = useSelection({
+        selectionMode,
+        selectionState,
+        enabledRowIds,
+    });
+    // Assign actions
+    const actions = {
+        setSelected: setSelected || emptyAction,
+        setExpanded: setExpanded || emptyAction,
+    };
+    // Process columns
+    const columnsWithSelection = [selectionColumn, ...initialColumns];
+    const allColumns = selectionEnabled ? columnsWithSelection : initialColumns;
+    const cellWidths = useCellWidths(tableRef, scrollContainerRef);
+    const { visible, pinnedLeft, pinnedRight, setColumnWidth, columnWidths: calcColumnWidths, } = useColumns(allColumns, tableRef, onResizeColumns, columnWidths);
+    const adjustedCellWidths = cellWidths.length === visible.length
+        ? visible.map((col, i) => Number.isNaN(calcColumnWidths[col.id] || '') ? cellWidths[i] : calcColumnWidths[col.id])
+        : cellWidths;
+    // Generate styles
+    const { scrollPosition } = useScrollPosition(scrollContainerRef);
+    const tableCss = generateTableCss({
+        pinnedLeft,
+        pinnedRight,
+        cellWidths: adjustedCellWidths,
+        scrollPosition,
+        columnWidths: calcColumnWidths,
+        columns: visible,
+        stripingMode,
+    });
+    // Render states
+    if (loading) {
+        const loadingRows = new Array(loadingRowCount).fill(true).map(() => ({
+            // generate random ID forcing all rows to re-render avoid animation de-sync
+            id: Math.random() * 1000,
+            data: null,
+        }));
+        return (React.createElement(Wrapper, { borderMode: borderMode },
+            React.createElement(ScrollContainer, { ref: scrollContainerRef },
+                React.createElement(TableGrid, { css: tableCss, ref: tableRef, role: "table" },
+                    React.createElement("thead", { role: "rowgroup" },
+                        React.createElement(Row, { role: "row" }, visible.map((column, i) => renderHeader({
+                            column,
+                            sortState,
+                            onChangeSort,
+                            resizeableColumns,
+                            setColumnWidth,
+                            columnCount: visible.length,
+                            columnI: i,
+                        })))),
+                    React.createElement("tbody", { role: "rowgroup" }, loadingRows.map((row) => (React.createElement(Row, { key: row.id }, visible.map((col) => renderLoadingCell(row, col))))))))));
+    }
+    if (rows.length === 0) {
+        return (React.createElement(Wrapper, { borderMode: borderMode },
+            React.createElement(ScrollContainer, { ref: scrollContainerRef },
+                React.createElement(TableGrid, { css: tableCss, ref: tableRef, role: "table" },
+                    React.createElement("thead", { role: "rowgroup" },
+                        React.createElement(Row, { role: "row" }, visible.map((column, i) => renderHeader({
+                            column,
+                            sortState,
+                            onChangeSort,
+                            resizeableColumns,
+                            setColumnWidth,
+                            columnCount: visible.length,
+                            columnI: i,
+                        })))),
+                    React.createElement("tbody", { role: "rowgroup" },
+                        React.createElement(EmptyBodyContent, { columnCount: visible.length },
+                            React.createElement(EmptyBodyGlyphWrapper, null, emptyState.iconSlot),
+                            React.createElement(Stack, { spacing: "sm", alignX: "center" },
+                                React.createElement(Text, { variant: "headingMedium" }, emptyState.heading),
+                                emptyState.subheading && (React.createElement(Text, { variant: "subheadingMedium" }, emptyState.subheading)))))))));
+    }
+    const renderRow = (row) => {
+        const { e2eClassName = '', accentColor } = row;
+        const rowState = getRowState(row.id, { selectedRowIds, expandedRowIds, disabledRowIds });
+        return (React.createElement(Row, { role: "row", key: row.id, accentColor: accentColor, className: e2eClassName, ...rowState }, visible.map((col) => renderCell(row, col, actions, rowState))));
+    };
+    const renderNestedRow = (nestedRow, rowId) => {
+        var _a, _b;
+        const nestedRowE2eClassName = (_b = (_a = nestedRow === null || nestedRow === undefined ? undefined : nestedRow.data) === null || _a === undefined ? undefined : _a.e2eClassNames) === null || _b === undefined ? undefined : _b.row;
+        const rowState = getRowState(rowId, { selectedRowIds, expandedRowIds, disabledRowIds });
+        return (React.createElement(Row, { role: "row", key: nestedRow.id, className: nestedRowE2eClassName }, visible.map((col) => renderNestedCell(nestedRow, col, rowState))));
+    };
+    const renderSection = (row) => {
+        var _a;
+        const isExpanded = expandedRowIds === null || expandedRowIds === undefined ? undefined : expandedRowIds.includes(row.id);
+        return (React.createElement("tbody", { role: "rowgroup", key: row.id },
+            renderRow(row),
+            isExpanded && ((_a = row.nestedRows) === null || _a === undefined ? undefined : _a.map((nestedRow) => renderNestedRow(nestedRow, row.id)))));
+    };
+    const renderBody = () => {
+        const hasNestedRows = !!expandedRowIds;
+        const hasMultipleSections = hasNestedRows && stripingMode === 'nested';
+        if (hasMultipleSections) {
+            return rows.map(renderSection);
+        }
+        if (hasNestedRows) {
+            return (React.createElement("tbody", { role: "rowgroup" }, rows.map((row) => {
+                var _a;
+                const rowElement = renderRow(row);
+                const isExpanded = expandedRowIds === null || expandedRowIds === undefined ? undefined : expandedRowIds.includes(row.id);
+                const nestedRowElements = (isExpanded &&
+                    ((_a = row.nestedRows) === null || _a === undefined ? undefined : _a.map((nestedRow) => renderNestedRow(nestedRow, row.id)))) ||
+                    [];
+                return [rowElement, ...nestedRowElements];
+            })));
+        }
+        return React.createElement("tbody", { role: "rowgroup" }, rows.map(renderRow));
+    };
+    const headersMarkup = (React.createElement(Row, { role: "row" }, visible.map((column, i) => renderHeader({
+        column,
+        sortState,
+        onChangeSort,
+        resizeableColumns,
+        setColumnWidth,
+        columnCount: visible.length,
+        columnI: i,
+    }))));
+    const shouldRenderFooter = initialColumns.some((column) => !!column.renderFooter);
+    const shouldRenderActionBar = selectedRowIds.length > 0 && !!actionBarSlot;
+    return (React.createElement(Wrapper, { borderMode: borderMode },
+        shouldRenderActionBar && (React.createElement(ActionBar, { selectionColumn: selectionColumn, intersectionTargetRef: intersectionTargetRef, containerRef: scrollContainerRef }, actionBarSlot)),
+        React.createElement(ScrollContainer, { ref: scrollContainerRef },
+            enableStickyHeader && (React.createElement(StickyHead, { tableCss: tableCss, intersectionTargetRef: intersectionTargetRef, containerRef: scrollContainerRef, cellWidths: adjustedCellWidths, stickyHeaderTop: stickyHeaderTop }, headersMarkup)),
+            React.createElement("div", { ref: intersectionTargetRef, style: { height: 0 } }),
+            React.createElement(TableGrid, { css: tableCss, ref: tableRef, role: "table" },
+                React.createElement("thead", { role: "rowgroup" }, headersMarkup),
+                renderBody(),
+                shouldRenderFooter && (React.createElement("tfoot", { role: "rowgroup" },
+                    React.createElement(Row, { role: "row" }, visible.map((column) => renderFooter({ column })))))))));
+};
+DataTable.defaultProps = {
+    loading: false,
+    loadingRowCount: 5,
+    selectionMode: 'multiple',
+    stripingMode: 'row',
+    enableStickyHeader: true,
+};
+DataTable.Cell = Cell;
+DataTable.ColumnMenu = ColumnMenu;
+DataTable.SelectionCell = SelectionCell;
+DataTable.SelectionHeader = SelectionHeader;
+DataTable.Header = Header;
+DataTable.Truncate = Truncate;
+DataTable.NoWrap = NoWrap;
+
+export { DataTable };
 //# sourceMappingURL=DataTable.js.map

package/dist/components/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DataTable.js","sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AA2CA,MAAM,iBAAiB,GAAgB;IACrC,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAI,CAAA;AAC7C,IAAA,OAAO,EAAE,YAAY;CACtB;AAED,MAAM,WAAW,GAAG,MAAK,GAAG;MAEf,SAAS,GAAG,CAAC,EACxB,aAAa,EACb,UAAU,EACV,OAAO,EAAE,cAAc,EACvB,UAAU,GAAG,iBAAiB,EAC9B,cAAc,EACd,OAAO,EACP,eAAe,EACf,YAAY,EACZ,IAAI,EACJ,cAAc,EACd,aAAa,EACb,cAAc,EACd,WAAW,EACX,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,eAAe,GACA,KAAI;;AAGnB,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAiB,IAAI,CAAC;AACvD,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC;AAC/C,IAAA,MAAM,qBAAqB,GAAG,MAAM,CAAiB,IAAI,CAAC;IAE1D,eAAe,CAAC,kBAAkB,CAAC;;AAInC,IAAA,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAC,cAAc,KAAd,IAAA,IAAA,cAAc,KAAd,SAAA,GAAA,SAAA,GAAA,cAAc,CAAE,QAAQ,CAAC,EAAE,CAAC,CAAA,CAAC;IAE7F,MAAM,EAAE,gBAAgB,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC;QACtF,aAAa;QACb,cAAc;QACd,aAAa;AACd,KAAA,CAAC;;AAIF,IAAA,MAAM,OAAO,GAAG;QACd,WAAW,EAAE,WAAW,IAAI,WAAW;QACvC,WAAW,EAAE,WAAW,IAAI,WAAW;KACxC;;IAID,MAAM,oBAAoB,GAAG,CAAC,eAAe,EAAE,GAAG,cAAc,CAAC;IACjE,MAAM,UAAU,GAAG,gBAAgB,GAAG,oBAAoB,GAAG,cAAc;IAE3E,MAAM,UAAU,GAAG,aAAa,CAAC,QAAQ,EAAE,kBAAkB,CAAC;IAC9D,MAAM,EACJ,OAAO,EACP,UAAU,EACV,WAAW,EACX,cAAc,EACd,YAAY,EAAE,gBAAgB,GAC/B,GAAG,UAAU,CAAC,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,CAAC;IACnE,MAAM,kBAAkB,GACtB,UAAU,CAAC,MAAM,KAAK,OAAO,CAAC;AAC5B,UAAG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAClB,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;UAEzF,UAAU;;IAGhB,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAAC,kBAAkB,CAAC;IAChE,MAAM,QAAQ,GAAG,gBAAgB,CAAC;QAChC,UAAU;QACV,WAAW;AACX,QAAA,UAAU,EAAE,kBAAkB;QAC9B,cAAc;AACd,QAAA,YAAY,EAAE,gBAAgB;AAC9B,QAAA,OAAO,EAAE,OAAO;QAChB,YAAY;AACb,KAAA,CAAC;;AAIF,IAAA,IAAI,OAAO,EAAE;AACX,QAAA,MAAM,WAAW,GAAoB,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO;;AAEpF,YAAA,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI;AACxB,YAAA,IAAI,EAAE,IAAI;AACX,SAAA,CAAC,CAAC;AAEH,QAAA,QACE,KAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,UAAU,EAAE,UAAU,EAAA;AAC7B,YAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,GAAG,EAAE,kBAAkB,EAAA;AACtC,gBAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,EAAA;oBACnD,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,IAAI,EAAC,UAAU,EAAA;AACpB,wBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAC,EAAA,IAAI,EAAC,KAAK,EAAA,EACZ,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KACrB,YAAY,CAAC;4BACX,MAAM;4BACN,SAAS;4BACT,YAAY;4BACZ,iBAAiB;4BACjB,cAAc;4BACd,WAAW,EAAE,OAAO,CAAC,MAAM;AAC3B,4BAAA,OAAO,EAAE,CAAC;yBACX,CAAC,CACH,CACG,CACA;oBACR,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,IAAI,EAAC,UAAU,EAAA,EACnB,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,MACnB,KAAC,CAAA,aAAA,CAAA,GAAG,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAA,EAAG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAO,CAC5E,CAAC,CACI,CACE,CACI,CACV;AAEb;AAED,IAAA,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;AACrB,QAAA,QACE,KAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,UAAU,EAAE,UAAU,EAAA;AAC7B,YAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,GAAG,EAAE,kBAAkB,EAAA;AACtC,gBAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,EAAA;oBACnD,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,IAAI,EAAC,UAAU,EAAA;AACpB,wBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAC,EAAA,IAAI,EAAC,KAAK,EAAA,EACZ,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KACrB,YAAY,CAAC;4BACX,MAAM;4BACN,SAAS;4BACT,YAAY;4BACZ,iBAAiB;4BACjB,cAAc;4BACd,WAAW,EAAE,OAAO,CAAC,MAAM;AAC3B,4BAAA,OAAO,EAAE,CAAC;yBACX,CAAC,CACH,CACG,CACA;oBACR,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,IAAI,EAAC,UAAU,EAAA;AACpB,wBAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAC,EAAA,WAAW,EAAE,OAAO,CAAC,MAAM,EAAA;AAC3C,4BAAA,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,IAAA,EAEnB,UAAU,CAAC,QAAQ,CACE;4BACxB,KAAC,CAAA,aAAA,CAAA,KAAK,IAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAA;gCACjC,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,OAAO,EAAC,eAAe,EAAE,EAAA,UAAU,CAAC,OAAO,CAAQ;gCACxD,UAAU,CAAC,UAAU,KACpB,oBAAC,IAAI,EAAA,EAAC,OAAO,EAAC,kBAAkB,EAAA,EAAE,UAAU,CAAC,UAAU,CAAQ,CAChE,CACK,CACS,CACb,CACE,CACI,CACV;AAEb;AAED,IAAA,MAAM,SAAS,GAAG,CAAC,GAAa,KAAI;QAClC,MAAM,EAAE,YAAY,GAAG,EAAE,EAAE,WAAW,EAAE,GAAG,GAAG;AAC9C,QAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;QAExF,QACE,oBAAC,GAAG,EAAA,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAM,GAAA,QAAQ,IACzF,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAC1D;AAEV,KAAC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,SAAmB,EAAE,KAAqB,KAAI;;AACrE,QAAA,MAAM,qBAAqB,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,SAAA,GAAA,SAAA,GAAA,SAAS,CAAE,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,GAAG;AACjE,QAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AACvF,QAAA,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,IAAI,EAAC,KAAK,EAAC,GAAG,EAAE,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAChE,EAAA,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAC7D;AAEV,KAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,GAAa,KAAI;;AACtC,QAAA,MAAM,UAAU,GAAG,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,SAAA,GAAA,SAAA,GAAA,cAAc,CAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACnD,QACE,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,IAAI,EAAC,UAAU,EAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAA;YAC/B,SAAS,CAAC,GAAG,CAAC;YACd,UAAU,KAAI,CAAA,EAAA,GAAA,GAAG,CAAC,UAAU,gDAAE,GAAG,CAAC,CAAC,SAAS,KAAK,eAAe,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA,CAC/E;AAEZ,KAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,MAAM,aAAa,GAAG,CAAC,CAAC,cAAc;AACtC,QAAA,MAAM,mBAAmB,GAAG,aAAa,IAAI,YAAY,KAAK,QAAQ;AAEtE,QAAA,IAAI,mBAAmB,EAAE;AACvB,YAAA,OAAO,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC;AAC/B;AAED,QAAA,IAAI,aAAa,EAAE;AACjB,YAAA,QACE,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,IAAI,EAAC,UAAU,EAAA,EACnB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;;AAChB,gBAAA,MAAM,UAAU,GAAG,SAAS,CAAC,GAAG,CAAC;AACjC,gBAAA,MAAM,UAAU,GAAG,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,SAAA,GAAA,SAAA,GAAA,cAAc,CAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBACnD,MAAM,iBAAiB,GACrB,CAAC,UAAU;qBACT,CAAA,EAAA,GAAA,GAAG,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,GAAG,CAAC,CAAC,SAAS,KAAK,eAAe,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;AACxE,oBAAA,EAAE;AACJ,gBAAA,OAAO,CAAC,UAAU,EAAE,GAAG,iBAAiB,CAAC;aAC1C,CAAC,CACI;AAEX;AAED,QAAA,OAAO,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,IAAI,EAAC,UAAU,EAAE,EAAA,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAS;AAC7D,KAAC;IAED,MAAM,aAAa,IACjB,KAAA,CAAA,aAAA,CAAC,GAAG,EAAC,EAAA,IAAI,EAAC,KAAK,EACZ,EAAA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KACrB,YAAY,CAAC;QACX,MAAM;QACN,SAAS;QACT,YAAY;QACZ,iBAAiB;QACjB,cAAc;QACd,WAAW,EAAE,OAAO,CAAC,MAAM;AAC3B,QAAA,OAAO,EAAE,CAAC;KACX,CAAC,CACH,CACG,CACP;AAED,IAAA,MAAM,kBAAkB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;IACjF,MAAM,qBAAqB,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,aAAa;AAE1E,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,UAAU,EAAE,UAAU,EAAA;AAC5B,QAAA,qBAAqB,KACpB,KAAA,CAAA,aAAA,CAAC,SAAS,EACR,EAAA,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,EAC5C,YAAY,EAAE,kBAAkB,EAE/B,EAAA,aAAa,CACJ,CACb;AACD,QAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,GAAG,EAAE,kBAAkB,EAAA;YACrC,kBAAkB,KACjB,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,YAAY,EAAE,kBAAkB,EAChC,UAAU,EAAE,kBAAkB,EAC9B,eAAe,EAAE,eAAe,EAAA,EAE/B,aAAa,CACH,CACd;YACD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,qBAAqB,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAI,CAAA;AACzD,YAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,EAAA;AACnD,gBAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,IAAI,EAAC,UAAU,EAAA,EAAE,aAAa,CAAS;AAC7C,gBAAA,UAAU,EAAE;AACZ,gBAAA,kBAAkB,KACjB,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,IAAI,EAAC,UAAU,EAAA;AACpB,oBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,KAAK,EAAA,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAO,CACnE,CACT,CACS,CACI,CACV;AAEd;AAEA,SAAS,CAAC,YAAY,GAAG;AACvB,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,aAAa,EAAE,UAAU;AACzB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,kBAAkB,EAAE,IAAI;CACzB;AAED,SAAS,CAAC,IAAI,GAAG,IAAI;AACrB,SAAS,CAAC,UAAU,GAAG,UAAU;AACjC,SAAS,CAAC,aAAa,GAAG,aAAa;AACvC,SAAS,CAAC,eAAe,GAAG,eAAe;AAC3C,SAAS,CAAC,MAAM,GAAG,MAAM;AACzB,SAAS,CAAC,QAAQ,GAAG,QAAQ;AAC7B,SAAS,CAAC,MAAM,GAAG,MAAM;;;;"}

package/dist/components/DataTable/components/ActionBar.cjs

@@ -1,24 +1,53 @@
-"use strict";var e=require("react"),t=require("styled-components"),r=require("../../../theme/index.cjs"),n=require("../renderers/renderHeader.cjs"),i=require("../constants.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var l=o(e),s=o(t);const c=s.default.div`
-  display: grid;
-  grid-template-columns: auto 1fr;
-  align-items: center;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 50;
-  height: ${i.headerCellHeight};
-  background-color: white;
-`,d=s.default.div`
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  padding: 0 0.5rem;
-  border-bottom: 1px solid ${r.theme.colors.neutral.grey.base};
+'use strict';
 
-  & > * {
-    flex: 1;
-  }
-`;exports.ActionBar=function({selectionColumn:t,intersectionTargetRef:r,containerRef:i,children:o}){var s;const[u,a]=e.useState(!1);e.useEffect((()=>{if(!r.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{a(!e.isIntersecting)}))}));return e.observe(r.current),()=>e.disconnect()}),[r.current]);const f=null===(s=i.current)||void 0===s?void 0:s.getBoundingClientRect(),g={position:"fixed",top:0,left:null==f?void 0:f.left,width:null==f?void 0:f.width},h=u?g:{position:"absolute",top:0,left:0,right:0};return l.default.createElement(c,{style:h},n.renderHeader({column:t}),l.default.createElement(d,null,o))};
+var React = require('react');
+var styled = require('styled-components');
+var index = require('../../../theme/index.cjs');
+var renderHeader = require('../renderers/renderHeader.cjs');
+var constants = require('../constants.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const Container = styled__default.default.div.withConfig({ displayName: "vui--Container", componentId: "vui--1feqxrw" }) `display:grid;grid-template-columns:auto 1fr;align-items:center;position:absolute;top:0;left:0;right:0;z-index:50;height:${constants.headerCellHeight};background-color:white;`;
+const Content = styled__default.default.div.withConfig({ displayName: "vui--Content", componentId: "vui--dbz7t3" }) `width:100%;height:100%;display:flex;align-items:center;padding:0 0.5rem;border-bottom:1px solid ${index.theme.colors.neutral.grey.base};& > *{flex:1;}`;
+function ActionBar({ selectionColumn, intersectionTargetRef, containerRef, children, }) {
+    var _a;
+    const [isSticky, setIsSticky] = React.useState(false);
+    React.useEffect(() => {
+        if (!intersectionTargetRef.current)
+            return;
+        const callback = (entries) => {
+            entries.forEach((entry) => {
+                setIsSticky(!entry.isIntersecting);
+            });
+        };
+        const intersectionObserver = new IntersectionObserver(callback);
+        intersectionObserver.observe(intersectionTargetRef.current);
+        /* eslint-disable-next-line consistent-return */
+        return () => intersectionObserver.disconnect();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [intersectionTargetRef.current]);
+    const containerRect = (_a = containerRef.current) === null || _a === undefined ? undefined : _a.getBoundingClientRect();
+    const defaultPositionStyles = {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+    };
+    const stickyPositionStyles = {
+        position: 'fixed',
+        top: 0,
+        left: containerRect === null || containerRect === undefined ? undefined : containerRect.left,
+        width: containerRect === null || containerRect === undefined ? undefined : containerRect.width,
+    };
+    const style = isSticky ? stickyPositionStyles : defaultPositionStyles;
+    return (React__default.default.createElement(Container, { style: style },
+        renderHeader.renderHeader({ column: selectionColumn }),
+        React__default.default.createElement(Content, null, children)));
+}
+
+exports.ActionBar = ActionBar;
 //# sourceMappingURL=ActionBar.cjs.map

package/dist/components/DataTable/components/ActionBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.cjs","sources":["../../../../src/components/DataTable/components/ActionBar.tsx"],"sourcesContent":[null],"names":["Container","styled","div"],"mappings":"uPAoCE,MAAAA,EAAAC,EAAAA,QAAqBC,GAAE;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ActionBar.cjs","sources":["../../../../src/components/DataTable/components/ActionBar.tsx"],"sourcesContent":[null],"names":["styled","headerCellHeight","theme","useState","useEffect","React","renderHeader"],"mappings":";;;;;;;;;;;;;AAOA,MAAM,SAAS,GAAGA,uBAAM,CAAC,GAAG,CAShB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wHAAA,EAAAC,0BAAgB,0BAE3B;AAED,MAAM,OAAO,GAAGD,uBAAM,CAAC,GAAG,4KAMGE,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,iBAK1D;AASK,SAAU,SAAS,CAAC,EACxB,eAAe,EACf,qBAAqB,EACrB,YAAY,EACZ,QAAQ,GACO,EAAA;;IACf,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAE/CC,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,qBAAqB,CAAC,OAAO;YAAE;AACpC,QAAA,MAAM,QAAQ,GAAiC,CAAC,OAAO,KAAI;AACzD,YAAA,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AACxB,gBAAA,WAAW,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC;AACpC,aAAC,CAAC;AACJ,SAAC;AACD,QAAA,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CAAC,QAAQ,CAAC;AAC/D,QAAA,oBAAoB,CAAC,OAAO,CAAC,qBAAqB,CAAC,OAAO,CAAC;;AAE3D,QAAA,OAAO,MAAM,oBAAoB,CAAC,UAAU,EAAE;;AAEhD,KAAC,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;IAEnC,MAAM,aAAa,GAAG,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,qBAAqB,EAAE;AAEnE,IAAA,MAAM,qBAAqB,GAAkB;AAC3C,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;KACT;AAED,IAAA,MAAM,oBAAoB,GAAkB;AAC1C,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,IAAI;AACzB,QAAA,KAAK,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,KAAK;KAC5B;IAED,MAAM,KAAK,GAAG,QAAQ,GAAG,oBAAoB,GAAG,qBAAqB;AAErE,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,KAAK,EAAE,KAAK,EAAA;AACpB,QAAAC,yBAAY,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC;AAC1C,QAAAD,sBAAA,CAAA,aAAA,CAAC,OAAO,EAAE,IAAA,EAAA,QAAQ,CAAW,CACnB;AAEhB;;;;"}

package/dist/components/DataTable/components/ActionBar.d.ts

@@ -7,4 +7,3 @@ export interface ActionBarProps {
     containerRef: RefObject<HTMLElement>;
 }
 export declare function ActionBar({ selectionColumn, intersectionTargetRef, containerRef, children, }: ActionBarProps): React.JSX.Element;
-//# sourceMappingURL=ActionBar.d.ts.map

package/dist/components/DataTable/components/ActionBar.js

@@ -1,24 +1,46 @@
-import e,{useState as t,useEffect as r}from"react";import n from"styled-components";import{theme as o}from"../../../theme/index.js";import{renderHeader as i}from"../renderers/renderHeader.js";import{headerCellHeight as l}from"../constants.js";const s=n.div`
-  display: grid;
-  grid-template-columns: auto 1fr;
-  align-items: center;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 50;
-  height: ${l};
-  background-color: white;
-`,c=n.div`
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  padding: 0 0.5rem;
-  border-bottom: 1px solid ${o.colors.neutral.grey.base};
+import React, { useState, useEffect } from 'react';
+import styled from 'styled-components';
+import { theme } from '../../../theme/index.js';
+import { renderHeader } from '../renderers/renderHeader.js';
+import { headerCellHeight } from '../constants.js';
 
-  & > * {
-    flex: 1;
-  }
-`;function d({selectionColumn:n,intersectionTargetRef:o,containerRef:l,children:d}){var m;const[a,u]=t(!1);r((()=>{if(!o.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{u(!e.isIntersecting)}))}));return e.observe(o.current),()=>e.disconnect()}),[o.current]);const f=null===(m=l.current)||void 0===m?void 0:m.getBoundingClientRect(),p={position:"fixed",top:0,left:null==f?void 0:f.left,width:null==f?void 0:f.width},g=a?p:{position:"absolute",top:0,left:0,right:0};return e.createElement(s,{style:g},i({column:n}),e.createElement(c,null,d))}export{d as ActionBar};
+const Container = styled.div.withConfig({ displayName: "vui--Container", componentId: "vui--1feqxrw" }) `display:grid;grid-template-columns:auto 1fr;align-items:center;position:absolute;top:0;left:0;right:0;z-index:50;height:${headerCellHeight};background-color:white;`;
+const Content = styled.div.withConfig({ displayName: "vui--Content", componentId: "vui--dbz7t3" }) `width:100%;height:100%;display:flex;align-items:center;padding:0 0.5rem;border-bottom:1px solid ${theme.colors.neutral.grey.base};& > *{flex:1;}`;
+function ActionBar({ selectionColumn, intersectionTargetRef, containerRef, children, }) {
+    var _a;
+    const [isSticky, setIsSticky] = useState(false);
+    useEffect(() => {
+        if (!intersectionTargetRef.current)
+            return;
+        const callback = (entries) => {
+            entries.forEach((entry) => {
+                setIsSticky(!entry.isIntersecting);
+            });
+        };
+        const intersectionObserver = new IntersectionObserver(callback);
+        intersectionObserver.observe(intersectionTargetRef.current);
+        /* eslint-disable-next-line consistent-return */
+        return () => intersectionObserver.disconnect();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [intersectionTargetRef.current]);
+    const containerRect = (_a = containerRef.current) === null || _a === undefined ? undefined : _a.getBoundingClientRect();
+    const defaultPositionStyles = {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+    };
+    const stickyPositionStyles = {
+        position: 'fixed',
+        top: 0,
+        left: containerRect === null || containerRect === undefined ? undefined : containerRect.left,
+        width: containerRect === null || containerRect === undefined ? undefined : containerRect.width,
+    };
+    const style = isSticky ? stickyPositionStyles : defaultPositionStyles;
+    return (React.createElement(Container, { style: style },
+        renderHeader({ column: selectionColumn }),
+        React.createElement(Content, null, children)));
+}
+
+export { ActionBar };
 //# sourceMappingURL=ActionBar.js.map

package/dist/components/DataTable/components/ActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.js","sources":["../../../../src/components/DataTable/components/ActionBar.tsx"],"sourcesContent":[null],"names":["Container","styled","div"],"mappings":"mPAoCE,MAAAA,EAAAC,EAAqBC,GAAE;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ActionBar.js","sources":["../../../../src/components/DataTable/components/ActionBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOA,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAShB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wHAAA,EAAA,gBAAgB,0BAE3B;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,4KAMG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,iBAK1D;AASK,SAAU,SAAS,CAAC,EACxB,eAAe,EACf,qBAAqB,EACrB,YAAY,EACZ,QAAQ,GACO,EAAA;;IACf,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE/C,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,qBAAqB,CAAC,OAAO;YAAE;AACpC,QAAA,MAAM,QAAQ,GAAiC,CAAC,OAAO,KAAI;AACzD,YAAA,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AACxB,gBAAA,WAAW,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC;AACpC,aAAC,CAAC;AACJ,SAAC;AACD,QAAA,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CAAC,QAAQ,CAAC;AAC/D,QAAA,oBAAoB,CAAC,OAAO,CAAC,qBAAqB,CAAC,OAAO,CAAC;;AAE3D,QAAA,OAAO,MAAM,oBAAoB,CAAC,UAAU,EAAE;;AAEhD,KAAC,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;IAEnC,MAAM,aAAa,GAAG,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,qBAAqB,EAAE;AAEnE,IAAA,MAAM,qBAAqB,GAAkB;AAC3C,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;KACT;AAED,IAAA,MAAM,oBAAoB,GAAkB;AAC1C,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,IAAI;AACzB,QAAA,KAAK,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,KAAK;KAC5B;IAED,MAAM,KAAK,GAAG,QAAQ,GAAG,oBAAoB,GAAG,qBAAqB;AAErE,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,KAAK,EAAE,KAAK,EAAA;AACpB,QAAA,YAAY,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC;AAC1C,QAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAE,IAAA,EAAA,QAAQ,CAAW,CACnB;AAEhB;;;;"}

package/dist/components/DataTable/components/Cell.cjs

@@ -1,30 +1,17 @@
-"use strict";var e=require("styled-components"),t=require("../../../theme/index.cjs"),l=require("../utils/alignmentToFlex.cjs");require("../types.cjs"),require("react");var o=require("../constants.cjs");function n(e){return e&&e.__esModule?e:{default:e}}const i=n(e).default.td`
-  display: flex;
-  align-items: center;
-  justify-content: ${({align:e="left"})=>l.alignmentToFlex(e)};
+'use strict';
 
-  /* Styling */
-  background-color: white;
-  padding-bottom: var(--density);
-  padding-top: var(--density);
-  padding-left: ${({spacing:e=o.defaultCellSpacing})=>t.theme.sizes[e]};
-  padding-right: ${({spacing:e=o.defaultCellSpacing})=>t.theme.sizes[e]};
+var styled = require('styled-components');
+var index = require('../../../theme/index.cjs');
+var alignmentToFlex = require('../utils/alignmentToFlex.cjs');
+require('../types.cjs');
+require('react');
+var constants = require('../constants.cjs');
 
-  /* Content */
-  color: ${t.theme.text.bodySmall.color};
-  font-family: ${t.theme.text.bodySmall.fontFamily};
-  font-size: ${t.theme.text.bodySmall.fontSize};
-  font-style: ${t.theme.text.bodySmall.fontStyle};
-  font-weight: ${t.theme.text.bodySmall.fontWeight};
-  line-height: ${t.theme.text.bodySmall.lineHeight};
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-  /* Grid */
-  grid-column-end: ${({span:e=1})=>`span ${e}`};
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-  tfoot & {
-    min-height: ${o.footerCellHeight};
-    border-top: 1px solid ${t.theme.colors.secondary.blue.base};
-    background-color: ${t.theme.colors.neutral.grey.lightest};
-  }
-`;exports.Cell=i;
+const Cell = styled__default.default.td.withConfig({ displayName: "vui--Cell", componentId: "vui--1oz46st" }) `display:flex;align-items:center;justify-content:${({ align = 'left' }) => alignmentToFlex.alignmentToFlex(align)};background-color:white;padding-bottom:var(--density);padding-top:var(--density);padding-left:${({ spacing = constants.defaultCellSpacing }) => index.theme.sizes[spacing]};padding-right:${({ spacing = constants.defaultCellSpacing }) => index.theme.sizes[spacing]};color:${index.theme.text.bodySmall.color};font-family:${index.theme.text.bodySmall.fontFamily};font-size:${index.theme.text.bodySmall.fontSize};font-style:${index.theme.text.bodySmall.fontStyle};font-weight:${index.theme.text.bodySmall.fontWeight};line-height:${index.theme.text.bodySmall.lineHeight};grid-column-end:${({ span = 1 }) => `span ${span}`};tfoot &{min-height:${constants.footerCellHeight};border-top:1px solid ${index.theme.colors.secondary.blue.base};background-color:${index.theme.colors.neutral.grey.lightest};}`;
+
+exports.Cell = Cell;
 //# sourceMappingURL=Cell.cjs.map

package/dist/components/DataTable/components/Cell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.cjs","sources":["../../../../src/components/DataTable/components/Cell.ts"],"sourcesContent":[null],"names":["Cell","styled","td"],"mappings":"8PASS,MAAAA,OAAOC,QAAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Cell.cjs","sources":["../../../../src/components/DataTable/components/Cell.ts"],"sourcesContent":[null],"names":["styled","alignmentToFlex","defaultCellSpacing","theme","footerCellHeight"],"mappings":";;;;;;;;;;;;;AAYO,MAAM,IAAI,GAAGA,uBAAM,CAAC,EAAE,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,gDAAA,EAGR,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,KAAKC,+BAAe,CAAC,KAAK,CAAC,iGAMjD,CAAC,EAAE,OAAO,GAAGC,4BAAkB,EAAE,KAAKC,WAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CACzD,eAAA,EAAA,CAAC,EAAE,OAAO,GAAGD,4BAAkB,EAAE,KAAKC,WAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA,OAAA,EAGlEA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CACpB,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,WAAA,EACjCA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,YAAA,EAC5BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAC7B,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EAC/BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAG3B,iBAAA,EAAA,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAGnC,oBAAA,EAAAC,0BAAgB,CACN,sBAAA,EAAAD,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,kBAAA,EACpCA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;;;;"}

package/dist/components/DataTable/components/Cell.d.ts

@@ -5,4 +5,3 @@ export interface CellProps {
     span?: number;
 }
 export declare const Cell: import("styled-components").StyledComponent<"td", any, CellProps, never>;
-//# sourceMappingURL=Cell.d.ts.map

package/dist/components/DataTable/components/Cell.js

@@ -1,30 +1,11 @@
-import t from"styled-components";import{theme as o}from"../../../theme/index.js";import{alignmentToFlex as e}from"../utils/alignmentToFlex.js";import"../types.js";import"react";import{defaultCellSpacing as i,footerCellHeight as n}from"../constants.js";const l=t.td`
-  display: flex;
-  align-items: center;
-  justify-content: ${({align:t="left"})=>e(t)};
+import styled from 'styled-components';
+import { theme } from '../../../theme/index.js';
+import { alignmentToFlex } from '../utils/alignmentToFlex.js';
+import '../types.js';
+import 'react';
+import { defaultCellSpacing, footerCellHeight } from '../constants.js';
 
-  /* Styling */
-  background-color: white;
-  padding-bottom: var(--density);
-  padding-top: var(--density);
-  padding-left: ${({spacing:t=i})=>o.sizes[t]};
-  padding-right: ${({spacing:t=i})=>o.sizes[t]};
+const Cell = styled.td.withConfig({ displayName: "vui--Cell", componentId: "vui--1oz46st" }) `display:flex;align-items:center;justify-content:${({ align = 'left' }) => alignmentToFlex(align)};background-color:white;padding-bottom:var(--density);padding-top:var(--density);padding-left:${({ spacing = defaultCellSpacing }) => theme.sizes[spacing]};padding-right:${({ spacing = defaultCellSpacing }) => theme.sizes[spacing]};color:${theme.text.bodySmall.color};font-family:${theme.text.bodySmall.fontFamily};font-size:${theme.text.bodySmall.fontSize};font-style:${theme.text.bodySmall.fontStyle};font-weight:${theme.text.bodySmall.fontWeight};line-height:${theme.text.bodySmall.lineHeight};grid-column-end:${({ span = 1 }) => `span ${span}`};tfoot &{min-height:${footerCellHeight};border-top:1px solid ${theme.colors.secondary.blue.base};background-color:${theme.colors.neutral.grey.lightest};}`;
 
-  /* Content */
-  color: ${o.text.bodySmall.color};
-  font-family: ${o.text.bodySmall.fontFamily};
-  font-size: ${o.text.bodySmall.fontSize};
-  font-style: ${o.text.bodySmall.fontStyle};
-  font-weight: ${o.text.bodySmall.fontWeight};
-  line-height: ${o.text.bodySmall.lineHeight};
-
-  /* Grid */
-  grid-column-end: ${({span:t=1})=>`span ${t}`};
-
-  tfoot & {
-    min-height: ${n};
-    border-top: 1px solid ${o.colors.secondary.blue.base};
-    background-color: ${o.colors.neutral.grey.lightest};
-  }
-`;export{l as Cell};
+export { Cell };
 //# sourceMappingURL=Cell.js.map

package/dist/components/DataTable/components/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../src/components/DataTable/components/Cell.ts"],"sourcesContent":[null],"names":["Cell","styled","td"],"mappings":"4PASS,MAAAA,EAAOC,EAAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Cell.js","sources":["../../../../src/components/DataTable/components/Cell.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAYO,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,gDAAA,EAGR,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,eAAe,CAAC,KAAK,CAAC,iGAMjD,CAAC,EAAE,OAAO,GAAG,kBAAkB,EAAE,KAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CACzD,eAAA,EAAA,CAAC,EAAE,OAAO,GAAG,kBAAkB,EAAE,KAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA,OAAA,EAGlE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CACpB,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,WAAA,EACjC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,YAAA,EAC5B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAC7B,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EAC/B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAG3B,iBAAA,EAAA,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAGnC,oBAAA,EAAA,gBAAgB,CACN,sBAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,kBAAA,EACpC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;;;;"}

package/dist/components/DataTable/components/ColumnDivider.cjs

@@ -1,22 +1,73 @@
-"use strict";var e=require("react"),t=require("styled-components"),n=require("../../../theme/index.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var d=r(e);const i=r(t).default.div`
-  position: absolute;
-  right: 0;
-  top: 37.5%;
-  width: 1px;
-  background: ${n.theme.colors.neutral.grey.dark};
-  min-height: 25%;
-  cursor: col-resize;
-  user-select: none;
+'use strict';
 
-  &::before {
-    content: '';
-    position: absolute;
-    top: -150%;
-    left: 0;
-    width: 12px;
-    min-height: 400%;
-    z-index: 1;
-    transform: translateX(-6px);
-  }
-`;exports.ColumnDivider=({columnId:t,setColumnWidth:n,minWidth:r})=>{const a=e.createRef(),o=e=>{const{minTranslate:t,dragDivider:n,dragInitX:r}=window.tableHeaders,d=Math.max(e.clientX-(r||0),t||0);n.parentElement.parentElement.classList.add("hideHeaderDetails"),n.style.transform=`translateX(${d}px)`},s=({event:e})=>{const{dragInitX:t,dragDivider:n}=window.tableHeaders,{parentElement:d}=n,i=null==d?void 0:d.getBoundingClientRect().width,a=d.querySelector(".headerContent").getBoundingClientRect().width,o=r&&a<r?r:a,s=(e.clientX||0)-(t||0);return Math.max((i||0)+s,o+24)},l=e=>{window.removeEventListener("mouseup",l),window.removeEventListener("dragend",l),window.removeEventListener("mousemove",o),window.removeEventListener("drag",o),null==n||n({columnId:t,width:s({event:e})}),window.tableHeaders&&(window.tableHeaders.dragDivider.style.transform="translateX(0)",window.tableHeaders.dragDivider.parentElement.style.justifyContent="",window.tableHeaders.dragInitX=void 0,window.tableHeaders.minTranslate=void 0,window.tableHeaders.dragDivider.parentElement.parentElement.classList.remove("hideHeaderDetails"))},w=e=>{0!==e.button&&"dragstart"!==e.type||(window.tableHeaders={dragInitX:e.clientX,dragDivider:a.current},window.tableHeaders.minTranslate=(()=>{const{parentElement:e}=window.tableHeaders.dragDivider;return e.querySelector(".headerContent").getBoundingClientRect().width-e.getBoundingClientRect().width+24})(),window.addEventListener("mouseup",l),window.addEventListener("dragend",l),window.addEventListener("mousemove",o),window.addEventListener("drag",o))};return d.default.createElement(i,{ref:a,className:"th-divider",onMouseDown:w,onDragStart:w})},exports.ResizerBar=i;
+var React = require('react');
+var styled = require('styled-components');
+var index = require('../../../theme/index.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const ResizerBar = styled__default.default.div.withConfig({ displayName: "vui--ResizerBar", componentId: "vui--115ilx" }) `position:absolute;right:0;top:37.5%;width:1px;background:${index.theme.colors.neutral.grey.dark};min-height:25%;cursor:col-resize;user-select:none;&::before{content:'';position:absolute;top:-150%;left:0;width:12px;min-height:400%;z-index:1;transform:translateX(-6px);}`;
+const ColumnDivider = ({ columnId, setColumnWidth, minWidth }) => {
+    const ref = React.createRef();
+    const padding = 24;
+    const mouseMove = (event) => {
+        const { minTranslate, dragDivider, dragInitX } = window.tableHeaders;
+        const translate = Math.max(event.clientX - (dragInitX || 0), minTranslate || 0);
+        dragDivider.parentElement.parentElement.classList.add('hideHeaderDetails');
+        dragDivider.style.transform = `translateX(${translate}px)`;
+    };
+    const minTranslate = () => {
+        const { parentElement } = window.tableHeaders.dragDivider;
+        const contentWidth = parentElement
+            .querySelector('.headerContent')
+            .getBoundingClientRect().width;
+        const currWidth = parentElement.getBoundingClientRect().width;
+        return contentWidth - currWidth + padding;
+    };
+    const calculateWidth = ({ event }) => {
+        const { dragInitX, dragDivider } = window.tableHeaders;
+        const { parentElement } = dragDivider;
+        const initWidth = parentElement === null || parentElement === undefined ? undefined : parentElement.getBoundingClientRect().width;
+        const contentWidth = parentElement
+            .querySelector('.headerContent')
+            .getBoundingClientRect().width;
+        const finalWidth = minWidth && contentWidth < minWidth ? minWidth : contentWidth;
+        const deltaX = (event.clientX || 0) - (dragInitX || 0);
+        return Math.max((initWidth || 0) + deltaX, finalWidth + padding);
+    };
+    const mouseUp = (event) => {
+        window.removeEventListener('mouseup', mouseUp);
+        window.removeEventListener('dragend', mouseUp);
+        window.removeEventListener('mousemove', mouseMove);
+        window.removeEventListener('drag', mouseMove);
+        setColumnWidth === null || setColumnWidth === undefined ? undefined : setColumnWidth({ columnId, width: calculateWidth({ event }) });
+        if (window.tableHeaders) {
+            window.tableHeaders.dragDivider.style.transform = 'translateX(0)';
+            window.tableHeaders.dragDivider.parentElement.style.justifyContent = '';
+            window.tableHeaders.dragInitX = undefined;
+            window.tableHeaders.minTranslate = undefined;
+            window.tableHeaders.dragDivider.parentElement.parentElement.classList.remove('hideHeaderDetails');
+        }
+    };
+    const trackMouseStart = (event) => {
+        if (event.button !== 0 && event.type !== 'dragstart')
+            return;
+        window.tableHeaders = {
+            dragInitX: event.clientX,
+            dragDivider: ref.current,
+        };
+        window.tableHeaders.minTranslate = minTranslate();
+        window.addEventListener('mouseup', mouseUp);
+        window.addEventListener('dragend', mouseUp);
+        window.addEventListener('mousemove', mouseMove);
+        window.addEventListener('drag', mouseMove);
+    };
+    return (React__default.default.createElement(ResizerBar, { ref: ref, className: "th-divider", onMouseDown: trackMouseStart, onDragStart: trackMouseStart }));
+};
+
+exports.ColumnDivider = ColumnDivider;
+exports.ResizerBar = ResizerBar;
 //# sourceMappingURL=ColumnDivider.cjs.map

package/dist/components/DataTable/components/ColumnDivider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnDivider.cjs","sources":["../../../../src/components/DataTable/components/ColumnDivider.tsx"],"sourcesContent":[null],"names":["ResizerBar","styled","div","theme","colors","neutral","grey","dark"],"mappings":"uKAMU,MAAAA,OAAWC,QAAAC,GAAA;;;;;kBAMFC,MAACC,OAAAC,QAAAC,KAAAC;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ColumnDivider.cjs","sources":["../../../../src/components/DataTable/components/ColumnDivider.tsx"],"sourcesContent":[null],"names":["styled","theme","createRef","React"],"mappings":"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"}

package/dist/components/DataTable/components/ColumnDivider.d.ts

@@ -10,4 +10,3 @@ export type CalculateWidthProps = {
 };
 export declare const ResizerBar: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ColumnDivider: ({ columnId, setColumnWidth, minWidth }: ColumnDividerProps) => React.JSX.Element;
-//# sourceMappingURL=ColumnDivider.d.ts.map