@kubit-ui-web/react-components 1.6.1 → 1.7.0

package/dist/cjs/components/tableHead/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tableHead/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,mDAAiC"}

package/dist/cjs/components/tableHead/types/tableHead.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=tableHead.js.map

package/dist/cjs/components/tableHead/types/tableHead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableHead.js","sourceRoot":"","sources":["../../../../../src/components/tableHead/types/tableHead.ts"],"names":[],"mappings":""}

package/dist/cjs/components/tableHead/types/tableHeadTheme.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=tableHeadTheme.js.map

package/dist/cjs/components/tableHead/types/tableHeadTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableHeadTheme.js","sourceRoot":"","sources":["../../../../../src/components/tableHead/types/tableHeadTheme.ts"],"names":[],"mappings":""}

package/dist/cjs/components/tableRow/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./tableRow"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/tableRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tableRow/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,0CAAwB"}

package/dist/cjs/components/tableRow/tableRow.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableRow = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const constants_1 = require("../../constants");
+const hooks_1 = require("../../hooks");
+const tableRowStandAlone_1 = require("./tableRowStandAlone");
+const TableRowComponent = ({ variant, ctv, ...props }, ref) => {
+    const styles = (0, hooks_1.useStylesV2)({
+        styleName: constants_1.STYLES_NAME.TABLE_ROW,
+        variantName: variant,
+        customTokens: ctv,
+        isOptional: true,
+    });
+    return (0, jsx_runtime_1.jsx)(tableRowStandAlone_1.TableRowStandAlone, { ref: ref, styles: styles, ...props });
+};
+exports.TableRow = React.forwardRef(TableRowComponent);
+//# sourceMappingURL=tableRow.js.map

package/dist/cjs/components/tableRow/tableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableRow.js","sourceRoot":"","sources":["../../../../src/components/tableRow/tableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,mCAAsC;AAEtC,6DAA0D;AAG1D,MAAM,iBAAiB,GAAG,CACxB,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAsC,EAC9D,GAA4C,EAC5C,EAAE;IACF,MAAM,MAAM,GAAG,IAAA,mBAAW,EAA0B;QAClD,SAAS,EAAE,uBAAW,CAAC,SAAS;QAChC,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;QACjB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,OAAO,uBAAC,uCAAkB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AACrE,CAAC,CAAC;AAEW,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/cjs/components/tableRow/tableRow.styled.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TRStyled = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../utils");
+exports.TRStyled = styled_components_1.default.tr `
+  ${({ $styles }) => (0, utils_1.getStyles)($styles?.container)};
+  ${({ $styles }) => (0, utils_1.getTypographyStyles)($styles?.container)};
+  /* Styles are applied over the cell and no over the row, this is because the cell background could have been set, and it should be overriden when active or hover */
+  &[data-hoverable='true'] {
+    &:hover td,
+    &:hover th {
+      ${({ $styles }) => (0, utils_1.getStyles)($styles?.hoveredCellContainer)};
+      ${({ $styles }) => (0, utils_1.getTypographyStyles)($styles?.hoveredCellContainer)};
+    }
+  }
+  &[data-active='true'] {
+    td,
+    th {
+      ${({ $styles }) => (0, utils_1.getStyles)($styles?.activeCellContainer)};
+      ${({ $styles }) => (0, utils_1.getTypographyStyles)($styles?.activeCellContainer)};
+    }
+  }
+`;
+//# sourceMappingURL=tableRow.styled.js.map

package/dist/cjs/components/tableRow/tableRow.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableRow.styled.js","sourceRoot":"","sources":["../../../../src/components/tableRow/tableRow.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,mCAAyD;AAI5C,QAAA,QAAQ,GAAG,2BAAM,CAAC,EAAE,CAE/B;IACE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,OAAO,EAAE,SAAS,CAAC;IAC9C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,IAAA,2BAAmB,EAAC,OAAO,EAAE,SAAS,CAAC;;;;;QAKpD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,OAAO,EAAE,oBAAoB,CAAC;QACzD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,IAAA,2BAAmB,EAAC,OAAO,EAAE,oBAAoB,CAAC;;;;;;QAMnE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,OAAO,EAAE,mBAAmB,CAAC;QACxD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,IAAA,2BAAmB,EAAC,OAAO,EAAE,mBAAmB,CAAC;;;CAGzE,CAAC"}

package/dist/cjs/components/tableRow/tableRowStandAlone.js

@@ -0,0 +1,34 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableRowStandAlone = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const tableRow_styled_1 = require("./tableRow.styled");
+const TableRowStandAloneComponent = ({ dataTestId = 'tableRow', children, styles, id, active, hoverable = true, component, onClick, onMouseEnter, onMouseLeave, }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(tableRow_styled_1.TRStyled, { ref: ref, "data-table-row": true, "$styles": styles, as: component, "data-active": active, "data-hoverable": hoverable, "data-testid": dataTestId, id: id, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: children }));
+};
+exports.TableRowStandAlone = React.forwardRef(TableRowStandAloneComponent);
+//# sourceMappingURL=tableRowStandAlone.js.map

package/dist/cjs/components/tableRow/tableRowStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableRowStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tableRow/tableRowStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,uDAA6C;AAG7C,MAAM,2BAA2B,GAAG,CAClC,EACE,UAAU,GAAG,UAAU,EACvB,QAAQ,EACR,MAAM,EACN,EAAE,EACF,MAAM,EACN,SAAS,GAAG,IAAI,EAChB,SAAS,EACT,OAAO,EACP,YAAY,EACZ,YAAY,GACiC,EAC/C,GAA4C,EAC5C,EAAE;IACF,OAAO,CACL,uBAAC,0BAAQ,IACP,GAAG,EAAE,GAAG,qCAGC,MAAM,EACf,EAAE,EAAE,SAAS,iBACA,MAAM,oBACH,SAAS,iBACZ,UAAU,EACvB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,YAEzB,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC"}

package/dist/cjs/components/tableRow/types/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./tableRow"), exports);
+__exportStar(require("./tableRowTheme"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/tableRow/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tableRow/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,kDAAgC"}

package/dist/cjs/components/tableRow/types/tableRow.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=tableRow.js.map

package/dist/cjs/components/tableRow/types/tableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableRow.js","sourceRoot":"","sources":["../../../../../src/components/tableRow/types/tableRow.ts"],"names":[],"mappings":""}

package/dist/cjs/components/tableRow/types/tableRowTheme.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=tableRowTheme.js.map

package/dist/cjs/components/tableRow/types/tableRowTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableRowTheme.js","sourceRoot":"","sources":["../../../../../src/components/tableRow/types/tableRowTheme.ts"],"names":[],"mappings":""}

package/dist/cjs/components/tableV2/hooks/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useTableHasScroll"), exports);
+__exportStar(require("./useTableShadow"), exports);
+__exportStar(require("./useTableStickyColumns"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/tableV2/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC;AACpC,mDAAiC;AACjC,0DAAwC"}

package/dist/cjs/components/tableV2/hooks/useTableHasScroll.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableHasScroll = void 0;
+const React = __importStar(require("react"));
+const utils_1 = require("../../../utils");
+const useTableHasScroll = ({ ref, disabled = false, }) => {
+    const [hasScroll, setHasScroll] = React.useState(false);
+    React.useEffect(() => {
+        const scrollableContainer = ref.current?.querySelector?.('[data-table-scrollable-container]');
+        let resizeObserver;
+        if (scrollableContainer instanceof HTMLElement && !disabled) {
+            const handleElementResize = (element) => {
+                setHasScroll((0, utils_1.hasScroll)(element));
+            };
+            handleElementResize(scrollableContainer);
+            resizeObserver = new ResizeObserver(() => {
+                handleElementResize(scrollableContainer);
+            });
+            resizeObserver.observe(scrollableContainer);
+        }
+        if (disabled) {
+            setHasScroll(false);
+        }
+        return () => {
+            resizeObserver?.disconnect();
+        };
+    }, [disabled]);
+    return { hasScroll };
+};
+exports.useTableHasScroll = useTableHasScroll;
+//# sourceMappingURL=useTableHasScroll.js.map

package/dist/cjs/components/tableV2/hooks/useTableHasScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableHasScroll.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableHasScroll.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAqD;AAW9C,MAAM,iBAAiB,GAAG,CAAC,EAChC,GAAG,EACH,QAAQ,GAAG,KAAK,GACY,EAA+B,EAAE;IAC7D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC,mCAAmC,CAAC,CAAC;QAC9F,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5D,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,YAAY,CAAC,IAAA,iBAAa,EAAC,OAAO,CAAC,CAAC,CAAC;YACvC,CAAC,CAAC;YACF,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YACzC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACvC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC9C,CAAC;QACD,IAAI,QAAQ,EAAE,CAAC;YACb,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,SAAS,EAAE,CAAC;AACvB,CAAC,CAAC;AA5BW,QAAA,iBAAiB,qBA4B5B"}

package/dist/cjs/components/tableV2/hooks/useTableShadow.js

@@ -0,0 +1,92 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableShadow = void 0;
+const React = __importStar(require("react"));
+const useTableShadow = ({ ref, headBoxShadow, leftBoxShadow, rightBoxShadow, disabled = false, }) => {
+    React.useEffect(() => {
+        const wrapper = ref.current;
+        const scrollableContainer = wrapper?.querySelector('[data-table-scrollable-container]');
+        const updateShadow = () => {
+            if (!scrollableContainer) {
+                return;
+            }
+            // Apply shadow on sticky head
+            const tableHead = scrollableContainer.querySelector('[data-table-head]');
+            if (tableHead instanceof HTMLElement &&
+                tableHead.hasAttribute('data-sticky') &&
+                headBoxShadow) {
+                if (scrollableContainer.scrollTop) {
+                    tableHead.style.boxShadow = headBoxShadow;
+                }
+                else {
+                    tableHead.style.boxShadow = '';
+                }
+            }
+            // Apply shadow when sticky column is active
+            if (leftBoxShadow) {
+                // Apply shadow effect to the left border
+                // In order to not be hidden by the inner content, it has to be applied in the TableLeftBorderShadowStyled div
+                const leftBoxShadowContainer = wrapper?.querySelector('[data-table-left-shadow]');
+                if (leftBoxShadowContainer instanceof HTMLElement) {
+                    if (scrollableContainer.scrollLeft) {
+                        leftBoxShadowContainer.style.boxShadow = leftBoxShadow;
+                        // height can be ajusted to not show the shadow over the scrollbar
+                        leftBoxShadowContainer.style.height = `${scrollableContainer.clientHeight}px`;
+                    }
+                    else {
+                        leftBoxShadowContainer.style.boxShadow = '';
+                    }
+                }
+            }
+            if (rightBoxShadow) {
+                const rightBoxShadowContainer = wrapper?.querySelector('[data-table-right-shadow]');
+                if (rightBoxShadowContainer instanceof HTMLElement) {
+                    if (scrollableContainer.scrollLeft + scrollableContainer.clientWidth <
+                        scrollableContainer.scrollWidth) {
+                        rightBoxShadowContainer.style.boxShadow = rightBoxShadow;
+                        // height can be ajusted to not show the shadow over the scrollbar
+                        rightBoxShadowContainer.style.height = `${scrollableContainer.clientHeight}px`;
+                    }
+                    else {
+                        rightBoxShadowContainer.style.boxShadow = '';
+                    }
+                }
+            }
+        };
+        if (!disabled) {
+            updateShadow();
+            scrollableContainer?.addEventListener('scroll', updateShadow);
+            window.addEventListener('resize', updateShadow);
+        }
+        return () => {
+            scrollableContainer?.removeEventListener('scroll', updateShadow);
+            window.removeEventListener('resize', updateShadow);
+        };
+    }, [disabled]);
+    return {};
+};
+exports.useTableShadow = useTableShadow;
+//# sourceMappingURL=useTableShadow.js.map

package/dist/cjs/components/tableV2/hooks/useTableShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableShadow.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableShadow.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/tableV2/hooks/useTableStickyColumns.js

@@ -0,0 +1,78 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableStickyColumns = void 0;
+const React = __importStar(require("react"));
+const utils_1 = require("../../../utils");
+const useTableStickyColumns = ({ ref, disabled = false, }) => {
+    React.useEffect(() => {
+        const scrollableContainer = ref.current?.querySelector('[data-table-scrollable-container]');
+        const rightBoxShadowContainer = ref.current?.querySelector('[data-table-right-shadow]');
+        let resizeObserver;
+        if (scrollableContainer instanceof HTMLElement && !disabled) {
+            const handleElementResize = (element) => {
+                const _hasHorizontalScroll = (0, utils_1.hasHorizontalScroll)(element);
+                // For each row, set the right position of its sticky cells
+                const rows = element.querySelectorAll('[data-table-row]');
+                // used to calc rightBoxShadowContainer position
+                let maxStickyWidth = 0;
+                rows.forEach(row => {
+                    // Retrieve all the cell with sticky attribute
+                    const stickyCells = Array.from(row.querySelectorAll('[data-sticky]')).reverse();
+                    let right = 0;
+                    stickyCells.forEach(stickyCell => {
+                        if (stickyCell instanceof HTMLElement) {
+                            stickyCell.style.right = _hasHorizontalScroll ? `${right}px` : 'auto';
+                            right += stickyCell.offsetWidth;
+                        }
+                    });
+                    maxStickyWidth = Math.max(maxStickyWidth, right);
+                });
+                // Once the sticky position have been added, set the position of the rightBoxShadowContainer
+                // This position should be the same as the max width of the sticky cells
+                if (rightBoxShadowContainer instanceof HTMLElement) {
+                    // If vertical scroll, add scroll bar size to maxStickyWidth
+                    const _hasVerticalScroll = (0, utils_1.hasVerticalScroll)(element);
+                    if (_hasVerticalScroll) {
+                        const scrollBarSize = element.offsetWidth - element.clientWidth;
+                        maxStickyWidth += scrollBarSize;
+                    }
+                    rightBoxShadowContainer.style.right = `${maxStickyWidth}px`;
+                }
+            };
+            handleElementResize(scrollableContainer);
+            resizeObserver = new ResizeObserver(() => {
+                handleElementResize(scrollableContainer);
+            });
+            resizeObserver.observe(scrollableContainer);
+        }
+        return () => {
+            resizeObserver?.disconnect();
+        };
+    }, [disabled]);
+    return {};
+};
+exports.useTableStickyColumns = useTableStickyColumns;
+//# sourceMappingURL=useTableStickyColumns.js.map

package/dist/cjs/components/tableV2/hooks/useTableStickyColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableStickyColumns.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableStickyColumns.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAiE;AAS1D,MAAM,qBAAqB,GAAG,CAAC,EACpC,GAAG,EACH,QAAQ,GAAG,KAAK,GACgB,EAAmC,EAAE;IACrE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,mCAAmC,CAAC,CAAC;QAC5F,MAAM,uBAAuB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,2BAA2B,CAAC,CAAC;QACxF,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5D,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,MAAM,oBAAoB,GAAG,IAAA,2BAAmB,EAAC,OAAO,CAAC,CAAC;gBAC1D,2DAA2D;gBAC3D,MAAM,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;gBAC1D,gDAAgD;gBAChD,IAAI,cAAc,GAAG,CAAC,CAAC;gBACvB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,8CAA8C;oBAC9C,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;oBAChF,IAAI,KAAK,GAAG,CAAC,CAAC;oBACd,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;wBAC/B,IAAI,UAAU,YAAY,WAAW,EAAE,CAAC;4BACtC,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;4BACtE,KAAK,IAAI,UAAU,CAAC,WAAW,CAAC;wBAClC,CAAC;oBACH,CAAC,CAAC,CAAC;oBACH,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;gBACnD,CAAC,CAAC,CAAC;gBACH,4FAA4F;gBAC5F,wEAAwE;gBACxE,IAAI,uBAAuB,YAAY,WAAW,EAAE,CAAC;oBACnD,4DAA4D;oBAC5D,MAAM,kBAAkB,GAAG,IAAA,yBAAiB,EAAC,OAAO,CAAC,CAAC;oBACtD,IAAI,kBAAkB,EAAE,CAAC;wBACvB,MAAM,aAAa,GAAG,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;wBAChE,cAAc,IAAI,aAAa,CAAC;oBAClC,CAAC;oBACD,uBAAuB,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,cAAc,IAAI,CAAC;gBAC9D,CAAC;YACH,CAAC,CAAC;YACF,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YACzC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACvC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAnDW,QAAA,qBAAqB,yBAmDhC"}

package/dist/cjs/components/tableV2/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableV2 = void 0;
+var table_1 = require("./table");
+Object.defineProperty(exports, "TableV2", { enumerable: true, get: function () { return table_1.Table; } });
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/tableV2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tableV2/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,iCAA2C;AAAlC,gGAAA,KAAK,OAAW;AACzB,0CAAwB"}

package/dist/cjs/components/tableV2/table.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const constants_1 = require("../../constants");
+const hooks_1 = require("../../hooks");
+const hooks_2 = require("./hooks");
+const tableStandAlone_1 = require("./tableStandAlone");
+const TableComponent = ({ variant, ctv, autoRightStickyCalc = true, disableShadowEffects, ...props }, ref) => {
+    const styles = (0, hooks_1.useStylesV2)({
+        styleName: constants_1.STYLES_NAME.TABLE_V2,
+        variantName: variant,
+        customTokens: ctv,
+        isOptional: true,
+    });
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current, []);
+    // Indicates if table has scroll in order to add accesibility aria props
+    const { hasScroll } = (0, hooks_2.useTableHasScroll)({ ref: innerRef, disabled: props.hasScrollDisabled });
+    // Set column sticky if table has horizontal scroll
+    (0, hooks_2.useTableStickyColumns)({ ref: innerRef, disabled: !autoRightStickyCalc });
+    // Set shadow when scrolling
+    (0, hooks_2.useTableShadow)({
+        ref: innerRef,
+        headBoxShadow: styles?.headBoxShadow,
+        leftBoxShadow: styles?.leftBoxShadow,
+        rightBoxShadow: styles?.rightBoxShadow,
+        disabled: disableShadowEffects,
+    });
+    return (0, jsx_runtime_1.jsx)(tableStandAlone_1.TableStandAlone, { ref: innerRef, hasScroll: hasScroll, styles: styles, ...props });
+};
+exports.Table = React.forwardRef(TableComponent);
+//# sourceMappingURL=table.js.map

package/dist/cjs/components/tableV2/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/tableV2/table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,mCAAsC;AAEtC,mCAAmF;AACnF,uDAAoD;AAGpD,MAAM,cAAc,GAAG,CACrB,EACE,OAAO,EACP,GAAG,EACH,mBAAmB,GAAG,IAAI,EAC1B,oBAAoB,EACpB,GAAG,KAAK,EAC0B,EACpC,GAAuC,EACvC,EAAE;IACF,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAyB;QACjD,SAAS,EAAE,uBAAW,CAAC,QAAQ;QAC/B,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;QACjB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAyB,EAAE,EAAE,CAAC,CAAC;IAE7E,wEAAwE;IACxE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,yBAAiB,EAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAC9F,mDAAmD;IACnD,IAAA,6BAAqB,EAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACzE,4BAA4B;IAC5B,IAAA,sBAAc,EAAC;QACb,GAAG,EAAE,QAAQ;QACb,aAAa,EAAE,MAAM,EAAE,aAAa;QACpC,aAAa,EAAE,MAAM,EAAE,aAAa;QACpC,cAAc,EAAE,MAAM,EAAE,cAAc;QACtC,QAAQ,EAAE,oBAAoB;KAC/B,CAAC,CAAC;IAEH,OAAO,uBAAC,iCAAe,IAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AAC7F,CAAC,CAAC;AAEW,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC"}

package/dist/cjs/components/tableV2/table.styled.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableStyled = exports.RightBoxShadowContainerStyled = exports.LeftBoxShadowContainerStyled = exports.TableScrollableContainerStyled = exports.TableWrapperStyled = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../utils");
+exports.TableWrapperStyled = styled_components_1.default.div `
+  ${({ $styles }) => (0, utils_1.getStyles)($styles?.wrapper)};
+  &[data-sticky='true'] {
+    position: sticky;
+    top: 0;
+  }
+`;
+exports.TableScrollableContainerStyled = styled_components_1.default.div `
+  ${({ $styles }) => (0, utils_1.getStyles)($styles?.scrollableContainer)};
+  overflow: ${({ $hasScrollDisabled }) => $hasScrollDisabled && 'visible'};
+`;
+exports.LeftBoxShadowContainerStyled = styled_components_1.default.div `
+  ${({ $styles }) => (0, utils_1.getStyles)($styles?.leftBoxShadowContainer)};
+`;
+exports.RightBoxShadowContainerStyled = styled_components_1.default.div `
+  ${({ $styles }) => (0, utils_1.getStyles)($styles?.rightBoxShadowContainer)};
+`;
+exports.TableStyled = styled_components_1.default.table `
+  ${({ $styles }) => (0, utils_1.getStyles)($styles?.container)};
+  ${({ $styles }) => (0, utils_1.getTypographyStyles)($styles?.container)};
+`;
+//# sourceMappingURL=table.styled.js.map

package/dist/cjs/components/tableV2/table.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.styled.js","sourceRoot":"","sources":["../../../../src/components/tableV2/table.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,mCAAyD;AAI5C,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAI1C;IACE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,OAAO,EAAE,OAAO,CAAC;;;;;CAK/C,CAAC;AAEW,QAAA,8BAA8B,GAAG,2BAAM,CAAC,GAAG,CAGtD;IACE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,OAAO,EAAE,mBAAmB,CAAC;cAC9C,CAAC,EAAE,kBAAkB,EAAE,EAAE,EAAE,CAAC,kBAAkB,IAAI,SAAS;CACxE,CAAC;AACW,QAAA,4BAA4B,GAAG,2BAAM,CAAC,GAAG,CAEpD;IACE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,OAAO,EAAE,sBAAsB,CAAC;CAC9D,CAAC;AAEW,QAAA,6BAA6B,GAAG,2BAAM,CAAC,GAAG,CAErD;IACE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,OAAO,EAAE,uBAAuB,CAAC;CAC/D,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,CAErC;IACE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,OAAO,EAAE,SAAS,CAAC;IAC9C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,IAAA,2BAAmB,EAAC,OAAO,EAAE,SAAS,CAAC;CAC3D,CAAC"}