@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/LegacyDataTable/styled.cjs

@@ -1,123 +1,134 @@
-"use strict";var t=require("styled-components"),e=require("../../theme/index.cjs"),o=require("./utils/constants.cjs");function n(t){return t&&t.__esModule?t:{default:t}}var r=n(t);const{text:l,sizes:d}=e.theme,{blue:i}=e.theme.colors.secondary,{grey:a}=e.theme.colors.neutral,{scrollbar:s}=e.theme.colors.system,b='\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',p=r.default.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`,c=r.default.div`
-  width: 100%;
-  overflow-x: ${t=>t.scrollDisabled?"hidden":"auto"};
-  overflow-y: hidden;
-  position: relative;
-  border-top: 1px solid ${a.dark};
-  border-bottom: 1px solid ${a.dark};
+'use strict';
 
-  ${({showScrollbar:t})=>t?`\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    `:""}
+var styled = require('styled-components');
+var index = require('../../theme/index.cjs');
+var constants = require('./utils/constants.cjs');
 
-  ${({scrollDisabled:t,lastStartFixedColumnsIndex:e,firstEndFixedColumnsIndex:n,scrollPosition:r})=>t?"":`\n    td:nth-child(${e}):after,\n    th:nth-child(${e}):after {\n      right: 0;\n      transform: translate(100%);\n      ${b};\n\n      ${r===o.ScrollPosition.middle||r===o.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      ${b};\n\n      ${r===o.ScrollPosition.start||r===o.ScrollPosition.middle?"\n  box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n    };\n  `}
-`,f=r.default(c)`
-  border: 1px solid ${a.dark};
-  border-radius: 4px;
-`,x=r.default.thead`
-  background-color: white;
-`,h=r.default.tbody`
-  tr {
-    ${({fixedColumnsStyle:t})=>t};
-  }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-  & + & > tr:first-child > td {
-    border-top: 1px solid ${a.base};
-  }
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-  tr:not(:first-child) > td {
-    border-top: 1px solid transparent;
-  }
-
-  &&& tr:hover td {
-    background-color: #ebf4fb; /* TODO: Remove magic hex value */
-  }
-`;r.default.tfoot`
-  & td {
-    background-color: ${a.lightest};
-    padding: 1.5rem 1rem;
-    border-top: 1px solid ${i.base};
-  }
-`;const u=r.default.tr`
-  &.hidden {
-    visibility: collapse;
-  }
-
-  ${({accentColor:t})=>t&&`\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: ${t};  \n    }\n  `}
-`,$=r.default.td`
-  position: relative;
-  padding: 1.25rem 1rem;
-  text-align: ${({align:t})=>t||"left"};
-  background-color: white;
-
-  font-family: ${l.bodySmall.fontFamily};
-  font-size: ${l.bodySmall.fontSize};
-  font-weight: ${l.bodySmall.fontWeight};
-  color: ${l.bodySmall.color};
-  line-height: ${d.base};
-
-  width: ${({grow:t})=>t?"100%":"auto"};
-
-  & > * {
-    vertical-align: middle;
-  }
-`,m=r.default($).attrs({as:"th"})`
-  user-select: none;
-  border-bottom: 1px solid ${a.dark};
-
-  font-family: ${l.bodySmallBold.fontFamily};
-  font-size: ${l.bodySmallBold.fontSize};
-  font-weight: ${l.bodySmallBold.fontWeight};
-  color: ${l.bodySmallBold.color};
-
-  & span {
-    white-space: pre-line;
-  }
-
-  &.sortable:hover {
-    cursor: pointer;
-    background-color: ${a.light};
-  }
-`,g={left:"flex-start",center:"center",right:"flex-end"},y=r.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: ${({align:t})=>t?g[t]:"flex-start"};
-
-  & > * + * {
-    margin-left: 0.25rem;
-  }
-`,w=r.default.table`
-  width: 100%;
-  border-spacing: 0;
-  table-layout: ${({isFixedLayout:t})=>t?"fixed":"auto"};
-
-  ${({striped:t})=>t&&`\n    & ${h}:nth-child(even) td {\n      background-color: ${a.lightest};\n    }\n  `}
-
-  & * {
-    box-sizing: border-box;
-
-    ${({tableLoading:t})=>t&&"\n      user-select: none;\n      pointer-events: none;\n    "}
-  }
-
-  ${({noWrap:t})=>t&&`\n    & ${m}, & ${m} span {\n      white-space: nowrap;\n    }\n  `}
-`,k=r.default.tfoot`
-  tr {
-    ${({fixedColumnsStyle:t})=>t};
-  }
-
-  & ${$} {
-    border-top: 1px solid ${a.dark};
-    background-color: ${a.lightest};
-    padding-top: ${d.base};
-    padding-bottom: ${d.base};
-    line-height: 2rem;
-  }
-`,v=r.default.div`
-  position: fixed;
+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;
-  z-index: 2;
-  overflow-x: hidden;
-`,S=r.default(w)``;exports.Body=h,exports.Cell=$,exports.FakeHeaderTable=S,exports.Footer=k,exports.Head=x,exports.HeaderCell=m,exports.HeaderCellLayout=y,exports.Row=u,exports.StickyHeaderWrapper=v,exports.Table=w,exports.TooltipContent=p,exports.Wrapper=c,exports.WrapperBordered=f;
+  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--11ytygc" }) `display:flex;flex-direction:row;align-items:center;`;
+const Wrapper = styled__default.default.div.withConfig({ displayName: "vui--Wrapper", componentId: "vui--1g4i0cu" }) `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--wtdkab" }) `border:1px solid ${grey.dark};border-radius:4px;`;
+const Head = styled__default.default.thead.withConfig({ displayName: "vui--Head", componentId: "vui--1j5avrf" }) `background-color:white;`;
+const Body = styled__default.default.tbody.withConfig({ displayName: "vui--Body", componentId: "vui--n8uysg" }) `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--qckqty" }) `& 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--10drh9k" }) `&.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--tljl4p" }) `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--10p2duv" }) `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--13i0t50" }) `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--1bp83gy" }) `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--44p3gi" }) `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--wokb93" }) `position:fixed;top:0;z-index:2;overflow-x:hidden;`;
+const FakeHeaderTable = styled__default.default(Table).withConfig({ displayName: "vui--FakeHeaderTable", componentId: "vui--6s4d56" }) ``;
+
+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","div","Wrapper","props","dark","showScrollbar"],"mappings":"0LA8BgBA,KAAAA,EAAAC,MAAAA,YACAC,KAAAA,GAAAC,QAAGC,OAAAC,WACSC,KAAAA,GAAAH,QAAAC,OAAAG,SACDC,UAAAA,GAAAL,QAAAC,OAAGK,OACfC,EAAG,2KAoITC,EAAQC,EAAAA,QAAAC,GAAA;;;;EAyCfC,EAAAF,EAAAA,QAAAC,GAAA;;gBASQE,GAAiBA,iBAAW,SAAA;;;0BAahBT,EAAAU;6BACEV,EAAAU;;IAEtB,EAAYC,mBAAWA,EACV;;4SA7FU,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

package/dist/components/LegacyDataTable/styled.js

@@ -1,123 +1,116 @@
-import o from"styled-components";import{theme as t}from"../../theme/index.js";import{ScrollPosition as n}from"./utils/constants.js";const{text:e,sizes:r}=t,{blue:i}=t.colors.secondary,{grey:l}=t.colors.neutral,{scrollbar:d}=t.colors.system,a='\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',s=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`,b=o.div`
-  width: 100%;
-  overflow-x: ${o=>o.scrollDisabled?"hidden":"auto"};
-  overflow-y: hidden;
-  position: relative;
-  border-top: 1px solid ${l.dark};
-  border-bottom: 1px solid ${l.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: ${d.background}; \n    }\n    \n    &::-webkit-scrollbar-thumb {\n      background: ${d.thumb};\n      border-radius: 4px; \n    }\n    `:""}
-
-  ${({scrollDisabled:o,lastStartFixedColumnsIndex:t,firstEndFixedColumnsIndex:e,scrollPosition:r})=>o?"":`\n    td:nth-child(${t}):after,\n    th:nth-child(${t}):after {\n      right: 0;\n      transform: translate(100%);\n      ${a};\n\n      ${r===n.middle||r===n.end?"\n  box-shadow: inset 10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n    };\n\n    td:nth-last-child(${e}):after,\n    th:nth-last-child(${e}):after {\n      left: 0;\n      transform: translate(-100%);\n      ${a};\n\n      ${r===n.start||r===n.middle?"\n  box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n    };\n  `}
-`,c=o(b)`
-  border: 1px solid ${l.dark};
-  border-radius: 4px;
-`,p=o.thead`
-  background-color: white;
-`,h=o.tbody`
-  tr {
-    ${({fixedColumnsStyle:o})=>o};
-  }
-
-  & + & > tr:first-child > td {
-    border-top: 1px solid ${l.base};
-  }
-
-  tr:not(:first-child) > td {
-    border-top: 1px solid transparent;
-  }
-
-  &&& tr:hover td {
-    background-color: #ebf4fb; /* TODO: Remove magic hex value */
-  }
-`;o.tfoot`
-  & td {
-    background-color: ${l.lightest};
-    padding: 1.5rem 1rem;
-    border-top: 1px solid ${i.base};
-  }
-`;const x=o.tr`
-  &.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  `}
-`,f=o.td`
-  position: relative;
-  padding: 1.25rem 1rem;
-  text-align: ${({align:o})=>o||"left"};
-  background-color: white;
-
-  font-family: ${e.bodySmall.fontFamily};
-  font-size: ${e.bodySmall.fontSize};
-  font-weight: ${e.bodySmall.fontWeight};
-  color: ${e.bodySmall.color};
-  line-height: ${r.base};
-
-  width: ${({grow:o})=>o?"100%":"auto"};
-
-  & > * {
-    vertical-align: middle;
-  }
-`,$=o(f).attrs({as:"th"})`
-  user-select: none;
-  border-bottom: 1px solid ${l.dark};
-
-  font-family: ${e.bodySmallBold.fontFamily};
-  font-size: ${e.bodySmallBold.fontSize};
-  font-weight: ${e.bodySmallBold.fontWeight};
-  color: ${e.bodySmallBold.color};
-
-  & span {
-    white-space: pre-line;
-  }
-
-  &.sortable:hover {
-    cursor: pointer;
-    background-color: ${l.light};
-  }
-`,m={left:"flex-start",center:"center",right:"flex-end"},g=o.div`
-  display: flex;
-  align-items: center;
-  justify-content: ${({align:o})=>o?m[o]:"flex-start"};
-
-  & > * + * {
-    margin-left: 0.25rem;
-  }
-`,u=o.table`
-  width: 100%;
-  border-spacing: 0;
-  table-layout: ${({isFixedLayout:o})=>o?"fixed":"auto"};
-
-  ${({striped:o})=>o&&`\n    & ${h}:nth-child(even) td {\n      background-color: ${l.lightest};\n    }\n  `}
-
-  & * {
-    box-sizing: border-box;
-
-    ${({tableLoading:o})=>o&&"\n      user-select: none;\n      pointer-events: none;\n    "}
-  }
-
-  ${({noWrap:o})=>o&&`\n    & ${$}, & ${$} span {\n      white-space: nowrap;\n    }\n  `}
-`,w=o.tfoot`
-  tr {
-    ${({fixedColumnsStyle:o})=>o};
-  }
-
-  & ${f} {
-    border-top: 1px solid ${l.dark};
-    background-color: ${l.lightest};
-    padding-top: ${r.base};
-    padding-bottom: ${r.base};
-    line-height: 2rem;
-  }
-`,y=o.div`
-  position: fixed;
+import styled from 'styled-components';
+import { theme } from '../../theme/index.js';
+import { ScrollPosition } from './utils/constants.js';
+
+const { text, sizes } = theme;
+const { blue } = theme.colors.secondary;
+const { grey } = theme.colors.neutral;
+const { scrollbar } = theme.colors.system;
+const fixedColumnShadow = `
+  position: absolute;
   top: 0;
-  z-index: 2;
-  overflow-x: hidden;
-`,k=o(u)``;export{h as Body,f as Cell,k as FakeHeaderTable,w as Footer,p as Head,$ as HeaderCell,g as HeaderCellLayout,x as Row,y as StickyHeaderWrapper,u as Table,s as TooltipContent,b as Wrapper,c as WrapperBordered};
+  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.div.withConfig({ displayName: "vui--TooltipContent", componentId: "vui--11ytygc" }) `display:flex;flex-direction:row;align-items:center;`;
+const Wrapper = styled.div.withConfig({ displayName: "vui--Wrapper", componentId: "vui--1g4i0cu" }) `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 === ScrollPosition.middle || scrollPosition === ScrollPosition.end
+        ? startFixedColumnShadow
+        : ''};
+    };
+
+    td:nth-last-child(${firstEndFixedColumnsIndex}):after,
+    th:nth-last-child(${firstEndFixedColumnsIndex}):after {
+      left: 0;
+      transform: translate(-100%);
+      ${fixedColumnShadow};
+
+      ${scrollPosition === ScrollPosition.start || scrollPosition === ScrollPosition.middle
+        ? endFixedColumnShadow
+        : ''};
+    };
+  `}`;
+const WrapperBordered = styled(Wrapper).withConfig({ displayName: "vui--WrapperBordered", componentId: "vui--wtdkab" }) `border:1px solid ${grey.dark};border-radius:4px;`;
+const Head = styled.thead.withConfig({ displayName: "vui--Head", componentId: "vui--1j5avrf" }) `background-color:white;`;
+const Body = styled.tbody.withConfig({ displayName: "vui--Body", componentId: "vui--n8uysg" }) `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.tfoot.withConfig({ displayName: "vui--Foot", componentId: "vui--qckqty" }) `& td{background-color:${grey.lightest};padding:1.5rem 1rem;border-top:1px solid ${blue.base};}`;
+const Row = styled.tr.withConfig({ displayName: "vui--Row", componentId: "vui--10drh9k" }) `&.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.td.withConfig({ displayName: "vui--Cell", componentId: "vui--tljl4p" }) `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(Cell).attrs({
+    as: 'th',
+}).withConfig({ displayName: "vui--HeaderCell", componentId: "vui--10p2duv" }) `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.div.withConfig({ displayName: "vui--HeaderCellLayout", componentId: "vui--13i0t50" }) `display:flex;align-items:center;justify-content:${({ align }) => (align ? alignmentMap[align] : 'flex-start')};& > * + *{margin-left:0.25rem;}`;
+const Table = styled.table.withConfig({ displayName: "vui--Table", componentId: "vui--1bp83gy" }) `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.tfoot.withConfig({ displayName: "vui--Footer", componentId: "vui--44p3gi" }) `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.div.withConfig({ displayName: "vui--StickyHeaderWrapper", componentId: "vui--wokb93" }) `position:fixed;top:0;z-index:2;overflow-x:hidden;`;
+const FakeHeaderTable = styled(Table).withConfig({ displayName: "vui--FakeHeaderTable", componentId: "vui--6s4d56" }) ``;
+
+export { Body, Cell, FakeHeaderTable, Footer, Head, HeaderCell, HeaderCellLayout, Row, StickyHeaderWrapper, Table, TooltipContent, Wrapper, WrapperBordered };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/LegacyDataTable/styled.ts"],"sourcesContent":[null],"names":["text","sizes","blue","theme","colors","secondary","grey","neutral","scrollbar","system","fixedColumnShadow","TooltipContent","styled","div","Wrapper","props","dark","showScrollbar"],"mappings":"0IA8BgBA,KAAAA,EAAAC,MAAAA,MACAC,KAAAA,GAAAC,EAAGC,OAAAC,WACSC,KAAAA,GAAAH,EAAAC,OAAAG,SACDC,UAAAA,GAAAL,EAAAC,OAAGK,OACfC,EAAG,2KAoITC,EAAQC,EAAAC,GAAA;;;;EAyCfC,EAAAF,EAAAC,GAAA;;gBASQE,GAAiBA,iBAAW,SAAA;;;0BAahBT,EAAAU;6BACEV,EAAAU;;IAEtB,EAAYC,mBAAWA,EACV;;8QA7FU,2PAIT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/LegacyDataTable/styled.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/LegacyDataTable/utils/constants.cjs

@@ -1,2 +1,31 @@
-"use strict";var e=require("react"),t=require("../../../tempIcons/CalendarIcon.cjs"),o=require("../../../tempIcons/FailIcon.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var n=r(e);const a={width:64,height:64},l={icon:n.default.createElement(t.CalendarIcon,{...a}),title:"No data found"},i={icon:n.default.createElement(o.FailIcon,{...a}),title:"An error occurred when creating the table",subTitle:"Please, try reloading the page once. If this doesn't solve the problem, contact support"};var c;exports.ScrollPosition=void 0,(c=exports.ScrollPosition||(exports.ScrollPosition={})).start="start",c.middle="middle",c.end="End",c.none="none",exports.defaultEmptyState=l,exports.defaultErrorState=i;
+'use strict';
+
+var React = require('react');
+var CalendarIcon = require('../../../tempIcons/CalendarIcon.cjs');
+var FailIcon = require('../../../tempIcons/FailIcon.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const iconSize = { width: 64, height: 64 };
+const defaultEmptyState = {
+    icon: React__default.default.createElement(CalendarIcon.CalendarIcon, { ...iconSize }),
+    title: 'No data found',
+};
+const defaultErrorState = {
+    icon: React__default.default.createElement(FailIcon.FailIcon, { ...iconSize }),
+    title: 'An error occurred when creating the table',
+    subTitle: "Please, try reloading the page once. If this doesn't solve the problem, contact support",
+};
+exports.ScrollPosition = void 0;
+(function (ScrollPosition) {
+    ScrollPosition["start"] = "start";
+    ScrollPosition["middle"] = "middle";
+    ScrollPosition["end"] = "End";
+    ScrollPosition["none"] = "none";
+})(exports.ScrollPosition || (exports.ScrollPosition = {}));
+
+exports.defaultEmptyState = defaultEmptyState;
+exports.defaultErrorState = defaultErrorState;
 //# sourceMappingURL=constants.cjs.map

package/dist/components/LegacyDataTable/utils/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","sources":["../../../../src/components/LegacyDataTable/utils/constants.tsx"],"sourcesContent":[null],"names":["iconSize","width","height","defaultEmptyState","icon","React","default","createElement","CalendarIcon","title","defaultErrorState"],"mappings":"gMAmBA,MAAAA,EAAA,CAAAC,MAA0B,GAAAC,OAAA,IACTC,EAAA,CACfC,KAAMC,EAAWC,QAAAC,cAAAC,EAAAA,aAAA,IAAAR,IACjBS,MAAW,iBAEZC,EAAA"}
+{"version":3,"file":"constants.cjs","sources":["../../../../src/components/LegacyDataTable/utils/constants.tsx"],"sourcesContent":[null],"names":["React","CalendarIcon","FailIcon","ScrollPosition"],"mappings":";;;;;;;;;;AAKA,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;AAE7B,MAAA,iBAAiB,GAAsB;AAClD,IAAA,IAAI,EAAEA,sBAAA,CAAA,aAAA,CAACC,yBAAY,EAAA,EAAA,GAAK,QAAQ,EAAI,CAAA;AACpC,IAAA,KAAK,EAAE,eAAe;;AAGX,MAAA,iBAAiB,GAAsB;AAClD,IAAA,IAAI,EAAED,sBAAA,CAAA,aAAA,CAACE,iBAAQ,EAAA,EAAA,GAAK,QAAQ,EAAI,CAAA;AAChC,IAAA,KAAK,EAAE,2CAA2C;AAClD,IAAA,QAAQ,EACN,yFAAyF;;AAGjFC;AAAZ,CAAA,UAAY,cAAc,EAAA;AACxB,IAAA,cAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,cAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,cAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACX,IAAA,cAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EALWA,sBAAc,KAAdA,sBAAc,GAKzB,EAAA,CAAA,CAAA;;;;;"}

package/dist/components/LegacyDataTable/utils/constants.d.ts

@@ -7,4 +7,3 @@ export declare enum ScrollPosition {
     end = "End",
     none = "none"
 }
-//# sourceMappingURL=constants.d.ts.map

package/dist/components/LegacyDataTable/utils/constants.js

@@ -1,2 +1,24 @@
-import e from"react";import{CalendarIcon as t}from"../../../tempIcons/CalendarIcon.js";import{FailIcon as o}from"../../../tempIcons/FailIcon.js";const n={width:64,height:64},r={icon:e.createElement(t,{...n}),title:"No data found"},a={icon:e.createElement(o,{...n}),title:"An error occurred when creating the table",subTitle:"Please, try reloading the page once. If this doesn't solve the problem, contact support"};var c;!function(e){e.start="start",e.middle="middle",e.end="End",e.none="none"}(c||(c={}));export{c as ScrollPosition,r as defaultEmptyState,a as defaultErrorState};
+import React from 'react';
+import { CalendarIcon } from '../../../tempIcons/CalendarIcon.js';
+import { FailIcon } from '../../../tempIcons/FailIcon.js';
+
+const iconSize = { width: 64, height: 64 };
+const defaultEmptyState = {
+    icon: React.createElement(CalendarIcon, { ...iconSize }),
+    title: 'No data found',
+};
+const defaultErrorState = {
+    icon: React.createElement(FailIcon, { ...iconSize }),
+    title: 'An error occurred when creating the table',
+    subTitle: "Please, try reloading the page once. If this doesn't solve the problem, contact support",
+};
+var ScrollPosition;
+(function (ScrollPosition) {
+    ScrollPosition["start"] = "start";
+    ScrollPosition["middle"] = "middle";
+    ScrollPosition["end"] = "End";
+    ScrollPosition["none"] = "none";
+})(ScrollPosition || (ScrollPosition = {}));
+
+export { ScrollPosition, defaultEmptyState, defaultErrorState };
 //# sourceMappingURL=constants.js.map

package/dist/components/LegacyDataTable/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/LegacyDataTable/utils/constants.tsx"],"sourcesContent":[null],"names":["iconSize","width","height","defaultEmptyState","icon","React","createElement","CalendarIcon","title","defaultErrorState"],"mappings":"iJAmBA,MAAAA,EAAA,CAAAC,MAA0B,GAAAC,OAAA,IACTC,EAAA,CACfC,KAAMC,EAAWC,cAAAC,EAAA,IAAAP,IACjBQ,MAAW,iBAEZC,EAAA"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/LegacyDataTable/utils/constants.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAKA,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;AAE7B,MAAA,iBAAiB,GAAsB;AAClD,IAAA,IAAI,EAAE,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAA,GAAK,QAAQ,EAAI,CAAA;AACpC,IAAA,KAAK,EAAE,eAAe;;AAGX,MAAA,iBAAiB,GAAsB;AAClD,IAAA,IAAI,EAAE,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,QAAQ,EAAI,CAAA;AAChC,IAAA,KAAK,EAAE,2CAA2C;AAClD,IAAA,QAAQ,EACN,yFAAyF;;IAGjF;AAAZ,CAAA,UAAY,cAAc,EAAA;AACxB,IAAA,cAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,cAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,cAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACX,IAAA,cAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EALW,cAAc,KAAd,cAAc,GAKzB,EAAA,CAAA,CAAA;;;;"}

package/dist/components/LegacyDataTable/utils/hooks.cjs

@@ -1,2 +1,34 @@
-"use strict";var e=require("react");exports.useStickyHeader=(t,r)=>{const[n,o]=e.useState(!1),s=e.useCallback((({top:e,bottom:t})=>{let s=n;s=e<=(r||0)&&t>0?!n||s:!n&&s,s!==n&&o(s)}),[n,r]);return e.useEffect((()=>{const e=()=>{var e;t.current&&s(null===(e=t.current)||void 0===e?void 0:e.getBoundingClientRect())};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[s,t]),{isSticky:n}};
+'use strict';
+
+var React = require('react');
+
+const useStickyHeader = (tableRef, topOffset) => {
+    const [isSticky, setIsSticky] = React.useState(false);
+    const handleScrollChange = React.useCallback(({ top, bottom }) => {
+        let sticky = isSticky;
+        if (top <= (topOffset || 0) && bottom > 0) {
+            sticky = !isSticky ? true : sticky;
+        }
+        else {
+            sticky = isSticky ? false : sticky;
+        }
+        if (sticky !== isSticky)
+            setIsSticky(sticky);
+    }, [isSticky, topOffset]);
+    React.useEffect(() => {
+        const onScroll = () => {
+            var _a;
+            if (tableRef.current) {
+                handleScrollChange((_a = tableRef.current) === null || _a === undefined ? undefined : _a.getBoundingClientRect());
+            }
+        };
+        window.addEventListener('scroll', onScroll);
+        return () => {
+            window.removeEventListener('scroll', onScroll);
+        };
+    }, [handleScrollChange, tableRef]);
+    return { isSticky };
+};
+
+exports.useStickyHeader = useStickyHeader;
 //# sourceMappingURL=hooks.cjs.map