@veeqo/ui 9.7.1 → 9.9.0

package/dist/components/DataGrid/components/CellContent/CellContent.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var React = require('react');
+var buildClassnames = require('../../../../utils/buildClassnames.cjs');
+require('uid/secure');
+var CellContent_module = require('./CellContent.module.css.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const cellContentClassname = buildClassnames.buildClassnames([CellContent_module.cellContent, 'data-grid-cell-content']);
+/**
+ * Wrapper for content displayed within a non-header cell in the grid.
+ */
+const CellContent = ({ contentStyle, children }) => {
+    return (React__default.default.createElement("div", { "data-testid": "data-grid-cell-content", className: cellContentClassname, style: contentStyle }, children));
+};
+
+exports.CellContent = CellContent;
+//# sourceMappingURL=CellContent.cjs.map

package/dist/components/DataGrid/components/CellContent/CellContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellContent.cjs","sources":["../../../../../src/components/DataGrid/components/CellContent/CellContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../../../utils';\n\nimport { cellContent } from './CellContent.module.css';\n\nexport interface CellContentProps {\n  /**\n   * Styles to be applied to the cell content wrapper.\n   */\n  contentStyle: Pick<React.CSSProperties, 'marginLeft' | 'justifyContent' | 'textAlign'>;\n\n  /**\n   * Child elements.\n   */\n  children?: React.ReactNode;\n}\n\nconst cellContentClassname = buildClassnames([cellContent, 'data-grid-cell-content']);\n\n/**\n * Wrapper for content displayed within a non-header cell in the grid.\n */\nexport const CellContent = ({ contentStyle, children }: CellContentProps) => {\n  return (\n    <div data-testid=\"data-grid-cell-content\" className={cellContentClassname} style={contentStyle}>\n      {children}\n    </div>\n  );\n};\n"],"names":["buildClassnames","cellContent","React"],"mappings":";;;;;;;;;;;AAkBA,MAAM,oBAAoB,GAAGA,+BAAe,CAAC,CAACC,8BAAW,EAAE,wBAAwB,CAAC,CAAC;AAErF;;AAEG;AACU,MAAA,WAAW,GAAG,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAoB,KAAI;AAC1E,IAAA,QACEC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,wBAAwB,EAAC,SAAS,EAAE,oBAAoB,EAAE,KAAK,EAAE,YAAY,EAAA,EAC3F,QAAQ,CACL;AAEV;;;;"}

package/dist/components/DataGrid/components/CellContent/CellContent.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface CellContentProps {
+    /**
+     * Styles to be applied to the cell content wrapper.
+     */
+    contentStyle: Pick<React.CSSProperties, 'marginLeft' | 'justifyContent' | 'textAlign'>;
+    /**
+     * Child elements.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Wrapper for content displayed within a non-header cell in the grid.
+ */
+export declare const CellContent: ({ contentStyle, children }: CellContentProps) => React.JSX.Element;

package/dist/components/DataGrid/components/CellContent/CellContent.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { buildClassnames } from '../../../../utils/buildClassnames.js';
+import 'uid/secure';
+import { cellContent } from './CellContent.module.css.js';
+
+const cellContentClassname = buildClassnames([cellContent, 'data-grid-cell-content']);
+/**
+ * Wrapper for content displayed within a non-header cell in the grid.
+ */
+const CellContent = ({ contentStyle, children }) => {
+    return (React__default.createElement("div", { "data-testid": "data-grid-cell-content", className: cellContentClassname, style: contentStyle }, children));
+};
+
+export { CellContent };
+//# sourceMappingURL=CellContent.js.map

package/dist/components/DataGrid/components/CellContent/CellContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellContent.js","sources":["../../../../../src/components/DataGrid/components/CellContent/CellContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../../../utils';\n\nimport { cellContent } from './CellContent.module.css';\n\nexport interface CellContentProps {\n  /**\n   * Styles to be applied to the cell content wrapper.\n   */\n  contentStyle: Pick<React.CSSProperties, 'marginLeft' | 'justifyContent' | 'textAlign'>;\n\n  /**\n   * Child elements.\n   */\n  children?: React.ReactNode;\n}\n\nconst cellContentClassname = buildClassnames([cellContent, 'data-grid-cell-content']);\n\n/**\n * Wrapper for content displayed within a non-header cell in the grid.\n */\nexport const CellContent = ({ contentStyle, children }: CellContentProps) => {\n  return (\n    <div data-testid=\"data-grid-cell-content\" className={cellContentClassname} style={contentStyle}>\n      {children}\n    </div>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAkBA,MAAM,oBAAoB,GAAG,eAAe,CAAC,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAC;AAErF;;AAEG;AACU,MAAA,WAAW,GAAG,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAoB,KAAI;AAC1E,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,wBAAwB,EAAC,SAAS,EAAE,oBAAoB,EAAE,KAAK,EAAE,YAAY,EAAA,EAC3F,QAAQ,CACL;AAEV;;;;"}

package/dist/components/DataGrid/components/CellContent/CellContent.module.css.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+const cssContents = `._cellContent_16ovo_1{align-items:center;display:flex;gap:var(--sizes-small);padding:var(--density)}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNlbGxDb250ZW50Lm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsc0JBR0Usa0JBQW1CLENBRm5CLFlBQWEsQ0FHYixzQkFBdUIsQ0FGdkIsc0JBR0YiLCJmaWxlIjoiQ2VsbENvbnRlbnQubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jZWxsQ29udGVudCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IHZhcigtLWRlbnNpdHkpO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IHZhcigtLXNpemVzLXNtYWxsKTtcbn1cbiJdfQ== */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const cellContent = '_cellContent_16ovo_1';
+
+exports.cellContent = cellContent;
+//# sourceMappingURL=CellContent.module.css.cjs.map

package/dist/components/DataGrid/components/CellContent/CellContent.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellContent.module.css.cjs","sources":["../../../../../src/components/DataGrid/components/CellContent/CellContent.module.css"],"sourcesContent":[".cellContent {\n  display: flex;\n  padding: var(--density);\n  align-items: center;\n  gap: var(--sizes-small);\n}\n"],"names":[],"mappings":";;AACA,MAAM,WAAW,GAAG,CAAC;AACrB,qcAAqc,CAAC;AACtc,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,KAAK,CAAC,SAAS,GAAG,WAAW;AAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,MAAC,WAAW,GAAG;;;;"}

package/dist/components/DataGrid/components/CellContent/CellContent.module.css.js

@@ -0,0 +1,9 @@
+const cssContents = `._cellContent_16ovo_1{align-items:center;display:flex;gap:var(--sizes-small);padding:var(--density)}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNlbGxDb250ZW50Lm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsc0JBR0Usa0JBQW1CLENBRm5CLFlBQWEsQ0FHYixzQkFBdUIsQ0FGdkIsc0JBR0YiLCJmaWxlIjoiQ2VsbENvbnRlbnQubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jZWxsQ29udGVudCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IHZhcigtLWRlbnNpdHkpO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IHZhcigtLXNpemVzLXNtYWxsKTtcbn1cbiJdfQ== */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const cellContent = '_cellContent_16ovo_1';
+
+export { cellContent };
+//# sourceMappingURL=CellContent.module.css.js.map

package/dist/components/DataGrid/components/CellContent/CellContent.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellContent.module.css.js","sources":["../../../../../src/components/DataGrid/components/CellContent/CellContent.module.css"],"sourcesContent":[".cellContent {\n  display: flex;\n  padding: var(--density);\n  align-items: center;\n  gap: var(--sizes-small);\n}\n"],"names":[],"mappings":"AACA,MAAM,WAAW,GAAG,CAAC;AACrB,qcAAqc,CAAC;AACtc,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,KAAK,CAAC,SAAS,GAAG,WAAW;AAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,MAAC,WAAW,GAAG;;;;"}

package/dist/components/DataGrid/components/CellContent/index.d.ts

@@ -0,0 +1 @@
+export { CellContent } from './CellContent';

package/dist/components/DataGrid/components/Columns/Columns.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+var React = require('react');
+require('../../../../hooks/useFocusVisible.cjs');
+require('uid/secure');
+var useResizeObserver = require('../../../../hooks/useResizeObserver.cjs');
+require('lodash.throttle');
+var isLastColumn = require('../../utils/isLastColumn.cjs');
+require('@tanstack/react-table');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/**
+ * Renders the colgroup and col's for the table, responsible for controlling the width of columns within the table, including
+ * handling situations where overflow may be necessary while resizing.
+ *
+ * Separated from the Header component to allow for better performance, since we can reliably memoize col's and limit updates only
+ * to when the table sizing state changes.
+ */
+const Columns = ({ table }) => {
+    const headers = table.getLeafHeaders();
+    // Setup state and hook to observe the last column in the table. If the last column is larger than its
+    // default size, we allow it to render with `width: auto;` to ensure the table fills the container.
+    // If the last column is smaller than its default size, the table should start to 'overflow' its parent,
+    // so we switch to using a fixed width on the column instead.
+    const lastColumnRef = React.useRef(null);
+    const [lastColumnAuto, setLastColumnAuto] = React.useState(true);
+    useResizeObserver.useResizeObserver({
+        targetRef: lastColumnRef,
+        resizeHandler: ({ width }) => {
+            const lastHeader = headers[headers.length - 1];
+            if (width <= lastHeader.column.columnDef.size) {
+                setLastColumnAuto(false);
+            }
+            else {
+                setLastColumnAuto(true);
+            }
+        },
+        throttleMs: 10,
+    });
+    // Memoized columns.
+    const columns = React.useMemo(() => (React__default.default.createElement("colgroup", null, headers.map((header) => {
+        const lastColumn = isLastColumn.isLastColumn(table, header.column);
+        const columnWidth = lastColumn && lastColumnAuto ? 'auto' : `${header.column.getSize()}px`;
+        return (React__default.default.createElement("col", { ref: lastColumn ? lastColumnRef : undefined, key: header.column.id, style: { width: columnWidth, minWidth: header.column.columnDef.minSize } }));
+    }))), 
+    // Dependencies here are as recommended by TanStack docs (https://tanstack.com/table/latest/docs/framework/react/examples/column-resizing-performant)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [table.getState().columnSizingInfo, table.getState().columnSizing, lastColumnAuto, headers]);
+    return columns;
+};
+
+exports.Columns = Columns;
+//# sourceMappingURL=Columns.cjs.map

package/dist/components/DataGrid/components/Columns/Columns.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Columns.cjs","sources":["../../../../../src/components/DataGrid/components/Columns/Columns.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\nimport { Table } from '@tanstack/react-table';\n\nimport { useResizeObserver } from '../../../../hooks';\nimport { isLastColumn } from '../../utils';\n\ntype ColumnsProps = {\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n};\n\n/**\n * Renders the colgroup and col's for the table, responsible for controlling the width of columns within the table, including\n * handling situations where overflow may be necessary while resizing.\n *\n * Separated from the Header component to allow for better performance, since we can reliably memoize col's and limit updates only\n * to when the table sizing state changes.\n */\nexport const Columns = ({ table }: ColumnsProps) => {\n  const headers = table.getLeafHeaders();\n\n  // Setup state and hook to observe the last column in the table. If the last column is larger than its\n  // default size, we allow it to render with `width: auto;` to ensure the table fills the container.\n  // If the last column is smaller than its default size, the table should start to 'overflow' its parent,\n  // so we switch to using a fixed width on the column instead.\n  const lastColumnRef = useRef<HTMLTableColElement>(null);\n  const [lastColumnAuto, setLastColumnAuto] = useState(true);\n  useResizeObserver({\n    targetRef: lastColumnRef,\n    resizeHandler: ({ width }) => {\n      const lastHeader = headers[headers.length - 1];\n\n      if (width <= lastHeader.column.columnDef.size!) {\n        setLastColumnAuto(false);\n      } else {\n        setLastColumnAuto(true);\n      }\n    },\n    throttleMs: 10,\n  });\n\n  // Memoized columns.\n  const columns = useMemo(\n    () => (\n      <colgroup>\n        {headers.map((header) => {\n          const lastColumn = isLastColumn(table, header.column);\n          const columnWidth =\n            lastColumn && lastColumnAuto ? 'auto' : `${header.column.getSize()}px`;\n\n          return (\n            <col\n              ref={lastColumn ? lastColumnRef : undefined}\n              key={header.column.id}\n              style={{ width: columnWidth, minWidth: header.column.columnDef.minSize }}\n            />\n          );\n        })}\n      </colgroup>\n    ),\n    // Dependencies here are as recommended by TanStack docs (https://tanstack.com/table/latest/docs/framework/react/examples/column-resizing-performant)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [table.getState().columnSizingInfo, table.getState().columnSizing, lastColumnAuto, headers],\n  );\n\n  return columns;\n};\n"],"names":["useRef","useState","useResizeObserver","useMemo","React","isLastColumn"],"mappings":";;;;;;;;;;;;;;AAaA;;;;;;AAMG;MACU,OAAO,GAAG,CAAC,EAAE,KAAK,EAAgB,KAAI;AACjD,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE;;;;;AAMtC,IAAA,MAAM,aAAa,GAAGA,YAAM,CAAsB,IAAI,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGC,cAAQ,CAAC,IAAI,CAAC;AAC1D,IAAAC,mCAAiB,CAAC;AAChB,QAAA,SAAS,EAAE,aAAa;AACxB,QAAA,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;YAC3B,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;YAE9C,IAAI,KAAK,IAAI,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,IAAK,EAAE;gBAC9C,iBAAiB,CAAC,KAAK,CAAC;AACzB;AAAM,iBAAA;gBACL,iBAAiB,CAAC,IAAI,CAAC;AACxB;SACF;AACD,QAAA,UAAU,EAAE,EAAE;AACf,KAAA,CAAC;;AAGF,IAAA,MAAM,OAAO,GAAGC,aAAO,CACrB,OACEC,sBACG,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,EAAA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;QACtB,MAAM,UAAU,GAAGC,yBAAY,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;QACrD,MAAM,WAAW,GACf,UAAU,IAAI,cAAc,GAAG,MAAM,GAAG,CAAA,EAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI;AAExE,QAAA,QACED,sBACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,UAAU,GAAG,aAAa,GAAG,SAAS,EAC3C,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAA,CACxE;KAEL,CAAC,CACO,CACZ;;;AAGD,IAAA,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,gBAAgB,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,OAAO,CAAC,CAC5F;AAED,IAAA,OAAO,OAAO;AAChB;;;;"}

package/dist/components/DataGrid/components/Columns/Columns.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Table } from '@tanstack/react-table';
+type ColumnsProps = {
+    /**
+     * The TanStack Table instance.
+     */
+    table: Table<any>;
+};
+/**
+ * Renders the colgroup and col's for the table, responsible for controlling the width of columns within the table, including
+ * handling situations where overflow may be necessary while resizing.
+ *
+ * Separated from the Header component to allow for better performance, since we can reliably memoize col's and limit updates only
+ * to when the table sizing state changes.
+ */
+export declare const Columns: ({ table }: ColumnsProps) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/components/Columns/Columns.js

@@ -0,0 +1,50 @@
+import React__default, { useRef, useState, useMemo } from 'react';
+import '../../../../hooks/useFocusVisible.js';
+import 'uid/secure';
+import { useResizeObserver } from '../../../../hooks/useResizeObserver.js';
+import 'lodash.throttle';
+import { isLastColumn } from '../../utils/isLastColumn.js';
+import '@tanstack/react-table';
+
+/**
+ * Renders the colgroup and col's for the table, responsible for controlling the width of columns within the table, including
+ * handling situations where overflow may be necessary while resizing.
+ *
+ * Separated from the Header component to allow for better performance, since we can reliably memoize col's and limit updates only
+ * to when the table sizing state changes.
+ */
+const Columns = ({ table }) => {
+    const headers = table.getLeafHeaders();
+    // Setup state and hook to observe the last column in the table. If the last column is larger than its
+    // default size, we allow it to render with `width: auto;` to ensure the table fills the container.
+    // If the last column is smaller than its default size, the table should start to 'overflow' its parent,
+    // so we switch to using a fixed width on the column instead.
+    const lastColumnRef = useRef(null);
+    const [lastColumnAuto, setLastColumnAuto] = useState(true);
+    useResizeObserver({
+        targetRef: lastColumnRef,
+        resizeHandler: ({ width }) => {
+            const lastHeader = headers[headers.length - 1];
+            if (width <= lastHeader.column.columnDef.size) {
+                setLastColumnAuto(false);
+            }
+            else {
+                setLastColumnAuto(true);
+            }
+        },
+        throttleMs: 10,
+    });
+    // Memoized columns.
+    const columns = useMemo(() => (React__default.createElement("colgroup", null, headers.map((header) => {
+        const lastColumn = isLastColumn(table, header.column);
+        const columnWidth = lastColumn && lastColumnAuto ? 'auto' : `${header.column.getSize()}px`;
+        return (React__default.createElement("col", { ref: lastColumn ? lastColumnRef : undefined, key: header.column.id, style: { width: columnWidth, minWidth: header.column.columnDef.minSize } }));
+    }))), 
+    // Dependencies here are as recommended by TanStack docs (https://tanstack.com/table/latest/docs/framework/react/examples/column-resizing-performant)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [table.getState().columnSizingInfo, table.getState().columnSizing, lastColumnAuto, headers]);
+    return columns;
+};
+
+export { Columns };
+//# sourceMappingURL=Columns.js.map

package/dist/components/DataGrid/components/Columns/Columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Columns.js","sources":["../../../../../src/components/DataGrid/components/Columns/Columns.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\nimport { Table } from '@tanstack/react-table';\n\nimport { useResizeObserver } from '../../../../hooks';\nimport { isLastColumn } from '../../utils';\n\ntype ColumnsProps = {\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n};\n\n/**\n * Renders the colgroup and col's for the table, responsible for controlling the width of columns within the table, including\n * handling situations where overflow may be necessary while resizing.\n *\n * Separated from the Header component to allow for better performance, since we can reliably memoize col's and limit updates only\n * to when the table sizing state changes.\n */\nexport const Columns = ({ table }: ColumnsProps) => {\n  const headers = table.getLeafHeaders();\n\n  // Setup state and hook to observe the last column in the table. If the last column is larger than its\n  // default size, we allow it to render with `width: auto;` to ensure the table fills the container.\n  // If the last column is smaller than its default size, the table should start to 'overflow' its parent,\n  // so we switch to using a fixed width on the column instead.\n  const lastColumnRef = useRef<HTMLTableColElement>(null);\n  const [lastColumnAuto, setLastColumnAuto] = useState(true);\n  useResizeObserver({\n    targetRef: lastColumnRef,\n    resizeHandler: ({ width }) => {\n      const lastHeader = headers[headers.length - 1];\n\n      if (width <= lastHeader.column.columnDef.size!) {\n        setLastColumnAuto(false);\n      } else {\n        setLastColumnAuto(true);\n      }\n    },\n    throttleMs: 10,\n  });\n\n  // Memoized columns.\n  const columns = useMemo(\n    () => (\n      <colgroup>\n        {headers.map((header) => {\n          const lastColumn = isLastColumn(table, header.column);\n          const columnWidth =\n            lastColumn && lastColumnAuto ? 'auto' : `${header.column.getSize()}px`;\n\n          return (\n            <col\n              ref={lastColumn ? lastColumnRef : undefined}\n              key={header.column.id}\n              style={{ width: columnWidth, minWidth: header.column.columnDef.minSize }}\n            />\n          );\n        })}\n      </colgroup>\n    ),\n    // Dependencies here are as recommended by TanStack docs (https://tanstack.com/table/latest/docs/framework/react/examples/column-resizing-performant)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [table.getState().columnSizingInfo, table.getState().columnSizing, lastColumnAuto, headers],\n  );\n\n  return columns;\n};\n"],"names":["React"],"mappings":";;;;;;;;AAaA;;;;;;AAMG;MACU,OAAO,GAAG,CAAC,EAAE,KAAK,EAAgB,KAAI;AACjD,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE;;;;;AAMtC,IAAA,MAAM,aAAa,GAAG,MAAM,CAAsB,IAAI,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AAC1D,IAAA,iBAAiB,CAAC;AAChB,QAAA,SAAS,EAAE,aAAa;AACxB,QAAA,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;YAC3B,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;YAE9C,IAAI,KAAK,IAAI,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,IAAK,EAAE;gBAC9C,iBAAiB,CAAC,KAAK,CAAC;AACzB;AAAM,iBAAA;gBACL,iBAAiB,CAAC,IAAI,CAAC;AACxB;SACF;AACD,QAAA,UAAU,EAAE,EAAE;AACf,KAAA,CAAC;;AAGF,IAAA,MAAM,OAAO,GAAG,OAAO,CACrB,OACEA,cACG,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,EAAA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;QACtB,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;QACrD,MAAM,WAAW,GACf,UAAU,IAAI,cAAc,GAAG,MAAM,GAAG,CAAA,EAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI;AAExE,QAAA,QACEA,cACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,UAAU,GAAG,aAAa,GAAG,SAAS,EAC3C,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAA,CACxE;KAEL,CAAC,CACO,CACZ;;;AAGD,IAAA,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,gBAAgB,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,OAAO,CAAC,CAC5F;AAED,IAAA,OAAO,OAAO;AAChB;;;;"}

package/dist/components/DataGrid/components/Columns/index.d.ts

@@ -0,0 +1 @@
+export { Columns } from './Columns';

package/dist/components/DataGrid/components/Footer/Footer.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+var FooterCell = require('./FooterCell/FooterCell.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const Footer = ({ table, ariaRoles }) => {
+    // We're not making use of column grouping, so we only need the first footer group.
+    const [footer] = table.getFooterGroups();
+    return (React__default.default.createElement("tfoot", { className: "data-grid-footer" },
+        React__default.default.createElement("tr", { className: "data-grid-footer-row" }, footer.headers.map((header) => (React__default.default.createElement(FooterCell.FooterCell, { key: header.id, ariaRoles: ariaRoles, header: header }))))));
+};
+
+exports.Footer = Footer;
+//# sourceMappingURL=Footer.cjs.map

package/dist/components/DataGrid/components/Footer/Footer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.cjs","sources":["../../../../../src/components/DataGrid/components/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Table } from '@tanstack/react-table';\n\nimport { AriaRoles } from '../../types';\nimport { FooterCell } from './FooterCell';\n\ntype FooterProps = {\n  /**\n   * The TanStack table instance.\n   */\n  table: Table<any>;\n\n  /**\n   * ARIA roles used in the grid.\n   */\n  ariaRoles: AriaRoles;\n};\n\nexport const Footer = ({ table, ariaRoles }: FooterProps) => {\n  // We're not making use of column grouping, so we only need the first footer group.\n  const [footer] = table.getFooterGroups();\n\n  return (\n    <tfoot className=\"data-grid-footer\">\n      <tr className=\"data-grid-footer-row\">\n        {footer.headers.map((header) => (\n          <FooterCell key={header.id} ariaRoles={ariaRoles} header={header} />\n        ))}\n      </tr>\n    </tfoot>\n  );\n};\n"],"names":["React","FooterCell"],"mappings":";;;;;;;;;AAkBa,MAAA,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAe,KAAI;;IAE1D,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,EAAE;AAExC,IAAA,QACEA,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,kBAAkB,EAAA;AACjC,QAAAA,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,sBAAsB,EACjC,EAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MACzBA,qCAACC,qBAAU,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAI,CAAA,CACrE,CAAC,CACC,CACC;AAEZ;;;;"}

package/dist/components/DataGrid/components/Footer/Footer.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Table } from '@tanstack/react-table';
+import { AriaRoles } from '../../types';
+type FooterProps = {
+    /**
+     * The TanStack table instance.
+     */
+    table: Table<any>;
+    /**
+     * ARIA roles used in the grid.
+     */
+    ariaRoles: AriaRoles;
+};
+export declare const Footer: ({ table, ariaRoles }: FooterProps) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/components/Footer/Footer.js

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { FooterCell } from './FooterCell/FooterCell.js';
+
+const Footer = ({ table, ariaRoles }) => {
+    // We're not making use of column grouping, so we only need the first footer group.
+    const [footer] = table.getFooterGroups();
+    return (React__default.createElement("tfoot", { className: "data-grid-footer" },
+        React__default.createElement("tr", { className: "data-grid-footer-row" }, footer.headers.map((header) => (React__default.createElement(FooterCell, { key: header.id, ariaRoles: ariaRoles, header: header }))))));
+};
+
+export { Footer };
+//# sourceMappingURL=Footer.js.map

package/dist/components/DataGrid/components/Footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../../src/components/DataGrid/components/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Table } from '@tanstack/react-table';\n\nimport { AriaRoles } from '../../types';\nimport { FooterCell } from './FooterCell';\n\ntype FooterProps = {\n  /**\n   * The TanStack table instance.\n   */\n  table: Table<any>;\n\n  /**\n   * ARIA roles used in the grid.\n   */\n  ariaRoles: AriaRoles;\n};\n\nexport const Footer = ({ table, ariaRoles }: FooterProps) => {\n  // We're not making use of column grouping, so we only need the first footer group.\n  const [footer] = table.getFooterGroups();\n\n  return (\n    <tfoot className=\"data-grid-footer\">\n      <tr className=\"data-grid-footer-row\">\n        {footer.headers.map((header) => (\n          <FooterCell key={header.id} ariaRoles={ariaRoles} header={header} />\n        ))}\n      </tr>\n    </tfoot>\n  );\n};\n"],"names":["React"],"mappings":";;;AAkBa,MAAA,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAe,KAAI;;IAE1D,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,EAAE;AAExC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,kBAAkB,EAAA;AACjC,QAAAA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,sBAAsB,EACjC,EAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MACzBA,6BAAC,UAAU,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAI,CAAA,CACrE,CAAC,CACC,CACC;AAEZ;;;;"}

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var React = require('react');
+var reactTable = require('@tanstack/react-table');
+var buildClassnames = require('../../../../../utils/buildClassnames.cjs');
+require('uid/secure');
+var CellContent = require('../../CellContent/CellContent.cjs');
+var FooterCell_module = require('./FooterCell.module.css.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const footerCellClassname = buildClassnames.buildClassnames([FooterCell_module.footerCell, 'data-grid-footer-cell']);
+/**
+ * Renders a footer cell element, and its content, for a given column.
+ */
+const FooterCell = ({ header, ariaRoles }) => {
+    const { justifyContent, textAlign } = header.column.columnDef.meta;
+    return (React__default.default.createElement("th", { scope: "row", role: ariaRoles.cell, "aria-colindex": header.column.getIndex() + 1, className: footerCellClassname },
+        React__default.default.createElement(CellContent.CellContent, { contentStyle: { justifyContent, textAlign } }, reactTable.flexRender(header.column.columnDef.footer, header.getContext()))));
+};
+
+exports.FooterCell = FooterCell;
+//# sourceMappingURL=FooterCell.cjs.map

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterCell.cjs","sources":["../../../../../../src/components/DataGrid/components/Footer/FooterCell/FooterCell.tsx"],"sourcesContent":["import React from 'react';\n\nimport { flexRender, Header } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { AriaRoles } from '../../../types';\nimport { CellContent } from '../../CellContent';\n\nimport { footerCell } from './FooterCell.module.css';\n\ntype FooterCellProps = {\n  /**\n   * The Header within the TanStack Table instance.\n   */\n  header: Header<any, any>;\n\n  /**\n   * ARIA roles used in the grid.\n   */\n  ariaRoles: AriaRoles;\n};\n\nconst footerCellClassname = buildClassnames([footerCell, 'data-grid-footer-cell']);\n\n/**\n * Renders a footer cell element, and its content, for a given column.\n */\nexport const FooterCell = ({ header, ariaRoles }: FooterCellProps) => {\n  const { justifyContent, textAlign } = header.column.columnDef.meta!;\n\n  return (\n    <th\n      scope=\"row\"\n      role={ariaRoles.cell}\n      aria-colindex={header.column.getIndex() + 1}\n      className={footerCellClassname}\n    >\n      <CellContent contentStyle={{ justifyContent, textAlign } as React.CSSProperties}>\n        {flexRender(header.column.columnDef.footer, header.getContext())}\n      </CellContent>\n    </th>\n  );\n};\n"],"names":["buildClassnames","footerCell","React","CellContent","flexRender"],"mappings":";;;;;;;;;;;;;AAuBA,MAAM,mBAAmB,GAAGA,+BAAe,CAAC,CAACC,4BAAU,EAAE,uBAAuB,CAAC,CAAC;AAElF;;AAEG;AACU,MAAA,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAmB,KAAI;AACnE,IAAA,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAK;IAEnE,QACEC,6CACE,KAAK,EAAC,KAAK,EACX,IAAI,EAAE,SAAS,CAAC,IAAI,mBACL,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EAC3C,SAAS,EAAE,mBAAmB,EAAA;AAE9B,QAAAA,sBAAA,CAAA,aAAA,CAACC,uBAAW,EAAA,EAAC,YAAY,EAAE,EAAE,cAAc,EAAE,SAAS,EAAyB,EAAA,EAC5EC,qBAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,CACpD,CACX;AAET;;;;"}

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Header } from '@tanstack/react-table';
+import { AriaRoles } from '../../../types';
+type FooterCellProps = {
+    /**
+     * The Header within the TanStack Table instance.
+     */
+    header: Header<any, any>;
+    /**
+     * ARIA roles used in the grid.
+     */
+    ariaRoles: AriaRoles;
+};
+/**
+ * Renders a footer cell element, and its content, for a given column.
+ */
+export declare const FooterCell: ({ header, ariaRoles }: FooterCellProps) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.js

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import { flexRender } from '@tanstack/react-table';
+import { buildClassnames } from '../../../../../utils/buildClassnames.js';
+import 'uid/secure';
+import { CellContent } from '../../CellContent/CellContent.js';
+import { footerCell } from './FooterCell.module.css.js';
+
+const footerCellClassname = buildClassnames([footerCell, 'data-grid-footer-cell']);
+/**
+ * Renders a footer cell element, and its content, for a given column.
+ */
+const FooterCell = ({ header, ariaRoles }) => {
+    const { justifyContent, textAlign } = header.column.columnDef.meta;
+    return (React__default.createElement("th", { scope: "row", role: ariaRoles.cell, "aria-colindex": header.column.getIndex() + 1, className: footerCellClassname },
+        React__default.createElement(CellContent, { contentStyle: { justifyContent, textAlign } }, flexRender(header.column.columnDef.footer, header.getContext()))));
+};
+
+export { FooterCell };
+//# sourceMappingURL=FooterCell.js.map

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterCell.js","sources":["../../../../../../src/components/DataGrid/components/Footer/FooterCell/FooterCell.tsx"],"sourcesContent":["import React from 'react';\n\nimport { flexRender, Header } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { AriaRoles } from '../../../types';\nimport { CellContent } from '../../CellContent';\n\nimport { footerCell } from './FooterCell.module.css';\n\ntype FooterCellProps = {\n  /**\n   * The Header within the TanStack Table instance.\n   */\n  header: Header<any, any>;\n\n  /**\n   * ARIA roles used in the grid.\n   */\n  ariaRoles: AriaRoles;\n};\n\nconst footerCellClassname = buildClassnames([footerCell, 'data-grid-footer-cell']);\n\n/**\n * Renders a footer cell element, and its content, for a given column.\n */\nexport const FooterCell = ({ header, ariaRoles }: FooterCellProps) => {\n  const { justifyContent, textAlign } = header.column.columnDef.meta!;\n\n  return (\n    <th\n      scope=\"row\"\n      role={ariaRoles.cell}\n      aria-colindex={header.column.getIndex() + 1}\n      className={footerCellClassname}\n    >\n      <CellContent contentStyle={{ justifyContent, textAlign } as React.CSSProperties}>\n        {flexRender(header.column.columnDef.footer, header.getContext())}\n      </CellContent>\n    </th>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;AAuBA,MAAM,mBAAmB,GAAG,eAAe,CAAC,CAAC,UAAU,EAAE,uBAAuB,CAAC,CAAC;AAElF;;AAEG;AACU,MAAA,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAmB,KAAI;AACnE,IAAA,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAK;IAEnE,QACEA,qCACE,KAAK,EAAC,KAAK,EACX,IAAI,EAAE,SAAS,CAAC,IAAI,mBACL,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EAC3C,SAAS,EAAE,mBAAmB,EAAA;AAE9B,QAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,YAAY,EAAE,EAAE,cAAc,EAAE,SAAS,EAAyB,EAAA,EAC5E,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,CACpD,CACX;AAET;;;;"}

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.module.css.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+const cssContents = `._baseCell_1w2bt_1{box-sizing:border-box;position:relative;&:focus,&:focus-visible{box-shadow:inset var(--sizes-none) var(--sizes-none) var(--sizes-none) var(--sizes-line) var(--colors-secondary-blue-base);outline:var(--sizes-none)}}._footerCell_1jfhd_1{background-color:var(--colors-neutral-grey-lightest);border-top:var(--sizes-line) solid var(--colors-secondary-blue-base);color:var(--text-body-small-color);font-family:var(--text-body-small-font-family);font-style:var(--text-body-small-font-style);font-weight:var(--text-body-small-font-weight);line-height:var(--text-body-small-line-height)}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjxubyBzb3VyY2U+IiwiRm9vdGVyQ2VsbC5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1CQUFBLHNCQUFBLGtCQUFBLHdCQUFBLDJIQUFBLDBCQUFBLENBQUEsQUNBQSxxQkFVRSxvREFBcUQsQ0FEckQsb0VBQXFFLENBTnJFLGtDQUFtQyxDQUNuQyw4Q0FBK0MsQ0FDL0MsNENBQTZDLENBQzdDLDhDQUErQyxDQUMvQyw4Q0FJRiIsImZpbGUiOiJGb290ZXJDZWxsLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6W251bGwsIi5mb290ZXJDZWxsIHtcbiAgY29tcG9zZXM6IGJhc2VDZWxsIGZyb20gJy4uLy4uLy4uL0RhdGFHcmlkLm1vZHVsZS5jc3MnO1xuXG4gIGNvbG9yOiB2YXIoLS10ZXh0LWJvZHktc21hbGwtY29sb3IpO1xuICBmb250LWZhbWlseTogdmFyKC0tdGV4dC1ib2R5LXNtYWxsLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zdHlsZTogdmFyKC0tdGV4dC1ib2R5LXNtYWxsLWZvbnQtc3R5bGUpO1xuICBmb250LXdlaWdodDogdmFyKC0tdGV4dC1ib2R5LXNtYWxsLWZvbnQtd2VpZ2h0KTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLXRleHQtYm9keS1zbWFsbC1saW5lLWhlaWdodCk7XG5cbiAgYm9yZGVyLXRvcDogdmFyKC0tc2l6ZXMtbGluZSkgc29saWQgdmFyKC0tY29sb3JzLXNlY29uZGFyeS1ibHVlLWJhc2UpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvcnMtbmV1dHJhbC1ncmV5LWxpZ2h0ZXN0KTtcbn1cbiJdfQ== */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const footerCell = '_footerCell_1jfhd_1 _baseCell_1w2bt_1';
+
+exports.footerCell = footerCell;
+//# sourceMappingURL=FooterCell.module.css.cjs.map

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterCell.module.css.cjs","sources":["../../../../../../src/components/DataGrid/components/Footer/FooterCell/FooterCell.module.css"],"sourcesContent":[".footerCell {\n  composes: baseCell from '../../../DataGrid.module.css';\n\n  color: var(--text-body-small-color);\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-weight: var(--text-body-small-font-weight);\n  line-height: var(--text-body-small-line-height);\n\n  border-top: var(--sizes-line) solid var(--colors-secondary-blue-base);\n  background-color: var(--colors-neutral-grey-lightest);\n}\n"],"names":[],"mappings":";;AACA,MAAM,WAAW,GAAG,CAAC;AACrB,yhCAAyhC,CAAC;AAC1hC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,KAAK,CAAC,SAAS,GAAG,WAAW;AAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,MAAC,UAAU,GAAG;;;;"}

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.module.css.js

@@ -0,0 +1,9 @@
+const cssContents = `._baseCell_1w2bt_1{box-sizing:border-box;position:relative;&:focus,&:focus-visible{box-shadow:inset var(--sizes-none) var(--sizes-none) var(--sizes-none) var(--sizes-line) var(--colors-secondary-blue-base);outline:var(--sizes-none)}}._footerCell_1jfhd_1{background-color:var(--colors-neutral-grey-lightest);border-top:var(--sizes-line) solid var(--colors-secondary-blue-base);color:var(--text-body-small-color);font-family:var(--text-body-small-font-family);font-style:var(--text-body-small-font-style);font-weight:var(--text-body-small-font-weight);line-height:var(--text-body-small-line-height)}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjxubyBzb3VyY2U+IiwiRm9vdGVyQ2VsbC5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1CQUFBLHNCQUFBLGtCQUFBLHdCQUFBLDJIQUFBLDBCQUFBLENBQUEsQUNBQSxxQkFVRSxvREFBcUQsQ0FEckQsb0VBQXFFLENBTnJFLGtDQUFtQyxDQUNuQyw4Q0FBK0MsQ0FDL0MsNENBQTZDLENBQzdDLDhDQUErQyxDQUMvQyw4Q0FJRiIsImZpbGUiOiJGb290ZXJDZWxsLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6W251bGwsIi5mb290ZXJDZWxsIHtcbiAgY29tcG9zZXM6IGJhc2VDZWxsIGZyb20gJy4uLy4uLy4uL0RhdGFHcmlkLm1vZHVsZS5jc3MnO1xuXG4gIGNvbG9yOiB2YXIoLS10ZXh0LWJvZHktc21hbGwtY29sb3IpO1xuICBmb250LWZhbWlseTogdmFyKC0tdGV4dC1ib2R5LXNtYWxsLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zdHlsZTogdmFyKC0tdGV4dC1ib2R5LXNtYWxsLWZvbnQtc3R5bGUpO1xuICBmb250LXdlaWdodDogdmFyKC0tdGV4dC1ib2R5LXNtYWxsLWZvbnQtd2VpZ2h0KTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLXRleHQtYm9keS1zbWFsbC1saW5lLWhlaWdodCk7XG5cbiAgYm9yZGVyLXRvcDogdmFyKC0tc2l6ZXMtbGluZSkgc29saWQgdmFyKC0tY29sb3JzLXNlY29uZGFyeS1ibHVlLWJhc2UpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvcnMtbmV1dHJhbC1ncmV5LWxpZ2h0ZXN0KTtcbn1cbiJdfQ== */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const footerCell = '_footerCell_1jfhd_1 _baseCell_1w2bt_1';
+
+export { footerCell };
+//# sourceMappingURL=FooterCell.module.css.js.map

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterCell.module.css.js","sources":["../../../../../../src/components/DataGrid/components/Footer/FooterCell/FooterCell.module.css"],"sourcesContent":[".footerCell {\n  composes: baseCell from '../../../DataGrid.module.css';\n\n  color: var(--text-body-small-color);\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-weight: var(--text-body-small-font-weight);\n  line-height: var(--text-body-small-line-height);\n\n  border-top: var(--sizes-line) solid var(--colors-secondary-blue-base);\n  background-color: var(--colors-neutral-grey-lightest);\n}\n"],"names":[],"mappings":"AACA,MAAM,WAAW,GAAG,CAAC;AACrB,yhCAAyhC,CAAC;AAC1hC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,KAAK,CAAC,SAAS,GAAG,WAAW;AAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,MAAC,UAAU,GAAG;;;;"}

package/dist/components/DataGrid/components/Footer/FooterCell/index.d.ts

@@ -0,0 +1 @@
+export { FooterCell } from './FooterCell';

package/dist/components/DataGrid/components/Footer/index.d.ts

@@ -0,0 +1 @@
+export { Footer } from './Footer';

package/dist/components/DataGrid/components/GridContainer/Container/Container.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var React = require('react');
+var buildClassnames = require('../../../../../utils/buildClassnames.cjs');
+require('uid/secure');
+var Container_module = require('./Container.module.css.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const borderModeClassMap = {
+    full: Container_module.borderModeFull,
+    vertical: Container_module.borderModeVertical,
+    none: Container_module.borderModeNone,
+};
+/**
+ * A container element, which wraps the grid and applies a border and overflow.
+ */
+const Container = React__default.default.forwardRef(({ borderMode, style, children }, ref) => (React__default.default.createElement("div", { ref: ref, className: buildClassnames.buildClassnames([Container_module.container, borderModeClassMap[borderMode]]), style: style }, children)));
+
+exports.Container = Container;
+//# sourceMappingURL=Container.cjs.map

package/dist/components/DataGrid/components/GridContainer/Container/Container.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.cjs","sources":["../../../../../../src/components/DataGrid/components/GridContainer/Container/Container.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../../../../utils';\nimport { BorderMode } from '../../../types/enums';\n\nimport {\n  container,\n  borderModeFull,\n  borderModeVertical,\n  borderModeNone,\n} from './Container.module.css';\n\ntype ContainerProps = {\n  /**\n   * Border mode.\n   */\n  borderMode: BorderMode;\n\n  /**\n   * Additional container styles.\n   */\n  style?: React.CSSProperties;\n\n  /**\n   * Child elements.\n   */\n  children: React.ReactNode;\n};\n\nconst borderModeClassMap = {\n  full: borderModeFull,\n  vertical: borderModeVertical,\n  none: borderModeNone,\n};\n\n/**\n * A container element, which wraps the grid and applies a border and overflow.\n */\nexport const Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  ({ borderMode, style, children }, ref) => (\n    <div\n      ref={ref}\n      className={buildClassnames([container, borderModeClassMap[borderMode]])}\n      style={style}\n    >\n      {children}\n    </div>\n  ),\n);\n"],"names":["borderModeFull","borderModeVertical","borderModeNone","React","buildClassnames","container"],"mappings":";;;;;;;;;;;AA6BA,MAAM,kBAAkB,GAAG;AACzB,IAAA,IAAI,EAAEA,+BAAc;AACpB,IAAA,QAAQ,EAAEC,mCAAkB;AAC5B,IAAA,IAAI,EAAEC,+BAAc;CACrB;AAED;;AAEG;MACU,SAAS,GAAGC,sBAAK,CAAC,UAAU,CACvC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAG,MACnCA,sBACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,+BAAe,CAAC,CAACC,0BAAS,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,EACvE,KAAK,EAAE,KAAK,IAEX,QAAQ,CACL,CACP;;;;"}

package/dist/components/DataGrid/components/GridContainer/Container/Container.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { BorderMode } from '../../../types/enums';
+type ContainerProps = {
+    /**
+     * Border mode.
+     */
+    borderMode: BorderMode;
+    /**
+     * Additional container styles.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Child elements.
+     */
+    children: React.ReactNode;
+};
+/**
+ * A container element, which wraps the grid and applies a border and overflow.
+ */
+export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/DataGrid/components/GridContainer/Container/Container.js

@@ -0,0 +1,17 @@
+import React__default from 'react';
+import { buildClassnames } from '../../../../../utils/buildClassnames.js';
+import 'uid/secure';
+import { container, borderModeFull, borderModeVertical, borderModeNone } from './Container.module.css.js';
+
+const borderModeClassMap = {
+    full: borderModeFull,
+    vertical: borderModeVertical,
+    none: borderModeNone,
+};
+/**
+ * A container element, which wraps the grid and applies a border and overflow.
+ */
+const Container = React__default.forwardRef(({ borderMode, style, children }, ref) => (React__default.createElement("div", { ref: ref, className: buildClassnames([container, borderModeClassMap[borderMode]]), style: style }, children)));
+
+export { Container };
+//# sourceMappingURL=Container.js.map

package/dist/components/DataGrid/components/GridContainer/Container/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sources":["../../../../../../src/components/DataGrid/components/GridContainer/Container/Container.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../../../../utils';\nimport { BorderMode } from '../../../types/enums';\n\nimport {\n  container,\n  borderModeFull,\n  borderModeVertical,\n  borderModeNone,\n} from './Container.module.css';\n\ntype ContainerProps = {\n  /**\n   * Border mode.\n   */\n  borderMode: BorderMode;\n\n  /**\n   * Additional container styles.\n   */\n  style?: React.CSSProperties;\n\n  /**\n   * Child elements.\n   */\n  children: React.ReactNode;\n};\n\nconst borderModeClassMap = {\n  full: borderModeFull,\n  vertical: borderModeVertical,\n  none: borderModeNone,\n};\n\n/**\n * A container element, which wraps the grid and applies a border and overflow.\n */\nexport const Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  ({ borderMode, style, children }, ref) => (\n    <div\n      ref={ref}\n      className={buildClassnames([container, borderModeClassMap[borderMode]])}\n      style={style}\n    >\n      {children}\n    </div>\n  ),\n);\n"],"names":["React"],"mappings":";;;;;AA6BA,MAAM,kBAAkB,GAAG;AACzB,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,kBAAkB;AAC5B,IAAA,IAAI,EAAE,cAAc;CACrB;AAED;;AAEG;MACU,SAAS,GAAGA,cAAK,CAAC,UAAU,CACvC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAG,MACnCA,cACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,CAAC,CAAC,SAAS,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,EACvE,KAAK,EAAE,KAAK,IAEX,QAAQ,CACL,CACP;;;;"}

package/dist/components/DataGrid/components/GridContainer/Container/Container.module.css.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+const cssContents = `._container_esq8v_1{border-color:var(--colors-neutral-grey-dark);border-style:solid;overflow-x:auto;overflow-y:hidden;position:relative;width:100%;&._borderModeFull_esq8v_10{border-radius:var(--radius-base);border-width:var(--sizes-line)}&._borderModeVertical_esq8v_15{border-width:var(--sizes-none);border-left-width:var(--sizes-line);border-right-width:var(--sizes-line)}&._borderModeNone_esq8v_21{border-width:var(--sizes-none)}}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRhaW5lci5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9CQUlFLDRDQUE2QyxDQUQ3QyxrQkFBbUIsQ0FHbkIsZUFBZ0IsQ0FDaEIsaUJBQWtCLENBTGxCLGlCQUFrQixDQURsQixVQUFXLENBUVgsMkJBRUUsZ0NBQWlDLENBRGpDLDhCQUVGLENBRUEsK0JBQ0UsOEJBQStCLENBQy9CLG1DQUFvQyxDQUNwQyxvQ0FDRixDQUVBLDJCQUNFLDhCQUNGLENBQ0YiLCJmaWxlIjoiQ29udGFpbmVyLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuY29udGFpbmVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvcnMtbmV1dHJhbC1ncmV5LWRhcmspO1xuXG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIG92ZXJmbG93LXk6IGhpZGRlbjtcblxuICAmLmJvcmRlck1vZGVGdWxsIHtcbiAgICBib3JkZXItd2lkdGg6IHZhcigtLXNpemVzLWxpbmUpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cy1iYXNlKTtcbiAgfVxuXG4gICYuYm9yZGVyTW9kZVZlcnRpY2FsIHtcbiAgICBib3JkZXItd2lkdGg6IHZhcigtLXNpemVzLW5vbmUpO1xuICAgIGJvcmRlci1sZWZ0LXdpZHRoOiB2YXIoLS1zaXplcy1saW5lKTtcbiAgICBib3JkZXItcmlnaHQtd2lkdGg6IHZhcigtLXNpemVzLWxpbmUpO1xuICB9XG5cbiAgJi5ib3JkZXJNb2RlTm9uZSB7XG4gICAgYm9yZGVyLXdpZHRoOiB2YXIoLS1zaXplcy1ub25lKTtcbiAgfVxufVxuIl19 */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const container = '_container_esq8v_1';
+const borderModeFull = '_borderModeFull_esq8v_10';
+const borderModeVertical = '_borderModeVertical_esq8v_15';
+const borderModeNone = '_borderModeNone_esq8v_21';
+
+exports.borderModeFull = borderModeFull;
+exports.borderModeNone = borderModeNone;
+exports.borderModeVertical = borderModeVertical;
+exports.container = container;
+//# sourceMappingURL=Container.module.css.cjs.map

package/dist/components/DataGrid/components/GridContainer/Container/Container.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.module.css.cjs","sources":["../../../../../../src/components/DataGrid/components/GridContainer/Container/Container.module.css"],"sourcesContent":[".container {\n  width: 100%;\n  position: relative;\n  border-style: solid;\n  border-color: var(--colors-neutral-grey-dark);\n\n  overflow-x: auto;\n  overflow-y: hidden;\n\n  &.borderModeFull {\n    border-width: var(--sizes-line);\n    border-radius: var(--radius-base);\n  }\n\n  &.borderModeVertical {\n    border-width: var(--sizes-none);\n    border-left-width: var(--sizes-line);\n    border-right-width: var(--sizes-line);\n  }\n\n  &.borderModeNone {\n    border-width: var(--sizes-none);\n  }\n}\n"],"names":[],"mappings":";;AACA,MAAM,WAAW,GAAG,CAAC;AACrB,ymCAAymC,CAAC;AAC1mC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,KAAK,CAAC,SAAS,GAAG,WAAW;AAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,MAAC,SAAS,GAAG;AACb,MAAC,cAAc,GAAG;AAClB,MAAC,kBAAkB,GAAG;AACtB,MAAC,cAAc,GAAG;;;;;;;"}

package/dist/components/DataGrid/components/GridContainer/Container/Container.module.css.js

@@ -0,0 +1,12 @@
+const cssContents = `._container_esq8v_1{border-color:var(--colors-neutral-grey-dark);border-style:solid;overflow-x:auto;overflow-y:hidden;position:relative;width:100%;&._borderModeFull_esq8v_10{border-radius:var(--radius-base);border-width:var(--sizes-line)}&._borderModeVertical_esq8v_15{border-width:var(--sizes-none);border-left-width:var(--sizes-line);border-right-width:var(--sizes-line)}&._borderModeNone_esq8v_21{border-width:var(--sizes-none)}}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRhaW5lci5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9CQUlFLDRDQUE2QyxDQUQ3QyxrQkFBbUIsQ0FHbkIsZUFBZ0IsQ0FDaEIsaUJBQWtCLENBTGxCLGlCQUFrQixDQURsQixVQUFXLENBUVgsMkJBRUUsZ0NBQWlDLENBRGpDLDhCQUVGLENBRUEsK0JBQ0UsOEJBQStCLENBQy9CLG1DQUFvQyxDQUNwQyxvQ0FDRixDQUVBLDJCQUNFLDhCQUNGLENBQ0YiLCJmaWxlIjoiQ29udGFpbmVyLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuY29udGFpbmVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvcnMtbmV1dHJhbC1ncmV5LWRhcmspO1xuXG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIG92ZXJmbG93LXk6IGhpZGRlbjtcblxuICAmLmJvcmRlck1vZGVGdWxsIHtcbiAgICBib3JkZXItd2lkdGg6IHZhcigtLXNpemVzLWxpbmUpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cy1iYXNlKTtcbiAgfVxuXG4gICYuYm9yZGVyTW9kZVZlcnRpY2FsIHtcbiAgICBib3JkZXItd2lkdGg6IHZhcigtLXNpemVzLW5vbmUpO1xuICAgIGJvcmRlci1sZWZ0LXdpZHRoOiB2YXIoLS1zaXplcy1saW5lKTtcbiAgICBib3JkZXItcmlnaHQtd2lkdGg6IHZhcigtLXNpemVzLWxpbmUpO1xuICB9XG5cbiAgJi5ib3JkZXJNb2RlTm9uZSB7XG4gICAgYm9yZGVyLXdpZHRoOiB2YXIoLS1zaXplcy1ub25lKTtcbiAgfVxufVxuIl19 */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const container = '_container_esq8v_1';
+const borderModeFull = '_borderModeFull_esq8v_10';
+const borderModeVertical = '_borderModeVertical_esq8v_15';
+const borderModeNone = '_borderModeNone_esq8v_21';
+
+export { borderModeFull, borderModeNone, borderModeVertical, container };
+//# sourceMappingURL=Container.module.css.js.map

package/dist/components/DataGrid/components/GridContainer/Container/Container.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.module.css.js","sources":["../../../../../../src/components/DataGrid/components/GridContainer/Container/Container.module.css"],"sourcesContent":[".container {\n  width: 100%;\n  position: relative;\n  border-style: solid;\n  border-color: var(--colors-neutral-grey-dark);\n\n  overflow-x: auto;\n  overflow-y: hidden;\n\n  &.borderModeFull {\n    border-width: var(--sizes-line);\n    border-radius: var(--radius-base);\n  }\n\n  &.borderModeVertical {\n    border-width: var(--sizes-none);\n    border-left-width: var(--sizes-line);\n    border-right-width: var(--sizes-line);\n  }\n\n  &.borderModeNone {\n    border-width: var(--sizes-none);\n  }\n}\n"],"names":[],"mappings":"AACA,MAAM,WAAW,GAAG,CAAC;AACrB,ymCAAymC,CAAC;AAC1mC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,KAAK,CAAC,SAAS,GAAG,WAAW;AAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,MAAC,SAAS,GAAG;AACb,MAAC,cAAc,GAAG;AAClB,MAAC,kBAAkB,GAAG;AACtB,MAAC,cAAc,GAAG;;;;"}

package/dist/components/DataGrid/components/GridContainer/Container/index.d.ts

@@ -0,0 +1 @@
+export { Container } from './Container';

package/dist/components/DataGrid/components/GridContainer/GridContainer.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../../../theme/index.cjs');
+var buildClassnames = require('../../../../utils/buildClassnames.cjs');
+var Container = require('./Container/Container.cjs');
+var GridContainer_module = require('./GridContainer.module.css.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const gridContainerClassname = buildClassnames.buildClassnames([GridContainer_module.dataGridStyle, 'data-grid']);
+/**
+ * The Grid container, which includes a wrapper and the table element itself. Controls table layout, applies
+ * styling and sets table-specific CSS variables (such as density).
+ */
+const GridContainer = ({ containerRef, tableRef, borderMode, containerStyles, ariaRoles, enableResizeableColumns, density, table, children, 'aria-label': ariaLabel, }) => (React__default.default.createElement(Container.Container, { ref: containerRef, borderMode: borderMode, style: containerStyles },
+    React__default.default.createElement("table", { ref: tableRef, className: gridContainerClassname, role: ariaRoles.table, style: {
+            tableLayout: enableResizeableColumns ? 'fixed' : 'auto',
+            '--density': index.theme.sizes[density],
+        }, "aria-colcount": table.getFlatHeaders().length, "aria-rowcount": table.getRowCount(), "aria-label": ariaLabel }, children)));
+
+exports.GridContainer = GridContainer;
+//# sourceMappingURL=GridContainer.cjs.map