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

package/dist/components/LegacyDataTable/StickyHeader.cjs

@@ -1,2 +1,41 @@
-"use strict";var e=require("react"),t=require("react-use"),r=require("./styled.cjs"),l=require("./utils/hooks.cjs");function u(e){return e&&e.__esModule?e:{default:e}}var a=u(e);exports.StickyHeader=({renderHeader:u,tableRef:i,wrapperRef:o,isFixedLayout:s,wrapperStyle:n})=>{var d;const[c,f]=e.useState(null),{isSticky:p}=l.useStickyHeader(i,parseInt("string"==typeof(null==n?void 0:n.top)?null==n?void 0:n.top:`${null==n?void 0:n.top}`,10)),v=((null===(d=o.current)||void 0===d?void 0:d.getBoundingClientRect().width)||0)-2;t.useScroll(o);const y=e=>{var t;const r=(null===(t=o.current)||void 0===t?void 0:t.scrollLeft)||0;e?e.scrollLeft=r:c&&(c.scrollLeft=r)};return y(),p?a.default.createElement(r.StickyHeaderWrapper,{ref:e=>{f(e),y(e)},style:{width:v,...n}},a.default.createElement(r.FakeHeaderTable,{style:{tableLayout:s?"fixed":"auto"}},u())):null};
+'use strict';
+
+var React = require('react');
+var reactUse = require('react-use');
+var styled = require('./styled.cjs');
+var hooks = require('./utils/hooks.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const StickyHeader = ({ renderHeader, tableRef, wrapperRef, isFixedLayout, wrapperStyle, }) => {
+    var _a;
+    const [headerWrapperRef, setHeaderWrapperRef] = React.useState(null);
+    const { isSticky } = hooks.useStickyHeader(tableRef, parseInt(typeof (wrapperStyle === null || wrapperStyle === undefined ? undefined : wrapperStyle.top) === 'string' ? wrapperStyle === null || wrapperStyle === undefined ? undefined : wrapperStyle.top : `${wrapperStyle === null || wrapperStyle === undefined ? undefined : wrapperStyle.top}`, 10));
+    // here we use 2, because we also have borders on each side by 1 px
+    const wrapperWidth = (((_a = wrapperRef.current) === null || _a === undefined ? undefined : _a.getBoundingClientRect().width) || 0) - 2;
+    // we use it just to re-render header to update scroll
+    // so we don't need to get any value from this hook
+    reactUse.useScroll(wrapperRef);
+    const updateScroll = (ref) => {
+        var _a;
+        const scrollLeft = ((_a = wrapperRef.current) === null || _a === undefined ? undefined : _a.scrollLeft) || 0;
+        if (ref) {
+            // eslint-disable-next-line no-param-reassign
+            ref.scrollLeft = scrollLeft;
+            return;
+        }
+        if (headerWrapperRef)
+            headerWrapperRef.scrollLeft = scrollLeft;
+    };
+    updateScroll();
+    return isSticky ? (React__default.default.createElement(styled.StickyHeaderWrapper, { ref: (ref) => {
+            setHeaderWrapperRef(ref);
+            updateScroll(ref);
+        }, style: { width: wrapperWidth, ...wrapperStyle } },
+        React__default.default.createElement(styled.FakeHeaderTable, { style: { tableLayout: isFixedLayout ? 'fixed' : 'auto' } }, renderHeader()))) : null;
+};
+
+exports.StickyHeader = StickyHeader;
 //# sourceMappingURL=StickyHeader.cjs.map

package/dist/components/LegacyDataTable/StickyHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StickyHeader.cjs","sources":["../../../src/components/LegacyDataTable/StickyHeader.tsx"],"sourcesContent":[null],"names":["renderHeader","tableRef","wrapperRef","isFixedLayout","wrapperStyle","_a","headerWrapperRef","useState","isSticky","useStickyHeader","parseInt","top"],"mappings":"uMAQyB,EAAAA,eAAAC,WAAAC,aAAAC,gBAAAC,mBACvB,IAAYC,EACZ,MAAAC,KAAmCC,EAAAA,SAAA,OACnCC,SAAAA,GAAAC,EAAAA,gBAAAR,EAAAS,SAAA,iBAAAN,aAAA,EAAAA,EAAAO,KAAAP,aAAA,EAAAA,EAAAO,IAAA,GAAAP,aAAA,EAAAA,EAAAO,MAAA"}
+{"version":3,"file":"StickyHeader.cjs","sources":["../../../src/components/LegacyDataTable/StickyHeader.tsx"],"sourcesContent":[null],"names":["useState","useStickyHeader","useScroll","React","StickyHeaderWrapper","FakeHeaderTable"],"mappings":";;;;;;;;;;;AAaa,MAAA,YAAY,GAAG,CAAC,EAC3B,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,aAAa,EACb,YAAY,GACU,KAAI;;IAC1B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGA,cAAQ,CAAwB,IAAI,CAAC;IACrF,MAAM,EAAE,QAAQ,EAAE,GAAGC,qBAAe,CAClC,QAAQ,EACR,QAAQ,CACN,QAAO,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,GAAG,CAAA,KAAK,QAAQ,GAAG,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,GAAG,GAAG,CAAG,EAAA,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,GAAG,EAAE,EAClF,EAAE,CACH,CACF;;AAGD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,qBAAqB,GAAG,KAAK,KAAI,CAAC,IAAI,CAAC;;;IAIjFC,kBAAS,CAAC,UAAU,CAAC;AAErB,IAAA,MAAM,YAAY,GAAG,CAAC,GAA2B,KAAI;;QACnD,MAAM,UAAU,GAAG,CAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,UAAU,KAAI,CAAC;AAEtD,QAAA,IAAI,GAAG,EAAE;;AAEP,YAAA,GAAG,CAAC,UAAU,GAAG,UAAU;YAC3B;AACD;AAED,QAAA,IAAI,gBAAgB;AAAE,YAAA,gBAAgB,CAAC,UAAU,GAAG,UAAU;AAChE,KAAC;AAED,IAAA,YAAY,EAAE;AAEd,IAAA,OAAO,QAAQ,IACbC,sBAAA,CAAA,aAAA,CAACC,0BAAmB,EAAA,EAClB,GAAG,EAAE,CAAC,GAAG,KAAI;YACX,mBAAmB,CAAC,GAAG,CAAC;YACxB,YAAY,CAAC,GAAG,CAAC;SAClB,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,EAAA;QAE/CD,sBAAC,CAAA,aAAA,CAAAE,sBAAe,EAAC,EAAA,KAAK,EAAE,EAAE,WAAW,EAAE,aAAa,GAAG,OAAO,GAAG,MAAM,EAAE,EACtE,EAAA,YAAY,EAAE,CACC,CACE,IACpB,IAAI;AACV;;;;"}

package/dist/components/LegacyDataTable/StickyHeader.d.ts

@@ -8,4 +8,3 @@ type StickyHeaderPropTypes = {
 };
 export declare const StickyHeader: ({ renderHeader, tableRef, wrapperRef, isFixedLayout, wrapperStyle, }: StickyHeaderPropTypes) => React.JSX.Element | null;
 export {};
-//# sourceMappingURL=StickyHeader.d.ts.map

package/dist/components/LegacyDataTable/StickyHeader.js

@@ -1,2 +1,35 @@
-import t,{useState as e}from"react";import{useScroll as r}from"react-use";import{StickyHeaderWrapper as o,FakeHeaderTable as l}from"./styled.js";import{useStickyHeader as i}from"./utils/hooks.js";const n=({renderHeader:n,tableRef:s,wrapperRef:u,isFixedLayout:a,wrapperStyle:c})=>{var d;const[p,f]=e(null),{isSticky:m}=i(s,parseInt("string"==typeof(null==c?void 0:c.top)?null==c?void 0:c.top:`${null==c?void 0:c.top}`,10)),v=((null===(d=u.current)||void 0===d?void 0:d.getBoundingClientRect().width)||0)-2;r(u);const y=t=>{var e;const r=(null===(e=u.current)||void 0===e?void 0:e.scrollLeft)||0;t?t.scrollLeft=r:p&&(p.scrollLeft=r)};return y(),m?t.createElement(o,{ref:t=>{f(t),y(t)},style:{width:v,...c}},t.createElement(l,{style:{tableLayout:a?"fixed":"auto"}},n())):null};export{n as StickyHeader};
+import React, { useState } from 'react';
+import { useScroll } from 'react-use';
+import { StickyHeaderWrapper, FakeHeaderTable } from './styled.js';
+import { useStickyHeader } from './utils/hooks.js';
+
+const StickyHeader = ({ renderHeader, tableRef, wrapperRef, isFixedLayout, wrapperStyle, }) => {
+    var _a;
+    const [headerWrapperRef, setHeaderWrapperRef] = useState(null);
+    const { isSticky } = useStickyHeader(tableRef, parseInt(typeof (wrapperStyle === null || wrapperStyle === undefined ? undefined : wrapperStyle.top) === 'string' ? wrapperStyle === null || wrapperStyle === undefined ? undefined : wrapperStyle.top : `${wrapperStyle === null || wrapperStyle === undefined ? undefined : wrapperStyle.top}`, 10));
+    // here we use 2, because we also have borders on each side by 1 px
+    const wrapperWidth = (((_a = wrapperRef.current) === null || _a === undefined ? undefined : _a.getBoundingClientRect().width) || 0) - 2;
+    // we use it just to re-render header to update scroll
+    // so we don't need to get any value from this hook
+    useScroll(wrapperRef);
+    const updateScroll = (ref) => {
+        var _a;
+        const scrollLeft = ((_a = wrapperRef.current) === null || _a === undefined ? undefined : _a.scrollLeft) || 0;
+        if (ref) {
+            // eslint-disable-next-line no-param-reassign
+            ref.scrollLeft = scrollLeft;
+            return;
+        }
+        if (headerWrapperRef)
+            headerWrapperRef.scrollLeft = scrollLeft;
+    };
+    updateScroll();
+    return isSticky ? (React.createElement(StickyHeaderWrapper, { ref: (ref) => {
+            setHeaderWrapperRef(ref);
+            updateScroll(ref);
+        }, style: { width: wrapperWidth, ...wrapperStyle } },
+        React.createElement(FakeHeaderTable, { style: { tableLayout: isFixedLayout ? 'fixed' : 'auto' } }, renderHeader()))) : null;
+};
+
+export { StickyHeader };
 //# sourceMappingURL=StickyHeader.js.map

package/dist/components/LegacyDataTable/StickyHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StickyHeader.js","sources":["../../../src/components/LegacyDataTable/StickyHeader.tsx"],"sourcesContent":[null],"names":["StickyHeader","renderHeader","tableRef","wrapperRef","isFixedLayout","wrapperStyle","_a","headerWrapperRef","useState","isSticky","useStickyHeader","parseInt","top"],"mappings":"oMAQe,MAAAA,EAAU,EAAAC,eAAAC,WAAAC,aAAAC,gBAAAC,mBACvB,IAAYC,EACZ,MAAAC,KAAmCC,EAAA,OACnCC,SAAAA,GAAAC,EAAAR,EAAAS,SAAA,iBAAAN,aAAA,EAAAA,EAAAO,KAAAP,aAAA,EAAAA,EAAAO,IAAA,GAAAP,aAAA,EAAAA,EAAAO,MAAA"}
+{"version":3,"file":"StickyHeader.js","sources":["../../../src/components/LegacyDataTable/StickyHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAaa,MAAA,YAAY,GAAG,CAAC,EAC3B,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,aAAa,EACb,YAAY,GACU,KAAI;;IAC1B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC;IACrF,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,CAClC,QAAQ,EACR,QAAQ,CACN,QAAO,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,GAAG,CAAA,KAAK,QAAQ,GAAG,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,GAAG,GAAG,CAAG,EAAA,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,GAAG,EAAE,EAClF,EAAE,CACH,CACF;;AAGD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,qBAAqB,GAAG,KAAK,KAAI,CAAC,IAAI,CAAC;;;IAIjF,SAAS,CAAC,UAAU,CAAC;AAErB,IAAA,MAAM,YAAY,GAAG,CAAC,GAA2B,KAAI;;QACnD,MAAM,UAAU,GAAG,CAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,UAAU,KAAI,CAAC;AAEtD,QAAA,IAAI,GAAG,EAAE;;AAEP,YAAA,GAAG,CAAC,UAAU,GAAG,UAAU;YAC3B;AACD;AAED,QAAA,IAAI,gBAAgB;AAAE,YAAA,gBAAgB,CAAC,UAAU,GAAG,UAAU;AAChE,KAAC;AAED,IAAA,YAAY,EAAE;AAEd,IAAA,OAAO,QAAQ,IACb,KAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAClB,GAAG,EAAE,CAAC,GAAG,KAAI;YACX,mBAAmB,CAAC,GAAG,CAAC;YACxB,YAAY,CAAC,GAAG,CAAC;SAClB,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,EAAA;QAE/C,KAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,KAAK,EAAE,EAAE,WAAW,EAAE,aAAa,GAAG,OAAO,GAAG,MAAM,EAAE,EACtE,EAAA,YAAY,EAAE,CACC,CACE,IACpB,IAAI;AACV;;;;"}

package/dist/components/LegacyDataTable/cells/ClickableCell.cjs

@@ -1,2 +1,19 @@
-"use strict";var e=require("react"),t=require("styled-components"),l=require("../../../theme/index.cjs"),r=require("./styled.cjs"),i=require("../styled.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var o=n(e);const c=n(t).default(r.CellButton).withConfig({displayName:"vui--ClickableButton",componentId:"vui--1qfw372"})`color:${l.theme.text.link.color};text-decoration:${l.theme.text.link.textDecoration};`;exports.ClickableCell=({onClick:e,children:t,...l})=>o.default.createElement(i.Cell,{...l},o.default.createElement(c,{onClick:e},t));
+'use strict';
+
+var React = require('react');
+var styled = require('styled-components');
+var index = require('../../../theme/index.cjs');
+var styled$1 = require('./styled.cjs');
+var styled$2 = require('../styled.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const ClickableButton = styled__default.default(styled$1.CellButton).withConfig({ displayName: "vui--ClickableButton", componentId: "vui--1qfw372" }) `color:${index.theme.text.link.color};text-decoration:${index.theme.text.link.textDecoration};`;
+const ClickableCell = ({ onClick, children, ...otherProps }) => (React__default.default.createElement(styled$2.Cell, { ...otherProps },
+    React__default.default.createElement(ClickableButton, { onClick: onClick }, children)));
+
+exports.ClickableCell = ClickableCell;
 //# sourceMappingURL=ClickableCell.cjs.map

package/dist/components/LegacyDataTable/cells/ClickableCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClickableCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/ClickableCell.tsx"],"sourcesContent":[null],"names":["ClickableButton","styled","CellButton","withConfig","displayName","componentId","theme","text","link","color","textDecoration","onClick","children","otherProps","React","createElement","Cell"],"mappings":"4NAcC,MAAAA,OAAAC,QAAAC,EAAAA,YAAAC,WAAA,CAAAC,YAAA,uBAAAC,YAAA,gBAAA,SAAAC,EAAAA,MAAAC,KAAAC,KAAAC,yBAAAH,QAAAC,KAAAC,KAAAE,wCAEY,EAAAC,UAAuDC,cAAAC,KAAAC,EAAAA,QAAAC,cAAAC"}
+{"version":3,"file":"ClickableCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/ClickableCell.tsx"],"sourcesContent":[null],"names":["styled","CellButton","theme","React","Cell"],"mappings":";;;;;;;;;;;;;AAMA,MAAM,eAAe,GAAGA,uBAAM,CAACC,mBAAU,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAC/BC,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CACX,iBAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAA,CAAA,CAClD;MAOY,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAsB,MACpFC,sBAAC,CAAA,aAAA,CAAAC,aAAI,OAAK,UAAU,EAAA;IAClBD,sBAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,OAAO,EAAE,OAAO,IAAG,QAAQ,CAAmB,CAC1D;;;;"}

package/dist/components/LegacyDataTable/cells/ClickableCell.d.ts

@@ -5,4 +5,3 @@ export interface ClickableCellProps extends CellProps {
     children: React.ReactNode;
 }
 export declare const ClickableCell: ({ onClick, children, ...otherProps }: ClickableCellProps) => React.JSX.Element;
-//# sourceMappingURL=ClickableCell.d.ts.map

package/dist/components/LegacyDataTable/cells/ClickableCell.js

@@ -1,2 +1,12 @@
-import t from"react";import o from"styled-components";import{theme as e}from"../../../theme/index.js";import{CellButton as i}from"./styled.js";import{Cell as r}from"../styled.js";const n=o(i).withConfig({displayName:"vui--ClickableButton",componentId:"vui--1qfw372"})`color:${e.text.link.color};text-decoration:${e.text.link.textDecoration};`,m=({onClick:o,children:e,...i})=>t.createElement(r,{...i},t.createElement(n,{onClick:o},e));export{m as ClickableCell};
+import React from 'react';
+import styled from 'styled-components';
+import { theme } from '../../../theme/index.js';
+import { CellButton } from './styled.js';
+import { Cell } from '../styled.js';
+
+const ClickableButton = styled(CellButton).withConfig({ displayName: "vui--ClickableButton", componentId: "vui--1qfw372" }) `color:${theme.text.link.color};text-decoration:${theme.text.link.textDecoration};`;
+const ClickableCell = ({ onClick, children, ...otherProps }) => (React.createElement(Cell, { ...otherProps },
+    React.createElement(ClickableButton, { onClick: onClick }, children)));
+
+export { ClickableCell };
 //# sourceMappingURL=ClickableCell.js.map

package/dist/components/LegacyDataTable/cells/ClickableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClickableCell.js","sources":["../../../../src/components/LegacyDataTable/cells/ClickableCell.tsx"],"sourcesContent":[null],"names":["ClickableButton","styled","CellButton","withConfig","displayName","componentId","theme","text","link","color","textDecoration","ClickableCell","onClick","children","otherProps","React","createElement","Cell"],"mappings":"mLAcC,MAAAA,EAAAC,EAAAC,GAAAC,WAAA,CAAAC,YAAA,uBAAAC,YAAA,gBAAA,SAAAC,EAAAC,KAAAC,KAAAC,yBAAAH,EAAAC,KAAAC,KAAAE,kBAEDC,EAAa,EAAAC,UAAuDC,cAAAC,KAAAC,EAAAC,cAAAC"}
+{"version":3,"file":"ClickableCell.js","sources":["../../../../src/components/LegacyDataTable/cells/ClickableCell.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAMA,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAC/B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CACX,iBAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAA,CAAA,CAClD;MAOY,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAsB,MACpF,KAAC,CAAA,aAAA,CAAA,IAAI,OAAK,UAAU,EAAA;IAClB,KAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,OAAO,EAAE,OAAO,IAAG,QAAQ,CAAmB,CAC1D;;;;"}

package/dist/components/LegacyDataTable/cells/EditableCell.cjs

@@ -1,2 +1,19 @@
-"use strict";var e=require("react"),t=require("styled-components"),l=require("./styled.cjs"),r=require("../styled.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var i=n(e);const u=n(t).default.div.withConfig({displayName:"vui--Content",componentId:"vui--1fqu167"})`text-align:inherit;border-bottom:1px dotted black;`;exports.EditableCell=({onClick:e,children:t,...n})=>i.default.createElement(r.Cell,{...n},i.default.createElement(l.CellButton,{onClick:e},i.default.createElement(u,null,t)));
+'use strict';
+
+var React = require('react');
+var styled = require('styled-components');
+var styled$2 = require('./styled.cjs');
+var styled$1 = require('../styled.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const Content = styled__default.default.div.withConfig({ displayName: "vui--Content", componentId: "vui--1fqu167" }) `text-align:inherit;border-bottom:1px dotted black;`;
+const EditableCell = ({ onClick, children, ...otherProps }) => (React__default.default.createElement(styled$1.Cell, { ...otherProps },
+    React__default.default.createElement(styled$2.CellButton, { onClick: onClick },
+        React__default.default.createElement(Content, null, children))));
+
+exports.EditableCell = EditableCell;
 //# sourceMappingURL=EditableCell.cjs.map

package/dist/components/LegacyDataTable/cells/EditableCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/EditableCell.tsx"],"sourcesContent":[null],"names":["Content","default","div","withConfig","displayName","componentId","onClick","children","otherProps","React","createElement","Cell","CellButton"],"mappings":"sLAYE,MAAAA,OAAgBC,QAAAC,IAAAC,WAAU,CAAAC,YAAA,eAAAC,YAAA,gBAAA,0EAC3B,EAAAC,UAAAC,cAAAC,KAAAC,EAAAA,QAAAC,cAAAC,OAAA,IAAAH,GAEDC,EAAAA,QAAAC,cAAaE,EAAAA,WAAsD,CAAAN,QAAAA"}
+{"version":3,"file":"EditableCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/EditableCell.tsx"],"sourcesContent":[null],"names":["styled","React","Cell","CellButton"],"mappings":";;;;;;;;;;;;AAKA,MAAM,OAAO,GAAGA,uBAAM,CAAC,GAAG,8HAGzB;MAOY,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAqB,MAClFC,sBAAC,CAAA,aAAA,CAAAC,aAAI,OAAK,UAAU,EAAA;AAClB,IAAAD,sBAAA,CAAA,aAAA,CAACE,mBAAU,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA;AAC1B,QAAAF,sBAAA,CAAA,aAAA,CAAC,OAAO,EAAE,IAAA,EAAA,QAAQ,CAAW,CAClB,CACR;;;;"}

package/dist/components/LegacyDataTable/cells/EditableCell.d.ts

@@ -5,4 +5,3 @@ export interface EditableCellProps extends CellProps {
     children: React.ReactNode;
 }
 export declare const EditableCell: ({ onClick, children, ...otherProps }: EditableCellProps) => React.JSX.Element;
-//# sourceMappingURL=EditableCell.d.ts.map

package/dist/components/LegacyDataTable/cells/EditableCell.js

@@ -1,2 +1,12 @@
-import t from"react";import e from"styled-components";import{CellButton as o}from"./styled.js";import{Cell as n}from"../styled.js";const r=e.div.withConfig({displayName:"vui--Content",componentId:"vui--1fqu167"})`text-align:inherit;border-bottom:1px dotted black;`,i=({onClick:e,children:i,...m})=>t.createElement(n,{...m},t.createElement(o,{onClick:e},t.createElement(r,null,i)));export{i as EditableCell};
+import React from 'react';
+import styled from 'styled-components';
+import { CellButton } from './styled.js';
+import { Cell } from '../styled.js';
+
+const Content = styled.div.withConfig({ displayName: "vui--Content", componentId: "vui--1fqu167" }) `text-align:inherit;border-bottom:1px dotted black;`;
+const EditableCell = ({ onClick, children, ...otherProps }) => (React.createElement(Cell, { ...otherProps },
+    React.createElement(CellButton, { onClick: onClick },
+        React.createElement(Content, null, children))));
+
+export { EditableCell };
 //# sourceMappingURL=EditableCell.js.map

package/dist/components/LegacyDataTable/cells/EditableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.js","sources":["../../../../src/components/LegacyDataTable/cells/EditableCell.tsx"],"sourcesContent":[null],"names":["Content","styled","div","withConfig","displayName","componentId","EditableCell","onClick","children","otherProps","React","createElement","Cell","CellButton"],"mappings":"mIAYE,MAAAA,EAAUC,EAAMC,IAAAC,WAAU,CAAAC,YAAA,eAAAC,YAAA,gBAAA,qDAC3BC,EAAA,EAAAC,UAAAC,cAAAC,KAAAC,EAAAC,cAAAC,EAAA,IAAAH,GAEDC,EAAAC,cAAaE,EAAsD,CAAAN,QAAAA"}
+{"version":3,"file":"EditableCell.js","sources":["../../../../src/components/LegacyDataTable/cells/EditableCell.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAKA,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,8HAGzB;MAOY,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAqB,MAClF,KAAC,CAAA,aAAA,CAAA,IAAI,OAAK,UAAU,EAAA;AAClB,IAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA;AAC1B,QAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAE,IAAA,EAAA,QAAQ,CAAW,CAClB,CACR;;;;"}

package/dist/components/LegacyDataTable/cells/SkeletonCell.cjs

@@ -1,2 +1,18 @@
-"use strict";var e=require("react"),t=require("../styled.cjs"),l=require("../SkeletonContent/SkeletonContent.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var r=n(e);const o=({style:e,...n})=>r.default.createElement(t.Cell,{...n},r.default.createElement(l.SkeletonContent,{style:e}));o.defaultProps={style:{}},exports.SkeletonCell=o;
+'use strict';
+
+var React = require('react');
+var styled = require('../styled.cjs');
+var SkeletonContent = require('../SkeletonContent/SkeletonContent.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const SkeletonCell = ({ style, ...otherProps }) => (React__default.default.createElement(styled.Cell, { ...otherProps },
+    React__default.default.createElement(SkeletonContent.SkeletonContent, { style: style })));
+SkeletonCell.defaultProps = {
+    style: {},
+};
+
+exports.SkeletonCell = SkeletonCell;
 //# sourceMappingURL=SkeletonCell.cjs.map

package/dist/components/LegacyDataTable/cells/SkeletonCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonCell.tsx"],"sourcesContent":[null],"names":["SkeletonCell","style","otherProps","React","default","createElement","Cell","SkeletonContent","defaultProps"],"mappings":"iLAKU,MAAAA,EAAc,EAAAC,WAAAC,KAAAC,EAAAC,QAAAC,cAAAC,EAAAA,KAAA,IAAAJ,GACvBC,EAAAC,QAAAC,cAAAE,EAAAA,gBAAA,CAAAN,MAAAA,KAEDD,EAAAQ,aAAyB"}
+{"version":3,"file":"SkeletonCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonCell.tsx"],"sourcesContent":[null],"names":["React","Cell","SkeletonContent"],"mappings":";;;;;;;;;;AAQa,MAAA,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,UAAU,EAAqB,MACtEA,sBAAC,CAAA,aAAA,CAAAC,WAAI,OAAK,UAAU,EAAA;IAClBD,sBAAC,CAAA,aAAA,CAAAE,+BAAe,IAAC,KAAK,EAAE,KAAK,EAAI,CAAA,CAC5B;AAGT,YAAY,CAAC,YAAY,GAAG;AAC1B,IAAA,KAAK,EAAE,EAAE;CACV;;;;"}

package/dist/components/LegacyDataTable/cells/SkeletonCell.d.ts

@@ -9,4 +9,3 @@ export declare const SkeletonCell: {
         style: {};
     };
 };
-//# sourceMappingURL=SkeletonCell.d.ts.map

package/dist/components/LegacyDataTable/cells/SkeletonCell.js

@@ -1,2 +1,12 @@
-import e from"react";import{Cell as t}from"../styled.js";import{SkeletonContent as o}from"../SkeletonContent/SkeletonContent.js";const r=({style:r,...l})=>e.createElement(t,{...l},e.createElement(o,{style:r}));r.defaultProps={style:{}};export{r as SkeletonCell};
+import React from 'react';
+import { Cell } from '../styled.js';
+import { SkeletonContent } from '../SkeletonContent/SkeletonContent.js';
+
+const SkeletonCell = ({ style, ...otherProps }) => (React.createElement(Cell, { ...otherProps },
+    React.createElement(SkeletonContent, { style: style })));
+SkeletonCell.defaultProps = {
+    style: {},
+};
+
+export { SkeletonCell };
 //# sourceMappingURL=SkeletonCell.js.map

package/dist/components/LegacyDataTable/cells/SkeletonCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonCell.js","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonCell.tsx"],"sourcesContent":[null],"names":["SkeletonCell","style","otherProps","React","createElement","Cell","SkeletonContent","defaultProps"],"mappings":"iIAKU,MAAAA,EAAc,EAAAC,WAAAC,KAAAC,EAAAC,cAAAC,EAAA,IAAAH,GACvBC,EAAAC,cAAAE,EAAA,CAAAL,MAAAA,KAEDD,EAAAO,aAAyB"}
+{"version":3,"file":"SkeletonCell.js","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonCell.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAQa,MAAA,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,UAAU,EAAqB,MACtE,KAAC,CAAA,aAAA,CAAA,IAAI,OAAK,UAAU,EAAA;IAClB,KAAC,CAAA,aAAA,CAAA,eAAe,IAAC,KAAK,EAAE,KAAK,EAAI,CAAA,CAC5B;AAGT,YAAY,CAAC,YAAY,GAAG;AAC1B,IAAA,KAAK,EAAE,EAAE;CACV;;;;"}

package/dist/components/LegacyDataTable/cells/SkeletonHeaderCell.cjs

@@ -1,2 +1,15 @@
-"use strict";var e=require("react"),t=require("../styled.cjs"),l=require("../SkeletonContent/SkeletonContent.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var r=n(e);exports.SkeletonHeaderCell=({style:e,width:n,isLoading:a,...o})=>r.default.createElement(t.HeaderCell,{...o,style:{width:n}},r.default.createElement(l.SkeletonContent,{style:e,isLoading:a}));
+'use strict';
+
+var React = require('react');
+var styled = require('../styled.cjs');
+var SkeletonContent = require('../SkeletonContent/SkeletonContent.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const SkeletonHeaderCell = ({ style, width, isLoading, ...otherProps }) => (React__default.default.createElement(styled.HeaderCell, { ...otherProps, style: { width } },
+    React__default.default.createElement(SkeletonContent.SkeletonContent, { style: style, isLoading: isLoading })));
+
+exports.SkeletonHeaderCell = SkeletonHeaderCell;
 //# sourceMappingURL=SkeletonHeaderCell.cjs.map

package/dist/components/LegacyDataTable/cells/SkeletonHeaderCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonHeaderCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonHeaderCell.tsx"],"sourcesContent":[null],"names":["style","width","isLoading","otherProps","React","default","createElement","HeaderCell","SkeletonContent"],"mappings":"4MAMyB,EAAAA,QAAAC,QAAAC,eAAAC,KAAAC,EAAAC,QAAAC,cAAAC,EAAAA,WAAA,IAAAJ,EAAAH,MAAA,CAAAC,UACvBG,UAASE,cAAUE,EAAAA,gBAAA,CAAAR,MAAAA,EAAAE,UAAAA"}
+{"version":3,"file":"SkeletonHeaderCell.cjs","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonHeaderCell.tsx"],"sourcesContent":[null],"names":["React","HeaderCell","SkeletonContent"],"mappings":";;;;;;;;;;AAUO,MAAM,kBAAkB,GAAG,CAAC,EACjC,KAAK,EACL,KAAK,EACL,SAAS,EACT,GAAG,UAAU,EACe,MAC5BA,sBAAA,CAAA,aAAA,CAACC,iBAAU,EAAA,EAAA,GAAK,UAAU,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AAC1C,IAAAD,sBAAA,CAAA,aAAA,CAACE,+BAAe,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,CAC5C;;;;"}

package/dist/components/LegacyDataTable/cells/SkeletonHeaderCell.d.ts

@@ -6,4 +6,3 @@ type SkeletonHeaderCellPropTypes = SkeletonCellProps & {
 };
 export declare const SkeletonHeaderCell: ({ style, width, isLoading, ...otherProps }: SkeletonHeaderCellPropTypes) => React.JSX.Element;
 export {};
-//# sourceMappingURL=SkeletonHeaderCell.d.ts.map

package/dist/components/LegacyDataTable/cells/SkeletonHeaderCell.js

@@ -1,2 +1,9 @@
-import t from"react";import{HeaderCell as e}from"../styled.js";import{SkeletonContent as o}from"../SkeletonContent/SkeletonContent.js";const n=({style:n,width:r,isLoading:i,...s})=>t.createElement(e,{...s,style:{width:r}},t.createElement(o,{style:n,isLoading:i}));export{n as SkeletonHeaderCell};
+import React from 'react';
+import { HeaderCell } from '../styled.js';
+import { SkeletonContent } from '../SkeletonContent/SkeletonContent.js';
+
+const SkeletonHeaderCell = ({ style, width, isLoading, ...otherProps }) => (React.createElement(HeaderCell, { ...otherProps, style: { width } },
+    React.createElement(SkeletonContent, { style: style, isLoading: isLoading })));
+
+export { SkeletonHeaderCell };
 //# sourceMappingURL=SkeletonHeaderCell.js.map

package/dist/components/LegacyDataTable/cells/SkeletonHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonHeaderCell.js","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonHeaderCell.tsx"],"sourcesContent":[null],"names":["SkeletonHeaderCell","style","width","isLoading","otherProps","React","createElement","HeaderCell","SkeletonContent"],"mappings":"uIAMS,MAAAA,EAAgB,EAAAC,QAAAC,QAAAC,eAAAC,KAAAC,EAAAC,cAAAC,EAAA,IAAAH,EAAAH,MAAA,CAAAC,UACvBG,EAASC,cAAUE,EAAA,CAAAP,MAAAA,EAAAE,UAAAA"}
+{"version":3,"file":"SkeletonHeaderCell.js","sources":["../../../../src/components/LegacyDataTable/cells/SkeletonHeaderCell.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAUO,MAAM,kBAAkB,GAAG,CAAC,EACjC,KAAK,EACL,KAAK,EACL,SAAS,EACT,GAAG,UAAU,EACe,MAC5B,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GAAK,UAAU,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AAC1C,IAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,CAC5C;;;;"}

package/dist/components/LegacyDataTable/cells/index.d.ts

@@ -1,4 +1,3 @@
 export { ClickableCell } from './ClickableCell';
 export { EditableCell } from './EditableCell';
 export { SkeletonCell } from './SkeletonCell';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/LegacyDataTable/cells/styled.cjs

@@ -1,2 +1,14 @@
-"use strict";var e=require("styled-components"),r=require("../../../theme/index.cjs");function t(e){return e&&e.__esModule?e:{default:e}}const n=t(e).default.button.withConfig({displayName:"vui--CellButton",componentId:"vui--14e2rl4"})`appearance:none;border:0;background-color:transparent;font:inherit;display:inline-block;box-sizing:border-box;width:calc(100% + 1.5rem);margin:-0.75rem -0.75rem;padding:0.75rem 0.75rem;text-align:inherit;line-height:${r.theme.sizes.base};border-radius:${r.theme.radius.base};&:hover{cursor:pointer;background-color:${r.theme.colors.secondary.blue.lightest};}`;exports.CellButton=n;
+'use strict';
+
+var styled = require('styled-components');
+var index = require('../../../theme/index.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+/* eslint-disable import/prefer-default-export */
+const CellButton = styled__default.default.button.withConfig({ displayName: "vui--CellButton", componentId: "vui--14e2rl4" }) `appearance:none;border:0;background-color:transparent;font:inherit;display:inline-block;box-sizing:border-box;width:calc(100% + 1.5rem);margin:-0.75rem -0.75rem;padding:0.75rem 0.75rem;text-align:inherit;line-height:${index.theme.sizes.base};border-radius:${index.theme.radius.base};&:hover{cursor:pointer;background-color:${index.theme.colors.secondary.blue.lightest};}`;
+
+exports.CellButton = CellButton;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/LegacyDataTable/cells/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/LegacyDataTable/cells/styled.ts"],"sourcesContent":[null],"names":["styled","theme"],"mappings":";;;;;;;;;AAAA;AAKO,MAAM,UAAU,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wNAAA,EAYtBC,WAAK,CAAC,KAAK,CAAC,IAAI,CACd,eAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,IAAI,CAIZ,yCAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;;;;"}

package/dist/components/LegacyDataTable/cells/styled.d.ts

@@ -1,2 +1 @@
 export declare const CellButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/LegacyDataTable/cells/styled.js

@@ -1,2 +1,8 @@
-import e from"styled-components";import{theme as r}from"../../../theme/index.js";const o=e.button.withConfig({displayName:"vui--CellButton",componentId:"vui--14e2rl4"})`appearance:none;border:0;background-color:transparent;font:inherit;display:inline-block;box-sizing:border-box;width:calc(100% + 1.5rem);margin:-0.75rem -0.75rem;padding:0.75rem 0.75rem;text-align:inherit;line-height:${r.sizes.base};border-radius:${r.radius.base};&:hover{cursor:pointer;background-color:${r.colors.secondary.blue.lightest};}`;export{o as CellButton};
+import styled from 'styled-components';
+import { theme } from '../../../theme/index.js';
+
+/* eslint-disable import/prefer-default-export */
+const CellButton = styled.button.withConfig({ displayName: "vui--CellButton", componentId: "vui--14e2rl4" }) `appearance:none;border:0;background-color:transparent;font:inherit;display:inline-block;box-sizing:border-box;width:calc(100% + 1.5rem);margin:-0.75rem -0.75rem;padding:0.75rem 0.75rem;text-align:inherit;line-height:${theme.sizes.base};border-radius:${theme.radius.base};&:hover{cursor:pointer;background-color:${theme.colors.secondary.blue.lightest};}`;
+
+export { CellButton };
 //# sourceMappingURL=styled.js.map

package/dist/components/LegacyDataTable/cells/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/LegacyDataTable/cells/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;AAKO,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wNAAA,EAYtB,KAAK,CAAC,KAAK,CAAC,IAAI,CACd,eAAA,EAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAIZ,yCAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;;;;"}

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

@@ -1,2 +1 @@
 export { LegacyDataTable } from './LegacyDataTable';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/LegacyDataTable/styled.cjs

@@ -1,2 +1,134 @@
-"use strict";var o=require("styled-components"),e=require("../../theme/index.cjs"),t=require("./utils/constants.cjs");function n(o){return o&&o.__esModule?o:{default:o}}var i=n(o);const{text:r,sizes:l}=e.theme,{blue:d}=e.theme.colors.secondary,{grey:a}=e.theme.colors.neutral,{scrollbar:s}=e.theme.colors.system,p='\n  position: absolute;\n  top: 0;\n  bottom: -1px;\n  width: 30px;\n  content: "";\n  pointer-events: none;\n  box-sizing: border-box;\n  transition: box-shadow .3s;\n',c=i.default.div.withConfig({displayName:"vui--TooltipContent",componentId:"vui--6b6999"})`display:flex;flex-direction:row;align-items:center;`,u=i.default.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--8prdgq"})`width:100%;overflow-x:${o=>o.scrollDisabled?"hidden":"auto"};overflow-y:hidden;position:relative;border-top:1px solid ${a.dark};border-bottom:1px solid ${a.dark};${({showScrollbar:o})=>o?`\n    scrollbar-width: auto;\n\n    &::-webkit-scrollbar {\n      margin-top: 10px;\n      width: 6px;\n      height: 6px;\n    }\n    \n    &::-webkit-scrollbar-track {\n      background: ${s.background}; \n    }\n    \n    &::-webkit-scrollbar-thumb {\n      background: ${s.thumb};\n      border-radius: 4px; \n    }\n    `:""} ${({scrollDisabled:o,lastStartFixedColumnsIndex:e,firstEndFixedColumnsIndex:n,scrollPosition:i})=>o?"":`\n    td:nth-child(${e}):after,\n    th:nth-child(${e}):after {\n      right: 0;\n      transform: translate(100%);\n      ${p};\n\n      ${i===t.ScrollPosition.middle||i===t.ScrollPosition.end?"\n  box-shadow: inset 10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n    };\n\n    td:nth-last-child(${n}):after,\n    th:nth-last-child(${n}):after {\n      left: 0;\n      transform: translate(-100%);\n      ${p};\n\n      ${i===t.ScrollPosition.start||i===t.ScrollPosition.middle?"\n  box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n    };\n  `}`,b=i.default(u).withConfig({displayName:"vui--WrapperBordered",componentId:"vui--1uzcmg4"})`border:1px solid ${a.dark};border-radius:4px;`,f=i.default.thead.withConfig({displayName:"vui--Head",componentId:"vui--tbv1ab"})`background-color:white;`,m=i.default.tbody.withConfig({displayName:"vui--Body",componentId:"vui--1f7jdxq"})`tr{${({fixedColumnsStyle:o})=>o};}& + & > tr:first-child > td{border-top:1px solid ${a.base};}tr:not(:first-child)> td{border-top:1px solid transparent;}&&& tr:hover td{background-color:#ebf4fb;}`;i.default.tfoot.withConfig({displayName:"vui--Foot",componentId:"vui--1ug6bgl"})`& td{background-color:${a.lightest};padding:1.5rem 1rem;border-top:1px solid ${d.base};}`;const h=i.default.tr.withConfig({displayName:"vui--Row",componentId:"vui--ostkmy"})`&.hidden{visibility:collapse;}${({accentColor:o})=>o&&`\n    & > td:first-child::before {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      width: 4px;\n      background-color: ${o};  \n    }\n  `}`,x=i.default.td.withConfig({displayName:"vui--Cell",componentId:"vui--9fl65z"})`position:relative;padding:1.25rem 1rem;text-align:${({align:o})=>o||"left"};background-color:white;font-family:${r.bodySmall.fontFamily};font-size:${r.bodySmall.fontSize};font-weight:${r.bodySmall.fontWeight};color:${r.bodySmall.color};line-height:${l.base};width:${({grow:o})=>o?"100%":"auto"};& > *{vertical-align:middle;}`,g=i.default(x).attrs({as:"th"}).withConfig({displayName:"vui--HeaderCell",componentId:"vui--1mc579o"})`user-select:none;border-bottom:1px solid ${a.dark};font-family:${r.bodySmallBold.fontFamily};font-size:${r.bodySmallBold.fontSize};font-weight:${r.bodySmallBold.fontWeight};color:${r.bodySmallBold.color};& span{white-space:pre-line;}&.sortable:hover{cursor:pointer;background-color:${a.light};}`,$={left:"flex-start",center:"center",right:"flex-end"},v=i.default.div.withConfig({displayName:"vui--HeaderCellLayout",componentId:"vui--iko9ux"})`display:flex;align-items:center;justify-content:${({align:o})=>o?$[o]:"flex-start"};& > * + *{margin-left:0.25rem;}`,y=i.default.table.withConfig({displayName:"vui--Table",componentId:"vui--1vjqk2m"})`width:100%;border-spacing:0;table-layout:${({isFixedLayout:o})=>o?"fixed":"auto"};${({striped:o})=>o&&`\n    & ${m}:nth-child(even) td {\n      background-color: ${a.lightest};\n    }\n  `} & *{box-sizing:border-box;${({tableLoading:o})=>o&&"\n      user-select: none;\n      pointer-events: none;\n    "}}${({noWrap:o})=>o&&`\n    & ${g}, & ${g} span {\n      white-space: nowrap;\n    }\n  `}`,w=i.default.tfoot.withConfig({displayName:"vui--Footer",componentId:"vui--ob9m7j"})`tr{${({fixedColumnsStyle:o})=>o};}& ${x}{border-top:1px solid ${a.dark};background-color:${a.lightest};padding-top:${l.base};padding-bottom:${l.base};line-height:2rem;}`,k=i.default.div.withConfig({displayName:"vui--StickyHeaderWrapper",componentId:"vui--5eqa3f"})`position:fixed;top:0;z-index:2;overflow-x:hidden;`,C=i.default(y).withConfig({displayName:"vui--FakeHeaderTable",componentId:"vui--48b34o"})``;exports.Body=m,exports.Cell=x,exports.FakeHeaderTable=C,exports.Footer=w,exports.Head=f,exports.HeaderCell=g,exports.HeaderCellLayout=v,exports.Row=h,exports.StickyHeaderWrapper=k,exports.Table=y,exports.TooltipContent=c,exports.Wrapper=u,exports.WrapperBordered=b;
+'use strict';
+
+var styled = require('styled-components');
+var index = require('../../theme/index.cjs');
+var constants = require('./utils/constants.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const { text, sizes } = index.theme;
+const { blue } = index.theme.colors.secondary;
+const { grey } = index.theme.colors.neutral;
+const { scrollbar } = index.theme.colors.system;
+const fixedColumnShadow = `
+  position: absolute;
+  top: 0;
+  bottom: -1px;
+  width: 30px;
+  content: "";
+  pointer-events: none;
+  box-sizing: border-box;
+  transition: box-shadow .3s;
+`;
+const startFixedColumnShadow = `
+  box-shadow: inset 10px 0 10px -8px rgb(0 0 0 / 25%);
+`;
+const endFixedColumnShadow = `
+  box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);
+`;
+const TooltipContent = styled__default.default.div.withConfig({ displayName: "vui--TooltipContent", componentId: "vui--6b6999" }) `display:flex;flex-direction:row;align-items:center;`;
+const Wrapper = styled__default.default.div.withConfig({ displayName: "vui--Wrapper", componentId: "vui--8prdgq" }) `width:100%;overflow-x:${(props) => (props.scrollDisabled ? 'hidden' : 'auto')};overflow-y:hidden;position:relative;border-top:1px solid ${grey.dark};border-bottom:1px solid ${grey.dark};${({ showScrollbar }) => showScrollbar
+    ? `
+    scrollbar-width: auto;
+
+    &::-webkit-scrollbar {
+      margin-top: 10px;
+      width: 6px;
+      height: 6px;
+    }
+    
+    &::-webkit-scrollbar-track {
+      background: ${scrollbar.background}; 
+    }
+    
+    &::-webkit-scrollbar-thumb {
+      background: ${scrollbar.thumb};
+      border-radius: 4px; 
+    }
+    `
+    : ''} ${({ scrollDisabled, lastStartFixedColumnsIndex, firstEndFixedColumnsIndex, scrollPosition }) => scrollDisabled
+    ? ''
+    : `
+    td:nth-child(${lastStartFixedColumnsIndex}):after,
+    th:nth-child(${lastStartFixedColumnsIndex}):after {
+      right: 0;
+      transform: translate(100%);
+      ${fixedColumnShadow};
+
+      ${scrollPosition === constants.ScrollPosition.middle || scrollPosition === constants.ScrollPosition.end
+        ? startFixedColumnShadow
+        : ''};
+    };
+
+    td:nth-last-child(${firstEndFixedColumnsIndex}):after,
+    th:nth-last-child(${firstEndFixedColumnsIndex}):after {
+      left: 0;
+      transform: translate(-100%);
+      ${fixedColumnShadow};
+
+      ${scrollPosition === constants.ScrollPosition.start || scrollPosition === constants.ScrollPosition.middle
+        ? endFixedColumnShadow
+        : ''};
+    };
+  `}`;
+const WrapperBordered = styled__default.default(Wrapper).withConfig({ displayName: "vui--WrapperBordered", componentId: "vui--1uzcmg4" }) `border:1px solid ${grey.dark};border-radius:4px;`;
+const Head = styled__default.default.thead.withConfig({ displayName: "vui--Head", componentId: "vui--tbv1ab" }) `background-color:white;`;
+const Body = styled__default.default.tbody.withConfig({ displayName: "vui--Body", componentId: "vui--1f7jdxq" }) `tr{${({ fixedColumnsStyle }) => fixedColumnsStyle};}& + & > tr:first-child > td{border-top:1px solid ${grey.base};}tr:not(:first-child)> td{border-top:1px solid transparent;}&&& tr:hover td{background-color:#ebf4fb;}`;
+styled__default.default.tfoot.withConfig({ displayName: "vui--Foot", componentId: "vui--1ug6bgl" }) `& td{background-color:${grey.lightest};padding:1.5rem 1rem;border-top:1px solid ${blue.base};}`;
+const Row = styled__default.default.tr.withConfig({ displayName: "vui--Row", componentId: "vui--ostkmy" }) `&.hidden{visibility:collapse;}${({ accentColor }) => accentColor &&
+    `
+    & > td:first-child::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      width: 4px;
+      background-color: ${accentColor};  
+    }
+  `}`;
+const Cell = styled__default.default.td.withConfig({ displayName: "vui--Cell", componentId: "vui--9fl65z" }) `position:relative;padding:1.25rem 1rem;text-align:${({ align }) => align || 'left'};background-color:white;font-family:${text.bodySmall.fontFamily};font-size:${text.bodySmall.fontSize};font-weight:${text.bodySmall.fontWeight};color:${text.bodySmall.color};line-height:${sizes.base};width:${({ grow }) => (grow ? '100%' : 'auto')};& > *{vertical-align:middle;}`;
+const HeaderCell = styled__default.default(Cell).attrs({
+    as: 'th',
+}).withConfig({ displayName: "vui--HeaderCell", componentId: "vui--1mc579o" }) `user-select:none;border-bottom:1px solid ${grey.dark};font-family:${text.bodySmallBold.fontFamily};font-size:${text.bodySmallBold.fontSize};font-weight:${text.bodySmallBold.fontWeight};color:${text.bodySmallBold.color};& span{white-space:pre-line;}&.sortable:hover{cursor:pointer;background-color:${grey.light};}`;
+const alignmentMap = {
+    left: 'flex-start',
+    center: 'center',
+    right: 'flex-end',
+};
+const HeaderCellLayout = styled__default.default.div.withConfig({ displayName: "vui--HeaderCellLayout", componentId: "vui--iko9ux" }) `display:flex;align-items:center;justify-content:${({ align }) => (align ? alignmentMap[align] : 'flex-start')};& > * + *{margin-left:0.25rem;}`;
+const Table = styled__default.default.table.withConfig({ displayName: "vui--Table", componentId: "vui--1vjqk2m" }) `width:100%;border-spacing:0;table-layout:${({ isFixedLayout }) => (isFixedLayout ? 'fixed' : 'auto')};${({ striped }) => striped &&
+    `
+    & ${Body}:nth-child(even) td {
+      background-color: ${grey.lightest};
+    }
+  `} & *{box-sizing:border-box;${({ tableLoading }) => tableLoading &&
+    `
+      user-select: none;
+      pointer-events: none;
+    `}}${({ noWrap }) => noWrap &&
+    `
+    & ${HeaderCell}, & ${HeaderCell} span {
+      white-space: nowrap;
+    }
+  `}`;
+const Footer = styled__default.default.tfoot.withConfig({ displayName: "vui--Footer", componentId: "vui--ob9m7j" }) `tr{${({ fixedColumnsStyle }) => fixedColumnsStyle};}& ${Cell}{border-top:1px solid ${grey.dark};background-color:${grey.lightest};padding-top:${sizes.base};padding-bottom:${sizes.base};line-height:2rem;}`;
+const StickyHeaderWrapper = styled__default.default.div.withConfig({ displayName: "vui--StickyHeaderWrapper", componentId: "vui--5eqa3f" }) `position:fixed;top:0;z-index:2;overflow-x:hidden;`;
+const FakeHeaderTable = styled__default.default(Table).withConfig({ displayName: "vui--FakeHeaderTable", componentId: "vui--48b34o" }) ``;
+
+exports.Body = Body;
+exports.Cell = Cell;
+exports.FakeHeaderTable = FakeHeaderTable;
+exports.Footer = Footer;
+exports.Head = Head;
+exports.HeaderCell = HeaderCell;
+exports.HeaderCellLayout = HeaderCellLayout;
+exports.Row = Row;
+exports.StickyHeaderWrapper = StickyHeaderWrapper;
+exports.Table = Table;
+exports.TooltipContent = TooltipContent;
+exports.Wrapper = Wrapper;
+exports.WrapperBordered = WrapperBordered;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/LegacyDataTable/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/LegacyDataTable/styled.ts"],"sourcesContent":[null],"names":["text","sizes","blue","theme","colors","secondary","grey","neutral","scrollbar","system","fixedColumnShadow","TooltipContent","styled","default","div","withConfig","displayName","componentId","Wrapper","props","scrollDisabled","dark","showScrollbar","background","thumb","lastStartFixedColumnsIndex","firstEndFixedColumnsIndex","scrollPosition"],"mappings":"0LA8BgBA,KAAAA,EAAAC,MAAAA,YACAC,KAAAA,GAAAC,QAAGC,OAAAC,WACSC,KAAAA,GAAAH,QAAAC,OAAAG,SACDC,UAAAA,GAAAL,QAAAC,OAAGK,OACfC,EAAG,2KAoITC,EAAQC,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,eAAA,sDAChBC,EAAAN,EAAAA,QAAAE,IAAAC,WAAA,CAAAC,YAAA,eAAAC,YAAA,eAAA,yBAAAE,GAAAA,EAAAC,eAAA,SAAA,mEAAAd,EAAAe,gCAAAf,EAAAe,QAAA,EAAAC,mBAAAA,EAEM,gMA8DId,EAAWe,kFAKff,EAAWgB,kDA+CX,MAAA,EAAAJ,iBAAyBK,6BAAAC,4BAAAC,oBAAAP,EAOzB,sMAtJkB,yRAIT"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/LegacyDataTable/styled.ts"],"sourcesContent":[null],"names":["theme","styled","ScrollPosition"],"mappings":"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"}

package/dist/components/LegacyDataTable/styled.d.ts

@@ -44,4 +44,3 @@ export declare const Footer: import("styled-components").StyledComponent<"tfoot"
 export declare const StickyHeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FakeHeaderTable: import("styled-components").StyledComponent<"table", any, TablePropTypes, never>;
 export {};
-//# sourceMappingURL=styled.d.ts.map