@veeqo/ui 9.8.0 → 9.9.1

package/dist/components/DataGrid/components/Header/HeaderCell/SortIcon/SortIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortIcon.cjs","sources":["../../../../../../../src/components/DataGrid/components/Header/HeaderCell/SortIcon/SortIcon.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { SortDirection } from '@tanstack/react-table';\n\nimport { theme } from 'Theme';\n\nimport { ArrowDownIcon, ArrowUpIcon, DoubleArrowIcon } from '../../../../../../tempIcons';\nimport { sortIcon } from '../HeaderCell.module.css';\n\ntype SortIconProps = {\n  isSorted?: boolean | SortDirection;\n};\n\n/**\n * Sort icon for a column header.\n */\nexport const SortIcon = ({ isSorted }: SortIconProps) => {\n  const icon = useMemo(() => {\n    if (!isSorted) {\n      return <DoubleArrowIcon size={5} />;\n    }\n\n    return isSorted === 'asc' ? (\n      <ArrowUpIcon color={theme.colors.neutral.ink.dark} size={5} />\n    ) : (\n      <ArrowDownIcon color={theme.colors.neutral.ink.dark} size={5} />\n    );\n  }, [isSorted]);\n\n  return <span className={sortIcon}>{icon}</span>;\n};\n"],"names":["useMemo","React","DoubleArrowIcon","ArrowUpIcon","theme","ArrowDownIcon","sortIcon"],"mappings":";;;;;;;;;;;;;;AAaA;;AAEG;MACU,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAiB,KAAI;AACtD,IAAA,MAAM,IAAI,GAAGA,aAAO,CAAC,MAAK;QACxB,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,OAAOC,qCAACC,+BAAe,EAAA,EAAC,IAAI,EAAE,CAAC,GAAI;AACpC;QAED,OAAO,QAAQ,KAAK,KAAK,IACvBD,sBAAC,CAAA,aAAA,CAAAE,uBAAW,EAAC,EAAA,KAAK,EAAEC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,GAAI,KAE9DH,sBAAA,CAAA,aAAA,CAACI,2BAAa,EAAC,EAAA,KAAK,EAAED,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAI,CAAA,CACjE;AACH,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAA,OAAOH,+CAAM,SAAS,EAAEK,0BAAQ,EAAG,EAAA,IAAI,CAAQ;AACjD;;;;"}

package/dist/components/DataGrid/components/Header/HeaderCell/SortIcon/SortIcon.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SortDirection } from '@tanstack/react-table';
+type SortIconProps = {
+    isSorted?: boolean | SortDirection;
+};
+/**
+ * Sort icon for a column header.
+ */
+export declare const SortIcon: ({ isSorted }: SortIconProps) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/components/Header/HeaderCell/SortIcon/SortIcon.js

@@ -0,0 +1,23 @@
+import React__default, { useMemo } from 'react';
+import { theme } from '../../../../../../theme/index.js';
+import { ArrowDownIcon } from '../../../../../../tempIcons/ArrowDownIcon.js';
+import { ArrowUpIcon } from '../../../../../../tempIcons/ArrowUpIcon.js';
+import { DoubleArrowIcon } from '../../../../../../tempIcons/DoubleArrowIcon.js';
+import '../../../../../../theme/modules/sizes.js';
+import { sortIcon } from '../HeaderCell.module.css.js';
+
+/**
+ * Sort icon for a column header.
+ */
+const SortIcon = ({ isSorted }) => {
+    const icon = useMemo(() => {
+        if (!isSorted) {
+            return React__default.createElement(DoubleArrowIcon, { size: 5 });
+        }
+        return isSorted === 'asc' ? (React__default.createElement(ArrowUpIcon, { color: theme.colors.neutral.ink.dark, size: 5 })) : (React__default.createElement(ArrowDownIcon, { color: theme.colors.neutral.ink.dark, size: 5 }));
+    }, [isSorted]);
+    return React__default.createElement("span", { className: sortIcon }, icon);
+};
+
+export { SortIcon };
+//# sourceMappingURL=SortIcon.js.map

package/dist/components/DataGrid/components/Header/HeaderCell/SortIcon/SortIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortIcon.js","sources":["../../../../../../../src/components/DataGrid/components/Header/HeaderCell/SortIcon/SortIcon.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { SortDirection } from '@tanstack/react-table';\n\nimport { theme } from 'Theme';\n\nimport { ArrowDownIcon, ArrowUpIcon, DoubleArrowIcon } from '../../../../../../tempIcons';\nimport { sortIcon } from '../HeaderCell.module.css';\n\ntype SortIconProps = {\n  isSorted?: boolean | SortDirection;\n};\n\n/**\n * Sort icon for a column header.\n */\nexport const SortIcon = ({ isSorted }: SortIconProps) => {\n  const icon = useMemo(() => {\n    if (!isSorted) {\n      return <DoubleArrowIcon size={5} />;\n    }\n\n    return isSorted === 'asc' ? (\n      <ArrowUpIcon color={theme.colors.neutral.ink.dark} size={5} />\n    ) : (\n      <ArrowDownIcon color={theme.colors.neutral.ink.dark} size={5} />\n    );\n  }, [isSorted]);\n\n  return <span className={sortIcon}>{icon}</span>;\n};\n"],"names":["React"],"mappings":";;;;;;;;AAaA;;AAEG;MACU,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAiB,KAAI;AACtD,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,MAAK;QACxB,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,OAAOA,6BAAC,eAAe,EAAA,EAAC,IAAI,EAAE,CAAC,GAAI;AACpC;QAED,OAAO,QAAQ,KAAK,KAAK,IACvBA,cAAC,CAAA,aAAA,CAAA,WAAW,EAAC,EAAA,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,GAAI,KAE9DA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAI,CAAA,CACjE;AACH,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAA,OAAOA,uCAAM,SAAS,EAAE,QAAQ,EAAG,EAAA,IAAI,CAAQ;AACjD;;;;"}

package/dist/components/DataGrid/components/Header/HeaderCell/SortIcon/index.d.ts

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

package/dist/components/DataGrid/components/Header/HeaderCell/index.d.ts

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

package/dist/components/DataGrid/components/Header/Resizer/Resizer.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var React = require('react');
+var buildClassnames = require('../../../../../utils/buildClassnames.cjs');
+require('uid/secure');
+var Resizer_module = require('./Resizer.module.css.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const resizerClassname = buildClassnames.buildClassnames([Resizer_module.resizer, 'data-grid-column-resizer']);
+const Resizer = ({ resetSize, getResizeHandler, getIsResizing, deltaOffset, }) => {
+    const isResizing = getIsResizing();
+    const resizerStyle = React.useMemo(() => {
+        if (isResizing) {
+            return { transform: `translateX(${deltaOffset || 0}px)` };
+        }
+        return undefined;
+    }, [isResizing, deltaOffset]);
+    return (React__default.default.createElement("div", { "data-testid": "data-grid-column-resizer", className: resizerClassname, onDoubleClick: resetSize, onMouseDown: getResizeHandler, onTouchStart: getResizeHandler, style: resizerStyle }));
+};
+
+exports.Resizer = Resizer;
+//# sourceMappingURL=Resizer.cjs.map

package/dist/components/DataGrid/components/Header/Resizer/Resizer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.cjs","sources":["../../../../../../src/components/DataGrid/components/Header/Resizer/Resizer.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { resizer } from './Resizer.module.css';\n\ntype ResizerProps = {\n  /**\n   * Handler called when the column size is reset (resize element is double clicked).\n   */\n  resetSize: () => void;\n\n  /**\n   * Gets the resize handler to modify column size in the TanStack Table instance.\n   */\n  getResizeHandler: (event: any) => void;\n\n  /**\n   * Getter which returns current resize state for the column.\n   */\n  getIsResizing: () => boolean;\n\n  /**\n   * Delta offset (how much the resizer bar has been moved).\n   */\n  deltaOffset: number | null;\n};\n\nconst resizerClassname = buildClassnames([resizer, 'data-grid-column-resizer']);\n\nexport const Resizer = ({\n  resetSize,\n  getResizeHandler,\n  getIsResizing,\n  deltaOffset,\n}: ResizerProps) => {\n  const isResizing = getIsResizing();\n  const resizerStyle = useMemo(() => {\n    if (isResizing) {\n      return { transform: `translateX(${deltaOffset || 0}px)` };\n    }\n\n    return undefined;\n  }, [isResizing, deltaOffset]);\n\n  return (\n    <div\n      data-testid=\"data-grid-column-resizer\"\n      className={resizerClassname}\n      onDoubleClick={resetSize}\n      onMouseDown={getResizeHandler}\n      onTouchStart={getResizeHandler}\n      style={resizerStyle}\n    />\n  );\n};\n"],"names":["buildClassnames","resizer","useMemo","React"],"mappings":";;;;;;;;;;;AA4BA,MAAM,gBAAgB,GAAGA,+BAAe,CAAC,CAACC,sBAAO,EAAE,0BAA0B,CAAC,CAAC;AAExE,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,WAAW,GACE,KAAI;AACjB,IAAA,MAAM,UAAU,GAAG,aAAa,EAAE;AAClC,IAAA,MAAM,YAAY,GAAGC,aAAO,CAAC,MAAK;AAChC,QAAA,IAAI,UAAU,EAAE;YACd,OAAO,EAAE,SAAS,EAAE,CAAA,WAAA,EAAc,WAAW,IAAI,CAAC,CAAK,GAAA,CAAA,EAAE;AAC1D;AAED,QAAA,OAAO,SAAS;AAClB,KAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAE7B,QACEC,sBACc,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,0BAA0B,EACtC,SAAS,EAAE,gBAAgB,EAC3B,aAAa,EAAE,SAAS,EACxB,WAAW,EAAE,gBAAgB,EAC7B,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,YAAY,EACnB,CAAA;AAEN;;;;"}

package/dist/components/DataGrid/components/Header/Resizer/Resizer.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+type ResizerProps = {
+    /**
+     * Handler called when the column size is reset (resize element is double clicked).
+     */
+    resetSize: () => void;
+    /**
+     * Gets the resize handler to modify column size in the TanStack Table instance.
+     */
+    getResizeHandler: (event: any) => void;
+    /**
+     * Getter which returns current resize state for the column.
+     */
+    getIsResizing: () => boolean;
+    /**
+     * Delta offset (how much the resizer bar has been moved).
+     */
+    deltaOffset: number | null;
+};
+export declare const Resizer: ({ resetSize, getResizeHandler, getIsResizing, deltaOffset, }: ResizerProps) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/components/Header/Resizer/Resizer.js

@@ -0,0 +1,19 @@
+import React__default, { useMemo } from 'react';
+import { buildClassnames } from '../../../../../utils/buildClassnames.js';
+import 'uid/secure';
+import { resizer } from './Resizer.module.css.js';
+
+const resizerClassname = buildClassnames([resizer, 'data-grid-column-resizer']);
+const Resizer = ({ resetSize, getResizeHandler, getIsResizing, deltaOffset, }) => {
+    const isResizing = getIsResizing();
+    const resizerStyle = useMemo(() => {
+        if (isResizing) {
+            return { transform: `translateX(${deltaOffset || 0}px)` };
+        }
+        return undefined;
+    }, [isResizing, deltaOffset]);
+    return (React__default.createElement("div", { "data-testid": "data-grid-column-resizer", className: resizerClassname, onDoubleClick: resetSize, onMouseDown: getResizeHandler, onTouchStart: getResizeHandler, style: resizerStyle }));
+};
+
+export { Resizer };
+//# sourceMappingURL=Resizer.js.map

package/dist/components/DataGrid/components/Header/Resizer/Resizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.js","sources":["../../../../../../src/components/DataGrid/components/Header/Resizer/Resizer.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { resizer } from './Resizer.module.css';\n\ntype ResizerProps = {\n  /**\n   * Handler called when the column size is reset (resize element is double clicked).\n   */\n  resetSize: () => void;\n\n  /**\n   * Gets the resize handler to modify column size in the TanStack Table instance.\n   */\n  getResizeHandler: (event: any) => void;\n\n  /**\n   * Getter which returns current resize state for the column.\n   */\n  getIsResizing: () => boolean;\n\n  /**\n   * Delta offset (how much the resizer bar has been moved).\n   */\n  deltaOffset: number | null;\n};\n\nconst resizerClassname = buildClassnames([resizer, 'data-grid-column-resizer']);\n\nexport const Resizer = ({\n  resetSize,\n  getResizeHandler,\n  getIsResizing,\n  deltaOffset,\n}: ResizerProps) => {\n  const isResizing = getIsResizing();\n  const resizerStyle = useMemo(() => {\n    if (isResizing) {\n      return { transform: `translateX(${deltaOffset || 0}px)` };\n    }\n\n    return undefined;\n  }, [isResizing, deltaOffset]);\n\n  return (\n    <div\n      data-testid=\"data-grid-column-resizer\"\n      className={resizerClassname}\n      onDoubleClick={resetSize}\n      onMouseDown={getResizeHandler}\n      onTouchStart={getResizeHandler}\n      style={resizerStyle}\n    />\n  );\n};\n"],"names":["React"],"mappings":";;;;;AA4BA,MAAM,gBAAgB,GAAG,eAAe,CAAC,CAAC,OAAO,EAAE,0BAA0B,CAAC,CAAC;AAExE,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,WAAW,GACE,KAAI;AACjB,IAAA,MAAM,UAAU,GAAG,aAAa,EAAE;AAClC,IAAA,MAAM,YAAY,GAAG,OAAO,CAAC,MAAK;AAChC,QAAA,IAAI,UAAU,EAAE;YACd,OAAO,EAAE,SAAS,EAAE,CAAA,WAAA,EAAc,WAAW,IAAI,CAAC,CAAK,GAAA,CAAA,EAAE;AAC1D;AAED,QAAA,OAAO,SAAS;AAClB,KAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAE7B,QACEA,cACc,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,0BAA0B,EACtC,SAAS,EAAE,gBAAgB,EAC3B,aAAa,EAAE,SAAS,EACxB,WAAW,EAAE,gBAAgB,EAC7B,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,YAAY,EACnB,CAAA;AAEN;;;;"}

package/dist/components/DataGrid/components/Header/Resizer/Resizer.module.css.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+const cssContents = `._resizer_1fyg5_1{background:var(--colors-neutral-grey-dark);cursor:col-resize;min-height:50%;position:absolute;right:var(--sizes-none);top:25%;user-select:none;width:var(--sizes-line);&:before{content:"";left:var(--sizes-none);min-height:400%;position:absolute;top:-150%;transform:translateX(calc(var(--sizes-2)*-1));width:var(--sizes-4);z-index:var(--layers-grid-resizer)}}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc2l6ZXIubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxrQkFVRSwwQ0FBMkMsQ0FIM0MsaUJBQWtCLENBRmxCLGNBQWUsQ0FKZixpQkFBa0IsQ0FDbEIsdUJBQXdCLENBQ3hCLE9BQVEsQ0FLUixnQkFBaUIsQ0FKakIsdUJBQXdCLENBUXhCLFNBQ0UsVUFBVyxDQUdYLHNCQUF1QixDQUV2QixlQUFnQixDQUpoQixpQkFBa0IsQ0FDbEIsU0FBVSxDQU9WLDZDQUFnRCxDQUxoRCxvQkFBcUIsQ0FFckIsa0NBSUYsQ0FDRiIsImZpbGUiOiJSZXNpemVyLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIucmVzaXplciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IHZhcigtLXNpemVzLW5vbmUpO1xuICB0b3A6IDI1JTtcbiAgd2lkdGg6IHZhcigtLXNpemVzLWxpbmUpO1xuICBtaW4taGVpZ2h0OiA1MCU7XG5cbiAgY3Vyc29yOiBjb2wtcmVzaXplO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvcnMtbmV1dHJhbC1ncmV5LWRhcmspO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogLTE1MCU7XG4gICAgbGVmdDogdmFyKC0tc2l6ZXMtbm9uZSk7XG4gICAgd2lkdGg6IHZhcigtLXNpemVzLTQpO1xuICAgIG1pbi1oZWlnaHQ6IDQwMCU7XG4gICAgei1pbmRleDogdmFyKC0tbGF5ZXJzLWdyaWQtcmVzaXplcik7XG5cbiAgICAvKiBTaGlmdCB0aGUgOjpiZWZvcmUgc28gaXQncyBjZW50ZXJlZCBvbiB0aGUgYmFyICovXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGModmFyKC0tc2l6ZXMtMikgKiAtMSkpO1xuICB9XG59XG4iXX0= */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const resizer = '_resizer_1fyg5_1';
+
+exports.resizer = resizer;
+//# sourceMappingURL=Resizer.module.css.cjs.map

package/dist/components/DataGrid/components/Header/Resizer/Resizer.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.module.css.cjs","sources":["../../../../../../src/components/DataGrid/components/Header/Resizer/Resizer.module.css"],"sourcesContent":[".resizer {\n  position: absolute;\n  right: var(--sizes-none);\n  top: 25%;\n  width: var(--sizes-line);\n  min-height: 50%;\n\n  cursor: col-resize;\n  user-select: none;\n\n  background: var(--colors-neutral-grey-dark);\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: -150%;\n    left: var(--sizes-none);\n    width: var(--sizes-4);\n    min-height: 400%;\n    z-index: var(--layers-grid-resizer);\n\n    /* Shift the ::before so it's centered on the bar */\n    transform: translateX(calc(var(--sizes-2) * -1));\n  }\n}\n"],"names":[],"mappings":";;AACA,MAAM,WAAW,GAAG,CAAC;AACrB,qsCAAqsC,CAAC;AACtsC,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,OAAO,GAAG;;;;"}

package/dist/components/DataGrid/components/Header/Resizer/Resizer.module.css.js

@@ -0,0 +1,9 @@
+const cssContents = `._resizer_1fyg5_1{background:var(--colors-neutral-grey-dark);cursor:col-resize;min-height:50%;position:absolute;right:var(--sizes-none);top:25%;user-select:none;width:var(--sizes-line);&:before{content:"";left:var(--sizes-none);min-height:400%;position:absolute;top:-150%;transform:translateX(calc(var(--sizes-2)*-1));width:var(--sizes-4);z-index:var(--layers-grid-resizer)}}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc2l6ZXIubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxrQkFVRSwwQ0FBMkMsQ0FIM0MsaUJBQWtCLENBRmxCLGNBQWUsQ0FKZixpQkFBa0IsQ0FDbEIsdUJBQXdCLENBQ3hCLE9BQVEsQ0FLUixnQkFBaUIsQ0FKakIsdUJBQXdCLENBUXhCLFNBQ0UsVUFBVyxDQUdYLHNCQUF1QixDQUV2QixlQUFnQixDQUpoQixpQkFBa0IsQ0FDbEIsU0FBVSxDQU9WLDZDQUFnRCxDQUxoRCxvQkFBcUIsQ0FFckIsa0NBSUYsQ0FDRiIsImZpbGUiOiJSZXNpemVyLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIucmVzaXplciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IHZhcigtLXNpemVzLW5vbmUpO1xuICB0b3A6IDI1JTtcbiAgd2lkdGg6IHZhcigtLXNpemVzLWxpbmUpO1xuICBtaW4taGVpZ2h0OiA1MCU7XG5cbiAgY3Vyc29yOiBjb2wtcmVzaXplO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvcnMtbmV1dHJhbC1ncmV5LWRhcmspO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogLTE1MCU7XG4gICAgbGVmdDogdmFyKC0tc2l6ZXMtbm9uZSk7XG4gICAgd2lkdGg6IHZhcigtLXNpemVzLTQpO1xuICAgIG1pbi1oZWlnaHQ6IDQwMCU7XG4gICAgei1pbmRleDogdmFyKC0tbGF5ZXJzLWdyaWQtcmVzaXplcik7XG5cbiAgICAvKiBTaGlmdCB0aGUgOjpiZWZvcmUgc28gaXQncyBjZW50ZXJlZCBvbiB0aGUgYmFyICovXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGModmFyKC0tc2l6ZXMtMikgKiAtMSkpO1xuICB9XG59XG4iXX0= */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const resizer = '_resizer_1fyg5_1';
+
+export { resizer };
+//# sourceMappingURL=Resizer.module.css.js.map

package/dist/components/DataGrid/components/Header/Resizer/Resizer.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.module.css.js","sources":["../../../../../../src/components/DataGrid/components/Header/Resizer/Resizer.module.css"],"sourcesContent":[".resizer {\n  position: absolute;\n  right: var(--sizes-none);\n  top: 25%;\n  width: var(--sizes-line);\n  min-height: 50%;\n\n  cursor: col-resize;\n  user-select: none;\n\n  background: var(--colors-neutral-grey-dark);\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: -150%;\n    left: var(--sizes-none);\n    width: var(--sizes-4);\n    min-height: 400%;\n    z-index: var(--layers-grid-resizer);\n\n    /* Shift the ::before so it's centered on the bar */\n    transform: translateX(calc(var(--sizes-2) * -1));\n  }\n}\n"],"names":[],"mappings":"AACA,MAAM,WAAW,GAAG,CAAC;AACrB,qsCAAqsC,CAAC;AACtsC,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,OAAO,GAAG;;;;"}

package/dist/components/DataGrid/components/Header/Resizer/index.d.ts

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

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

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

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

@@ -0,0 +1,5 @@
+export { Columns } from './Columns';
+export { Header } from './Header';
+export { Body } from './Body';
+export { Footer } from './Footer';
+export { GridContainer } from './GridContainer';

package/dist/components/DataGrid/constants.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+const DEFAULT_COLUMN_WIDTH = 200;
+const DEFAULT_COLUMN_MINIMUM_WIDTH = 120;
+const DEFAULT_COLUMN_MAXIMUM_WIDTH = Number.MAX_SAFE_INTEGER;
+const DEFAULT_CELL_ALIGN = 'left';
+
+exports.DEFAULT_CELL_ALIGN = DEFAULT_CELL_ALIGN;
+exports.DEFAULT_COLUMN_MAXIMUM_WIDTH = DEFAULT_COLUMN_MAXIMUM_WIDTH;
+exports.DEFAULT_COLUMN_MINIMUM_WIDTH = DEFAULT_COLUMN_MINIMUM_WIDTH;
+exports.DEFAULT_COLUMN_WIDTH = DEFAULT_COLUMN_WIDTH;
+//# sourceMappingURL=constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/DataGrid/constants.ts"],"sourcesContent":["export const DEFAULT_COLUMN_WIDTH = 200;\nexport const DEFAULT_COLUMN_MINIMUM_WIDTH = 120;\nexport const DEFAULT_COLUMN_MAXIMUM_WIDTH = Number.MAX_SAFE_INTEGER;\n\nexport const DEFAULT_CELL_ALIGN = 'left';\n"],"names":[],"mappings":";;AAAO,MAAM,oBAAoB,GAAG;AAC7B,MAAM,4BAA4B,GAAG;AAC/B,MAAA,4BAA4B,GAAG,MAAM,CAAC;AAE5C,MAAM,kBAAkB,GAAG;;;;;;;"}

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

@@ -0,0 +1,4 @@
+export declare const DEFAULT_COLUMN_WIDTH = 200;
+export declare const DEFAULT_COLUMN_MINIMUM_WIDTH = 120;
+export declare const DEFAULT_COLUMN_MAXIMUM_WIDTH: number;
+export declare const DEFAULT_CELL_ALIGN = "left";

package/dist/components/DataGrid/constants.js

@@ -0,0 +1,7 @@
+const DEFAULT_COLUMN_WIDTH = 200;
+const DEFAULT_COLUMN_MINIMUM_WIDTH = 120;
+const DEFAULT_COLUMN_MAXIMUM_WIDTH = Number.MAX_SAFE_INTEGER;
+const DEFAULT_CELL_ALIGN = 'left';
+
+export { DEFAULT_CELL_ALIGN, DEFAULT_COLUMN_MAXIMUM_WIDTH, DEFAULT_COLUMN_MINIMUM_WIDTH, DEFAULT_COLUMN_WIDTH };
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/DataGrid/constants.ts"],"sourcesContent":["export const DEFAULT_COLUMN_WIDTH = 200;\nexport const DEFAULT_COLUMN_MINIMUM_WIDTH = 120;\nexport const DEFAULT_COLUMN_MAXIMUM_WIDTH = Number.MAX_SAFE_INTEGER;\n\nexport const DEFAULT_CELL_ALIGN = 'left';\n"],"names":[],"mappings":"AAAO,MAAM,oBAAoB,GAAG;AAC7B,MAAM,4BAA4B,GAAG;AAC/B,MAAA,4BAA4B,GAAG,MAAM,CAAC;AAE5C,MAAM,kBAAkB,GAAG;;;;"}

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

@@ -0,0 +1,3 @@
+export { useSortingState } from './useSortingState';
+export { usePinnedColumnStyles } from './usePinnedColumnStyles';
+export { usePinnedColumnLayout } from './usePinnedColumnLayout';

package/dist/components/DataGrid/hooks/usePinnedColumnLayout.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+var React = require('react');
+
+/* eslint-disable react-hooks/exhaustive-deps */
+/**
+ * Hook which computes left and right positions for laying out pinned columns, which are then returned as CSS variables
+ * to be applied to the table element.
+ *
+ * We do this so that pinned columns can be resized correctly, whilst avoiding having to re-render the table body and
+ * header (since left/right properties must be applied to the <th> and <td> elements rather than the <col>).
+ */
+const usePinnedColumnLayout = ({ table }) => {
+    const pinnedColumnLayoutStyles = React.useMemo(() => {
+        if (!table.getIsSomeColumnsPinned()) {
+            return {};
+        }
+        const pinnedColumns = [
+            ...table.getLeftVisibleLeafColumns(),
+            ...table.getRightVisibleLeafColumns(),
+        ];
+        return pinnedColumns.reduce((styleObj, column) => {
+            const pinLocation = column.getIsPinned();
+            return {
+                ...styleObj,
+                [`--${column.id}-start`]: pinLocation === 'left' ? `${column.getStart('left')}px` : undefined,
+                [`--${column.id}-after`]: pinLocation === 'right' ? `${column.getAfter('right')}px` : undefined,
+            };
+        }, {});
+    }, [
+        table.getState().columnSizing,
+        table.getState().columnSizingInfo,
+        table.getState().columnPinning,
+    ]);
+    return { pinnedColumnLayoutStyles };
+};
+
+exports.usePinnedColumnLayout = usePinnedColumnLayout;
+//# sourceMappingURL=usePinnedColumnLayout.cjs.map

package/dist/components/DataGrid/hooks/usePinnedColumnLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePinnedColumnLayout.cjs","sources":["../../../../src/components/DataGrid/hooks/usePinnedColumnLayout.ts"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\n\nimport { useMemo } from 'react';\n\nimport { Table } from '@tanstack/react-table';\n\ntype UsePinnedColumnLayoutProps = {\n  table: Table<any>;\n};\n\n/**\n * Hook which computes left and right positions for laying out pinned columns, which are then returned as CSS variables\n * to be applied to the table element.\n *\n * We do this so that pinned columns can be resized correctly, whilst avoiding having to re-render the table body and\n * header (since left/right properties must be applied to the <th> and <td> elements rather than the <col>).\n */\nexport const usePinnedColumnLayout = ({ table }: UsePinnedColumnLayoutProps) => {\n  const pinnedColumnLayoutStyles = useMemo(() => {\n    if (!table.getIsSomeColumnsPinned()) {\n      return {};\n    }\n\n    const pinnedColumns = [\n      ...table.getLeftVisibleLeafColumns(),\n      ...table.getRightVisibleLeafColumns(),\n    ];\n\n    return pinnedColumns.reduce((styleObj, column) => {\n      const pinLocation = column.getIsPinned();\n\n      return {\n        ...styleObj,\n        [`--${column.id}-start`]:\n          pinLocation === 'left' ? `${column.getStart('left')}px` : undefined,\n        [`--${column.id}-after`]:\n          pinLocation === 'right' ? `${column.getAfter('right')}px` : undefined,\n      };\n    }, {});\n  }, [\n    table.getState().columnSizing,\n    table.getState().columnSizingInfo,\n    table.getState().columnPinning,\n  ]);\n\n  return { pinnedColumnLayoutStyles };\n};\n"],"names":["useMemo"],"mappings":";;;;AAAA;AAUA;;;;;;AAMG;MACU,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAA8B,KAAI;AAC7E,IAAA,MAAM,wBAAwB,GAAGA,aAAO,CAAC,MAAK;AAC5C,QAAA,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,EAAE;AACnC,YAAA,OAAO,EAAE;AACV;AAED,QAAA,MAAM,aAAa,GAAG;YACpB,GAAG,KAAK,CAAC,yBAAyB,EAAE;YACpC,GAAG,KAAK,CAAC,0BAA0B,EAAE;SACtC;QAED,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAI;AAC/C,YAAA,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,EAAE;YAExC,OAAO;AACL,gBAAA,GAAG,QAAQ;gBACX,CAAC,CAAA,EAAA,EAAK,MAAM,CAAC,EAAE,CAAA,MAAA,CAAQ,GACrB,WAAW,KAAK,MAAM,GAAG,CAAG,EAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAI,EAAA,CAAA,GAAG,SAAS;gBACrE,CAAC,CAAA,EAAA,EAAK,MAAM,CAAC,EAAE,CAAA,MAAA,CAAQ,GACrB,WAAW,KAAK,OAAO,GAAG,CAAG,EAAA,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAI,EAAA,CAAA,GAAG,SAAS;aACxE;SACF,EAAE,EAAE,CAAC;AACR,KAAC,EAAE;AACD,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,YAAY;AAC7B,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,gBAAgB;AACjC,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,aAAa;AAC/B,KAAA,CAAC;IAEF,OAAO,EAAE,wBAAwB,EAAE;AACrC;;;;"}

package/dist/components/DataGrid/hooks/usePinnedColumnLayout.d.ts

@@ -0,0 +1,15 @@
+import { Table } from '@tanstack/react-table';
+type UsePinnedColumnLayoutProps = {
+    table: Table<any>;
+};
+/**
+ * Hook which computes left and right positions for laying out pinned columns, which are then returned as CSS variables
+ * to be applied to the table element.
+ *
+ * We do this so that pinned columns can be resized correctly, whilst avoiding having to re-render the table body and
+ * header (since left/right properties must be applied to the <th> and <td> elements rather than the <col>).
+ */
+export declare const usePinnedColumnLayout: ({ table }: UsePinnedColumnLayoutProps) => {
+    pinnedColumnLayoutStyles: {};
+};
+export {};

package/dist/components/DataGrid/hooks/usePinnedColumnLayout.js

@@ -0,0 +1,37 @@
+import { useMemo } from 'react';
+
+/* eslint-disable react-hooks/exhaustive-deps */
+/**
+ * Hook which computes left and right positions for laying out pinned columns, which are then returned as CSS variables
+ * to be applied to the table element.
+ *
+ * We do this so that pinned columns can be resized correctly, whilst avoiding having to re-render the table body and
+ * header (since left/right properties must be applied to the <th> and <td> elements rather than the <col>).
+ */
+const usePinnedColumnLayout = ({ table }) => {
+    const pinnedColumnLayoutStyles = useMemo(() => {
+        if (!table.getIsSomeColumnsPinned()) {
+            return {};
+        }
+        const pinnedColumns = [
+            ...table.getLeftVisibleLeafColumns(),
+            ...table.getRightVisibleLeafColumns(),
+        ];
+        return pinnedColumns.reduce((styleObj, column) => {
+            const pinLocation = column.getIsPinned();
+            return {
+                ...styleObj,
+                [`--${column.id}-start`]: pinLocation === 'left' ? `${column.getStart('left')}px` : undefined,
+                [`--${column.id}-after`]: pinLocation === 'right' ? `${column.getAfter('right')}px` : undefined,
+            };
+        }, {});
+    }, [
+        table.getState().columnSizing,
+        table.getState().columnSizingInfo,
+        table.getState().columnPinning,
+    ]);
+    return { pinnedColumnLayoutStyles };
+};
+
+export { usePinnedColumnLayout };
+//# sourceMappingURL=usePinnedColumnLayout.js.map

package/dist/components/DataGrid/hooks/usePinnedColumnLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePinnedColumnLayout.js","sources":["../../../../src/components/DataGrid/hooks/usePinnedColumnLayout.ts"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\n\nimport { useMemo } from 'react';\n\nimport { Table } from '@tanstack/react-table';\n\ntype UsePinnedColumnLayoutProps = {\n  table: Table<any>;\n};\n\n/**\n * Hook which computes left and right positions for laying out pinned columns, which are then returned as CSS variables\n * to be applied to the table element.\n *\n * We do this so that pinned columns can be resized correctly, whilst avoiding having to re-render the table body and\n * header (since left/right properties must be applied to the <th> and <td> elements rather than the <col>).\n */\nexport const usePinnedColumnLayout = ({ table }: UsePinnedColumnLayoutProps) => {\n  const pinnedColumnLayoutStyles = useMemo(() => {\n    if (!table.getIsSomeColumnsPinned()) {\n      return {};\n    }\n\n    const pinnedColumns = [\n      ...table.getLeftVisibleLeafColumns(),\n      ...table.getRightVisibleLeafColumns(),\n    ];\n\n    return pinnedColumns.reduce((styleObj, column) => {\n      const pinLocation = column.getIsPinned();\n\n      return {\n        ...styleObj,\n        [`--${column.id}-start`]:\n          pinLocation === 'left' ? `${column.getStart('left')}px` : undefined,\n        [`--${column.id}-after`]:\n          pinLocation === 'right' ? `${column.getAfter('right')}px` : undefined,\n      };\n    }, {});\n  }, [\n    table.getState().columnSizing,\n    table.getState().columnSizingInfo,\n    table.getState().columnPinning,\n  ]);\n\n  return { pinnedColumnLayoutStyles };\n};\n"],"names":[],"mappings":";;AAAA;AAUA;;;;;;AAMG;MACU,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAA8B,KAAI;AAC7E,IAAA,MAAM,wBAAwB,GAAG,OAAO,CAAC,MAAK;AAC5C,QAAA,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,EAAE;AACnC,YAAA,OAAO,EAAE;AACV;AAED,QAAA,MAAM,aAAa,GAAG;YACpB,GAAG,KAAK,CAAC,yBAAyB,EAAE;YACpC,GAAG,KAAK,CAAC,0BAA0B,EAAE;SACtC;QAED,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAI;AAC/C,YAAA,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,EAAE;YAExC,OAAO;AACL,gBAAA,GAAG,QAAQ;gBACX,CAAC,CAAA,EAAA,EAAK,MAAM,CAAC,EAAE,CAAA,MAAA,CAAQ,GACrB,WAAW,KAAK,MAAM,GAAG,CAAG,EAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAI,EAAA,CAAA,GAAG,SAAS;gBACrE,CAAC,CAAA,EAAA,EAAK,MAAM,CAAC,EAAE,CAAA,MAAA,CAAQ,GACrB,WAAW,KAAK,OAAO,GAAG,CAAG,EAAA,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAI,EAAA,CAAA,GAAG,SAAS;aACxE;SACF,EAAE,EAAE,CAAC;AACR,KAAC,EAAE;AACD,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,YAAY;AAC7B,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,gBAAgB;AACjC,QAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,aAAa;AAC/B,KAAA,CAAC;IAEF,OAAO,EAAE,wBAAwB,EAAE;AACrC;;;;"}

package/dist/components/DataGrid/hooks/usePinnedColumnStyles.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var pinnedColumnUtils = require('../utils/pinnedColumnUtils.cjs');
+
+/**
+ * Hook which returns class names, and styles that need to be computed on-the-fly, for pinned column cells.
+ */
+const usePinnedColumnStyles = ({ column }) => {
+    if (!column.getIsPinned()) {
+        return {
+            pinnedCellClassName: '',
+            pinnedCellStyles: {},
+        };
+    }
+    return {
+        pinnedCellClassName: pinnedColumnUtils.getPinnedColumnClassNames(column),
+        pinnedCellStyles: pinnedColumnUtils.getPinnedColumnStyles(column),
+    };
+};
+
+exports.usePinnedColumnStyles = usePinnedColumnStyles;
+//# sourceMappingURL=usePinnedColumnStyles.cjs.map

package/dist/components/DataGrid/hooks/usePinnedColumnStyles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePinnedColumnStyles.cjs","sources":["../../../../src/components/DataGrid/hooks/usePinnedColumnStyles.ts"],"sourcesContent":["import { Column } from '@tanstack/react-table';\n\nimport { getPinnedColumnClassNames, getPinnedColumnStyles } from '../utils/pinnedColumnUtils';\n\ntype UsePinnedColumnStylesProps = {\n  column: Column<any, any>;\n};\n\n/**\n * Hook which returns class names, and styles that need to be computed on-the-fly, for pinned column cells.\n */\nexport const usePinnedColumnStyles = ({ column }: UsePinnedColumnStylesProps) => {\n  if (!column.getIsPinned()) {\n    return {\n      pinnedCellClassName: '',\n      pinnedCellStyles: {},\n    };\n  }\n\n  return {\n    pinnedCellClassName: getPinnedColumnClassNames(column),\n    pinnedCellStyles: getPinnedColumnStyles(column),\n  };\n};\n"],"names":["getPinnedColumnClassNames","getPinnedColumnStyles"],"mappings":";;;;AAQA;;AAEG;MACU,qBAAqB,GAAG,CAAC,EAAE,MAAM,EAA8B,KAAI;AAC9E,IAAA,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE;QACzB,OAAO;AACL,YAAA,mBAAmB,EAAE,EAAE;AACvB,YAAA,gBAAgB,EAAE,EAAE;SACrB;AACF;IAED,OAAO;AACL,QAAA,mBAAmB,EAAEA,2CAAyB,CAAC,MAAM,CAAC;AACtD,QAAA,gBAAgB,EAAEC,uCAAqB,CAAC,MAAM,CAAC;KAChD;AACH;;;;"}

package/dist/components/DataGrid/hooks/usePinnedColumnStyles.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Column } from '@tanstack/react-table';
+type UsePinnedColumnStylesProps = {
+    column: Column<any, any>;
+};
+/**
+ * Hook which returns class names, and styles that need to be computed on-the-fly, for pinned column cells.
+ */
+export declare const usePinnedColumnStyles: ({ column }: UsePinnedColumnStylesProps) => {
+    pinnedCellClassName: any;
+    pinnedCellStyles: import("react").CSSProperties;
+};
+export {};

package/dist/components/DataGrid/hooks/usePinnedColumnStyles.js

@@ -0,0 +1,20 @@
+import { getPinnedColumnClassNames, getPinnedColumnStyles } from '../utils/pinnedColumnUtils.js';
+
+/**
+ * Hook which returns class names, and styles that need to be computed on-the-fly, for pinned column cells.
+ */
+const usePinnedColumnStyles = ({ column }) => {
+    if (!column.getIsPinned()) {
+        return {
+            pinnedCellClassName: '',
+            pinnedCellStyles: {},
+        };
+    }
+    return {
+        pinnedCellClassName: getPinnedColumnClassNames(column),
+        pinnedCellStyles: getPinnedColumnStyles(column),
+    };
+};
+
+export { usePinnedColumnStyles };
+//# sourceMappingURL=usePinnedColumnStyles.js.map

package/dist/components/DataGrid/hooks/usePinnedColumnStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePinnedColumnStyles.js","sources":["../../../../src/components/DataGrid/hooks/usePinnedColumnStyles.ts"],"sourcesContent":["import { Column } from '@tanstack/react-table';\n\nimport { getPinnedColumnClassNames, getPinnedColumnStyles } from '../utils/pinnedColumnUtils';\n\ntype UsePinnedColumnStylesProps = {\n  column: Column<any, any>;\n};\n\n/**\n * Hook which returns class names, and styles that need to be computed on-the-fly, for pinned column cells.\n */\nexport const usePinnedColumnStyles = ({ column }: UsePinnedColumnStylesProps) => {\n  if (!column.getIsPinned()) {\n    return {\n      pinnedCellClassName: '',\n      pinnedCellStyles: {},\n    };\n  }\n\n  return {\n    pinnedCellClassName: getPinnedColumnClassNames(column),\n    pinnedCellStyles: getPinnedColumnStyles(column),\n  };\n};\n"],"names":[],"mappings":";;AAQA;;AAEG;MACU,qBAAqB,GAAG,CAAC,EAAE,MAAM,EAA8B,KAAI;AAC9E,IAAA,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE;QACzB,OAAO;AACL,YAAA,mBAAmB,EAAE,EAAE;AACvB,YAAA,gBAAgB,EAAE,EAAE;SACrB;AACF;IAED,OAAO;AACL,QAAA,mBAAmB,EAAE,yBAAyB,CAAC,MAAM,CAAC;AACtD,QAAA,gBAAgB,EAAE,qBAAqB,CAAC,MAAM,CAAC;KAChD;AACH;;;;"}

package/dist/components/DataGrid/hooks/useSortingState.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+var React = require('react');
+
+/**
+ * Hook which manages interop between sorting props and the internal TanStack sorting state.
+ */
+const useSortingState = ({ columns, sortState, onSortChanged }) => {
+    const internalSortState = React.useMemo(() => {
+        if (!sortState || !onSortChanged)
+            return undefined;
+        return [{ id: sortState.columnId, desc: sortState.direction === 'desc' }];
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [sortState]);
+    const setInternalSortState = React.useCallback((onUpdate) => {
+        if (!onSortChanged)
+            return;
+        // TanStack can either pass us a functional updater method, or the new sort object directly.
+        const newSortState = typeof onUpdate === 'function' ? onUpdate(internalSortState) : onUpdate;
+        if (!newSortState || newSortState.length === 0)
+            return;
+        const [{ id, desc }] = newSortState;
+        onSortChanged({
+            columnId: id,
+            direction: desc ? 'desc' : 'asc',
+        });
+    }, [onSortChanged, internalSortState]);
+    const enableSorting = React.useMemo(() => onSortChanged !== undefined && columns.some((column) => column.sortable), [columns, onSortChanged]);
+    return {
+        enableSorting,
+        sorting: internalSortState,
+        onSortingChange: setInternalSortState,
+        manualSorting: true,
+        enableSortingRemoval: false,
+        enableMultiRemove: false,
+    };
+};
+
+exports.useSortingState = useSortingState;
+//# sourceMappingURL=useSortingState.cjs.map

package/dist/components/DataGrid/hooks/useSortingState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSortingState.cjs","sources":["../../../../src/components/DataGrid/hooks/useSortingState.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nimport { OnChangeFn, SortingState } from '@tanstack/react-table';\n\nimport { ColumnDefinition } from '../types';\nimport { SortState } from '../types/SortState';\n\ntype UseSortingStateProps = {\n  columns: ColumnDefinition<any>[];\n\n  sortState?: SortState;\n  onSortChanged?: (sortState: SortState) => void;\n};\n\n/**\n * Hook which manages interop between sorting props and the internal TanStack sorting state.\n */\nexport const useSortingState = ({ columns, sortState, onSortChanged }: UseSortingStateProps) => {\n  const internalSortState = useMemo(() => {\n    if (!sortState || !onSortChanged) return undefined;\n\n    return [{ id: sortState.columnId, desc: sortState.direction === 'desc' }];\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [sortState]);\n\n  const setInternalSortState: OnChangeFn<SortingState> = useCallback(\n    (onUpdate) => {\n      if (!onSortChanged) return;\n\n      // TanStack can either pass us a functional updater method, or the new sort object directly.\n      const newSortState =\n        typeof onUpdate === 'function' ? onUpdate(internalSortState as SortingState) : onUpdate;\n\n      if (!newSortState || newSortState.length === 0) return;\n\n      const [{ id, desc }] = newSortState;\n\n      onSortChanged({\n        columnId: id,\n        direction: desc ? 'desc' : 'asc',\n      });\n    },\n    [onSortChanged, internalSortState],\n  );\n\n  const enableSorting = useMemo(\n    () => onSortChanged !== undefined && columns.some((column) => column.sortable),\n    [columns, onSortChanged],\n  );\n\n  return {\n    enableSorting,\n    sorting: internalSortState,\n    onSortingChange: setInternalSortState,\n\n    manualSorting: true,\n    enableSortingRemoval: false,\n    enableMultiRemove: false,\n  };\n};\n"],"names":["useMemo","useCallback"],"mappings":";;;;AAcA;;AAEG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAwB,KAAI;AAC7F,IAAA,MAAM,iBAAiB,GAAGA,aAAO,CAAC,MAAK;AACrC,QAAA,IAAI,CAAC,SAAS,IAAI,CAAC,aAAa;AAAE,YAAA,OAAO,SAAS;AAElD,QAAA,OAAO,CAAC,EAAE,EAAE,EAAE,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,SAAS,KAAK,MAAM,EAAE,CAAC;;AAE3E,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,MAAM,oBAAoB,GAA6BC,iBAAW,CAChE,CAAC,QAAQ,KAAI;AACX,QAAA,IAAI,CAAC,aAAa;YAAE;;AAGpB,QAAA,MAAM,YAAY,GAChB,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,iBAAiC,CAAC,GAAG,QAAQ;AAEzF,QAAA,IAAI,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC;YAAE;QAEhD,MAAM,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,YAAY;AAEnC,QAAA,aAAa,CAAC;AACZ,YAAA,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACjC,SAAA,CAAC;AACJ,KAAC,EACD,CAAC,aAAa,EAAE,iBAAiB,CAAC,CACnC;AAED,IAAA,MAAM,aAAa,GAAGD,aAAO,CAC3B,MAAM,aAAa,KAAK,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,QAAQ,CAAC,EAC9E,CAAC,OAAO,EAAE,aAAa,CAAC,CACzB;IAED,OAAO;QACL,aAAa;AACb,QAAA,OAAO,EAAE,iBAAiB;AAC1B,QAAA,eAAe,EAAE,oBAAoB;AAErC,QAAA,aAAa,EAAE,IAAI;AACnB,QAAA,oBAAoB,EAAE,KAAK;AAC3B,QAAA,iBAAiB,EAAE,KAAK;KACzB;AACH;;;;"}

package/dist/components/DataGrid/hooks/useSortingState.d.ts

@@ -0,0 +1,23 @@
+import { OnChangeFn, SortingState } from '@tanstack/react-table';
+import { ColumnDefinition } from '../types';
+import { SortState } from '../types/SortState';
+type UseSortingStateProps = {
+    columns: ColumnDefinition<any>[];
+    sortState?: SortState;
+    onSortChanged?: (sortState: SortState) => void;
+};
+/**
+ * Hook which manages interop between sorting props and the internal TanStack sorting state.
+ */
+export declare const useSortingState: ({ columns, sortState, onSortChanged }: UseSortingStateProps) => {
+    enableSorting: boolean;
+    sorting: {
+        id: string;
+        desc: boolean;
+    }[] | undefined;
+    onSortingChange: OnChangeFn<SortingState>;
+    manualSorting: boolean;
+    enableSortingRemoval: boolean;
+    enableMultiRemove: boolean;
+};
+export {};

package/dist/components/DataGrid/hooks/useSortingState.js

@@ -0,0 +1,38 @@
+import { useMemo, useCallback } from 'react';
+
+/**
+ * Hook which manages interop between sorting props and the internal TanStack sorting state.
+ */
+const useSortingState = ({ columns, sortState, onSortChanged }) => {
+    const internalSortState = useMemo(() => {
+        if (!sortState || !onSortChanged)
+            return undefined;
+        return [{ id: sortState.columnId, desc: sortState.direction === 'desc' }];
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [sortState]);
+    const setInternalSortState = useCallback((onUpdate) => {
+        if (!onSortChanged)
+            return;
+        // TanStack can either pass us a functional updater method, or the new sort object directly.
+        const newSortState = typeof onUpdate === 'function' ? onUpdate(internalSortState) : onUpdate;
+        if (!newSortState || newSortState.length === 0)
+            return;
+        const [{ id, desc }] = newSortState;
+        onSortChanged({
+            columnId: id,
+            direction: desc ? 'desc' : 'asc',
+        });
+    }, [onSortChanged, internalSortState]);
+    const enableSorting = useMemo(() => onSortChanged !== undefined && columns.some((column) => column.sortable), [columns, onSortChanged]);
+    return {
+        enableSorting,
+        sorting: internalSortState,
+        onSortingChange: setInternalSortState,
+        manualSorting: true,
+        enableSortingRemoval: false,
+        enableMultiRemove: false,
+    };
+};
+
+export { useSortingState };
+//# sourceMappingURL=useSortingState.js.map

package/dist/components/DataGrid/hooks/useSortingState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSortingState.js","sources":["../../../../src/components/DataGrid/hooks/useSortingState.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nimport { OnChangeFn, SortingState } from '@tanstack/react-table';\n\nimport { ColumnDefinition } from '../types';\nimport { SortState } from '../types/SortState';\n\ntype UseSortingStateProps = {\n  columns: ColumnDefinition<any>[];\n\n  sortState?: SortState;\n  onSortChanged?: (sortState: SortState) => void;\n};\n\n/**\n * Hook which manages interop between sorting props and the internal TanStack sorting state.\n */\nexport const useSortingState = ({ columns, sortState, onSortChanged }: UseSortingStateProps) => {\n  const internalSortState = useMemo(() => {\n    if (!sortState || !onSortChanged) return undefined;\n\n    return [{ id: sortState.columnId, desc: sortState.direction === 'desc' }];\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [sortState]);\n\n  const setInternalSortState: OnChangeFn<SortingState> = useCallback(\n    (onUpdate) => {\n      if (!onSortChanged) return;\n\n      // TanStack can either pass us a functional updater method, or the new sort object directly.\n      const newSortState =\n        typeof onUpdate === 'function' ? onUpdate(internalSortState as SortingState) : onUpdate;\n\n      if (!newSortState || newSortState.length === 0) return;\n\n      const [{ id, desc }] = newSortState;\n\n      onSortChanged({\n        columnId: id,\n        direction: desc ? 'desc' : 'asc',\n      });\n    },\n    [onSortChanged, internalSortState],\n  );\n\n  const enableSorting = useMemo(\n    () => onSortChanged !== undefined && columns.some((column) => column.sortable),\n    [columns, onSortChanged],\n  );\n\n  return {\n    enableSorting,\n    sorting: internalSortState,\n    onSortingChange: setInternalSortState,\n\n    manualSorting: true,\n    enableSortingRemoval: false,\n    enableMultiRemove: false,\n  };\n};\n"],"names":[],"mappings":";;AAcA;;AAEG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAwB,KAAI;AAC7F,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAK;AACrC,QAAA,IAAI,CAAC,SAAS,IAAI,CAAC,aAAa;AAAE,YAAA,OAAO,SAAS;AAElD,QAAA,OAAO,CAAC,EAAE,EAAE,EAAE,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,SAAS,KAAK,MAAM,EAAE,CAAC;;AAE3E,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,MAAM,oBAAoB,GAA6B,WAAW,CAChE,CAAC,QAAQ,KAAI;AACX,QAAA,IAAI,CAAC,aAAa;YAAE;;AAGpB,QAAA,MAAM,YAAY,GAChB,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,iBAAiC,CAAC,GAAG,QAAQ;AAEzF,QAAA,IAAI,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC;YAAE;QAEhD,MAAM,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,GAAG,YAAY;AAEnC,QAAA,aAAa,CAAC;AACZ,YAAA,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACjC,SAAA,CAAC;AACJ,KAAC,EACD,CAAC,aAAa,EAAE,iBAAiB,CAAC,CACnC;AAED,IAAA,MAAM,aAAa,GAAG,OAAO,CAC3B,MAAM,aAAa,KAAK,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,QAAQ,CAAC,EAC9E,CAAC,OAAO,EAAE,aAAa,CAAC,CACzB;IAED,OAAO;QACL,aAAa;AACb,QAAA,OAAO,EAAE,iBAAiB;AAC1B,QAAA,eAAe,EAAE,oBAAoB;AAErC,QAAA,aAAa,EAAE,IAAI;AACnB,QAAA,oBAAoB,EAAE,KAAK;AAC3B,QAAA,iBAAiB,EAAE,KAAK;KACzB;AACH;;;;"}

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

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

package/dist/components/DataGrid/types/AriaRoles.d.ts

@@ -0,0 +1,4 @@
+export type AriaRoles = {
+    table: 'table' | 'grid' | 'treegrid';
+    cell: 'cell' | 'gridcell';
+};