npm - @veeqo/ui - Versions diffs - 14.0.3 → 14.0.5 - Mend

@veeqo/ui 14.0.3 → 14.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1303) hide show

package/dist/components/DataTable/components/SelectionCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectionCell.js","sources":["../../../../src/components/DataTable/components/SelectionCell.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport { Checkbox } from '../../Checkbox';\nimport { Radio } from '../../Radio';\nimport { Cell, CellProps } from './Cell';\nimport { RowId, SelectionMode, SetSelectedAction } from '../types';\n\nexport interface SelectionCellProps extends CellProps {\n rowId: RowId;\n selected: boolean;\n onChange: SetSelectedAction;\n selectionMode: SelectionMode;\n disabled: boolean;\n}\n\nexport function SelectionCell({\n selected,\n rowId,\n onChange,\n selectionMode,\n disabled,\n ...cellProps\n}: SelectionCellProps) {\n const shiftKeyRef = useRef(false);\n\n // Detect shift on click OR space checks\n const handleInteraction = useCallback((e: React.MouseEvent \| React.KeyboardEvent) => {\n if ('key' in e && e.key !== ' ') return;\n\n shiftKeyRef.current = e.shiftKey;\n }, []);\n\n const handleChange = useCallback(\n (checked: boolean) => {\n onChange(checked, rowId, shiftKeyRef.current ? { shiftKey: true } : undefined);\n shiftKeyRef.current = false;\n },\n [onChange, rowId],\n );\n\n if (selectionMode === 'single') {\n return (\n <Cell {...cellProps}>\n <Radio value={rowId} checked={selected} disabled={disabled} onChange={onChange} />\n </Cell>\n );\n }\n\n return (\n <Cell {...cellProps} onMouseDown={handleInteraction} onKeyDown={handleInteraction}>\n <Checkbox value={rowId} checked={selected} disabled={disabled} onChange={handleChange} />\n </Cell>\n );\n}\n"],"names":["React"],"mappings":";;;;;SAcgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,GAAG,SAAS,EACO,EAAA;AACnB,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;;AAGjC,IAAA,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,CAAyC,KAAI;QAClF,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG;YAAE;AAEjC,QAAA,WAAW,CAAC,OAAO,GAAG,CAAC,CAAC,QAAQ;~~KACjC~~,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,OAAgB,KAAI;QACnB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,OAAO,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;AAC9E,QAAA,WAAW,CAAC,OAAO,GAAG,KAAK;AAC7B,~~KAAC~~,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB;IAED,IAAI,aAAa,KAAK,QAAQ,EAAE;AAC9B,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAA;YACjBA,~~cAAC~~,CAAA,aAAA,~~CAAA~~,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,~~EAAI~~,~~CAAA~~,CAC7E;AAEV;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAE,WAAW,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,EAAA;QAC/EA,~~cAAC~~,CAAA,aAAA,~~CAAA~~,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,~~EAAI~~,~~CAAA~~,CACpF;AAEX;;;;"}
1	+ {"version":3,"file":"SelectionCell.js","sources":["../../../../src/components/DataTable/components/SelectionCell.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport { Checkbox } from '../../Checkbox';\nimport { Radio } from '../../Radio';\nimport { Cell, CellProps } from './Cell';\nimport { RowId, SelectionMode, SetSelectedAction } from '../types';\n\nexport interface SelectionCellProps extends CellProps {\n rowId: RowId;\n selected: boolean;\n onChange: SetSelectedAction;\n selectionMode: SelectionMode;\n disabled: boolean;\n}\n\nexport function SelectionCell({\n selected,\n rowId,\n onChange,\n selectionMode,\n disabled,\n ...cellProps\n}: SelectionCellProps) {\n const shiftKeyRef = useRef(false);\n\n // Detect shift on click OR space checks\n const handleInteraction = useCallback((e: React.MouseEvent \| React.KeyboardEvent) => {\n if ('key' in e && e.key !== ' ') return;\n\n shiftKeyRef.current = e.shiftKey;\n }, []);\n\n const handleChange = useCallback(\n (checked: boolean) => {\n onChange(checked, rowId, shiftKeyRef.current ? { shiftKey: true } : undefined);\n shiftKeyRef.current = false;\n },\n [onChange, rowId],\n );\n\n if (selectionMode === 'single') {\n return (\n <Cell {...cellProps}>\n <Radio value={rowId} checked={selected} disabled={disabled} onChange={onChange} />\n </Cell>\n );\n }\n\n return (\n <Cell {...cellProps} onMouseDown={handleInteraction} onKeyDown={handleInteraction}>\n <Checkbox value={rowId} checked={selected} disabled={disabled} onChange={handleChange} />\n </Cell>\n );\n}\n"],"names":["React"],"mappings":";;;;;SAcgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,GAAG,SAAS,EACO,EAAA;AACnB,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;;AAGjC,IAAA,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,CAAyC,KAAI;QAClF,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG;YAAE;AAEjC,QAAA,WAAW,CAAC,OAAO,GAAG,CAAC,CAAC,QAAQ;IAClC,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,OAAgB,KAAI;QACnB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,OAAO,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;AAC9E,QAAA,WAAW,CAAC,OAAO,GAAG,KAAK;AAC7B,IAAA,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB;IAED,IAAI,aAAa,KAAK,QAAQ,EAAE;AAC9B,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAA;YACjBA,cAAA,CAAA,aAAA,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAA,CAAI,CAC7E;AAEV,IAAA;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAE,WAAW,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,EAAA;QAC/EA,cAAA,CAAA,aAAA,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAA,CAAI,CACpF;AAEX;;;;"}

package/dist/components/DataTable/components/SelectionHeader.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectionHeader.cjs","sources":["../../../../src/components/DataTable/components/SelectionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox } from '../../Checkbox';\nimport { Header } from './Header';\nimport { SelectionHeaderProps } from '../types';\n\nexport function SelectionHeader({\n selected,\n indeterminate,\n onChange,\n selectionMode,\n ...headerProps\n}: SelectionHeaderProps) {\n if (selectionMode === 'single') return <Header {...headerProps} />;\n\n return (\n <Header {...headerProps}>\n <Checkbox checked={selected} indeterminate={indeterminate} onChange={onChange} />\n </Header>\n );\n}\n"],"names":["React","Header","Checkbox"],"mappings":";;;;;;;;;;~~AAKgB~~,~~SAAA~~,eAAe,CAAC,EAC9B,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,aAAa,EACb,GAAG,WAAW,EACO,EAAA;IACrB,IAAI,aAAa,KAAK,QAAQ;AAAE,QAAA,OAAOA,~~sBAAC~~,CAAA,aAAA,~~CAAAC~~,aAAM,~~EAAK~~,EAAA,~~GAAA~~,WAAW,GAAI;AAElE,IAAA,QACED,sBAAA,CAAA,aAAA,CAACC,aAAM,EAAA,EAAA,GAAK,WAAW,EAAA;AACrB,QAAAD,sBAAA,CAAA,aAAA,CAACE,iBAAQ,EAAC,~~EAAA,~~OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,~~EAAI~~,~~CAAA~~,CAC1E;AAEb;;;;"}
1	+ {"version":3,"file":"SelectionHeader.cjs","sources":["../../../../src/components/DataTable/components/SelectionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox } from '../../Checkbox';\nimport { Header } from './Header';\nimport { SelectionHeaderProps } from '../types';\n\nexport function SelectionHeader({\n selected,\n indeterminate,\n onChange,\n selectionMode,\n ...headerProps\n}: SelectionHeaderProps) {\n if (selectionMode === 'single') return <Header {...headerProps} />;\n\n return (\n <Header {...headerProps}>\n <Checkbox checked={selected} indeterminate={indeterminate} onChange={onChange} />\n </Header>\n );\n}\n"],"names":["React","Header","Checkbox"],"mappings":";;;;;;;;;;AAKM,SAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,aAAa,EACb,GAAG,WAAW,EACO,EAAA;IACrB,IAAI,aAAa,KAAK,QAAQ;AAAE,QAAA,OAAOA,sBAAA,CAAA,aAAA,CAACC,aAAM,EAAA,EAAA,GAAK,WAAW,GAAI;AAElE,IAAA,QACED,sBAAA,CAAA,aAAA,CAACC,aAAM,EAAA,EAAA,GAAK,WAAW,EAAA;AACrB,QAAAD,sBAAA,CAAA,aAAA,CAACE,iBAAQ,EAAA,EAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAA,CAAI,CAC1E;AAEb;;;;"}

package/dist/components/DataTable/components/SelectionHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectionHeader.js","sources":["../../../../src/components/DataTable/components/SelectionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox } from '../../Checkbox';\nimport { Header } from './Header';\nimport { SelectionHeaderProps } from '../types';\n\nexport function SelectionHeader({\n selected,\n indeterminate,\n onChange,\n selectionMode,\n ...headerProps\n}: SelectionHeaderProps) {\n if (selectionMode === 'single') return <Header {...headerProps} />;\n\n return (\n <Header {...headerProps}>\n <Checkbox checked={selected} indeterminate={indeterminate} onChange={onChange} />\n </Header>\n );\n}\n"],"names":["React"],"mappings":";;;;~~AAKgB~~,~~SAAA~~,eAAe,CAAC,EAC9B,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,aAAa,EACb,GAAG,WAAW,EACO,EAAA;IACrB,IAAI,aAAa,KAAK,QAAQ;AAAE,QAAA,OAAOA,~~cAAC~~,CAAA,aAAA,~~CAAA~~,MAAM,~~EAAK~~,EAAA,~~GAAA~~,WAAW,GAAI;AAElE,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAA,GAAK,WAAW,EAAA;AACrB,QAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAC,~~EAAA,~~OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,~~EAAI~~,~~CAAA~~,CAC1E;AAEb;;;;"}
1	+ {"version":3,"file":"SelectionHeader.js","sources":["../../../../src/components/DataTable/components/SelectionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox } from '../../Checkbox';\nimport { Header } from './Header';\nimport { SelectionHeaderProps } from '../types';\n\nexport function SelectionHeader({\n selected,\n indeterminate,\n onChange,\n selectionMode,\n ...headerProps\n}: SelectionHeaderProps) {\n if (selectionMode === 'single') return <Header {...headerProps} />;\n\n return (\n <Header {...headerProps}>\n <Checkbox checked={selected} indeterminate={indeterminate} onChange={onChange} />\n </Header>\n );\n}\n"],"names":["React"],"mappings":";;;;AAKM,SAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,aAAa,EACb,GAAG,WAAW,EACO,EAAA;IACrB,IAAI,aAAa,KAAK,QAAQ;AAAE,QAAA,OAAOA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAA,GAAK,WAAW,GAAI;AAElE,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAA,GAAK,WAAW,EAAA;AACrB,QAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAA,CAAI,CAC1E;AAEb;;;;"}

package/dist/components/DataTable/components/StickyHead.cjs CHANGED Viewed

@@ -28,10 +28,10 @@ function StickyHead({ children, intersectionTargetRef, containerRef, cellWidths,
     const THROTTE_TIME_MS = 30;
     const updateContainerDimensions = () => {
         var _a;
-        const targetRect = (_a = containerRef.current) === null || _a === undefined ? undefined : _a.getBoundingClientRect();
+        const targetRect = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
         const newRect = {
-            left: (targetRect === null || targetRect === undefined ? undefined : targetRect.left) || 0,
-            width: (targetRect === null || targetRect === undefined ? undefined : targetRect.width) || 0,
+            left: (targetRect === null || targetRect === void 0 ? void 0 : targetRect.left) || 0,
+            width: (targetRect === null || targetRect === void 0 ? void 0 : targetRect.width) || 0,
             top: 0,
             height: 48,
         };
@@ -42,7 +42,7 @@ function StickyHead({ children, intersectionTargetRef, containerRef, cellWidths,
         if (!containerRef.current)
             return;
         const xScrollOffset = containerRef.current.scrollLeft;
-        (_a = stickyContainerRef.current) === null || _a === undefined ? undefined : _a.scrollTo(xScrollOffset, 0);
+        (_a = stickyContainerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(xScrollOffset, 0);
     };
     // Configure intersection observer to toggle sticky header on/off
     React.useEffect(() => {
@@ -89,7 +89,7 @@ function StickyHead({ children, intersectionTargetRef, containerRef, cellWidths,
             return;
         const scrollCallback = throttle__default.default(() => {
             var _a;
-            const { left } = ((_a = containerRef.current) === null || _a === undefined ? undefined : _a.getBoundingClientRect()) || {};
+            const { left } = ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {};
             if (left && lastLeftValue.current !== left) {
                 updateContainerDimensions();
                 lastLeftValue.current = left;
@@ -104,10 +104,10 @@ function StickyHead({ children, intersectionTargetRef, containerRef, cellWidths,
     }, [isVisible]);
     React.useEffect(() => {
         var _a;
-        (_a = containerRef.current) === null || _a === undefined ? undefined : _a.addEventListener('scroll', updateContainerScrollPosition);
+        (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', updateContainerScrollPosition);
         return () => {
             var _a;
-            (_a = containerRef.current) === null || _a === undefined ? undefined : _a.removeEventListener('scroll', updateContainerScrollPosition);
+            (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', updateContainerScrollPosition);
         };
     }, [containerRef.current]);
     // Render sticky header

package/dist/components/DataTable/components/StickyHead.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StickyHead.cjs","sources":["../../../../src/components/DataTable/components/StickyHead.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { CSSProperties, ReactNode, RefObject, useEffect, useRef, useState } from 'react';\nimport throttle from 'lodash.throttle';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { theme } from '../../../theme';\n\nimport { headerCellHeight } from '../constants';\nimport { TableGrid } from './TableGrid';\nimport { Shadows } from '../../../theme/modules/shadows';\n\nexport interface StickyHeadProps {\n tableCss: string;\n children?: ReactNode;\n intersectionTargetRef: RefObject<HTMLElement>;\n containerRef: RefObject<HTMLElement>;\n cellWidths: number[];\n stickyHeaderTop?: number;\n}\n\nexport function StickyHead({\n children,\n intersectionTargetRef,\n containerRef,\n cellWidths,\n tableCss,\n stickyHeaderTop = 0,\n}: StickyHeadProps) {\n const stickyContainerRef = useRef<HTMLDivElement>(null);\n const [isVisible, setIsVisible] = useState(false);\n const [containerRect, setContainerRect] = useState({\n top: 0,\n left: 0,\n width: 0,\n height: 0,\n });\n\n const lastLeftValue = useRef<null \| number>(null);\n const THROTTE_TIME_MS = 30;\n\n const updateContainerDimensions = () => {\n const targetRect = containerRef.current?.getBoundingClientRect();\n const newRect = {\n left: targetRect?.left \|\| 0,\n width: targetRect?.width \|\| 0,\n top: 0,\n height: 48,\n };\n setContainerRect(newRect);\n };\n\n const updateContainerScrollPosition = () => {\n if (!containerRef.current) return;\n const xScrollOffset = containerRef.current.scrollLeft;\n stickyContainerRef.current?.scrollTo(xScrollOffset, 0);\n };\n\n // Configure intersection observer to toggle sticky header on/off\n\n useEffect(() => {\n if (!intersectionTargetRef.current) return;\n const options = {\n rootMargin: `-${stickyHeaderTop}px 100% 0px 100%`,\n threshold: 1.0,\n };\n const intersectionCallback: IntersectionObserverCallback = (entries) => {\n entries.forEach((entry) => {\n setIsVisible(!entry.isIntersecting);\n });\n };\n const intersectionObserver = new IntersectionObserver(intersectionCallback, options);\n intersectionObserver.observe(intersectionTargetRef.current);\n return () => intersectionObserver.disconnect(); // eslint-disable-line consistent-return\n }, [intersectionTargetRef.current]);\n\n // Calculate sticky header position and size to match table container\n\n useEffect(() => {\n if (!isVisible) return;\n if (!containerRef.current) return;\n updateContainerDimensions();\n }, [containerRef.current, isVisible]);\n\n // Update dimensions when container element is resized\n\n useEffect(() => {\n if (!isVisible) return;\n if (!containerRef.current) return;\n const resizeObserverCallback = throttle(updateContainerDimensions, THROTTE_TIME_MS); // Throttle events\n const resizeObserver = new ResizeObserver(resizeObserverCallback);\n resizeObserver.observe(containerRef.current);\n return () => resizeObserver.disconnect(); // eslint-disable-line consistent-return\n }, [containerRef.current, isVisible]);\n\n // Update dimensions when document scrolls\n // will only call updateContainerDimensions on horizontal scroll\n useEffect(() => {\n if (!isVisible) return;\n if (!containerRef.current) return;\n const scrollCallback = throttle(() => {\n const { left } = containerRef.current?.getBoundingClientRect() \|\| {};\n if (left && lastLeftValue.current !== left) {\n updateContainerDimensions();\n lastLeftValue.current = left;\n }\n }, THROTTE_TIME_MS); // Throttle events\n document.addEventListener('scroll', scrollCallback);\n return () => document.removeEventListener('scroll', scrollCallback); // eslint-disable-line consistent-return\n }, [containerRef.current, isVisible]);\n\n // Sync container scrolling\n\n useEffect(() => {\n updateContainerScrollPosition();\n }, [isVisible]);\n\n useEffect(() => {\n containerRef.current?.addEventListener('scroll', updateContainerScrollPosition);\n return () => {\n containerRef.current?.removeEventListener('scroll', updateContainerScrollPosition);\n };\n }, [containerRef.current]);\n\n // Render sticky header\n\n if (!isVisible) return null;\n\n const containerStyle: CSSProperties = {\n ...containerRect,\n height: headerCellHeight,\n position: 'fixed',\n zIndex: 5,\n overflowX: 'hidden',\n overflowY: 'hidden',\n borderBottom: `1px solid ${theme.colors.neutral.grey.base}`,\n borderTop: `1px solid ${theme.colors.neutral.grey.base}`,\n boxShadow: Shadows.base,\n top: `${stickyHeaderTop}px` \|\| '0px',\n };\n\n // Generate styles to sync sticky columns with \"real\" columns\n const columnsCss = cellWidths\n .map(\n (width, index) => `\n & th:nth-child(${index + 1}) {\n width: ${width}px;\n }\n `,\n )\n .join('');\n // Append to generated table styles\n const allCss = tableCss + columnsCss;\n\n return (\n <div style={containerStyle} ref={stickyContainerRef}>\n <TableGrid css={allCss}>\n <thead>{children}</thead>\n </TableGrid>\n </div>\n );\n}\n"],"names":["useRef","useState","useEffect","throttle","ResizeObserver","headerCellHeight","theme","Shadows","React","TableGrid"],"mappings":";;;;;;;;;;;;;;;;AAAA;SAmBgB,UAAU,CAAC,EACzB,QAAQ,EACR,qBAAqB,EACrB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,eAAe,GAAG,CAAC,GACH,EAAA;AAChB,IAAA,MAAM,kBAAkB,GAAGA,YAAM,CAAiB,IAAI,CAAC;IACvD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;AACjD,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC;AACjD,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,MAAM,EAAE,CAAC;AACV,KAAA,CAAC;AAEF,IAAA,MAAM,aAAa,GAAGD,YAAM,CAAgB,IAAI,CAAC;IACjD,MAAM,eAAe,GAAG,EAAE;IAE1B,MAAM,yBAAyB,GAAG,MAAK;;QACrC,MAAM,UAAU,GAAG,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,CAAE,qBAAqB,EAAE;AAChE,QAAA,MAAM,OAAO,GAAG;YACd,IAAI,EAAE,CAAA,UAAU,~~KAAV~~,IAAA,~~IAAA~~,UAAU,~~6BAAV~~,UAAU,CAAE,IAAI,KAAI,CAAC;YAC3B,KAAK,EAAE,CAAA,UAAU,~~KAAV~~,IAAA,~~IAAA~~,UAAU,~~6BAAV~~,UAAU,CAAE,KAAK,KAAI,CAAC;AAC7B,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,MAAM,EAAE,EAAE;SACX;QACD,gBAAgB,CAAC,OAAO,CAAC;AAC3B,~~KAAC~~;IAED,MAAM,6BAA6B,GAAG,MAAK;;QACzC,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;AAC3B,QAAA,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,CAAC,UAAU;QACrD,CAAA,EAAA,GAAA,kBAAkB,CAAC,OAAO,~~MAAE~~,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,~~CAAA~~,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;AACxD,~~KAAC~~;;IAIDE,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,qBAAqB,CAAC,OAAO;YAAE;AACpC,QAAA,MAAM,OAAO,GAAG;YACd,UAAU,EAAE,~~CAAI~~,CAAA,~~EAAA~~,eAAe,~~CAAkB~~,gBAAA,~~CAAA~~;AACjD,YAAA,SAAS,EAAE,GAAG;SACf;AACD,QAAA,MAAM,oBAAoB,GAAiC,CAAC,OAAO,KAAI;AACrE,YAAA,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AACxB,gBAAA,YAAY,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC;AACrC,~~aAAC~~,CAAC;AACJ,~~SAAC~~;QACD,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CAAC,oBAAoB,EAAE,OAAO,CAAC;AACpF,QAAA,oBAAoB,CAAC,OAAO,CAAC,qBAAqB,CAAC,OAAO,CAAC;QAC3D,OAAO,MAAM,oBAAoB,CAAC,UAAU,EAAE,CAAC;AACjD,~~KAAC~~,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;;IAInCA,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,SAAS;YAAE;QAChB,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;AAC3B,QAAA,yBAAyB,EAAE;~~KAC5B~~,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;;IAIrCA,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,SAAS;YAAE;QAChB,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAC3B,MAAM,sBAAsB,GAAGC,yBAAQ,CAAC,yBAAyB,EAAE,eAAe,CAAC,CAAC;AACpF,QAAA,MAAM,cAAc,GAAG,IAAIC,+BAAc,CAAC,sBAAsB,CAAC;AACjE,QAAA,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;QAC5C,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE,CAAC;~~KAC1C~~,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;;;IAIrCF,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,SAAS;YAAE;QAChB,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;AAC3B,QAAA,MAAM,cAAc,GAAGC,yBAAQ,CAAC,MAAK;;AACnC,YAAA,MAAM,EAAE,IAAI,EAAE,GAAG,CAAA,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,~~MAAE~~,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,~~CAAA~~,qBAAqB,EAAE,KAAI,EAAE;AACpE,YAAA,IAAI,IAAI,IAAI,aAAa,CAAC,OAAO,KAAK,IAAI,EAAE;AAC1C,gBAAA,yBAAyB,EAAE;AAC3B,gBAAA,aAAa,CAAC,OAAO,GAAG,IAAI;AAC7B;AACH,~~SAAC~~,EAAE,eAAe,CAAC,CAAC;AACpB,QAAA,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC;AACnD,QAAA,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;~~KACrE~~,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;;IAIrCD,eAAS,CAAC,MAAK;AACb,QAAA,6BAA6B,EAAE;AACjC,~~KAAC~~,EAAE,CAAC,SAAS,CAAC,CAAC;IAEfA,eAAS,CAAC,MAAK;;QACb,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,~~MAAE~~,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,~~CAAA~~,gBAAgB,CAAC,QAAQ,EAAE,6BAA6B,CAAC;AAC/E,QAAA,OAAO,MAAK;;YACV,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,~~MAAE~~,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,~~CAAA~~,mBAAmB,CAAC,QAAQ,EAAE,6BAA6B,CAAC;AACpF,~~SAAC~~;AACH,~~KAAC~~,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;;AAI1B,IAAA,IAAI,CAAC,SAAS;AAAE,QAAA,OAAO,IAAI;AAE3B,IAAA,MAAM,cAAc,GAAkB;AACpC,QAAA,GAAG,aAAa;AAChB,QAAA,MAAM,EAAEG,0BAAgB;AACxB,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,~~CAAa~~,UAAA,~~EAAAC~~,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAE~~,CAAA~~;QAC3D,SAAS,EAAE,~~CAAa~~,UAAA,~~EAAAA~~,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAE~~,CAAA~~;QACxD,SAAS,EAAEC,eAAO,CAAC,IAAI;AACvB,QAAA,GAAG,EAAE,CAAA,EAAG,eAAe,CAAA,EAAA,CAAI,IAAI,KAAK;KACrC;;IAGD,MAAM,UAAU,GAAG;AAChB,SAAA,GAAG,CACF,CAAC,KAAK,EAAE,KAAK,KAAK;AACH,mBAAA,EAAA,KAAK,GAAG,CAAC,CAAA;eACf,KAAK,CAAA;;GAEjB;SAEE,IAAI,CAAC,EAAE,CAAC;;AAEX,IAAA,MAAM,MAAM,GAAG,QAAQ,GAAG,UAAU;IAEpC,QACEC,8CAAK,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,kBAAkB,EAAA;AACjD,QAAAA,sBAAA,CAAA,aAAA,CAACC,mBAAS,EAAA,EAAC,GAAG,EAAE,MAAM,EAAA;AACpB,YAAAD,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,EAAQ,QAAQ,CAAS,CACf,CACR;AAEV;;;;"}
1	+ {"version":3,"file":"StickyHead.cjs","sources":["../../../../src/components/DataTable/components/StickyHead.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { CSSProperties, ReactNode, RefObject, useEffect, useRef, useState } from 'react';\nimport throttle from 'lodash.throttle';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { theme } from '../../../theme';\n\nimport { headerCellHeight } from '../constants';\nimport { TableGrid } from './TableGrid';\nimport { Shadows } from '../../../theme/modules/shadows';\n\nexport interface StickyHeadProps {\n tableCss: string;\n children?: ReactNode;\n intersectionTargetRef: RefObject<HTMLElement>;\n containerRef: RefObject<HTMLElement>;\n cellWidths: number[];\n stickyHeaderTop?: number;\n}\n\nexport function StickyHead({\n children,\n intersectionTargetRef,\n containerRef,\n cellWidths,\n tableCss,\n stickyHeaderTop = 0,\n}: StickyHeadProps) {\n const stickyContainerRef = useRef<HTMLDivElement>(null);\n const [isVisible, setIsVisible] = useState(false);\n const [containerRect, setContainerRect] = useState({\n top: 0,\n left: 0,\n width: 0,\n height: 0,\n });\n\n const lastLeftValue = useRef<null \| number>(null);\n const THROTTE_TIME_MS = 30;\n\n const updateContainerDimensions = () => {\n const targetRect = containerRef.current?.getBoundingClientRect();\n const newRect = {\n left: targetRect?.left \|\| 0,\n width: targetRect?.width \|\| 0,\n top: 0,\n height: 48,\n };\n setContainerRect(newRect);\n };\n\n const updateContainerScrollPosition = () => {\n if (!containerRef.current) return;\n const xScrollOffset = containerRef.current.scrollLeft;\n stickyContainerRef.current?.scrollTo(xScrollOffset, 0);\n };\n\n // Configure intersection observer to toggle sticky header on/off\n\n useEffect(() => {\n if (!intersectionTargetRef.current) return;\n const options = {\n rootMargin: `-${stickyHeaderTop}px 100% 0px 100%`,\n threshold: 1.0,\n };\n const intersectionCallback: IntersectionObserverCallback = (entries) => {\n entries.forEach((entry) => {\n setIsVisible(!entry.isIntersecting);\n });\n };\n const intersectionObserver = new IntersectionObserver(intersectionCallback, options);\n intersectionObserver.observe(intersectionTargetRef.current);\n return () => intersectionObserver.disconnect(); // eslint-disable-line consistent-return\n }, [intersectionTargetRef.current]);\n\n // Calculate sticky header position and size to match table container\n\n useEffect(() => {\n if (!isVisible) return;\n if (!containerRef.current) return;\n updateContainerDimensions();\n }, [containerRef.current, isVisible]);\n\n // Update dimensions when container element is resized\n\n useEffect(() => {\n if (!isVisible) return;\n if (!containerRef.current) return;\n const resizeObserverCallback = throttle(updateContainerDimensions, THROTTE_TIME_MS); // Throttle events\n const resizeObserver = new ResizeObserver(resizeObserverCallback);\n resizeObserver.observe(containerRef.current);\n return () => resizeObserver.disconnect(); // eslint-disable-line consistent-return\n }, [containerRef.current, isVisible]);\n\n // Update dimensions when document scrolls\n // will only call updateContainerDimensions on horizontal scroll\n useEffect(() => {\n if (!isVisible) return;\n if (!containerRef.current) return;\n const scrollCallback = throttle(() => {\n const { left } = containerRef.current?.getBoundingClientRect() \|\| {};\n if (left && lastLeftValue.current !== left) {\n updateContainerDimensions();\n lastLeftValue.current = left;\n }\n }, THROTTE_TIME_MS); // Throttle events\n document.addEventListener('scroll', scrollCallback);\n return () => document.removeEventListener('scroll', scrollCallback); // eslint-disable-line consistent-return\n }, [containerRef.current, isVisible]);\n\n // Sync container scrolling\n\n useEffect(() => {\n updateContainerScrollPosition();\n }, [isVisible]);\n\n useEffect(() => {\n containerRef.current?.addEventListener('scroll', updateContainerScrollPosition);\n return () => {\n containerRef.current?.removeEventListener('scroll', updateContainerScrollPosition);\n };\n }, [containerRef.current]);\n\n // Render sticky header\n\n if (!isVisible) return null;\n\n const containerStyle: CSSProperties = {\n ...containerRect,\n height: headerCellHeight,\n position: 'fixed',\n zIndex: 5,\n overflowX: 'hidden',\n overflowY: 'hidden',\n borderBottom: `1px solid ${theme.colors.neutral.grey.base}`,\n borderTop: `1px solid ${theme.colors.neutral.grey.base}`,\n boxShadow: Shadows.base,\n top: `${stickyHeaderTop}px` \|\| '0px',\n };\n\n // Generate styles to sync sticky columns with \"real\" columns\n const columnsCss = cellWidths\n .map(\n (width, index) => `\n & th:nth-child(${index + 1}) {\n width: ${width}px;\n }\n `,\n )\n .join('');\n // Append to generated table styles\n const allCss = tableCss + columnsCss;\n\n return (\n <div style={containerStyle} ref={stickyContainerRef}>\n <TableGrid css={allCss}>\n <thead>{children}</thead>\n </TableGrid>\n </div>\n );\n}\n"],"names":["useRef","useState","useEffect","throttle","ResizeObserver","headerCellHeight","theme","Shadows","React","TableGrid"],"mappings":"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"}

package/dist/components/DataTable/components/StickyHead.js CHANGED Viewed

@@ -20,10 +20,10 @@ function StickyHead({ children, intersectionTargetRef, containerRef, cellWidths,
     const THROTTE_TIME_MS = 30;
     const updateContainerDimensions = () => {
         var _a;
-        const targetRect = (_a = containerRef.current) === null || _a === undefined ? undefined : _a.getBoundingClientRect();
+        const targetRect = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
         const newRect = {
-            left: (targetRect === null || targetRect === undefined ? undefined : targetRect.left) || 0,
-            width: (targetRect === null || targetRect === undefined ? undefined : targetRect.width) || 0,
+            left: (targetRect === null || targetRect === void 0 ? void 0 : targetRect.left) || 0,
+            width: (targetRect === null || targetRect === void 0 ? void 0 : targetRect.width) || 0,
             top: 0,
             height: 48,
         };
@@ -34,7 +34,7 @@ function StickyHead({ children, intersectionTargetRef, containerRef, cellWidths,
         if (!containerRef.current)
             return;
         const xScrollOffset = containerRef.current.scrollLeft;
-        (_a = stickyContainerRef.current) === null || _a === undefined ? undefined : _a.scrollTo(xScrollOffset, 0);
+        (_a = stickyContainerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(xScrollOffset, 0);
     };
     // Configure intersection observer to toggle sticky header on/off
     useEffect(() => {
@@ -81,7 +81,7 @@ function StickyHead({ children, intersectionTargetRef, containerRef, cellWidths,
             return;
         const scrollCallback = throttle(() => {
             var _a;
-            const { left } = ((_a = containerRef.current) === null || _a === undefined ? undefined : _a.getBoundingClientRect()) || {};
+            const { left } = ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {};
             if (left && lastLeftValue.current !== left) {
                 updateContainerDimensions();
                 lastLeftValue.current = left;
@@ -96,10 +96,10 @@ function StickyHead({ children, intersectionTargetRef, containerRef, cellWidths,
     }, [isVisible]);
     useEffect(() => {
         var _a;
-        (_a = containerRef.current) === null || _a === undefined ? undefined : _a.addEventListener('scroll', updateContainerScrollPosition);
+        (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', updateContainerScrollPosition);
         return () => {
             var _a;
-            (_a = containerRef.current) === null || _a === undefined ? undefined : _a.removeEventListener('scroll', updateContainerScrollPosition);
+            (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', updateContainerScrollPosition);
         };
     }, [containerRef.current]);
     // Render sticky header

package/dist/components/DataTable/components/StickyHead.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StickyHead.js","sources":["../../../../src/components/DataTable/components/StickyHead.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { CSSProperties, ReactNode, RefObject, useEffect, useRef, useState } from 'react';\nimport throttle from 'lodash.throttle';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { theme } from '../../../theme';\n\nimport { headerCellHeight } from '../constants';\nimport { TableGrid } from './TableGrid';\nimport { Shadows } from '../../../theme/modules/shadows';\n\nexport interface StickyHeadProps {\n tableCss: string;\n children?: ReactNode;\n intersectionTargetRef: RefObject<HTMLElement>;\n containerRef: RefObject<HTMLElement>;\n cellWidths: number[];\n stickyHeaderTop?: number;\n}\n\nexport function StickyHead({\n children,\n intersectionTargetRef,\n containerRef,\n cellWidths,\n tableCss,\n stickyHeaderTop = 0,\n}: StickyHeadProps) {\n const stickyContainerRef = useRef<HTMLDivElement>(null);\n const [isVisible, setIsVisible] = useState(false);\n const [containerRect, setContainerRect] = useState({\n top: 0,\n left: 0,\n width: 0,\n height: 0,\n });\n\n const lastLeftValue = useRef<null \| number>(null);\n const THROTTE_TIME_MS = 30;\n\n const updateContainerDimensions = () => {\n const targetRect = containerRef.current?.getBoundingClientRect();\n const newRect = {\n left: targetRect?.left \|\| 0,\n width: targetRect?.width \|\| 0,\n top: 0,\n height: 48,\n };\n setContainerRect(newRect);\n };\n\n const updateContainerScrollPosition = () => {\n if (!containerRef.current) return;\n const xScrollOffset = containerRef.current.scrollLeft;\n stickyContainerRef.current?.scrollTo(xScrollOffset, 0);\n };\n\n // Configure intersection observer to toggle sticky header on/off\n\n useEffect(() => {\n if (!intersectionTargetRef.current) return;\n const options = {\n rootMargin: `-${stickyHeaderTop}px 100% 0px 100%`,\n threshold: 1.0,\n };\n const intersectionCallback: IntersectionObserverCallback = (entries) => {\n entries.forEach((entry) => {\n setIsVisible(!entry.isIntersecting);\n });\n };\n const intersectionObserver = new IntersectionObserver(intersectionCallback, options);\n intersectionObserver.observe(intersectionTargetRef.current);\n return () => intersectionObserver.disconnect(); // eslint-disable-line consistent-return\n }, [intersectionTargetRef.current]);\n\n // Calculate sticky header position and size to match table container\n\n useEffect(() => {\n if (!isVisible) return;\n if (!containerRef.current) return;\n updateContainerDimensions();\n }, [containerRef.current, isVisible]);\n\n // Update dimensions when container element is resized\n\n useEffect(() => {\n if (!isVisible) return;\n if (!containerRef.current) return;\n const resizeObserverCallback = throttle(updateContainerDimensions, THROTTE_TIME_MS); // Throttle events\n const resizeObserver = new ResizeObserver(resizeObserverCallback);\n resizeObserver.observe(containerRef.current);\n return () => resizeObserver.disconnect(); // eslint-disable-line consistent-return\n }, [containerRef.current, isVisible]);\n\n // Update dimensions when document scrolls\n // will only call updateContainerDimensions on horizontal scroll\n useEffect(() => {\n if (!isVisible) return;\n if (!containerRef.current) return;\n const scrollCallback = throttle(() => {\n const { left } = containerRef.current?.getBoundingClientRect() \|\| {};\n if (left && lastLeftValue.current !== left) {\n updateContainerDimensions();\n lastLeftValue.current = left;\n }\n }, THROTTE_TIME_MS); // Throttle events\n document.addEventListener('scroll', scrollCallback);\n return () => document.removeEventListener('scroll', scrollCallback); // eslint-disable-line consistent-return\n }, [containerRef.current, isVisible]);\n\n // Sync container scrolling\n\n useEffect(() => {\n updateContainerScrollPosition();\n }, [isVisible]);\n\n useEffect(() => {\n containerRef.current?.addEventListener('scroll', updateContainerScrollPosition);\n return () => {\n containerRef.current?.removeEventListener('scroll', updateContainerScrollPosition);\n };\n }, [containerRef.current]);\n\n // Render sticky header\n\n if (!isVisible) return null;\n\n const containerStyle: CSSProperties = {\n ...containerRect,\n height: headerCellHeight,\n position: 'fixed',\n zIndex: 5,\n overflowX: 'hidden',\n overflowY: 'hidden',\n borderBottom: `1px solid ${theme.colors.neutral.grey.base}`,\n borderTop: `1px solid ${theme.colors.neutral.grey.base}`,\n boxShadow: Shadows.base,\n top: `${stickyHeaderTop}px` \|\| '0px',\n };\n\n // Generate styles to sync sticky columns with \"real\" columns\n const columnsCss = cellWidths\n .map(\n (width, index) => `\n & th:nth-child(${index + 1}) {\n width: ${width}px;\n }\n `,\n )\n .join('');\n // Append to generated table styles\n const allCss = tableCss + columnsCss;\n\n return (\n <div style={containerStyle} ref={stickyContainerRef}>\n <TableGrid css={allCss}>\n <thead>{children}</thead>\n </TableGrid>\n </div>\n );\n}\n"],"names":["React"],"mappings":";;;;;;;;AAAA;SAmBgB,UAAU,CAAC,EACzB,QAAQ,EACR,qBAAqB,EACrB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,eAAe,GAAG,CAAC,GACH,EAAA;AAChB,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAiB,IAAI,CAAC;IACvD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACjD,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC;AACjD,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,MAAM,EAAE,CAAC;AACV,KAAA,CAAC;AAEF,IAAA,MAAM,aAAa,GAAG,MAAM,CAAgB,IAAI,CAAC;IACjD,MAAM,eAAe,GAAG,EAAE;IAE1B,MAAM,yBAAyB,GAAG,MAAK;;QACrC,MAAM,UAAU,GAAG,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,CAAE,qBAAqB,EAAE;AAChE,QAAA,MAAM,OAAO,GAAG;YACd,IAAI,EAAE,CAAA,UAAU,~~KAAV~~,IAAA,~~IAAA~~,UAAU,~~6BAAV~~,UAAU,CAAE,IAAI,KAAI,CAAC;YAC3B,KAAK,EAAE,CAAA,UAAU,~~KAAV~~,IAAA,~~IAAA~~,UAAU,~~6BAAV~~,UAAU,CAAE,KAAK,KAAI,CAAC;AAC7B,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,MAAM,EAAE,EAAE;SACX;QACD,gBAAgB,CAAC,OAAO,CAAC;AAC3B,~~KAAC~~;IAED,MAAM,6BAA6B,GAAG,MAAK;;QACzC,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;AAC3B,QAAA,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,CAAC,UAAU;QACrD,CAAA,EAAA,GAAA,kBAAkB,CAAC,OAAO,~~MAAE~~,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,~~CAAA~~,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;AACxD,~~KAAC~~;;IAID,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,qBAAqB,CAAC,OAAO;YAAE;AACpC,QAAA,MAAM,OAAO,GAAG;YACd,UAAU,EAAE,~~CAAI~~,CAAA,~~EAAA~~,eAAe,~~CAAkB~~,gBAAA,~~CAAA~~;AACjD,YAAA,SAAS,EAAE,GAAG;SACf;AACD,QAAA,MAAM,oBAAoB,GAAiC,CAAC,OAAO,KAAI;AACrE,YAAA,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AACxB,gBAAA,YAAY,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC;AACrC,~~aAAC~~,CAAC;AACJ,~~SAAC~~;QACD,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CAAC,oBAAoB,EAAE,OAAO,CAAC;AACpF,QAAA,oBAAoB,CAAC,OAAO,CAAC,qBAAqB,CAAC,OAAO,CAAC;QAC3D,OAAO,MAAM,oBAAoB,CAAC,UAAU,EAAE,CAAC;AACjD,~~KAAC~~,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;;IAInC,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,SAAS;YAAE;QAChB,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;AAC3B,QAAA,yBAAyB,EAAE;~~KAC5B~~,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;;IAIrC,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,SAAS;YAAE;QAChB,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAC3B,MAAM,sBAAsB,GAAG,QAAQ,CAAC,yBAAyB,EAAE,eAAe,CAAC,CAAC;AACpF,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,sBAAsB,CAAC;AACjE,QAAA,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;QAC5C,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE,CAAC;~~KAC1C~~,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;;;IAIrC,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,SAAS;YAAE;QAChB,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;AAC3B,QAAA,MAAM,cAAc,GAAG,QAAQ,CAAC,MAAK;;AACnC,YAAA,MAAM,EAAE,IAAI,EAAE,GAAG,CAAA,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,~~MAAE~~,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,~~CAAA~~,qBAAqB,EAAE,KAAI,EAAE;AACpE,YAAA,IAAI,IAAI,IAAI,aAAa,CAAC,OAAO,KAAK,IAAI,EAAE;AAC1C,gBAAA,yBAAyB,EAAE;AAC3B,gBAAA,aAAa,CAAC,OAAO,GAAG,IAAI;AAC7B;AACH,~~SAAC~~,EAAE,eAAe,CAAC,CAAC;AACpB,QAAA,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC;AACnD,QAAA,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;~~KACrE~~,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;;IAIrC,SAAS,CAAC,MAAK;AACb,QAAA,6BAA6B,EAAE;AACjC,~~KAAC~~,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf,SAAS,CAAC,MAAK;;QACb,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,~~MAAE~~,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,~~CAAA~~,gBAAgB,CAAC,QAAQ,EAAE,6BAA6B,CAAC;AAC/E,QAAA,OAAO,MAAK;;YACV,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,~~MAAE~~,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,~~CAAA~~,mBAAmB,CAAC,QAAQ,EAAE,6BAA6B,CAAC;AACpF,~~SAAC~~;AACH,~~KAAC~~,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;;AAI1B,IAAA,IAAI,CAAC,SAAS;AAAE,QAAA,OAAO,IAAI;AAE3B,IAAA,MAAM,cAAc,GAAkB;AACpC,QAAA,GAAG,aAAa;AAChB,QAAA,MAAM,EAAE,gBAAgB;AACxB,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,~~CAAa~~,UAAA,~~EAAA~~,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAE~~,CAAA~~;QAC3D,SAAS,EAAE,~~CAAa~~,UAAA,~~EAAA~~,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAE~~,CAAA~~;QACxD,SAAS,EAAE,OAAO,CAAC,IAAI;AACvB,QAAA,GAAG,EAAE,CAAA,EAAG,eAAe,CAAA,EAAA,CAAI,IAAI,KAAK;KACrC;;IAGD,MAAM,UAAU,GAAG;AAChB,SAAA,GAAG,CACF,CAAC,KAAK,EAAE,KAAK,KAAK;AACH,mBAAA,EAAA,KAAK,GAAG,CAAC,CAAA;eACf,KAAK,CAAA;;GAEjB;SAEE,IAAI,CAAC,EAAE,CAAC;;AAEX,IAAA,MAAM,MAAM,GAAG,QAAQ,GAAG,UAAU;IAEpC,QACEA,sCAAK,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,kBAAkB,EAAA;AACjD,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,MAAM,EAAA;AACpB,YAAAA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,EAAQ,QAAQ,CAAS,CACf,CACR;AAEV;;;;"}
1	+ {"version":3,"file":"StickyHead.js","sources":["../../../../src/components/DataTable/components/StickyHead.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { CSSProperties, ReactNode, RefObject, useEffect, useRef, useState } from 'react';\nimport throttle from 'lodash.throttle';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { theme } from '../../../theme';\n\nimport { headerCellHeight } from '../constants';\nimport { TableGrid } from './TableGrid';\nimport { Shadows } from '../../../theme/modules/shadows';\n\nexport interface StickyHeadProps {\n tableCss: string;\n children?: ReactNode;\n intersectionTargetRef: RefObject<HTMLElement>;\n containerRef: RefObject<HTMLElement>;\n cellWidths: number[];\n stickyHeaderTop?: number;\n}\n\nexport function StickyHead({\n children,\n intersectionTargetRef,\n containerRef,\n cellWidths,\n tableCss,\n stickyHeaderTop = 0,\n}: StickyHeadProps) {\n const stickyContainerRef = useRef<HTMLDivElement>(null);\n const [isVisible, setIsVisible] = useState(false);\n const [containerRect, setContainerRect] = useState({\n top: 0,\n left: 0,\n width: 0,\n height: 0,\n });\n\n const lastLeftValue = useRef<null \| number>(null);\n const THROTTE_TIME_MS = 30;\n\n const updateContainerDimensions = () => {\n const targetRect = containerRef.current?.getBoundingClientRect();\n const newRect = {\n left: targetRect?.left \|\| 0,\n width: targetRect?.width \|\| 0,\n top: 0,\n height: 48,\n };\n setContainerRect(newRect);\n };\n\n const updateContainerScrollPosition = () => {\n if (!containerRef.current) return;\n const xScrollOffset = containerRef.current.scrollLeft;\n stickyContainerRef.current?.scrollTo(xScrollOffset, 0);\n };\n\n // Configure intersection observer to toggle sticky header on/off\n\n useEffect(() => {\n if (!intersectionTargetRef.current) return;\n const options = {\n rootMargin: `-${stickyHeaderTop}px 100% 0px 100%`,\n threshold: 1.0,\n };\n const intersectionCallback: IntersectionObserverCallback = (entries) => {\n entries.forEach((entry) => {\n setIsVisible(!entry.isIntersecting);\n });\n };\n const intersectionObserver = new IntersectionObserver(intersectionCallback, options);\n intersectionObserver.observe(intersectionTargetRef.current);\n return () => intersectionObserver.disconnect(); // eslint-disable-line consistent-return\n }, [intersectionTargetRef.current]);\n\n // Calculate sticky header position and size to match table container\n\n useEffect(() => {\n if (!isVisible) return;\n if (!containerRef.current) return;\n updateContainerDimensions();\n }, [containerRef.current, isVisible]);\n\n // Update dimensions when container element is resized\n\n useEffect(() => {\n if (!isVisible) return;\n if (!containerRef.current) return;\n const resizeObserverCallback = throttle(updateContainerDimensions, THROTTE_TIME_MS); // Throttle events\n const resizeObserver = new ResizeObserver(resizeObserverCallback);\n resizeObserver.observe(containerRef.current);\n return () => resizeObserver.disconnect(); // eslint-disable-line consistent-return\n }, [containerRef.current, isVisible]);\n\n // Update dimensions when document scrolls\n // will only call updateContainerDimensions on horizontal scroll\n useEffect(() => {\n if (!isVisible) return;\n if (!containerRef.current) return;\n const scrollCallback = throttle(() => {\n const { left } = containerRef.current?.getBoundingClientRect() \|\| {};\n if (left && lastLeftValue.current !== left) {\n updateContainerDimensions();\n lastLeftValue.current = left;\n }\n }, THROTTE_TIME_MS); // Throttle events\n document.addEventListener('scroll', scrollCallback);\n return () => document.removeEventListener('scroll', scrollCallback); // eslint-disable-line consistent-return\n }, [containerRef.current, isVisible]);\n\n // Sync container scrolling\n\n useEffect(() => {\n updateContainerScrollPosition();\n }, [isVisible]);\n\n useEffect(() => {\n containerRef.current?.addEventListener('scroll', updateContainerScrollPosition);\n return () => {\n containerRef.current?.removeEventListener('scroll', updateContainerScrollPosition);\n };\n }, [containerRef.current]);\n\n // Render sticky header\n\n if (!isVisible) return null;\n\n const containerStyle: CSSProperties = {\n ...containerRect,\n height: headerCellHeight,\n position: 'fixed',\n zIndex: 5,\n overflowX: 'hidden',\n overflowY: 'hidden',\n borderBottom: `1px solid ${theme.colors.neutral.grey.base}`,\n borderTop: `1px solid ${theme.colors.neutral.grey.base}`,\n boxShadow: Shadows.base,\n top: `${stickyHeaderTop}px` \|\| '0px',\n };\n\n // Generate styles to sync sticky columns with \"real\" columns\n const columnsCss = cellWidths\n .map(\n (width, index) => `\n & th:nth-child(${index + 1}) {\n width: ${width}px;\n }\n `,\n )\n .join('');\n // Append to generated table styles\n const allCss = tableCss + columnsCss;\n\n return (\n <div style={containerStyle} ref={stickyContainerRef}>\n <TableGrid css={allCss}>\n <thead>{children}</thead>\n </TableGrid>\n </div>\n );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/components/DataTable/components/TableGrid.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableGrid.cjs","sources":["../../../../src/components/DataTable/components/TableGrid.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\n\nconst defaultDensity = 'base';\n\nexport interface TableGridProps {\n css: string;\n}\n\nexport const TableGrid = styled.table<TableGridProps>`\n min-width: 100%;\n width: max-content; /* Fixes sticky element bug in Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=1585254#c3 /\n display: grid;\n\n & thead,\n & tbody,\n & tfoot {\n display: contents;\n }\n\n --density: ${theme.sizes[defaultDensity]};\n\n && tr:hover td {\n background-color: #f2f8fc;\n }\n\n ${({ css }) => css}/ CSS styles generate by hooks */\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;AAGA,MAAM,cAAc,GAAG,MAAM;~~AAMhB~~,~~MAAA~~,SAAS,GAAGA,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,kGAAA,EAWtBC,WAAK,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA,0CAAA,EAMtC,CAAC,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;;;;"}
1	+ {"version":3,"file":"TableGrid.cjs","sources":["../../../../src/components/DataTable/components/TableGrid.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\n\nconst defaultDensity = 'base';\n\nexport interface TableGridProps {\n css: string;\n}\n\nexport const TableGrid = styled.table<TableGridProps>`\n min-width: 100%;\n width: max-content; /* Fixes sticky element bug in Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=1585254#c3 /\n display: grid;\n\n & thead,\n & tbody,\n & tfoot {\n display: contents;\n }\n\n --density: ${theme.sizes[defaultDensity]};\n\n && tr:hover td {\n background-color: #f2f8fc;\n }\n\n ${({ css }) => css}/ CSS styles generate by hooks */\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;AAGA,MAAM,cAAc,GAAG,MAAM;AAMtB,MAAM,SAAS,GAAGA,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,kGAAA,EAWtBC,WAAK,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA,0CAAA,EAMtC,CAAC,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;;;;"}

package/dist/components/DataTable/components/TableGrid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableGrid.js","sources":["../../../../src/components/DataTable/components/TableGrid.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\n\nconst defaultDensity = 'base';\n\nexport interface TableGridProps {\n css: string;\n}\n\nexport const TableGrid = styled.table<TableGridProps>`\n min-width: 100%;\n width: max-content; /* Fixes sticky element bug in Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=1585254#c3 /\n display: grid;\n\n & thead,\n & tbody,\n & tfoot {\n display: contents;\n }\n\n --density: ${theme.sizes[defaultDensity]};\n\n && tr:hover td {\n background-color: #f2f8fc;\n }\n\n ${({ css }) => css}/ CSS styles generate by hooks */\n`;\n"],"names":[],"mappings":";;;AAGA,MAAM,cAAc,GAAG,MAAM;~~AAMhB~~,~~MAAA~~,SAAS,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,kGAAA,EAWtB,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA,0CAAA,EAMtC,CAAC,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;;;;"}
1	+ {"version":3,"file":"TableGrid.js","sources":["../../../../src/components/DataTable/components/TableGrid.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\n\nconst defaultDensity = 'base';\n\nexport interface TableGridProps {\n css: string;\n}\n\nexport const TableGrid = styled.table<TableGridProps>`\n min-width: 100%;\n width: max-content; /* Fixes sticky element bug in Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=1585254#c3 /\n display: grid;\n\n & thead,\n & tbody,\n & tfoot {\n display: contents;\n }\n\n --density: ${theme.sizes[defaultDensity]};\n\n && tr:hover td {\n background-color: #f2f8fc;\n }\n\n ${({ css }) => css}/ CSS styles generate by hooks */\n`;\n"],"names":[],"mappings":";;;AAGA,MAAM,cAAc,GAAG,MAAM;AAMtB,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,kGAAA,EAWtB,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA,0CAAA,EAMtC,CAAC,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;;;;"}

package/dist/components/DataTable/components/Wrapper.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Wrapper.cjs","sources":["../../../../src/components/DataTable/components/Wrapper.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { BorderMode } from '../types';\n\nconst borderModeStyles = {\n full: `border-width: 1px; border-radius: ${theme.radius.base};`,\n vertical: 'border-width: 0; border-top-width: 1px; border-bottom-width: 1px;',\n none: 'border-width: 0;',\n};\n\nexport interface WrapperProps {\n borderMode?: BorderMode;\n}\n\nexport const Wrapper = styled.div<WrapperProps>`\n width: 100%;\n position: relative;\n border-style: solid;\n border-color: ${theme.colors.neutral.grey.dark};\n\n ${({ borderMode = 'full' }) => borderModeStyles[borderMode]}\n\n &, & * {\n box-sizing: border-box;\n }\n\n .hideHeaderDetails th {\n > * {\n opacity: 0.1;\n }\n\n .th-divider {\n opacity: 1;\n }\n }\n`;\n"],"names":["theme","styled"],"mappings":";;;;;;;;;AAIA,MAAM,gBAAgB,GAAG;AACvB,IAAA,IAAI,EAAE,~~CAAqC~~,kCAAA,~~EAAAA~~,WAAK,CAAC,MAAM,CAAC,IAAI,~~CAAG~~,CAAA,~~CAAA~~;AAC/D,IAAA,QAAQ,EAAE,mEAAmE;AAC7E,IAAA,IAAI,EAAE,kBAAkB;CACzB;AAMM,MAAM,OAAO,GAAGC,uBAAM,CAAC,GAAG,~~CAIf~~,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6DAAA,~~EAAAD~~,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA,EAE5C,CAAC,EAAE,UAAU,GAAG,MAAM,EAAE,KAAK,gBAAgB,CAAC,UAAU,CAAC;;;;"}
1	+ {"version":3,"file":"Wrapper.cjs","sources":["../../../../src/components/DataTable/components/Wrapper.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { BorderMode } from '../types';\n\nconst borderModeStyles = {\n full: `border-width: 1px; border-radius: ${theme.radius.base};`,\n vertical: 'border-width: 0; border-top-width: 1px; border-bottom-width: 1px;',\n none: 'border-width: 0;',\n};\n\nexport interface WrapperProps {\n borderMode?: BorderMode;\n}\n\nexport const Wrapper = styled.div<WrapperProps>`\n width: 100%;\n position: relative;\n border-style: solid;\n border-color: ${theme.colors.neutral.grey.dark};\n\n ${({ borderMode = 'full' }) => borderModeStyles[borderMode]}\n\n &, & * {\n box-sizing: border-box;\n }\n\n .hideHeaderDetails th {\n > * {\n opacity: 0.1;\n }\n\n .th-divider {\n opacity: 1;\n }\n }\n`;\n"],"names":["theme","styled"],"mappings":";;;;;;;;;AAIA,MAAM,gBAAgB,GAAG;AACvB,IAAA,IAAI,EAAE,CAAA,kCAAA,EAAqCA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,CAAA,CAAG;AAC/D,IAAA,QAAQ,EAAE,mEAAmE;AAC7E,IAAA,IAAI,EAAE,kBAAkB;CACzB;AAMM,MAAM,OAAO,GAAGC,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6DAAA,EAIfD,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA,EAE5C,CAAC,EAAE,UAAU,GAAG,MAAM,EAAE,KAAK,gBAAgB,CAAC,UAAU,CAAC;;;;"}

package/dist/components/DataTable/components/Wrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Wrapper.js","sources":["../../../../src/components/DataTable/components/Wrapper.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { BorderMode } from '../types';\n\nconst borderModeStyles = {\n full: `border-width: 1px; border-radius: ${theme.radius.base};`,\n vertical: 'border-width: 0; border-top-width: 1px; border-bottom-width: 1px;',\n none: 'border-width: 0;',\n};\n\nexport interface WrapperProps {\n borderMode?: BorderMode;\n}\n\nexport const Wrapper = styled.div<WrapperProps>`\n width: 100%;\n position: relative;\n border-style: solid;\n border-color: ${theme.colors.neutral.grey.dark};\n\n ${({ borderMode = 'full' }) => borderModeStyles[borderMode]}\n\n &, & * {\n box-sizing: border-box;\n }\n\n .hideHeaderDetails th {\n > * {\n opacity: 0.1;\n }\n\n .th-divider {\n opacity: 1;\n }\n }\n`;\n"],"names":[],"mappings":";;;AAIA,MAAM,gBAAgB,GAAG;AACvB,IAAA,IAAI,EAAE,~~CAAqC~~,kCAAA,~~EAAA~~,KAAK,CAAC,MAAM,CAAC,IAAI,~~CAAG~~,CAAA,~~CAAA~~;AAC/D,IAAA,QAAQ,EAAE,mEAAmE;AAC7E,IAAA,IAAI,EAAE,kBAAkB;CACzB;AAMM,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,~~CAIf~~,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6DAAA,~~EAAA~~,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA,EAE5C,CAAC,EAAE,UAAU,GAAG,MAAM,EAAE,KAAK,gBAAgB,CAAC,UAAU,CAAC;;;;"}
1	+ {"version":3,"file":"Wrapper.js","sources":["../../../../src/components/DataTable/components/Wrapper.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { BorderMode } from '../types';\n\nconst borderModeStyles = {\n full: `border-width: 1px; border-radius: ${theme.radius.base};`,\n vertical: 'border-width: 0; border-top-width: 1px; border-bottom-width: 1px;',\n none: 'border-width: 0;',\n};\n\nexport interface WrapperProps {\n borderMode?: BorderMode;\n}\n\nexport const Wrapper = styled.div<WrapperProps>`\n width: 100%;\n position: relative;\n border-style: solid;\n border-color: ${theme.colors.neutral.grey.dark};\n\n ${({ borderMode = 'full' }) => borderModeStyles[borderMode]}\n\n &, & * {\n box-sizing: border-box;\n }\n\n .hideHeaderDetails th {\n > * {\n opacity: 0.1;\n }\n\n .th-divider {\n opacity: 1;\n }\n }\n`;\n"],"names":[],"mappings":";;;AAIA,MAAM,gBAAgB,GAAG;AACvB,IAAA,IAAI,EAAE,CAAA,kCAAA,EAAqC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,CAAA,CAAG;AAC/D,IAAA,QAAQ,EAAE,mEAAmE;AAC7E,IAAA,IAAI,EAAE,kBAAkB;CACzB;AAMM,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6DAAA,EAIf,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA,EAE5C,CAAC,EAAE,UAAU,GAAG,MAAM,EAAE,KAAK,gBAAgB,CAAC,UAAU,CAAC;;;;"}

package/dist/components/DataTable/hooks/useCellWidths.cjs CHANGED Viewed

@@ -14,7 +14,7 @@ function useCellWidths(tableRef, containerRef) {
             return;
         requestAnimationFrame(() => {
             var _a;
-            const cells = (_a = tableRef.current) === null || _a === undefined ? undefined : _a.querySelectorAll('tbody tr:first-child td');
+            const cells = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('tbody tr:first-child td');
             if (!cells)
                 return;
             const widths = Array.from(cells).map((cell) => cell.getBoundingClientRect().width);

package/dist/components/DataTable/hooks/useCellWidths.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCellWidths.cjs","sources":["../../../../src/components/DataTable/hooks/useCellWidths.ts"],"sourcesContent":["import { RefObject, useEffect, useState, useCallback } from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nexport function useCellWidths(\n tableRef: RefObject<HTMLElement>,\n containerRef: RefObject<HTMLElement>,\n) {\n const [cellWidths, setCellWidths] = useState<number[]>([]);\n\n const updateCellWidths = useCallback(() => {\n if (!tableRef.current) return;\n\n requestAnimationFrame(() => {\n const cells = tableRef.current?.querySelectorAll('tbody tr:first-child td');\n if (!cells) return;\n\n const widths = Array.from(cells).map((cell) => cell.getBoundingClientRect().width);\n setCellWidths(widths);\n });\n }, [tableRef]);\n\n useEffect(() => {\n updateCellWidths();\n }, [updateCellWidths]);\n\n useEffect(() => {\n if (!containerRef.current) return undefined;\n\n const resizeObserver = new ResizeObserver((entries) => {\n if (entries[0].contentRect) {\n updateCellWidths();\n }\n });\n\n resizeObserver.observe(containerRef.current);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [containerRef, updateCellWidths]);\n\n return cellWidths;\n}\n"],"names":["useState","useCallback","useEffect","ResizeObserver"],"mappings":";;;;;;;;;~~AAGgB~~,~~SAAA~~,aAAa,CAC3B,QAAgC,EAChC,YAAoC,EAAA;IAEpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAW,EAAE,CAAC;AAE1D,IAAA,MAAM,gBAAgB,GAAGC,iBAAW,CAAC,MAAK;QACxC,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAEvB,qBAAqB,CAAC,MAAK;;YACzB,MAAM,KAAK,GAAG,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,CAAE,gBAAgB,CAAC,yBAAyB,CAAC;AAC3E,YAAA,IAAI,CAAC,KAAK;gBAAE;YAEZ,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAClF,aAAa,CAAC,MAAM,CAAC;AACvB,~~SAAC~~,CAAC;AACJ,~~KAAC~~,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEdC,eAAS,CAAC,MAAK;AACb,QAAA,gBAAgB,EAAE;AACpB,~~KAAC~~,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAEtBA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;AAAE,YAAA,OAAO,SAAS;QAE3C,MAAM,cAAc,GAAG,IAAIC,+BAAc,CAAC,CAAC,OAAO,KAAI;AACpD,YAAA,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;AAC1B,gBAAA,gBAAgB,EAAE;AACnB;AACH,~~SAAC~~,CAAC;AAEF,QAAA,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;AAE5C,QAAA,OAAO,MAAK;YACV,cAAc,CAAC,UAAU,EAAE;AAC7B,~~SAAC~~;AACH,~~KAAC~~,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;AAEpC,IAAA,OAAO,UAAU;AACnB;;;;"}
1	+ {"version":3,"file":"useCellWidths.cjs","sources":["../../../../src/components/DataTable/hooks/useCellWidths.ts"],"sourcesContent":["import { RefObject, useEffect, useState, useCallback } from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nexport function useCellWidths(\n tableRef: RefObject<HTMLElement>,\n containerRef: RefObject<HTMLElement>,\n) {\n const [cellWidths, setCellWidths] = useState<number[]>([]);\n\n const updateCellWidths = useCallback(() => {\n if (!tableRef.current) return;\n\n requestAnimationFrame(() => {\n const cells = tableRef.current?.querySelectorAll('tbody tr:first-child td');\n if (!cells) return;\n\n const widths = Array.from(cells).map((cell) => cell.getBoundingClientRect().width);\n setCellWidths(widths);\n });\n }, [tableRef]);\n\n useEffect(() => {\n updateCellWidths();\n }, [updateCellWidths]);\n\n useEffect(() => {\n if (!containerRef.current) return undefined;\n\n const resizeObserver = new ResizeObserver((entries) => {\n if (entries[0].contentRect) {\n updateCellWidths();\n }\n });\n\n resizeObserver.observe(containerRef.current);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [containerRef, updateCellWidths]);\n\n return cellWidths;\n}\n"],"names":["useState","useCallback","useEffect","ResizeObserver"],"mappings":";;;;;;;;;AAGM,SAAU,aAAa,CAC3B,QAAgC,EAChC,YAAoC,EAAA;IAEpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAW,EAAE,CAAC;AAE1D,IAAA,MAAM,gBAAgB,GAAGC,iBAAW,CAAC,MAAK;QACxC,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAEvB,qBAAqB,CAAC,MAAK;;YACzB,MAAM,KAAK,GAAG,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,gBAAgB,CAAC,yBAAyB,CAAC;AAC3E,YAAA,IAAI,CAAC,KAAK;gBAAE;YAEZ,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAClF,aAAa,CAAC,MAAM,CAAC;AACvB,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEdC,eAAS,CAAC,MAAK;AACb,QAAA,gBAAgB,EAAE;AACpB,IAAA,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAEtBA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;AAAE,YAAA,OAAO,SAAS;QAE3C,MAAM,cAAc,GAAG,IAAIC,+BAAc,CAAC,CAAC,OAAO,KAAI;AACpD,YAAA,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;AAC1B,gBAAA,gBAAgB,EAAE;AACnB,YAAA;AACH,QAAA,CAAC,CAAC;AAEF,QAAA,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;AAE5C,QAAA,OAAO,MAAK;YACV,cAAc,CAAC,UAAU,EAAE;AAC7B,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;AAEpC,IAAA,OAAO,UAAU;AACnB;;;;"}

package/dist/components/DataTable/hooks/useCellWidths.js CHANGED Viewed

@@ -8,7 +8,7 @@ function useCellWidths(tableRef, containerRef) {
             return;
         requestAnimationFrame(() => {
             var _a;
-            const cells = (_a = tableRef.current) === null || _a === undefined ? undefined : _a.querySelectorAll('tbody tr:first-child td');
+            const cells = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('tbody tr:first-child td');
             if (!cells)
                 return;
             const widths = Array.from(cells).map((cell) => cell.getBoundingClientRect().width);

package/dist/components/DataTable/hooks/useCellWidths.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCellWidths.js","sources":["../../../../src/components/DataTable/hooks/useCellWidths.ts"],"sourcesContent":["import { RefObject, useEffect, useState, useCallback } from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nexport function useCellWidths(\n tableRef: RefObject<HTMLElement>,\n containerRef: RefObject<HTMLElement>,\n) {\n const [cellWidths, setCellWidths] = useState<number[]>([]);\n\n const updateCellWidths = useCallback(() => {\n if (!tableRef.current) return;\n\n requestAnimationFrame(() => {\n const cells = tableRef.current?.querySelectorAll('tbody tr:first-child td');\n if (!cells) return;\n\n const widths = Array.from(cells).map((cell) => cell.getBoundingClientRect().width);\n setCellWidths(widths);\n });\n }, [tableRef]);\n\n useEffect(() => {\n updateCellWidths();\n }, [updateCellWidths]);\n\n useEffect(() => {\n if (!containerRef.current) return undefined;\n\n const resizeObserver = new ResizeObserver((entries) => {\n if (entries[0].contentRect) {\n updateCellWidths();\n }\n });\n\n resizeObserver.observe(containerRef.current);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [containerRef, updateCellWidths]);\n\n return cellWidths;\n}\n"],"names":[],"mappings":";;;~~AAGgB~~,~~SAAA~~,aAAa,CAC3B,QAAgC,EAChC,YAAoC,EAAA;IAEpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC;AAE1D,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAK;QACxC,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAEvB,qBAAqB,CAAC,MAAK;;YACzB,MAAM,KAAK,GAAG,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,CAAE,gBAAgB,CAAC,yBAAyB,CAAC;AAC3E,YAAA,IAAI,CAAC,KAAK;gBAAE;YAEZ,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAClF,aAAa,CAAC,MAAM,CAAC;AACvB,~~SAAC~~,CAAC;AACJ,~~KAAC~~,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEd,SAAS,CAAC,MAAK;AACb,QAAA,gBAAgB,EAAE;AACpB,~~KAAC~~,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAEtB,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;AAAE,YAAA,OAAO,SAAS;QAE3C,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,KAAI;AACpD,YAAA,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;AAC1B,gBAAA,gBAAgB,EAAE;AACnB;AACH,~~SAAC~~,CAAC;AAEF,QAAA,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;AAE5C,QAAA,OAAO,MAAK;YACV,cAAc,CAAC,UAAU,EAAE;AAC7B,~~SAAC~~;AACH,~~KAAC~~,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;AAEpC,IAAA,OAAO,UAAU;AACnB;;;;"}
1	+ {"version":3,"file":"useCellWidths.js","sources":["../../../../src/components/DataTable/hooks/useCellWidths.ts"],"sourcesContent":["import { RefObject, useEffect, useState, useCallback } from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nexport function useCellWidths(\n tableRef: RefObject<HTMLElement>,\n containerRef: RefObject<HTMLElement>,\n) {\n const [cellWidths, setCellWidths] = useState<number[]>([]);\n\n const updateCellWidths = useCallback(() => {\n if (!tableRef.current) return;\n\n requestAnimationFrame(() => {\n const cells = tableRef.current?.querySelectorAll('tbody tr:first-child td');\n if (!cells) return;\n\n const widths = Array.from(cells).map((cell) => cell.getBoundingClientRect().width);\n setCellWidths(widths);\n });\n }, [tableRef]);\n\n useEffect(() => {\n updateCellWidths();\n }, [updateCellWidths]);\n\n useEffect(() => {\n if (!containerRef.current) return undefined;\n\n const resizeObserver = new ResizeObserver((entries) => {\n if (entries[0].contentRect) {\n updateCellWidths();\n }\n });\n\n resizeObserver.observe(containerRef.current);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [containerRef, updateCellWidths]);\n\n return cellWidths;\n}\n"],"names":[],"mappings":";;;AAGM,SAAU,aAAa,CAC3B,QAAgC,EAChC,YAAoC,EAAA;IAEpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC;AAE1D,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAK;QACxC,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAEvB,qBAAqB,CAAC,MAAK;;YACzB,MAAM,KAAK,GAAG,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,gBAAgB,CAAC,yBAAyB,CAAC;AAC3E,YAAA,IAAI,CAAC,KAAK;gBAAE;YAEZ,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAClF,aAAa,CAAC,MAAM,CAAC;AACvB,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEd,SAAS,CAAC,MAAK;AACb,QAAA,gBAAgB,EAAE;AACpB,IAAA,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAEtB,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;AAAE,YAAA,OAAO,SAAS;QAE3C,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,KAAI;AACpD,YAAA,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;AAC1B,gBAAA,gBAAgB,EAAE;AACnB,YAAA;AACH,QAAA,CAAC,CAAC;AAEF,QAAA,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;AAE5C,QAAA,OAAO,MAAK;YACV,cAAc,CAAC,UAAU,EAAE;AAC7B,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;AAEpC,IAAA,OAAO,UAAU;AACnB;;;;"}

package/dist/components/DataTable/hooks/useColumnWidths.cjs CHANGED Viewed

@@ -17,7 +17,7 @@ const useColumnWidths = ({ tableRef, columns, columnIds, columnWidths: initialCo
                 return columnWidths[column.id] || column.width;
             const val = columnWidths[column.id] ||
                 column.width ||
-                ((_c = (_b = (_a = tableRef.current) === null || _a === undefined ? undefined : _a.querySelector(`th[data-columnid="${column.id}"]`)) === null || _b === undefined ? undefined : _b.getBoundingClientRect()) === null || _c === undefined ? undefined : _c.width) ||
+                ((_c = (_b = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`th[data-columnid="${column.id}"]`)) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width) ||
                 undefined;
             return val;
         };

package/dist/components/DataTable/hooks/useColumnWidths.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useColumnWidths.cjs","sources":["../../../../src/components/DataTable/hooks/useColumnWidths.ts"],"sourcesContent":["import { RefObject, useEffect, useState } from 'react';\nimport {\n ColumnConfig,\n ColumnConfigs,\n ColumnWidthsType,\n ColumnWidthHandler,\n ColumnWidthType,\n ColumnId,\n} from '../types';\nimport { customEventEmitter } from '../utils/customEventEmitter';\n\nexport const useColumnWidths = ({\n tableRef,\n columns,\n columnIds,\n columnWidths: initialColumnWidths,\n}: {\n tableRef: RefObject<HTMLElement>;\n columns: ColumnConfigs;\n columnIds: ColumnId[];\n columnWidths?: ColumnWidthsType;\n}) => {\n const getColumnWidths = (cols: ColumnConfigs) =>\n cols.reduce((obj: ColumnWidthsType, item: ColumnConfig) => {\n // eslint-disable-next-line no-param-reassign\n obj[item.id] = item.width;\n return obj;\n }, {});\n\n const [columnWidths, setColumnWidths] = useState<ColumnWidthsType>(initialColumnWidths \|\| {});\n\n const setColumnWidth: ColumnWidthHandler = ({ columnId, width }) => {\n const calculateWidth = (column: ColumnConfig, lastColumn: boolean) => {\n if (lastColumn) return columnWidths[column.id] \|\| column.width;\n const val: ColumnWidthType =\n columnWidths[column.id] \|\|\n column.width \|\|\n tableRef.current?.querySelector(`th[data-columnid=\"${column.id}\"]`)?.getBoundingClientRect()\n ?.width \|\|\n undefined;\n return val;\n };\n\n const newColumnWidths: ColumnWidthsType = { ...columnWidths };\n columns.forEach((column, i) => {\n const lastColumn = i === columns.length - 1;\n const newWidth = column.id === columnId ? width : calculateWidth(column, lastColumn);\n\n newColumnWidths[column.id] = newWidth;\n });\n setColumnWidths(newColumnWidths);\n customEventEmitter('columnWidthUpdated', {\n tableRef,\n // eslint-disable-next-line @typescript-eslint/no-shadow\n columnWidths: newColumnWidths,\n });\n return newColumnWidths;\n };\n\n useEffect(() => {\n const widths = getColumnWidths(columns);\n const newColumnWidths = initialColumnWidths ? { ...columnWidths } : widths;\n Object.keys(widths).forEach((key) => {\n if (typeof columnWidths[key] === undefined) {\n newColumnWidths[key] = widths[key];\n }\n });\n setColumnWidths(newColumnWidths);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [JSON.stringify(columnIds)]);\n\n /** This is used to set column widths when new columns are passed into the DataTable, is used when persisting table widths */\n useEffect(() => {\n if (!initialColumnWidths) return;\n setColumnWidths(initialColumnWidths);\n }, [initialColumnWidths]);\n\n return {\n setColumnWidth,\n columnWidths,\n };\n};\n"],"names":["useState","customEventEmitter","useEffect"],"mappings":";;;;;~~AAWa~~,~~MAAA~~,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EAAE,mBAAmB,GAMlC,KAAI;AACH,IAAA,MAAM,eAAe,GAAG,CAAC,IAAmB,KAC1C,IAAI,CAAC,MAAM,CAAC,CAAC,GAAqB,EAAE,IAAkB,KAAI;;QAExD,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK;AACzB,QAAA,OAAO,GAAG;~~KACX~~,EAAE,EAAE,CAAC;AAER,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGA,cAAQ,CAAmB,mBAAmB,IAAI,EAAE,CAAC;IAE7F,MAAM,cAAc,GAAuB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAI;AACjE,QAAA,MAAM,cAAc,GAAG,CAAC,MAAoB,EAAE,UAAmB,KAAI;;AACnE,YAAA,IAAI,UAAU;gBAAE,OAAO,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,MAAM,CAAC,KAAK;AAC9D,YAAA,MAAM,GAAG,GACP,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;AACvB,gBAAA,MAAM,CAAC,KAAK;AACZ,iBAAA,CAAA,EAAA,GAAA,MAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,CAAE,aAAa,CAAC,CAAA,kBAAA,EAAqB,MAAM,CAAC,EAAE,IAAI,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,CAAE,qBAAqB,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,CACxF,KAAK,CAAA;AACT,gBAAA,SAAS;AACX,YAAA,OAAO,GAAG;AACZ,~~SAAC~~;AAED,QAAA,MAAM,eAAe,GAAqB,EAAE,GAAG,YAAY,EAAE;QAC7D,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,CAAC,KAAI;YAC5B,MAAM,UAAU,GAAG,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC;YAC3C,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,KAAK,QAAQ,GAAG,KAAK,GAAG,cAAc,CAAC,MAAM,EAAE,UAAU,CAAC;AAEpF,YAAA,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,QAAQ;AACvC,~~SAAC~~,CAAC;QACF,eAAe,CAAC,eAAe,CAAC;QAChCC,qCAAkB,CAAC,oBAAoB,EAAE;YACvC,QAAQ;;AAER,YAAA,YAAY,EAAE,eAAe;AAC9B,SAAA,CAAC;AACF,QAAA,OAAO,eAAe;AACxB,~~KAAC~~;IAEDC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC;AACvC,QAAA,MAAM,eAAe,GAAG,mBAAmB,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,MAAM;QAC1E,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AAClC,YAAA,IAAI,OAAO,YAAY,CAAC,GAAG,CAAC,KAAK,SAAS,EAAE;gBAC1C,eAAe,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC;AACnC;AACH,~~SAAC~~,CAAC;QACF,eAAe,CAAC,eAAe,CAAC;;~~KAEjC~~,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;;IAG/BA,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,mBAAmB;YAAE;QAC1B,eAAe,CAAC,mBAAmB,CAAC;AACtC,~~KAAC~~,EAAE,CAAC,mBAAmB,CAAC,CAAC;IAEzB,OAAO;QACL,cAAc;QACd,YAAY;KACb;AACH;;;;"}
1	+ {"version":3,"file":"useColumnWidths.cjs","sources":["../../../../src/components/DataTable/hooks/useColumnWidths.ts"],"sourcesContent":["import { RefObject, useEffect, useState } from 'react';\nimport {\n ColumnConfig,\n ColumnConfigs,\n ColumnWidthsType,\n ColumnWidthHandler,\n ColumnWidthType,\n ColumnId,\n} from '../types';\nimport { customEventEmitter } from '../utils/customEventEmitter';\n\nexport const useColumnWidths = ({\n tableRef,\n columns,\n columnIds,\n columnWidths: initialColumnWidths,\n}: {\n tableRef: RefObject<HTMLElement>;\n columns: ColumnConfigs;\n columnIds: ColumnId[];\n columnWidths?: ColumnWidthsType;\n}) => {\n const getColumnWidths = (cols: ColumnConfigs) =>\n cols.reduce((obj: ColumnWidthsType, item: ColumnConfig) => {\n // eslint-disable-next-line no-param-reassign\n obj[item.id] = item.width;\n return obj;\n }, {});\n\n const [columnWidths, setColumnWidths] = useState<ColumnWidthsType>(initialColumnWidths \|\| {});\n\n const setColumnWidth: ColumnWidthHandler = ({ columnId, width }) => {\n const calculateWidth = (column: ColumnConfig, lastColumn: boolean) => {\n if (lastColumn) return columnWidths[column.id] \|\| column.width;\n const val: ColumnWidthType =\n columnWidths[column.id] \|\|\n column.width \|\|\n tableRef.current?.querySelector(`th[data-columnid=\"${column.id}\"]`)?.getBoundingClientRect()\n ?.width \|\|\n undefined;\n return val;\n };\n\n const newColumnWidths: ColumnWidthsType = { ...columnWidths };\n columns.forEach((column, i) => {\n const lastColumn = i === columns.length - 1;\n const newWidth = column.id === columnId ? width : calculateWidth(column, lastColumn);\n\n newColumnWidths[column.id] = newWidth;\n });\n setColumnWidths(newColumnWidths);\n customEventEmitter('columnWidthUpdated', {\n tableRef,\n // eslint-disable-next-line @typescript-eslint/no-shadow\n columnWidths: newColumnWidths,\n });\n return newColumnWidths;\n };\n\n useEffect(() => {\n const widths = getColumnWidths(columns);\n const newColumnWidths = initialColumnWidths ? { ...columnWidths } : widths;\n Object.keys(widths).forEach((key) => {\n if (typeof columnWidths[key] === undefined) {\n newColumnWidths[key] = widths[key];\n }\n });\n setColumnWidths(newColumnWidths);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [JSON.stringify(columnIds)]);\n\n /** This is used to set column widths when new columns are passed into the DataTable, is used when persisting table widths */\n useEffect(() => {\n if (!initialColumnWidths) return;\n setColumnWidths(initialColumnWidths);\n }, [initialColumnWidths]);\n\n return {\n setColumnWidth,\n columnWidths,\n };\n};\n"],"names":["useState","customEventEmitter","useEffect"],"mappings":"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"}

package/dist/components/DataTable/hooks/useColumnWidths.js CHANGED Viewed

@@ -15,7 +15,7 @@ const useColumnWidths = ({ tableRef, columns, columnIds, columnWidths: initialCo
                 return columnWidths[column.id] || column.width;
             const val = columnWidths[column.id] ||
                 column.width ||
-                ((_c = (_b = (_a = tableRef.current) === null || _a === undefined ? undefined : _a.querySelector(`th[data-columnid="${column.id}"]`)) === null || _b === undefined ? undefined : _b.getBoundingClientRect()) === null || _c === undefined ? undefined : _c.width) ||
+                ((_c = (_b = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`th[data-columnid="${column.id}"]`)) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width) ||
                 undefined;
             return val;
         };

package/dist/components/DataTable/hooks/useColumnWidths.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useColumnWidths.js","sources":["../../../../src/components/DataTable/hooks/useColumnWidths.ts"],"sourcesContent":["import { RefObject, useEffect, useState } from 'react';\nimport {\n ColumnConfig,\n ColumnConfigs,\n ColumnWidthsType,\n ColumnWidthHandler,\n ColumnWidthType,\n ColumnId,\n} from '../types';\nimport { customEventEmitter } from '../utils/customEventEmitter';\n\nexport const useColumnWidths = ({\n tableRef,\n columns,\n columnIds,\n columnWidths: initialColumnWidths,\n}: {\n tableRef: RefObject<HTMLElement>;\n columns: ColumnConfigs;\n columnIds: ColumnId[];\n columnWidths?: ColumnWidthsType;\n}) => {\n const getColumnWidths = (cols: ColumnConfigs) =>\n cols.reduce((obj: ColumnWidthsType, item: ColumnConfig) => {\n // eslint-disable-next-line no-param-reassign\n obj[item.id] = item.width;\n return obj;\n }, {});\n\n const [columnWidths, setColumnWidths] = useState<ColumnWidthsType>(initialColumnWidths \|\| {});\n\n const setColumnWidth: ColumnWidthHandler = ({ columnId, width }) => {\n const calculateWidth = (column: ColumnConfig, lastColumn: boolean) => {\n if (lastColumn) return columnWidths[column.id] \|\| column.width;\n const val: ColumnWidthType =\n columnWidths[column.id] \|\|\n column.width \|\|\n tableRef.current?.querySelector(`th[data-columnid=\"${column.id}\"]`)?.getBoundingClientRect()\n ?.width \|\|\n undefined;\n return val;\n };\n\n const newColumnWidths: ColumnWidthsType = { ...columnWidths };\n columns.forEach((column, i) => {\n const lastColumn = i === columns.length - 1;\n const newWidth = column.id === columnId ? width : calculateWidth(column, lastColumn);\n\n newColumnWidths[column.id] = newWidth;\n });\n setColumnWidths(newColumnWidths);\n customEventEmitter('columnWidthUpdated', {\n tableRef,\n // eslint-disable-next-line @typescript-eslint/no-shadow\n columnWidths: newColumnWidths,\n });\n return newColumnWidths;\n };\n\n useEffect(() => {\n const widths = getColumnWidths(columns);\n const newColumnWidths = initialColumnWidths ? { ...columnWidths } : widths;\n Object.keys(widths).forEach((key) => {\n if (typeof columnWidths[key] === undefined) {\n newColumnWidths[key] = widths[key];\n }\n });\n setColumnWidths(newColumnWidths);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [JSON.stringify(columnIds)]);\n\n /** This is used to set column widths when new columns are passed into the DataTable, is used when persisting table widths */\n useEffect(() => {\n if (!initialColumnWidths) return;\n setColumnWidths(initialColumnWidths);\n }, [initialColumnWidths]);\n\n return {\n setColumnWidth,\n columnWidths,\n };\n};\n"],"names":[],"mappings":";;;~~AAWa~~,~~MAAA~~,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EAAE,mBAAmB,GAMlC,KAAI;AACH,IAAA,MAAM,eAAe,GAAG,CAAC,IAAmB,KAC1C,IAAI,CAAC,MAAM,CAAC,CAAC,GAAqB,EAAE,IAAkB,KAAI;;QAExD,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK;AACzB,QAAA,OAAO,GAAG;~~KACX~~,EAAE,EAAE,CAAC;AAER,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAmB,mBAAmB,IAAI,EAAE,CAAC;IAE7F,MAAM,cAAc,GAAuB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAI;AACjE,QAAA,MAAM,cAAc,GAAG,CAAC,MAAoB,EAAE,UAAmB,KAAI;;AACnE,YAAA,IAAI,UAAU;gBAAE,OAAO,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,MAAM,CAAC,KAAK;AAC9D,YAAA,MAAM,GAAG,GACP,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;AACvB,gBAAA,MAAM,CAAC,KAAK;AACZ,iBAAA,CAAA,EAAA,GAAA,MAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,CAAE,aAAa,CAAC,CAAA,kBAAA,EAAqB,MAAM,CAAC,EAAE,IAAI,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,CAAE,qBAAqB,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,~~SAAA~~,GAAA,~~SAAA~~,GAAA,EAAA,CACxF,KAAK,CAAA;AACT,gBAAA,SAAS;AACX,YAAA,OAAO,GAAG;AACZ,~~SAAC~~;AAED,QAAA,MAAM,eAAe,GAAqB,EAAE,GAAG,YAAY,EAAE;QAC7D,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,CAAC,KAAI;YAC5B,MAAM,UAAU,GAAG,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC;YAC3C,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,KAAK,QAAQ,GAAG,KAAK,GAAG,cAAc,CAAC,MAAM,EAAE,UAAU,CAAC;AAEpF,YAAA,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,QAAQ;AACvC,~~SAAC~~,CAAC;QACF,eAAe,CAAC,eAAe,CAAC;QAChC,kBAAkB,CAAC,oBAAoB,EAAE;YACvC,QAAQ;;AAER,YAAA,YAAY,EAAE,eAAe;AAC9B,SAAA,CAAC;AACF,QAAA,OAAO,eAAe;AACxB,~~KAAC~~;IAED,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC;AACvC,QAAA,MAAM,eAAe,GAAG,mBAAmB,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,MAAM;QAC1E,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AAClC,YAAA,IAAI,OAAO,YAAY,CAAC,GAAG,CAAC,KAAK,SAAS,EAAE;gBAC1C,eAAe,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC;AACnC;AACH,~~SAAC~~,CAAC;QACF,eAAe,CAAC,eAAe,CAAC;;~~KAEjC~~,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;;IAG/B,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,mBAAmB;YAAE;QAC1B,eAAe,CAAC,mBAAmB,CAAC;AACtC,~~KAAC~~,EAAE,CAAC,mBAAmB,CAAC,CAAC;IAEzB,OAAO;QACL,cAAc;QACd,YAAY;KACb;AACH;;;;"}
1	+ {"version":3,"file":"useColumnWidths.js","sources":["../../../../src/components/DataTable/hooks/useColumnWidths.ts"],"sourcesContent":["import { RefObject, useEffect, useState } from 'react';\nimport {\n ColumnConfig,\n ColumnConfigs,\n ColumnWidthsType,\n ColumnWidthHandler,\n ColumnWidthType,\n ColumnId,\n} from '../types';\nimport { customEventEmitter } from '../utils/customEventEmitter';\n\nexport const useColumnWidths = ({\n tableRef,\n columns,\n columnIds,\n columnWidths: initialColumnWidths,\n}: {\n tableRef: RefObject<HTMLElement>;\n columns: ColumnConfigs;\n columnIds: ColumnId[];\n columnWidths?: ColumnWidthsType;\n}) => {\n const getColumnWidths = (cols: ColumnConfigs) =>\n cols.reduce((obj: ColumnWidthsType, item: ColumnConfig) => {\n // eslint-disable-next-line no-param-reassign\n obj[item.id] = item.width;\n return obj;\n }, {});\n\n const [columnWidths, setColumnWidths] = useState<ColumnWidthsType>(initialColumnWidths \|\| {});\n\n const setColumnWidth: ColumnWidthHandler = ({ columnId, width }) => {\n const calculateWidth = (column: ColumnConfig, lastColumn: boolean) => {\n if (lastColumn) return columnWidths[column.id] \|\| column.width;\n const val: ColumnWidthType =\n columnWidths[column.id] \|\|\n column.width \|\|\n tableRef.current?.querySelector(`th[data-columnid=\"${column.id}\"]`)?.getBoundingClientRect()\n ?.width \|\|\n undefined;\n return val;\n };\n\n const newColumnWidths: ColumnWidthsType = { ...columnWidths };\n columns.forEach((column, i) => {\n const lastColumn = i === columns.length - 1;\n const newWidth = column.id === columnId ? width : calculateWidth(column, lastColumn);\n\n newColumnWidths[column.id] = newWidth;\n });\n setColumnWidths(newColumnWidths);\n customEventEmitter('columnWidthUpdated', {\n tableRef,\n // eslint-disable-next-line @typescript-eslint/no-shadow\n columnWidths: newColumnWidths,\n });\n return newColumnWidths;\n };\n\n useEffect(() => {\n const widths = getColumnWidths(columns);\n const newColumnWidths = initialColumnWidths ? { ...columnWidths } : widths;\n Object.keys(widths).forEach((key) => {\n if (typeof columnWidths[key] === undefined) {\n newColumnWidths[key] = widths[key];\n }\n });\n setColumnWidths(newColumnWidths);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [JSON.stringify(columnIds)]);\n\n /** This is used to set column widths when new columns are passed into the DataTable, is used when persisting table widths */\n useEffect(() => {\n if (!initialColumnWidths) return;\n setColumnWidths(initialColumnWidths);\n }, [initialColumnWidths]);\n\n return {\n setColumnWidth,\n columnWidths,\n };\n};\n"],"names":[],"mappings":"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"}

package/dist/components/DataTable/hooks/useColumns.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useColumns.cjs","sources":["../../../../src/components/DataTable/hooks/useColumns.ts"],"sourcesContent":["import { RefObject, useCallback } from 'react';\nimport { ColumnConfigs, ColumnWidthState, ColumnWidthsType, ResizeColumnData } from '../types';\nimport { useColumnWidths } from './useColumnWidths';\n\nexport function useColumns(\n columns: ColumnConfigs,\n tableRef: RefObject<HTMLElement>,\n onResizeColumns?: (columnWidths: ResizeColumnData) => void,\n columnWidths?: ColumnWidthsType,\n) {\n const { columnWidths: finalColumnWidths, setColumnWidth: originalSetColumnWidth } =\n useColumnWidths({\n tableRef,\n columns,\n columnIds: columns.map(({ id }) => id),\n columnWidths,\n });\n\n const setColumnWidth = useCallback(\n ({ columnId, width }: ColumnWidthState) => {\n const updatedColumnWidths = originalSetColumnWidth({ columnId, width });\n\n if (onResizeColumns) {\n onResizeColumns(updatedColumnWidths \|\| finalColumnWidths);\n }\n },\n [originalSetColumnWidth, onResizeColumns, finalColumnWidths],\n );\n\n const visible = columns.filter((col) => col.hidden !== true);\n const pinnedLeft = visible.filter((col) => col.pinned === 'left');\n const pinnedRight = visible.filter((col) => col.pinned === 'right');\n const notPinned = visible.filter((col) => col.pinned === 'none' \|\| !col.pinned);\n\n return {\n visible: [...pinnedLeft, ...notPinned, ...pinnedRight],\n columnWidths: finalColumnWidths,\n pinnedLeft,\n pinnedRight,\n setColumnWidth,\n };\n}\n"],"names":["useColumnWidths","useCallback"],"mappings":";;;;;AAIM,SAAU,UAAU,CACxB,OAAsB,EACtB,QAAgC,EAChC,eAA0D,EAC1D,YAA+B,EAAA;IAE/B,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,sBAAsB,EAAE,GAC/EA,+BAAe,CAAC;QACd,QAAQ;QACR,OAAO;AACP,QAAA,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;QACtC,YAAY;AACb,KAAA,CAAC;IAEJ,MAAM,cAAc,GAAGC,iBAAW,CAChC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAoB,KAAI;QACxC,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAEvE,QAAA,IAAI,eAAe,EAAE;AACnB,YAAA,eAAe,CAAC,mBAAmB,IAAI,iBAAiB,CAAC;AAC1D;~~KACF~~,EACD,CAAC,sBAAsB,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAC7D;AAED,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,IAAI,CAAC;AAC5D,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC;AACjE,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,OAAO,CAAC;IACnE,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;IAE/E,OAAO;QACL,OAAO,EAAE,CAAC,GAAG,UAAU,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;AACtD,QAAA,YAAY,EAAE,iBAAiB;QAC/B,UAAU;QACV,WAAW;QACX,cAAc;KACf;AACH;;;;"}
1	+ {"version":3,"file":"useColumns.cjs","sources":["../../../../src/components/DataTable/hooks/useColumns.ts"],"sourcesContent":["import { RefObject, useCallback } from 'react';\nimport { ColumnConfigs, ColumnWidthState, ColumnWidthsType, ResizeColumnData } from '../types';\nimport { useColumnWidths } from './useColumnWidths';\n\nexport function useColumns(\n columns: ColumnConfigs,\n tableRef: RefObject<HTMLElement>,\n onResizeColumns?: (columnWidths: ResizeColumnData) => void,\n columnWidths?: ColumnWidthsType,\n) {\n const { columnWidths: finalColumnWidths, setColumnWidth: originalSetColumnWidth } =\n useColumnWidths({\n tableRef,\n columns,\n columnIds: columns.map(({ id }) => id),\n columnWidths,\n });\n\n const setColumnWidth = useCallback(\n ({ columnId, width }: ColumnWidthState) => {\n const updatedColumnWidths = originalSetColumnWidth({ columnId, width });\n\n if (onResizeColumns) {\n onResizeColumns(updatedColumnWidths \|\| finalColumnWidths);\n }\n },\n [originalSetColumnWidth, onResizeColumns, finalColumnWidths],\n );\n\n const visible = columns.filter((col) => col.hidden !== true);\n const pinnedLeft = visible.filter((col) => col.pinned === 'left');\n const pinnedRight = visible.filter((col) => col.pinned === 'right');\n const notPinned = visible.filter((col) => col.pinned === 'none' \|\| !col.pinned);\n\n return {\n visible: [...pinnedLeft, ...notPinned, ...pinnedRight],\n columnWidths: finalColumnWidths,\n pinnedLeft,\n pinnedRight,\n setColumnWidth,\n };\n}\n"],"names":["useColumnWidths","useCallback"],"mappings":";;;;;AAIM,SAAU,UAAU,CACxB,OAAsB,EACtB,QAAgC,EAChC,eAA0D,EAC1D,YAA+B,EAAA;IAE/B,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,sBAAsB,EAAE,GAC/EA,+BAAe,CAAC;QACd,QAAQ;QACR,OAAO;AACP,QAAA,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;QACtC,YAAY;AACb,KAAA,CAAC;IAEJ,MAAM,cAAc,GAAGC,iBAAW,CAChC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAoB,KAAI;QACxC,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAEvE,QAAA,IAAI,eAAe,EAAE;AACnB,YAAA,eAAe,CAAC,mBAAmB,IAAI,iBAAiB,CAAC;AAC1D,QAAA;IACH,CAAC,EACD,CAAC,sBAAsB,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAC7D;AAED,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,IAAI,CAAC;AAC5D,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC;AACjE,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,OAAO,CAAC;IACnE,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;IAE/E,OAAO;QACL,OAAO,EAAE,CAAC,GAAG,UAAU,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;AACtD,QAAA,YAAY,EAAE,iBAAiB;QAC/B,UAAU;QACV,WAAW;QACX,cAAc;KACf;AACH;;;;"}

package/dist/components/DataTable/hooks/useColumns.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useColumns.js","sources":["../../../../src/components/DataTable/hooks/useColumns.ts"],"sourcesContent":["import { RefObject, useCallback } from 'react';\nimport { ColumnConfigs, ColumnWidthState, ColumnWidthsType, ResizeColumnData } from '../types';\nimport { useColumnWidths } from './useColumnWidths';\n\nexport function useColumns(\n columns: ColumnConfigs,\n tableRef: RefObject<HTMLElement>,\n onResizeColumns?: (columnWidths: ResizeColumnData) => void,\n columnWidths?: ColumnWidthsType,\n) {\n const { columnWidths: finalColumnWidths, setColumnWidth: originalSetColumnWidth } =\n useColumnWidths({\n tableRef,\n columns,\n columnIds: columns.map(({ id }) => id),\n columnWidths,\n });\n\n const setColumnWidth = useCallback(\n ({ columnId, width }: ColumnWidthState) => {\n const updatedColumnWidths = originalSetColumnWidth({ columnId, width });\n\n if (onResizeColumns) {\n onResizeColumns(updatedColumnWidths \|\| finalColumnWidths);\n }\n },\n [originalSetColumnWidth, onResizeColumns, finalColumnWidths],\n );\n\n const visible = columns.filter((col) => col.hidden !== true);\n const pinnedLeft = visible.filter((col) => col.pinned === 'left');\n const pinnedRight = visible.filter((col) => col.pinned === 'right');\n const notPinned = visible.filter((col) => col.pinned === 'none' \|\| !col.pinned);\n\n return {\n visible: [...pinnedLeft, ...notPinned, ...pinnedRight],\n columnWidths: finalColumnWidths,\n pinnedLeft,\n pinnedRight,\n setColumnWidth,\n };\n}\n"],"names":[],"mappings":";;;AAIM,SAAU,UAAU,CACxB,OAAsB,EACtB,QAAgC,EAChC,eAA0D,EAC1D,YAA+B,EAAA;IAE/B,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,sBAAsB,EAAE,GAC/E,eAAe,CAAC;QACd,QAAQ;QACR,OAAO;AACP,QAAA,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;QACtC,YAAY;AACb,KAAA,CAAC;IAEJ,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAoB,KAAI;QACxC,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAEvE,QAAA,IAAI,eAAe,EAAE;AACnB,YAAA,eAAe,CAAC,mBAAmB,IAAI,iBAAiB,CAAC;AAC1D;~~KACF~~,EACD,CAAC,sBAAsB,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAC7D;AAED,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,IAAI,CAAC;AAC5D,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC;AACjE,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,OAAO,CAAC;IACnE,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;IAE/E,OAAO;QACL,OAAO,EAAE,CAAC,GAAG,UAAU,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;AACtD,QAAA,YAAY,EAAE,iBAAiB;QAC/B,UAAU;QACV,WAAW;QACX,cAAc;KACf;AACH;;;;"}
1	+ {"version":3,"file":"useColumns.js","sources":["../../../../src/components/DataTable/hooks/useColumns.ts"],"sourcesContent":["import { RefObject, useCallback } from 'react';\nimport { ColumnConfigs, ColumnWidthState, ColumnWidthsType, ResizeColumnData } from '../types';\nimport { useColumnWidths } from './useColumnWidths';\n\nexport function useColumns(\n columns: ColumnConfigs,\n tableRef: RefObject<HTMLElement>,\n onResizeColumns?: (columnWidths: ResizeColumnData) => void,\n columnWidths?: ColumnWidthsType,\n) {\n const { columnWidths: finalColumnWidths, setColumnWidth: originalSetColumnWidth } =\n useColumnWidths({\n tableRef,\n columns,\n columnIds: columns.map(({ id }) => id),\n columnWidths,\n });\n\n const setColumnWidth = useCallback(\n ({ columnId, width }: ColumnWidthState) => {\n const updatedColumnWidths = originalSetColumnWidth({ columnId, width });\n\n if (onResizeColumns) {\n onResizeColumns(updatedColumnWidths \|\| finalColumnWidths);\n }\n },\n [originalSetColumnWidth, onResizeColumns, finalColumnWidths],\n );\n\n const visible = columns.filter((col) => col.hidden !== true);\n const pinnedLeft = visible.filter((col) => col.pinned === 'left');\n const pinnedRight = visible.filter((col) => col.pinned === 'right');\n const notPinned = visible.filter((col) => col.pinned === 'none' \|\| !col.pinned);\n\n return {\n visible: [...pinnedLeft, ...notPinned, ...pinnedRight],\n columnWidths: finalColumnWidths,\n pinnedLeft,\n pinnedRight,\n setColumnWidth,\n };\n}\n"],"names":[],"mappings":";;;AAIM,SAAU,UAAU,CACxB,OAAsB,EACtB,QAAgC,EAChC,eAA0D,EAC1D,YAA+B,EAAA;IAE/B,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,sBAAsB,EAAE,GAC/E,eAAe,CAAC;QACd,QAAQ;QACR,OAAO;AACP,QAAA,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;QACtC,YAAY;AACb,KAAA,CAAC;IAEJ,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAoB,KAAI;QACxC,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAEvE,QAAA,IAAI,eAAe,EAAE;AACnB,YAAA,eAAe,CAAC,mBAAmB,IAAI,iBAAiB,CAAC;AAC1D,QAAA;IACH,CAAC,EACD,CAAC,sBAAsB,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAC7D;AAED,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,IAAI,CAAC;AAC5D,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC;AACjE,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,OAAO,CAAC;IACnE,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,KAAK,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;IAE/E,OAAO;QACL,OAAO,EAAE,CAAC,GAAG,UAAU,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;AACtD,QAAA,YAAY,EAAE,iBAAiB;QAC/B,UAAU;QACV,WAAW;QACX,cAAc;KACf;AACH;;;;"}

package/dist/components/DataTable/hooks/useNested.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useNested.cjs","sources":["../../../../src/components/DataTable/hooks/useNested.ts"],"sourcesContent":["import { useState } from 'react';\nimport { RowId, SetExpandedAction } from '../types';\n\nexport function useNested() {\n const [expandedRowIds, setExpandedRowIds] = useState<RowId[]>([]);\n\n // TODO: Memoise this\n const setExpanded: SetExpandedAction = (expanded, rowId) => {\n if (!rowId) return;\n if (expanded) {\n // Add rowId to expandedRowIds\n if (expandedRowIds.includes(rowId)) return;\n const rowIds = [...expandedRowIds, rowId];\n setExpandedRowIds(rowIds);\n } else {\n // Remove rowIds from expandedRowIds\n const index = expandedRowIds.findIndex((id) => id === rowId);\n if (index < 0) return;\n const rowIds = [...expandedRowIds];\n rowIds.splice(index, 1);\n setExpandedRowIds(rowIds);\n }\n };\n\n return {\n nestedTableProps: {\n expandedRowIds,\n setExpanded,\n },\n };\n}\n"],"names":["useState"],"mappings":";;;;SAGgB,SAAS,GAAA;IACvB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAU,EAAE,CAAC;;AAGjE,IAAA,MAAM,WAAW,GAAsB,CAAC,QAAQ,EAAE,KAAK,KAAI;AACzD,QAAA,IAAI,CAAC,KAAK;YAAE;AACZ,QAAA,IAAI,QAAQ,EAAE;;AAEZ,YAAA,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE;YACpC,MAAM,MAAM,GAAG,CAAC,GAAG,cAAc,EAAE,KAAK,CAAC;YACzC,iBAAiB,CAAC,MAAM,CAAC;AAC1B;AAAM,aAAA;;AAEL,YAAA,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC;YAC5D,IAAI,KAAK,GAAG,CAAC;gBAAE;AACf,YAAA,MAAM,MAAM,GAAG,CAAC,GAAG,cAAc,CAAC;AAClC,YAAA,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;YACvB,iBAAiB,CAAC,MAAM,CAAC;AAC1B;AACH,~~KAAC~~;IAED,OAAO;AACL,QAAA,gBAAgB,EAAE;YAChB,cAAc;YACd,WAAW;AACZ,SAAA;KACF;AACH;;;;"}
1	+ {"version":3,"file":"useNested.cjs","sources":["../../../../src/components/DataTable/hooks/useNested.ts"],"sourcesContent":["import { useState } from 'react';\nimport { RowId, SetExpandedAction } from '../types';\n\nexport function useNested() {\n const [expandedRowIds, setExpandedRowIds] = useState<RowId[]>([]);\n\n // TODO: Memoise this\n const setExpanded: SetExpandedAction = (expanded, rowId) => {\n if (!rowId) return;\n if (expanded) {\n // Add rowId to expandedRowIds\n if (expandedRowIds.includes(rowId)) return;\n const rowIds = [...expandedRowIds, rowId];\n setExpandedRowIds(rowIds);\n } else {\n // Remove rowIds from expandedRowIds\n const index = expandedRowIds.findIndex((id) => id === rowId);\n if (index < 0) return;\n const rowIds = [...expandedRowIds];\n rowIds.splice(index, 1);\n setExpandedRowIds(rowIds);\n }\n };\n\n return {\n nestedTableProps: {\n expandedRowIds,\n setExpanded,\n },\n };\n}\n"],"names":["useState"],"mappings":";;;;SAGgB,SAAS,GAAA;IACvB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAU,EAAE,CAAC;;AAGjE,IAAA,MAAM,WAAW,GAAsB,CAAC,QAAQ,EAAE,KAAK,KAAI;AACzD,QAAA,IAAI,CAAC,KAAK;YAAE;AACZ,QAAA,IAAI,QAAQ,EAAE;;AAEZ,YAAA,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE;YACpC,MAAM,MAAM,GAAG,CAAC,GAAG,cAAc,EAAE,KAAK,CAAC;YACzC,iBAAiB,CAAC,MAAM,CAAC;AAC1B,QAAA;AAAM,aAAA;;AAEL,YAAA,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC;YAC5D,IAAI,KAAK,GAAG,CAAC;gBAAE;AACf,YAAA,MAAM,MAAM,GAAG,CAAC,GAAG,cAAc,CAAC;AAClC,YAAA,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;YACvB,iBAAiB,CAAC,MAAM,CAAC;AAC1B,QAAA;AACH,IAAA,CAAC;IAED,OAAO;AACL,QAAA,gBAAgB,EAAE;YAChB,cAAc;YACd,WAAW;AACZ,SAAA;KACF;AACH;;;;"}

package/dist/components/DataTable/hooks/useNested.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useNested.js","sources":["../../../../src/components/DataTable/hooks/useNested.ts"],"sourcesContent":["import { useState } from 'react';\nimport { RowId, SetExpandedAction } from '../types';\n\nexport function useNested() {\n const [expandedRowIds, setExpandedRowIds] = useState<RowId[]>([]);\n\n // TODO: Memoise this\n const setExpanded: SetExpandedAction = (expanded, rowId) => {\n if (!rowId) return;\n if (expanded) {\n // Add rowId to expandedRowIds\n if (expandedRowIds.includes(rowId)) return;\n const rowIds = [...expandedRowIds, rowId];\n setExpandedRowIds(rowIds);\n } else {\n // Remove rowIds from expandedRowIds\n const index = expandedRowIds.findIndex((id) => id === rowId);\n if (index < 0) return;\n const rowIds = [...expandedRowIds];\n rowIds.splice(index, 1);\n setExpandedRowIds(rowIds);\n }\n };\n\n return {\n nestedTableProps: {\n expandedRowIds,\n setExpanded,\n },\n };\n}\n"],"names":[],"mappings":";;SAGgB,SAAS,GAAA;IACvB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAU,EAAE,CAAC;;AAGjE,IAAA,MAAM,WAAW,GAAsB,CAAC,QAAQ,EAAE,KAAK,KAAI;AACzD,QAAA,IAAI,CAAC,KAAK;YAAE;AACZ,QAAA,IAAI,QAAQ,EAAE;;AAEZ,YAAA,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE;YACpC,MAAM,MAAM,GAAG,CAAC,GAAG,cAAc,EAAE,KAAK,CAAC;YACzC,iBAAiB,CAAC,MAAM,CAAC;AAC1B;AAAM,aAAA;;AAEL,YAAA,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC;YAC5D,IAAI,KAAK,GAAG,CAAC;gBAAE;AACf,YAAA,MAAM,MAAM,GAAG,CAAC,GAAG,cAAc,CAAC;AAClC,YAAA,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;YACvB,iBAAiB,CAAC,MAAM,CAAC;AAC1B;AACH,~~KAAC~~;IAED,OAAO;AACL,QAAA,gBAAgB,EAAE;YAChB,cAAc;YACd,WAAW;AACZ,SAAA;KACF;AACH;;;;"}
1	+ {"version":3,"file":"useNested.js","sources":["../../../../src/components/DataTable/hooks/useNested.ts"],"sourcesContent":["import { useState } from 'react';\nimport { RowId, SetExpandedAction } from '../types';\n\nexport function useNested() {\n const [expandedRowIds, setExpandedRowIds] = useState<RowId[]>([]);\n\n // TODO: Memoise this\n const setExpanded: SetExpandedAction = (expanded, rowId) => {\n if (!rowId) return;\n if (expanded) {\n // Add rowId to expandedRowIds\n if (expandedRowIds.includes(rowId)) return;\n const rowIds = [...expandedRowIds, rowId];\n setExpandedRowIds(rowIds);\n } else {\n // Remove rowIds from expandedRowIds\n const index = expandedRowIds.findIndex((id) => id === rowId);\n if (index < 0) return;\n const rowIds = [...expandedRowIds];\n rowIds.splice(index, 1);\n setExpandedRowIds(rowIds);\n }\n };\n\n return {\n nestedTableProps: {\n expandedRowIds,\n setExpanded,\n },\n };\n}\n"],"names":[],"mappings":";;SAGgB,SAAS,GAAA;IACvB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAU,EAAE,CAAC;;AAGjE,IAAA,MAAM,WAAW,GAAsB,CAAC,QAAQ,EAAE,KAAK,KAAI;AACzD,QAAA,IAAI,CAAC,KAAK;YAAE;AACZ,QAAA,IAAI,QAAQ,EAAE;;AAEZ,YAAA,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE;YACpC,MAAM,MAAM,GAAG,CAAC,GAAG,cAAc,EAAE,KAAK,CAAC;YACzC,iBAAiB,CAAC,MAAM,CAAC;AAC1B,QAAA;AAAM,aAAA;;AAEL,YAAA,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC;YAC5D,IAAI,KAAK,GAAG,CAAC;gBAAE;AACf,YAAA,MAAM,MAAM,GAAG,CAAC,GAAG,cAAc,CAAC;AAClC,YAAA,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;YACvB,iBAAiB,CAAC,MAAM,CAAC;AAC1B,QAAA;AACH,IAAA,CAAC;IAED,OAAO;AACL,QAAA,gBAAgB,EAAE;YAChB,cAAc;YACd,WAAW;AACZ,SAAA;KACF;AACH;;;;"}

package/dist/components/DataTable/hooks/useSelection.cjs CHANGED Viewed

@@ -21,7 +21,7 @@ function useSelection({ selectionMode = 'multiple', selectionState, enabledRowId
             return; // Can't use falsey, must allow number 0
         let newRowIds;
         let intent;
-        const isShiftPressed = options === null || options === undefined ? undefined : options.shiftKey;
+        const isShiftPressed = options === null || options === void 0 ? void 0 : options.shiftKey;
         const lastClicked = lastClickedRef.current;
         if (isShiftPressed && lastClicked && selectionMode === 'multiple') {
             intent = 'range';

package/dist/components/DataTable/hooks/useSelection.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSelection.cjs","sources":["../../../../src/components/DataTable/hooks/useSelection.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n\nimport React, { useRef } from 'react';\n\nimport {\n ColumnConfig,\n RowId,\n SelectionState,\n SelectionMode,\n SetSelectedAction,\n SelectionIntent,\n} from '../types';\n\nimport { SelectionHeader } from '../components/SelectionHeader';\nimport { SelectionCell } from '../components/SelectionCell';\nimport { getRangeSelection } from '../utils/getRangeSelection';\n\nexport type UseSelectionConfig = {\n selectionMode?: SelectionMode;\n selectionState?: SelectionState;\n enabledRowIds: RowId[];\n};\n\nconst emptySelectionState: SelectionState = [[], () => {}];\n\nexport function useSelection({\n selectionMode = 'multiple',\n selectionState,\n enabledRowIds,\n}: UseSelectionConfig) {\n const selectionEnabled = !!selectionState;\n const [selectedRowIds, setSelectedRowIds] = selectionState \|\| emptySelectionState;\n const lastClickedRef = useRef<RowId \| null>(null);\n\n // TODO: Memoise this\n const setSelected: SetSelectedAction = (\n selected: boolean,\n rowId: RowId \| undefined,\n options?: { shiftKey?: boolean },\n ) => {\n if (rowId === undefined \|\| rowId === null) return; // Can't use falsey, must allow number 0\n\n let newRowIds;\n let intent: SelectionIntent;\n const isShiftPressed = options?.shiftKey;\n const lastClicked = lastClickedRef.current;\n\n if (isShiftPressed && lastClicked && selectionMode === 'multiple') {\n intent = 'range';\n } else if (selected && selectionMode === 'single') {\n intent = 'single';\n } else if (selected) {\n intent = 'add';\n } else {\n intent = 'remove';\n }\n\n switch (intent) {\n case 'range':\n newRowIds = getRangeSelection({\n rowId,\n lastClicked: lastClicked!,\n selected,\n enabledRowIds,\n selectedRowIds,\n });\n break;\n case 'single':\n newRowIds = [rowId];\n break;\n case 'add':\n if (selectedRowIds.includes(rowId)) return;\n newRowIds = [...selectedRowIds, rowId];\n break;\n case 'remove':\n newRowIds = selectedRowIds.filter((id) => id !== rowId);\n break;\n default:\n return;\n }\n\n setSelectedRowIds(newRowIds);\n lastClickedRef.current = rowId;\n };\n\n // TODO: Memoise this\n const toggleAllSelected = () => {\n if (selectedRowIds.length === enabledRowIds.length) {\n setSelectedRowIds([]);\n } else {\n setSelectedRowIds(enabledRowIds);\n }\n lastClickedRef.current = null;\n };\n\n // TODO: Memoise this\n const selectionColumn: ColumnConfig = {\n id: 'selection',\n title: 'Selection',\n width: '40px',\n align: 'center',\n pinned: 'left',\n renderHeader: (column, headerProps) => (\n <SelectionHeader\n {...headerProps}\n selected={selectedRowIds.length === enabledRowIds.length}\n indeterminate={selectedRowIds.length > 0 && selectedRowIds.length < enabledRowIds.length}\n onChange={toggleAllSelected}\n selectionMode={selectionMode}\n />\n ),\n renderCell: (row, cellProps, actions, rowState) => (\n <SelectionCell\n {...cellProps}\n rowId={row.id}\n selected={rowState.selected}\n onChange={actions.setSelected}\n selectionMode={selectionMode}\n disabled={rowState.disabled}\n />\n ),\n };\n\n return {\n selectionEnabled,\n selectedRowIds,\n selectionColumn,\n setSelected,\n };\n}\n"],"names":["useRef","getRangeSelection","React","SelectionHeader","SelectionCell"],"mappings":";;;;;;;;;;;AAAA;AAuBA,MAAM,mBAAmB,GAAmB,CAAC,EAAE,EAAE,MAAK,~~GAAG~~,CAAC;AAEpD,SAAU,YAAY,CAAC,EAC3B,aAAa,GAAG,UAAU,EAC1B,cAAc,EACd,aAAa,GACM,EAAA;AACnB,IAAA,MAAM,gBAAgB,GAAG,CAAC,CAAC,cAAc;IACzC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,cAAc,IAAI,mBAAmB;AACjF,IAAA,MAAM,cAAc,GAAGA,YAAM,CAAe,IAAI,CAAC;;IAGjD,MAAM,WAAW,GAAsB,CACrC,QAAiB,EACjB,KAAwB,EACxB,OAAgC,KAC9B;AACF,QAAA,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;AAAE,YAAA,OAAO;AAElD,QAAA,IAAI,SAAS;AACb,QAAA,IAAI,MAAuB;QAC3B,MAAM,cAAc,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,~~KAAP~~,~~SAAA~~,GAAA,~~SAAA~~,~~GAAA~~,OAAO,CAAE,QAAQ;AACxC,QAAA,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAE1C,QAAA,IAAI,cAAc,IAAI,WAAW,IAAI,aAAa,KAAK,UAAU,EAAE;YACjE,MAAM,GAAG,OAAO;AACjB;AAAM,aAAA,IAAI,QAAQ,IAAI,aAAa,KAAK,QAAQ,EAAE;YACjD,MAAM,GAAG,QAAQ;AAClB;AAAM,aAAA,IAAI,QAAQ,EAAE;YACnB,MAAM,GAAG,KAAK;AACf;AAAM,aAAA;YACL,MAAM,GAAG,QAAQ;AAClB;AAED,QAAA,QAAQ,MAAM;AACZ,YAAA,KAAK,OAAO;gBACV,SAAS,GAAGC,mCAAiB,CAAC;oBAC5B,KAAK;AACL,oBAAA,WAAW,EAAE,WAAY;oBACzB,QAAQ;oBACR,aAAa;oBACb,cAAc;AACf,iBAAA,CAAC;gBACF;AACF,YAAA,KAAK,QAAQ;AACX,gBAAA,SAAS,GAAG,CAAC,KAAK,CAAC;gBACnB;AACF,YAAA,KAAK,KAAK;AACR,gBAAA,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC;oBAAE;AACpC,gBAAA,SAAS,GAAG,CAAC,GAAG,cAAc,EAAE,KAAK,CAAC;gBACtC;AACF,YAAA,KAAK,QAAQ;AACX,gBAAA,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC;gBACvD;AACF,YAAA;gBACE;AACH;QAED,iBAAiB,CAAC,SAAS,CAAC;AAC5B,QAAA,cAAc,CAAC,OAAO,GAAG,KAAK;AAChC,~~KAAC~~;;IAGD,MAAM,iBAAiB,GAAG,MAAK;AAC7B,QAAA,IAAI,cAAc,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,EAAE;YAClD,iBAAiB,CAAC,EAAE,CAAC;AACtB;AAAM,aAAA;YACL,iBAAiB,CAAC,aAAa,CAAC;AACjC;AACD,QAAA,cAAc,CAAC,OAAO,GAAG,IAAI;AAC/B,~~KAAC~~;;AAGD,IAAA,MAAM,eAAe,GAAiB;AACpC,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC,MAAM,EAAE,WAAW,MAChCC,~~sBAAC~~,CAAA,aAAA,~~CAAAC~~,+BAAe,OACV,WAAW,EACf,QAAQ,EAAE,cAAc,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,EACxD,aAAa,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,EACxF,QAAQ,EAAE,iBAAiB,EAC3B,aAAa,EAAE,aAAa,EAAA,CAC5B,CACH;QACD,UAAU,EAAE,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,MAC5CD,qCAACE,2BAAa,EAAA,EAAA,GACR,SAAS,EACb,KAAK,EAAE,GAAG,CAAC,EAAE,EACb,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,QAAQ,EAAE,OAAO,CAAC,WAAW,EAC7B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAA,CAC3B,CACH;KACF;IAED,OAAO;QACL,gBAAgB;QAChB,cAAc;QACd,eAAe;QACf,WAAW;KACZ;AACH;;;;"}
1	+ {"version":3,"file":"useSelection.cjs","sources":["../../../../src/components/DataTable/hooks/useSelection.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n\nimport React, { useRef } from 'react';\n\nimport {\n ColumnConfig,\n RowId,\n SelectionState,\n SelectionMode,\n SetSelectedAction,\n SelectionIntent,\n} from '../types';\n\nimport { SelectionHeader } from '../components/SelectionHeader';\nimport { SelectionCell } from '../components/SelectionCell';\nimport { getRangeSelection } from '../utils/getRangeSelection';\n\nexport type UseSelectionConfig = {\n selectionMode?: SelectionMode;\n selectionState?: SelectionState;\n enabledRowIds: RowId[];\n};\n\nconst emptySelectionState: SelectionState = [[], () => {}];\n\nexport function useSelection({\n selectionMode = 'multiple',\n selectionState,\n enabledRowIds,\n}: UseSelectionConfig) {\n const selectionEnabled = !!selectionState;\n const [selectedRowIds, setSelectedRowIds] = selectionState \|\| emptySelectionState;\n const lastClickedRef = useRef<RowId \| null>(null);\n\n // TODO: Memoise this\n const setSelected: SetSelectedAction = (\n selected: boolean,\n rowId: RowId \| undefined,\n options?: { shiftKey?: boolean },\n ) => {\n if (rowId === undefined \|\| rowId === null) return; // Can't use falsey, must allow number 0\n\n let newRowIds;\n let intent: SelectionIntent;\n const isShiftPressed = options?.shiftKey;\n const lastClicked = lastClickedRef.current;\n\n if (isShiftPressed && lastClicked && selectionMode === 'multiple') {\n intent = 'range';\n } else if (selected && selectionMode === 'single') {\n intent = 'single';\n } else if (selected) {\n intent = 'add';\n } else {\n intent = 'remove';\n }\n\n switch (intent) {\n case 'range':\n newRowIds = getRangeSelection({\n rowId,\n lastClicked: lastClicked!,\n selected,\n enabledRowIds,\n selectedRowIds,\n });\n break;\n case 'single':\n newRowIds = [rowId];\n break;\n case 'add':\n if (selectedRowIds.includes(rowId)) return;\n newRowIds = [...selectedRowIds, rowId];\n break;\n case 'remove':\n newRowIds = selectedRowIds.filter((id) => id !== rowId);\n break;\n default:\n return;\n }\n\n setSelectedRowIds(newRowIds);\n lastClickedRef.current = rowId;\n };\n\n // TODO: Memoise this\n const toggleAllSelected = () => {\n if (selectedRowIds.length === enabledRowIds.length) {\n setSelectedRowIds([]);\n } else {\n setSelectedRowIds(enabledRowIds);\n }\n lastClickedRef.current = null;\n };\n\n // TODO: Memoise this\n const selectionColumn: ColumnConfig = {\n id: 'selection',\n title: 'Selection',\n width: '40px',\n align: 'center',\n pinned: 'left',\n renderHeader: (column, headerProps) => (\n <SelectionHeader\n {...headerProps}\n selected={selectedRowIds.length === enabledRowIds.length}\n indeterminate={selectedRowIds.length > 0 && selectedRowIds.length < enabledRowIds.length}\n onChange={toggleAllSelected}\n selectionMode={selectionMode}\n />\n ),\n renderCell: (row, cellProps, actions, rowState) => (\n <SelectionCell\n {...cellProps}\n rowId={row.id}\n selected={rowState.selected}\n onChange={actions.setSelected}\n selectionMode={selectionMode}\n disabled={rowState.disabled}\n />\n ),\n };\n\n return {\n selectionEnabled,\n selectedRowIds,\n selectionColumn,\n setSelected,\n };\n}\n"],"names":["useRef","getRangeSelection","React","SelectionHeader","SelectionCell"],"mappings":"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"}

package/dist/components/DataTable/hooks/useSelection.js CHANGED Viewed

@@ -15,7 +15,7 @@ function useSelection({ selectionMode = 'multiple', selectionState, enabledRowId
             return; // Can't use falsey, must allow number 0
         let newRowIds;
         let intent;
-        const isShiftPressed = options === null || options === undefined ? undefined : options.shiftKey;
+        const isShiftPressed = options === null || options === void 0 ? void 0 : options.shiftKey;
         const lastClicked = lastClickedRef.current;
         if (isShiftPressed && lastClicked && selectionMode === 'multiple') {
             intent = 'range';

package/dist/components/DataTable/hooks/useSelection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSelection.js","sources":["../../../../src/components/DataTable/hooks/useSelection.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n\nimport React, { useRef } from 'react';\n\nimport {\n ColumnConfig,\n RowId,\n SelectionState,\n SelectionMode,\n SetSelectedAction,\n SelectionIntent,\n} from '../types';\n\nimport { SelectionHeader } from '../components/SelectionHeader';\nimport { SelectionCell } from '../components/SelectionCell';\nimport { getRangeSelection } from '../utils/getRangeSelection';\n\nexport type UseSelectionConfig = {\n selectionMode?: SelectionMode;\n selectionState?: SelectionState;\n enabledRowIds: RowId[];\n};\n\nconst emptySelectionState: SelectionState = [[], () => {}];\n\nexport function useSelection({\n selectionMode = 'multiple',\n selectionState,\n enabledRowIds,\n}: UseSelectionConfig) {\n const selectionEnabled = !!selectionState;\n const [selectedRowIds, setSelectedRowIds] = selectionState \|\| emptySelectionState;\n const lastClickedRef = useRef<RowId \| null>(null);\n\n // TODO: Memoise this\n const setSelected: SetSelectedAction = (\n selected: boolean,\n rowId: RowId \| undefined,\n options?: { shiftKey?: boolean },\n ) => {\n if (rowId === undefined \|\| rowId === null) return; // Can't use falsey, must allow number 0\n\n let newRowIds;\n let intent: SelectionIntent;\n const isShiftPressed = options?.shiftKey;\n const lastClicked = lastClickedRef.current;\n\n if (isShiftPressed && lastClicked && selectionMode === 'multiple') {\n intent = 'range';\n } else if (selected && selectionMode === 'single') {\n intent = 'single';\n } else if (selected) {\n intent = 'add';\n } else {\n intent = 'remove';\n }\n\n switch (intent) {\n case 'range':\n newRowIds = getRangeSelection({\n rowId,\n lastClicked: lastClicked!,\n selected,\n enabledRowIds,\n selectedRowIds,\n });\n break;\n case 'single':\n newRowIds = [rowId];\n break;\n case 'add':\n if (selectedRowIds.includes(rowId)) return;\n newRowIds = [...selectedRowIds, rowId];\n break;\n case 'remove':\n newRowIds = selectedRowIds.filter((id) => id !== rowId);\n break;\n default:\n return;\n }\n\n setSelectedRowIds(newRowIds);\n lastClickedRef.current = rowId;\n };\n\n // TODO: Memoise this\n const toggleAllSelected = () => {\n if (selectedRowIds.length === enabledRowIds.length) {\n setSelectedRowIds([]);\n } else {\n setSelectedRowIds(enabledRowIds);\n }\n lastClickedRef.current = null;\n };\n\n // TODO: Memoise this\n const selectionColumn: ColumnConfig = {\n id: 'selection',\n title: 'Selection',\n width: '40px',\n align: 'center',\n pinned: 'left',\n renderHeader: (column, headerProps) => (\n <SelectionHeader\n {...headerProps}\n selected={selectedRowIds.length === enabledRowIds.length}\n indeterminate={selectedRowIds.length > 0 && selectedRowIds.length < enabledRowIds.length}\n onChange={toggleAllSelected}\n selectionMode={selectionMode}\n />\n ),\n renderCell: (row, cellProps, actions, rowState) => (\n <SelectionCell\n {...cellProps}\n rowId={row.id}\n selected={rowState.selected}\n onChange={actions.setSelected}\n selectionMode={selectionMode}\n disabled={rowState.disabled}\n />\n ),\n };\n\n return {\n selectionEnabled,\n selectedRowIds,\n selectionColumn,\n setSelected,\n };\n}\n"],"names":["React"],"mappings":";;;;;AAAA;AAuBA,MAAM,mBAAmB,GAAmB,CAAC,EAAE,EAAE,MAAK,~~GAAG~~,CAAC;AAEpD,SAAU,YAAY,CAAC,EAC3B,aAAa,GAAG,UAAU,EAC1B,cAAc,EACd,aAAa,GACM,EAAA;AACnB,IAAA,MAAM,gBAAgB,GAAG,CAAC,CAAC,cAAc;IACzC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,cAAc,IAAI,mBAAmB;AACjF,IAAA,MAAM,cAAc,GAAG,MAAM,CAAe,IAAI,CAAC;;IAGjD,MAAM,WAAW,GAAsB,CACrC,QAAiB,EACjB,KAAwB,EACxB,OAAgC,KAC9B;AACF,QAAA,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;AAAE,YAAA,OAAO;AAElD,QAAA,IAAI,SAAS;AACb,QAAA,IAAI,MAAuB;QAC3B,MAAM,cAAc,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,~~KAAP~~,~~SAAA~~,GAAA,~~SAAA~~,~~GAAA~~,OAAO,CAAE,QAAQ;AACxC,QAAA,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAE1C,QAAA,IAAI,cAAc,IAAI,WAAW,IAAI,aAAa,KAAK,UAAU,EAAE;YACjE,MAAM,GAAG,OAAO;AACjB;AAAM,aAAA,IAAI,QAAQ,IAAI,aAAa,KAAK,QAAQ,EAAE;YACjD,MAAM,GAAG,QAAQ;AAClB;AAAM,aAAA,IAAI,QAAQ,EAAE;YACnB,MAAM,GAAG,KAAK;AACf;AAAM,aAAA;YACL,MAAM,GAAG,QAAQ;AAClB;AAED,QAAA,QAAQ,MAAM;AACZ,YAAA,KAAK,OAAO;gBACV,SAAS,GAAG,iBAAiB,CAAC;oBAC5B,KAAK;AACL,oBAAA,WAAW,EAAE,WAAY;oBACzB,QAAQ;oBACR,aAAa;oBACb,cAAc;AACf,iBAAA,CAAC;gBACF;AACF,YAAA,KAAK,QAAQ;AACX,gBAAA,SAAS,GAAG,CAAC,KAAK,CAAC;gBACnB;AACF,YAAA,KAAK,KAAK;AACR,gBAAA,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC;oBAAE;AACpC,gBAAA,SAAS,GAAG,CAAC,GAAG,cAAc,EAAE,KAAK,CAAC;gBACtC;AACF,YAAA,KAAK,QAAQ;AACX,gBAAA,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC;gBACvD;AACF,YAAA;gBACE;AACH;QAED,iBAAiB,CAAC,SAAS,CAAC;AAC5B,QAAA,cAAc,CAAC,OAAO,GAAG,KAAK;AAChC,~~KAAC~~;;IAGD,MAAM,iBAAiB,GAAG,MAAK;AAC7B,QAAA,IAAI,cAAc,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,EAAE;YAClD,iBAAiB,CAAC,EAAE,CAAC;AACtB;AAAM,aAAA;YACL,iBAAiB,CAAC,aAAa,CAAC;AACjC;AACD,QAAA,cAAc,CAAC,OAAO,GAAG,IAAI;AAC/B,~~KAAC~~;;AAGD,IAAA,MAAM,eAAe,GAAiB;AACpC,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC,MAAM,EAAE,WAAW,MAChCA,~~cAAC~~,CAAA,aAAA,~~CAAA~~,eAAe,OACV,WAAW,EACf,QAAQ,EAAE,cAAc,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,EACxD,aAAa,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,EACxF,QAAQ,EAAE,iBAAiB,EAC3B,aAAa,EAAE,aAAa,EAAA,CAC5B,CACH;QACD,UAAU,EAAE,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,MAC5CA,6BAAC,aAAa,EAAA,EAAA,GACR,SAAS,EACb,KAAK,EAAE,GAAG,CAAC,EAAE,EACb,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,QAAQ,EAAE,OAAO,CAAC,WAAW,EAC7B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAA,CAC3B,CACH;KACF;IAED,OAAO;QACL,gBAAgB;QAChB,cAAc;QACd,eAAe;QACf,WAAW;KACZ;AACH;;;;"}
1	+ {"version":3,"file":"useSelection.js","sources":["../../../../src/components/DataTable/hooks/useSelection.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n\nimport React, { useRef } from 'react';\n\nimport {\n ColumnConfig,\n RowId,\n SelectionState,\n SelectionMode,\n SetSelectedAction,\n SelectionIntent,\n} from '../types';\n\nimport { SelectionHeader } from '../components/SelectionHeader';\nimport { SelectionCell } from '../components/SelectionCell';\nimport { getRangeSelection } from '../utils/getRangeSelection';\n\nexport type UseSelectionConfig = {\n selectionMode?: SelectionMode;\n selectionState?: SelectionState;\n enabledRowIds: RowId[];\n};\n\nconst emptySelectionState: SelectionState = [[], () => {}];\n\nexport function useSelection({\n selectionMode = 'multiple',\n selectionState,\n enabledRowIds,\n}: UseSelectionConfig) {\n const selectionEnabled = !!selectionState;\n const [selectedRowIds, setSelectedRowIds] = selectionState \|\| emptySelectionState;\n const lastClickedRef = useRef<RowId \| null>(null);\n\n // TODO: Memoise this\n const setSelected: SetSelectedAction = (\n selected: boolean,\n rowId: RowId \| undefined,\n options?: { shiftKey?: boolean },\n ) => {\n if (rowId === undefined \|\| rowId === null) return; // Can't use falsey, must allow number 0\n\n let newRowIds;\n let intent: SelectionIntent;\n const isShiftPressed = options?.shiftKey;\n const lastClicked = lastClickedRef.current;\n\n if (isShiftPressed && lastClicked && selectionMode === 'multiple') {\n intent = 'range';\n } else if (selected && selectionMode === 'single') {\n intent = 'single';\n } else if (selected) {\n intent = 'add';\n } else {\n intent = 'remove';\n }\n\n switch (intent) {\n case 'range':\n newRowIds = getRangeSelection({\n rowId,\n lastClicked: lastClicked!,\n selected,\n enabledRowIds,\n selectedRowIds,\n });\n break;\n case 'single':\n newRowIds = [rowId];\n break;\n case 'add':\n if (selectedRowIds.includes(rowId)) return;\n newRowIds = [...selectedRowIds, rowId];\n break;\n case 'remove':\n newRowIds = selectedRowIds.filter((id) => id !== rowId);\n break;\n default:\n return;\n }\n\n setSelectedRowIds(newRowIds);\n lastClickedRef.current = rowId;\n };\n\n // TODO: Memoise this\n const toggleAllSelected = () => {\n if (selectedRowIds.length === enabledRowIds.length) {\n setSelectedRowIds([]);\n } else {\n setSelectedRowIds(enabledRowIds);\n }\n lastClickedRef.current = null;\n };\n\n // TODO: Memoise this\n const selectionColumn: ColumnConfig = {\n id: 'selection',\n title: 'Selection',\n width: '40px',\n align: 'center',\n pinned: 'left',\n renderHeader: (column, headerProps) => (\n <SelectionHeader\n {...headerProps}\n selected={selectedRowIds.length === enabledRowIds.length}\n indeterminate={selectedRowIds.length > 0 && selectedRowIds.length < enabledRowIds.length}\n onChange={toggleAllSelected}\n selectionMode={selectionMode}\n />\n ),\n renderCell: (row, cellProps, actions, rowState) => (\n <SelectionCell\n {...cellProps}\n rowId={row.id}\n selected={rowState.selected}\n onChange={actions.setSelected}\n selectionMode={selectionMode}\n disabled={rowState.disabled}\n />\n ),\n };\n\n return {\n selectionEnabled,\n selectedRowIds,\n selectionColumn,\n setSelected,\n };\n}\n"],"names":["React"],"mappings":"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"}

package/dist/components/DataTable/renderers/renderCell.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderCell.cjs","sources":["../../../../src/components/DataTable/renderers/renderCell.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { TableRow, ColumnConfig, TableActions, RowState } from '../types';\n\n/*\n Default renderer for table cells\n \n @param row\n * @param column\n * @returns\n */\nexport function renderCell(\n row: TableRow,\n column: ColumnConfig,\n actions: TableActions,\n rowState: RowState,\n): ReactNode {\n if (column.hidden) {\n return null;\n }\n\n const cellProps = {\n align: column.align,\n key: `${row.id}-${column.id}`,\n role: 'cell',\n spacing: column.spacing,\n span: column.span,\n };\n\n return column.renderCell(row, cellProps, actions, rowState);\n}\n"],"names":[],"mappings":";;AAIA;;;;;;AAMG;AACG,SAAU,UAAU,CACxB,GAAa,EACb,MAAoB,EACpB,OAAqB,EACrB,QAAkB,EAAA;IAElB,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,GAAG,EAAE,GAAG,GAAG,CAAC,EAAE,~~CAAI~~,CAAA,~~EAAA~~,MAAM,CAAC,EAAE,CAAE~~,CAAA~~;AAC7B,QAAA,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,IAAI,EAAE,MAAM,CAAC,IAAI;KAClB;AAED,IAAA,OAAO,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC;AAC7D;;;;"}
1	+ {"version":3,"file":"renderCell.cjs","sources":["../../../../src/components/DataTable/renderers/renderCell.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { TableRow, ColumnConfig, TableActions, RowState } from '../types';\n\n/*\n Default renderer for table cells\n \n @param row\n * @param column\n * @returns\n */\nexport function renderCell(\n row: TableRow,\n column: ColumnConfig,\n actions: TableActions,\n rowState: RowState,\n): ReactNode {\n if (column.hidden) {\n return null;\n }\n\n const cellProps = {\n align: column.align,\n key: `${row.id}-${column.id}`,\n role: 'cell',\n spacing: column.spacing,\n span: column.span,\n };\n\n return column.renderCell(row, cellProps, actions, rowState);\n}\n"],"names":[],"mappings":";;AAIA;;;;;;AAMG;AACG,SAAU,UAAU,CACxB,GAAa,EACb,MAAoB,EACpB,OAAqB,EACrB,QAAkB,EAAA;IAElB,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ,IAAA;AAED,IAAA,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,GAAG,EAAE,GAAG,GAAG,CAAC,EAAE,CAAA,CAAA,EAAI,MAAM,CAAC,EAAE,CAAA,CAAE;AAC7B,QAAA,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,IAAI,EAAE,MAAM,CAAC,IAAI;KAClB;AAED,IAAA,OAAO,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC;AAC7D;;;;"}

package/dist/components/DataTable/renderers/renderCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderCell.js","sources":["../../../../src/components/DataTable/renderers/renderCell.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { TableRow, ColumnConfig, TableActions, RowState } from '../types';\n\n/*\n Default renderer for table cells\n \n @param row\n * @param column\n * @returns\n */\nexport function renderCell(\n row: TableRow,\n column: ColumnConfig,\n actions: TableActions,\n rowState: RowState,\n): ReactNode {\n if (column.hidden) {\n return null;\n }\n\n const cellProps = {\n align: column.align,\n key: `${row.id}-${column.id}`,\n role: 'cell',\n spacing: column.spacing,\n span: column.span,\n };\n\n return column.renderCell(row, cellProps, actions, rowState);\n}\n"],"names":[],"mappings":"AAIA;;;;;;AAMG;AACG,SAAU,UAAU,CACxB,GAAa,EACb,MAAoB,EACpB,OAAqB,EACrB,QAAkB,EAAA;IAElB,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,GAAG,EAAE,GAAG,GAAG,CAAC,EAAE,~~CAAI~~,CAAA,~~EAAA~~,MAAM,CAAC,EAAE,CAAE~~,CAAA~~;AAC7B,QAAA,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,IAAI,EAAE,MAAM,CAAC,IAAI;KAClB;AAED,IAAA,OAAO,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC;AAC7D;;;;"}
1	+ {"version":3,"file":"renderCell.js","sources":["../../../../src/components/DataTable/renderers/renderCell.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { TableRow, ColumnConfig, TableActions, RowState } from '../types';\n\n/*\n Default renderer for table cells\n \n @param row\n * @param column\n * @returns\n */\nexport function renderCell(\n row: TableRow,\n column: ColumnConfig,\n actions: TableActions,\n rowState: RowState,\n): ReactNode {\n if (column.hidden) {\n return null;\n }\n\n const cellProps = {\n align: column.align,\n key: `${row.id}-${column.id}`,\n role: 'cell',\n spacing: column.spacing,\n span: column.span,\n };\n\n return column.renderCell(row, cellProps, actions, rowState);\n}\n"],"names":[],"mappings":"AAIA;;;;;;AAMG;AACG,SAAU,UAAU,CACxB,GAAa,EACb,MAAoB,EACpB,OAAqB,EACrB,QAAkB,EAAA;IAElB,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,QAAA,OAAO,IAAI;AACZ,IAAA;AAED,IAAA,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,GAAG,EAAE,GAAG,GAAG,CAAC,EAAE,CAAA,CAAA,EAAI,MAAM,CAAC,EAAE,CAAA,CAAE;AAC7B,QAAA,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,IAAI,EAAE,MAAM,CAAC,IAAI;KAClB;AAED,IAAA,OAAO,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC;AAC7D;;;;"}