@veeqo/ui 9.0.0-beta-2 → 9.0.0-beta-v2-1

package/dist/components/DataTable/DataTable.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DataTable.cjs","sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":[null],"names":["React","InfoIcon","useRef","useDragToScroll","useSelection","useCellWidths","useColumns","useScrollPosition","generateTableCss","Wrapper","ScrollContainer","TableGrid","Row","renderHeader","renderLoadingCell","EmptyBodyContent","EmptyBodyGlyphWrapper","Stack","Text","getRowState","renderCell","renderNestedCell","ActionBar","StickyHead","renderFooter","Cell","ColumnMenu","SelectionCell","SelectionHeader","Header","Truncate","NoWrap"],"mappings":"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"}

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

@@ -20,4 +20,3 @@ export declare const DataTable: {
     Truncate: import("styled-components").StyledComponent<"div", any, {}, never>;
     NoWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
 };
-//# sourceMappingURL=DataTable.d.ts.map

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":"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"}

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

@@ -1,2 +1,53 @@
-"use strict";var e=require("react"),t=require("styled-components"),n=require("../../../theme/index.cjs"),r=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 u=s.default.div.withConfig({displayName:"vui--Container",componentId:"vui--uoc40o"})`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;`,c=s.default.div.withConfig({displayName:"vui--Content",componentId:"vui--x1996k"})`width:100%;height:100%;display:flex;align-items:center;padding:0 0.5rem;border-bottom:1px solid ${n.theme.colors.neutral.grey.base};& > *{flex:1;}`;exports.ActionBar=function({selectionColumn:t,intersectionTargetRef:n,containerRef:i,children:o}){var s;const[d,a]=e.useState(!1);e.useEffect((()=>{if(!n.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{a(!e.isIntersecting)}))}));return e.observe(n.current),()=>e.disconnect()}),[n.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=d?g:{position:"absolute",top:0,left:0,right:0};return l.default.createElement(u,{style:h},r.renderHeader({column:t}),l.default.createElement(c,null,o))};
+'use strict';
+
+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--uoc40o" }) `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--x1996k" }) `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","withConfig","displayName","componentId","headerCellHeight","Content","default","theme","colors","neutral","grey","base","selectionColumn","intersectionTargetRef","containerRef","children","_a"],"mappings":"uPAoCE,MAAAA,EAAAC,EAAAA,QAAqBC,IAAEC,WAAU,CAAAC,YAAa,iBAAAC,YAAA,eAAA,2HAAAC,EAAAA,2CAC9CC,EAAYN,EAAEO,QAAAN,IAASC,WAAC,CAAYC,YAAC,eAAAC,YAAA,eAAA,mGAAAI,EAAAA,MAAAC,OAAAC,QAAAC,KAAAC,wCACtC,UAAAC,gBAAAA,EAAAC,sBAAAA,EAAAC,aAAAA,EAAAC,SAAAA,IAED,IAAAC"}
+{"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,aAAA,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,2 +1,46 @@
-import e,{useState as t,useEffect as n}from"react";import o from"styled-components";import{theme as i}from"../../../theme/index.js";import{renderHeader as r}from"../renderers/renderHeader.js";import{headerCellHeight as l}from"../constants.js";const s=o.div.withConfig({displayName:"vui--Container",componentId:"vui--uoc40o"})`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=o.div.withConfig({displayName:"vui--Content",componentId:"vui--x1996k"})`width:100%;height:100%;display:flex;align-items:center;padding:0 0.5rem;border-bottom:1px solid ${i.colors.neutral.grey.base};& > *{flex:1;}`;function d({selectionColumn:o,intersectionTargetRef:i,containerRef:l,children:d}){var a;const[m,u]=t(!1);n((()=>{if(!i.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{u(!e.isIntersecting)}))}));return e.observe(i.current),()=>e.disconnect()}),[i.current]);const p=null===(a=l.current)||void 0===a?void 0:a.getBoundingClientRect(),f={position:"fixed",top:0,left:null==p?void 0:p.left,width:null==p?void 0:p.width},g=m?f:{position:"absolute",top:0,left:0,right:0};return e.createElement(s,{style:g},r({column:o}),e.createElement(c,null,d))}export{d as ActionBar};
+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';
+
+const Container = styled.div.withConfig({ displayName: "vui--Container", componentId: "vui--uoc40o" }) `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--x1996k" }) `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","withConfig","displayName","componentId","headerCellHeight","Content","theme","colors","neutral","grey","base","ActionBar","selectionColumn","intersectionTargetRef","containerRef","children","_a"],"mappings":"mPAoCE,MAAAA,EAAAC,EAAqBC,IAAEC,WAAU,CAAAC,YAAa,iBAAAC,YAAA,eAAA,2HAAAC,4BAC9CC,EAAYN,EAAEC,IAASC,WAAC,CAAYC,YAAC,eAAAC,YAAA,eAAA,mGAAAG,EAAAC,OAAAC,QAAAC,KAAAC,sBACtC,SAAAC,GAAAC,gBAAAA,EAAAC,sBAAAA,EAAAC,aAAAA,EAAAC,SAAAA,IAED,IAAAC"}
+{"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,aAAA,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;;;;"}