acinguiux-ds-react-framework 0.0.6 → 0.0.8

package/build/esm/components/Table/components/TableElements/TableElements.js

@@ -1,30 +1,30 @@
-import c, { css as a } from "styled-components";
+import c, { css as e } from "styled-components";
+import { Positions as i, Sizes as r, EMPTY_STATE_CLASS as T, TABLE_CLASS_BASE_TABLE_HEADER as p, BUTTON_CLASS as x, TABLE_MENU_BUTTON_CLASS as v, TABLE_PIN_BUTTON_CLASS as L, PAGINATION_CLASS as m } from "../../../../react-base/build/esm/consts.js";
+import { consts as o } from "../../../../react-base/build/esm/components/Table/Table.consts.js";
 import { StickyTypeCell as s } from "./TableElements.types.js";
 import S from "../../../Flexbox/Flexbox.js";
-import { Select as T } from "../../../Select/Select.styles.js";
-import { StyledExpander as v } from "./Expander.js";
-import { Positions as i, Sizes as r, EMPTY_STATE_CLASS as L, TABLE_CLASS_BASE_TABLE_HEADER as p, BUTTON_CLASS as x, TABLE_MENU_BUTTON_CLASS as w, TABLE_PIN_BUTTON_CLASS as A, PAGINATION_CLASS as m } from "../../../../react-base/src/consts.js";
-import { consts as o } from "../../../../react-base/src/components/Table/Table.consts.js";
-const k = a`
-  ${({ width: e, theme: l }) => a`
-    width: ${e}px;
-    min-width: ${e}px;
+import { Select as w } from "../../../Select/Select.styles.js";
+import { StyledExpander as A } from "./Expander.js";
+const k = e`
+  ${({ width: a, theme: l }) => e`
+    width: ${a}px;
+    min-width: ${a}px;
     color: ${l.onSurface.surface.default.text.strong};
     box-sizing: border-box;
     overflow-wrap: break-word;
   `};
-`, _ = a`
+`, _ = e`
   ${({
-  sticky: e,
+  sticky: a,
   stickyType: l,
   stickyPosition: n = i.Left,
   isLastLeftPinnedColumn: h,
   isFirstRightPinnedColumn: f,
   startingPoint: d
-}) => a`
-    ${e && l === s.Column && a`
-      ${n === i.Left && typeof d == "number" && a`
-        ${h && a`
+}) => e`
+    ${a && l === s.Column && e`
+      ${n === i.Left && typeof d == "number" && e`
+        ${h && e`
           &::after {
             content: '';
             pointer-events: none;
@@ -38,8 +38,8 @@ const k = a`
         `}
       `}
 
-      ${n === i.Right && typeof d == "number" && a`
-        ${f && a`
+      ${n === i.Right && typeof d == "number" && e`
+        ${f && e`
           &::after {
             content: '';
             width: 30px;
@@ -54,47 +54,47 @@ const k = a`
       `}
     `};
   `}
-`, y = a`
+`, y = e`
   ${({
-  sticky: e,
+  sticky: a,
   stickyType: l,
   stickyPosition: n = i.Left,
   isLastLeftPinnedColumn: h,
   isFirstRightPinnedColumn: f,
   startingPoint: d,
   theme: u
-}) => a`
-    ${e && l === s.Column && a`
+}) => e`
+    ${a && l === s.Column && e`
       position: sticky;
       z-index: 1;
       background-color: ${u.onSurface.surface.default.background};
 
-      ${n === i.Left && typeof d == "number" && a`
+      ${n === i.Left && typeof d == "number" && e`
         left: ${d}px;
 
-        ${h && a`
+        ${h && e`
           border-right: 1px solid ${u.onSurface.surface.default.border.medium};
         `}
       `}
 
-      ${n === i.Right && typeof d == "number" && a`
+      ${n === i.Right && typeof d == "number" && e`
         right: ${d}px;
 
-        ${f && a`
+        ${f && e`
           border-left: 1px solid ${u.onSurface.surface.default.border.medium};
         `}
       `}
     `};
   `}
 `, $ = c.th(
-  ({ colSpan: e }) => a`
+  ({ colSpan: a }) => e`
     > ${S} {
       position: relative;
     }
     ${k};
     ${y};
 
-    text-align: ${(e ?? 0) > 1 ? "center" : "left"};
+    text-align: ${(a ?? 0) > 1 ? "center" : "left"};
     white-space: nowrap;
   `
 ), g = c.td`
@@ -107,14 +107,14 @@ const k = a`
     position: relative;
   }
 
-  ${({ noPadding: e }) => a`
-    ${e && a`
+  ${({ noPadding: a }) => e`
+    ${a && e`
       padding: unset !important;
     `}
   `}
 `, b = c.tr(
   ({
-    size: e = r.Medium,
+    size: a = r.Medium,
     sticky: l,
     stickyType: n,
     depth: h,
@@ -123,22 +123,22 @@ const k = a`
     sentimentIndicatorPosition: u = i.Left,
     $disableRowHover: C = !1,
     theme: t
-  }) => a`
+  }) => e`
     transition: background-color .1s, height 0.1s, opacity 0.1s;
 
     ${g} {
-      ${e === r.XSmall && t.paragraph.small.normal};
-      ${e === r.Small && t.paragraph.small.normal};
-      ${e === r.Medium && t.paragraph.small.normal};
-      ${e === r.Large && t.paragraph.medium.normal};
+      ${a === r.XSmall && t.paragraph.small.normal};
+      ${a === r.Small && t.paragraph.small.normal};
+      ${a === r.Medium && t.paragraph.small.normal};
+      ${a === r.Large && t.paragraph.medium.normal};
 
-      height: ${o[e].cell.height}px;
-      padding: ${o[e].cell.padding.top ?? 0}px ${o[e].cell.padding.left ?? 0}px ${o[e].cell.padding.bottom ?? 0}px ${o[e].cell.padding.right ?? 0}px;
+      height: ${o[a].cell.height}px;
+      padding: ${o[a].cell.padding.top ?? 0}px ${o[a].cell.padding.left ?? 0}px ${o[a].cell.padding.bottom ?? 0}px ${o[a].cell.padding.right ?? 0}px;
     }
 
-    ${g}:has( > ${T}),
-    ${g}:has( > .${L}),
-    ${g}:has( > ${v}) {
+    ${g}:has( > ${w}),
+    ${g}:has( > .${T}),
+    ${g}:has( > ${A}) {
       padding-top: 0px;
       padding-bottom: 0px;
     }
@@ -154,32 +154,32 @@ const k = a`
 
     &:has(.${p}[data-title="true"]),
     &:has(.${p}[data-title="true"]) + & {
-      --height-header-title: ${o[e].header.height.title}px;
+      --height-header-title: ${o[a].header.height.title}px;
     }
     &:has(.${p}[data-meta="true"]),
     &:has(.${p}[data-meta="true"]) + & {
-      --height-header-meta: ${o[e].header.height.meta}px;
+      --height-header-meta: ${o[a].header.height.meta}px;
     }
     &:has(.${p}[data-description="true"]),
     &:has(.${p}[data-description="true"]) + & {
-      --height-header-description: ${o[e].header.height.description}px;
+      --height-header-description: ${o[a].header.height.description}px;
     }
 
     & {
-      --height-header: calc(var(--height-header-title) + var(--height-header-meta) + var(--height-header-description) + ${o[e].header.padding.top ?? 0}px + ${o[e].header.padding.bottom ?? 0}px);
+      --height-header: calc(var(--height-header-title) + var(--height-header-meta) + var(--height-header-description) + ${o[a].header.padding.top ?? 0}px + ${o[a].header.padding.bottom ?? 0}px);
     }
 
     ${$} {
 
       &, &:has(.${x}) * {
-        ${e === r.XSmall && t.label.small.bold};
-        ${e === r.Small && t.label.medium.bold};
-        ${e === r.Medium && t.label.medium.bold};
-        ${e === r.Large && t.label.large.bold};
+        ${a === r.XSmall && t.label.small.bold};
+        ${a === r.Small && t.label.medium.bold};
+        ${a === r.Medium && t.label.medium.bold};
+        ${a === r.Large && t.label.large.bold};
       }
 
-      & .${w}:not([aria-expanded="true"]),
-      & .${A}:not([aria-expanded="true"]) {
+      & .${v}:not([aria-expanded="true"]),
+      & .${L}:not([aria-expanded="true"]) {
         opacity: 0;
       }
 
@@ -187,36 +187,36 @@ const k = a`
         opacity: 1;
       }
 
-      height: ${o[e].headerCell.height}px;
-      ${l && n === s.Footer && a`
-        height: ${o[e].cell.height}px;
+      height: ${o[a].headerCell.height}px;
+      ${l && n === s.Footer && e`
+        height: ${o[a].cell.height}px;
       `};
 
-      padding: ${o[e].headerCell.padding.top ?? 0}px ${o[e].headerCell.padding.left ?? 0}px ${o[e].headerCell.padding.bottom ?? 0}px ${o[e].headerCell.padding.right ?? 0}px;
+      padding: ${o[a].headerCell.padding.top ?? 0}px ${o[a].headerCell.padding.left ?? 0}px ${o[a].headerCell.padding.bottom ?? 0}px ${o[a].headerCell.padding.right ?? 0}px;
 
       &:has( .${p}) {
-        padding: ${o[e].header.padding.top ?? 0}px ${o[e].header.padding.left ?? 0}px ${o[e].header.padding.bottom ?? 0}px ${o[e].header.padding.right ?? 0}px;
+        padding: ${o[a].header.padding.top ?? 0}px ${o[a].header.padding.left ?? 0}px ${o[a].header.padding.bottom ?? 0}px ${o[a].header.padding.right ?? 0}px;
         & {
           height: var(--height-header);
         }
       }
 
       &:has( .${m}-presence) {
-        height: ${o[e].paginationCell.height}px;
-        padding: ${o[e].paginationCell.padding.top ?? 0}px ${o[e].paginationCell.padding.left ?? 0}px ${o[e].paginationCell.padding.bottom ?? 0}px ${o[e].paginationCell.padding.right ?? 0}px;
+        height: ${o[a].paginationCell.height}px;
+        padding: ${o[a].paginationCell.padding.top ?? 0}px ${o[a].paginationCell.padding.left ?? 0}px ${o[a].paginationCell.padding.bottom ?? 0}px ${o[a].paginationCell.padding.right ?? 0}px;
       }
     }
 
-    ${l && a`
+    ${l && e`
       position: sticky;
       z-index: 2;
       background-color: ${t.onSurface.surface.default.background};
     `};
 
-    ${l && n === s.Header && a`
-      top: ${(h ?? 0) * o[e].headerCell.height}px;
+    ${l && n === s.Header && e`
+      top: ${(h ?? 0) * o[a].headerCell.height}px;
       &:has( .${p}) + & {
-        top: calc(${(h ?? 0) * o[e].headerCell.height}px + var(--height-header));
+        top: calc(${(h ?? 0) * o[a].headerCell.height}px + var(--height-header));
       }
 
       &:last-of-type {
@@ -226,10 +226,10 @@ const k = a`
       }
     `};
 
-    ${l && n === s.Footer && a`
-      bottom: ${(h ?? 0) * o[e].cell.height}px;
+    ${l && n === s.Footer && e`
+      bottom: ${(h ?? 0) * o[a].cell.height}px;
       &:has(~ & .${m}-presence) {
-        bottom: ${(h ?? 0) * o[e].cell.height + o[e].paginationCell.height}px;
+        bottom: ${(h ?? 0) * o[a].cell.height + o[a].paginationCell.height}px;
       }
 
       &:first-of-type {
@@ -239,13 +239,13 @@ const k = a`
       }
     `};
 
-    ${!C && a`
+    ${!C && e`
       &:hover {
         background-color: ${t.onSurface.surface.hover.background};
       }
     `}
 
-    ${f && a`
+    ${f && e`
       background-color: ${t.onSentiment.default.subtle.selected.default.background};
       
       &:hover {
@@ -253,7 +253,7 @@ const k = a`
       }
     `}
 
-    ${d && a`
+    ${d && e`
       background-color: ${t.onSentiment.default.subtle[d].default.background};
 
       &:hover {
@@ -261,7 +261,7 @@ const k = a`
       }
 
       ${$}, ${g} {
-        ${u === i.Left && a`
+        ${u === i.Left && e`
           &:first-of-type:before {
             position: absolute;
             content: '';
@@ -273,7 +273,7 @@ const k = a`
             width: 4px;
           }
         `};
-        ${u === i.Right && a`
+        ${u === i.Right && e`
           &:last-of-type:before {
             position: absolute;
             content: '';
@@ -289,37 +289,37 @@ const k = a`
     `}
   `
 ), U = c.thead(
-  ({ theme: e }) => a`
+  ({ theme: a }) => e`
     ${$} {
-      background-color: ${e.onSurface.surface.default.background};
+      background-color: ${a.onSurface.surface.default.background};
     }
 
     ${b}:not(:last-of-type) > ${$} {
-      border-bottom: 1px solid ${e.onSurface.surface.default.border.subtle};
+      border-bottom: 1px solid ${a.onSurface.surface.default.border.subtle};
     }
 
     ${b}:last-of-type > ${$} {
-      border-bottom: 1px solid ${e.onSurface.surface.default.border.medium};
+      border-bottom: 1px solid ${a.onSurface.surface.default.border.medium};
     }
   `
 ), X = c.tbody(
-  ({ theme: e }) => a`
+  ({ theme: a }) => e`
     ${b}:not(:last-of-type) > ${g} {
-      border-bottom: 1px solid ${e.onSurface.surface.default.border.subtle};
+      border-bottom: 1px solid ${a.onSurface.surface.default.border.subtle};
     }
   `
 ), D = c.tfoot(
-  ({ theme: e }) => a`
+  ({ theme: a }) => e`
     ${$} {
-      background-color: ${e.onSurface.surface.default.background};
+      background-color: ${a.onSurface.surface.default.background};
     }
 
     ${b}:not(:first-of-type) > ${$} {
-      border-top: 1px solid ${e.onSurface.surface.default.border.subtle};
+      border-top: 1px solid ${a.onSurface.surface.default.border.subtle};
     }
 
     ${b}:first-of-type > ${$} {
-      border-top: 1px solid ${e.onSurface.surface.default.border.medium};
+      border-top: 1px solid ${a.onSurface.surface.default.border.medium};
     }
   `
 ), E = {
@@ -327,8 +327,8 @@ const k = a`
   [r.Small]: 6,
   [r.Medium]: 8,
   [r.Large]: 10
-}, I = c(b)(({ theme: e, size: l = r.Medium }) => a`
-  background: ${e.onSurface.surface.hover.background};
+}, I = c(b)(({ theme: a, size: l = r.Medium }) => e`
+  background: ${a.onSurface.surface.hover.background};
   & > ${g} {
     height:${E[l]}px;
     padding: 0;

package/build/esm/components/Table/components/TableElements/TableElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableElements.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Sizes, Positions, TableConsts, PAGINATION_CLASS, BUTTON_CLASS, EMPTY_STATE_CLASS, TableTypes, TABLE_CLASS_BASE_TABLE_HEADER, TABLE_PIN_BUTTON_CLASS, TABLE_MENU_BUTTON_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport { ITableRowProps, ITableCellProps, StickyTypeCell } from './TableElements.types';\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport { Select } from '../../../Select/Select.styles';\r\nimport { StyledExpander } from './Expander';\r\n\r\nconst sharedCellStyles = css<ITableCellProps>`\r\n  ${({ width, theme }) => css`\r\n    width: ${width}px;\r\n    min-width: ${width}px;\r\n    color: ${theme.onSurface.surface.default.text.strong};\r\n    box-sizing: border-box;\r\n    overflow-wrap: break-word;\r\n  `};\r\n`;\r\n\r\nconst stickyCellShadowStyles = css<ITableCellProps>`\r\n  ${({\r\n    sticky,\r\n    stickyType,\r\n    stickyPosition = Positions.Left,\r\n    isLastLeftPinnedColumn,\r\n    isFirstRightPinnedColumn,\r\n    startingPoint,\r\n  }) => css`\r\n    ${sticky &&\r\n    stickyType === StickyTypeCell.Column &&\r\n    css`\r\n      ${stickyPosition === Positions.Left &&\r\n      typeof startingPoint === 'number' &&\r\n      css`\r\n        ${isLastLeftPinnedColumn &&\r\n        css`\r\n          &::after {\r\n            content: '';\r\n            pointer-events: none;\r\n            width: 40px;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\r\n            position: absolute;\r\n            right: -40px;\r\n            top: 0;\r\n          }\r\n        `}\r\n      `}\r\n\r\n      ${stickyPosition === Positions.Right &&\r\n      typeof startingPoint === 'number' &&\r\n      css`\r\n        ${isFirstRightPinnedColumn &&\r\n        css`\r\n          &::after {\r\n            content: '';\r\n            width: 30px;\r\n            pointer-events: none;\r\n            height: 100%;\r\n            background: linear-gradient(-90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\r\n            position: absolute;\r\n            left: -30px;\r\n            top: 0;\r\n          }\r\n        `}\r\n      `}\r\n    `};\r\n  `}\r\n`;\r\n\r\nconst sharedStickyCellStyles = css<ITableCellProps>`\r\n  ${({\r\n    sticky,\r\n    stickyType,\r\n    stickyPosition = Positions.Left,\r\n    isLastLeftPinnedColumn,\r\n    isFirstRightPinnedColumn,\r\n    startingPoint,\r\n    theme,\r\n  }) => css`\r\n    ${sticky &&\r\n    stickyType === StickyTypeCell.Column &&\r\n    css`\r\n      position: sticky;\r\n      z-index: 1;\r\n      background-color: ${theme.onSurface.surface.default.background};\r\n\r\n      ${stickyPosition === Positions.Left &&\r\n      typeof startingPoint === 'number' &&\r\n      css`\r\n        left: ${startingPoint}px;\r\n\r\n        ${isLastLeftPinnedColumn &&\r\n        css`\r\n          border-right: 1px solid ${theme.onSurface.surface.default.border.medium};\r\n        `}\r\n      `}\r\n\r\n      ${stickyPosition === Positions.Right &&\r\n      typeof startingPoint === 'number' &&\r\n      css`\r\n        right: ${startingPoint}px;\r\n\r\n        ${isFirstRightPinnedColumn &&\r\n        css`\r\n          border-left: 1px solid ${theme.onSurface.surface.default.border.medium};\r\n        `}\r\n      `}\r\n    `};\r\n  `}\r\n`;\r\n\r\n/** Table elements */\r\n\r\nexport const TH = styled.th<ITableCellProps>(\r\n  ({ colSpan }) => css`\r\n    > ${Flexbox} {\r\n      position: relative;\r\n    }\r\n    ${sharedCellStyles};\r\n    ${sharedStickyCellStyles};\r\n\r\n    text-align: ${(colSpan ?? 0) > 1 ? 'center' : 'left'};\r\n    white-space: nowrap;\r\n  `,\r\n);\r\n\r\nexport const TD = styled.td<ITableCellProps>`\r\n  position: relative;\r\n  ${sharedCellStyles};\r\n  ${sharedStickyCellStyles};\r\n  ${stickyCellShadowStyles};\r\n\r\n  > ${Flexbox} {\r\n    position: relative;\r\n  }\r\n\r\n  ${({ noPadding }) => css`\r\n    ${noPadding &&\r\n    css`\r\n      padding: unset !important;\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport const TR = styled.tr<ITableRowProps>(\r\n  ({\r\n    size = Sizes.Medium,\r\n    sticky,\r\n    stickyType,\r\n    depth,\r\n    isSelected,\r\n    sentiment,\r\n    sentimentIndicatorPosition = Positions.Left,\r\n    $disableRowHover = false,\r\n    theme,\r\n  }) => css`\r\n    transition: background-color .1s, height 0.1s, opacity 0.1s;\r\n\r\n    ${TD} {\r\n      ${size === Sizes.XSmall && theme.paragraph.small.normal};\r\n      ${size === Sizes.Small && theme.paragraph.small.normal};\r\n      ${size === Sizes.Medium && theme.paragraph.small.normal};\r\n      ${size === Sizes.Large && theme.paragraph.medium.normal};\r\n\r\n      height: ${TableConsts.consts[size].cell.height}px;\r\n      padding: ${TableConsts.consts[size].cell.padding.top ?? 0}px ${TableConsts.consts[size].cell.padding.left ?? 0}px ${TableConsts.consts[size].cell.padding.bottom ?? 0}px ${TableConsts.consts[size].cell.padding.right ?? 0}px;\r\n    }\r\n\r\n    ${TD}:has( > ${Select}),\r\n    ${TD}:has( > .${EMPTY_STATE_CLASS}),\r\n    ${TD}:has( > ${StyledExpander}) {\r\n      padding-top: 0px;\r\n      padding-bottom: 0px;\r\n    }\r\n\r\n\r\n    /** handle header height depending on what it contains (title, meta, description) */\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}),\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}) + & {\r\n      --height-header-title: 0px;\r\n      --height-header-meta: 0px;\r\n      --height-header-description: 0px;\r\n    }\r\n\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-title=\"true\"]),\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-title=\"true\"]) + & {\r\n      --height-header-title: ${TableConsts.consts[size].header.height.title}px;\r\n    }\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-meta=\"true\"]),\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-meta=\"true\"]) + & {\r\n      --height-header-meta: ${TableConsts.consts[size].header.height.meta}px;\r\n    }\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-description=\"true\"]),\r\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-description=\"true\"]) + & {\r\n      --height-header-description: ${TableConsts.consts[size].header.height.description}px;\r\n    }\r\n\r\n    & {\r\n      --height-header: calc(var(--height-header-title) + var(--height-header-meta) + var(--height-header-description) + ${TableConsts.consts[size].header.padding.top ?? 0}px + ${TableConsts.consts[size].header.padding.bottom ?? 0}px);\r\n    }\r\n\r\n    ${TH} {\r\n\r\n      &, &:has(.${BUTTON_CLASS}) * {\r\n        ${size === Sizes.XSmall && theme.label.small.bold};\r\n        ${size === Sizes.Small && theme.label.medium.bold};\r\n        ${size === Sizes.Medium && theme.label.medium.bold};\r\n        ${size === Sizes.Large && theme.label.large.bold};\r\n      }\r\n\r\n      & .${TABLE_MENU_BUTTON_CLASS}:not([aria-expanded=\"true\"]),\r\n      & .${TABLE_PIN_BUTTON_CLASS}:not([aria-expanded=\"true\"]) {\r\n        opacity: 0;\r\n      }\r\n\r\n      &:hover .${BUTTON_CLASS} {\r\n        opacity: 1;\r\n      }\r\n\r\n      height: ${TableConsts.consts[size].headerCell.height}px;\r\n      ${sticky &&\r\n      stickyType === StickyTypeCell.Footer && css`\r\n        height: ${TableConsts.consts[size].cell.height}px;\r\n      `};\r\n\r\n      padding: ${TableConsts.consts[size].headerCell.padding.top ?? 0}px ${TableConsts.consts[size].headerCell.padding.left ?? 0}px ${TableConsts.consts[size].headerCell.padding.bottom ?? 0}px ${TableConsts.consts[size].headerCell.padding.right ?? 0}px;\r\n\r\n      &:has( .${TABLE_CLASS_BASE_TABLE_HEADER}) {\r\n        padding: ${TableConsts.consts[size].header.padding.top ?? 0}px ${TableConsts.consts[size].header.padding.left ?? 0}px ${TableConsts.consts[size].header.padding.bottom ?? 0}px ${TableConsts.consts[size].header.padding.right ?? 0}px;\r\n        & {\r\n          height: var(--height-header);\r\n        }\r\n      }\r\n\r\n      &:has( .${PAGINATION_CLASS}-presence) {\r\n        height: ${TableConsts.consts[size].paginationCell.height}px;\r\n        padding: ${TableConsts.consts[size].paginationCell.padding.top ?? 0}px ${TableConsts.consts[size].paginationCell.padding.left ?? 0}px ${TableConsts.consts[size].paginationCell.padding.bottom ?? 0}px ${TableConsts.consts[size].paginationCell.padding.right ?? 0}px;\r\n      }\r\n    }\r\n\r\n    ${sticky &&\r\n    css`\r\n      position: sticky;\r\n      z-index: 2;\r\n      background-color: ${theme.onSurface.surface.default.background};\r\n    `};\r\n\r\n    ${sticky &&\r\n    stickyType === StickyTypeCell.Header &&\r\n    css`\r\n      top: ${(depth ?? 0) * TableConsts.consts[size].headerCell.height}px;\r\n      &:has( .${TABLE_CLASS_BASE_TABLE_HEADER}) + & {\r\n        top: calc(${(depth ?? 0) * TableConsts.consts[size].headerCell.height}px + var(--height-header));\r\n      }\r\n\r\n      &:last-of-type {\r\n        /* NOTE: clip path will display box-shadow only on the bottom */\r\n        clip-path: inset(0 0 -9999px 0);\r\n        box-shadow: 0 0 40px rgba(0, 0, 0, 0.08), 0 0 12px rgba(0, 0, 0, 0.1);\r\n      }\r\n    `};\r\n\r\n    ${sticky &&\r\n    stickyType === StickyTypeCell.Footer &&\r\n    css`\r\n      bottom: ${(depth ?? 0) * TableConsts.consts[size].cell.height}px;\r\n      &:has(~ & .${PAGINATION_CLASS}-presence) {\r\n        bottom: ${(depth ?? 0) * TableConsts.consts[size].cell.height + TableConsts.consts[size].paginationCell.height}px;\r\n      }\r\n\r\n      &:first-of-type {\r\n        /* NOTE: clip path will display box-shadow only on the bottom */\r\n        clip-path: inset(-9999px 0 0 0);\r\n        box-shadow: 0 0 40px rgba(0, 0, 0, 0.08), 0 0 12px rgba(0, 0, 0, 0.1);\r\n      }\r\n    `};\r\n\r\n    ${!$disableRowHover &&\r\n    css`\r\n      &:hover {\r\n        background-color: ${theme.onSurface.surface.hover.background};\r\n      }\r\n    `}\r\n\r\n    ${isSelected &&\r\n    css`\r\n      background-color: ${theme.onSentiment.default.subtle.selected.default.background};\r\n      \r\n      &:hover {\r\n        background-color: ${theme.onSentiment.default.subtle.selected.hover.background};\r\n      }\r\n    `}\r\n\r\n    ${sentiment &&\r\n    css`\r\n      background-color: ${theme.onSentiment.default.subtle[sentiment].default.background};\r\n\r\n      &:hover {\r\n        background-color: ${theme.onSentiment.default.subtle[sentiment].hover.background};\r\n      }\r\n\r\n      ${TH}, ${TD} {\r\n        ${sentimentIndicatorPosition === Positions.Left && css`\r\n          &:first-of-type:before {\r\n            position: absolute;\r\n            content: '';\r\n            display: block;\r\n            top: 0;\r\n            left: 0;\r\n            bottom: 0;\r\n            background-color: ${theme.onSentiment.default.strong[sentiment].default.background};\r\n            width: 4px;\r\n          }\r\n        `};\r\n        ${sentimentIndicatorPosition === Positions.Right && css`\r\n          &:last-of-type:before {\r\n            position: absolute;\r\n            content: '';\r\n            display: block;\r\n            top: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-color: ${theme.onSentiment.default.strong[sentiment].default.background};\r\n            width: 4px;\r\n          }\r\n        `};\r\n      }\r\n    `}\r\n  `,\r\n);\r\n\r\nexport const THead = styled.thead(\r\n  ({ theme }) => css`\r\n    ${TH} {\r\n      background-color: ${theme.onSurface.surface.default.background};\r\n    }\r\n\r\n    ${TR}:not(:last-of-type) > ${TH} {\r\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    }\r\n\r\n    ${TR}:last-of-type > ${TH} {\r\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.medium};\r\n    }\r\n  `,\r\n);\r\n\r\nexport const TBody = styled.tbody(\r\n  ({ theme }) => css`\r\n    ${TR}:not(:last-of-type) > ${TD} {\r\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    }\r\n  `,\r\n);\r\n\r\nexport const TFoot = styled.tfoot(\r\n  ({ theme }) => css`\r\n    ${TH} {\r\n      background-color: ${theme.onSurface.surface.default.background};\r\n    }\r\n\r\n    ${TR}:not(:first-of-type) > ${TH} {\r\n      border-top: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    }\r\n\r\n    ${TR}:first-of-type > ${TH} {\r\n      border-top: 1px solid ${theme.onSurface.surface.default.border.medium};\r\n    }\r\n  `,\r\n);\r\n\r\nconst SpacingTRHeight: { [key in TableTypes.Size]: number } = {\r\n  [Sizes.XSmall]: 4,\r\n  [Sizes.Small]: 6,\r\n  [Sizes.Medium]: 8,\r\n  [Sizes.Large]: 10,\r\n} as const;\r\n\r\nexport const SpaceTR = styled(TR)(({ theme, size = Sizes.Medium }) => css`\r\n  background: ${theme.onSurface.surface.hover.background};\r\n  & > ${TD} {\r\n    height:${SpacingTRHeight[size]}px;\r\n    padding: 0;\r\n  }\r\n`);\r\n"],"names":["sharedCellStyles","css","width","theme","stickyCellShadowStyles","sticky","stickyType","stickyPosition","Positions","isLastLeftPinnedColumn","isFirstRightPinnedColumn","startingPoint","StickyTypeCell","sharedStickyCellStyles","TH","styled","colSpan","Flexbox","TD","noPadding","TR","size","Sizes","depth","isSelected","sentiment","sentimentIndicatorPosition","$disableRowHover","TableConsts.consts","Select","EMPTY_STATE_CLASS","StyledExpander","TABLE_CLASS_BASE_TABLE_HEADER","BUTTON_CLASS","TABLE_MENU_BUTTON_CLASS","TABLE_PIN_BUTTON_CLASS","PAGINATION_CLASS","THead","TBody","TFoot","SpacingTRHeight","SpaceTR"],"mappings":"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"}
+{"version":3,"file":"TableElements.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Sizes, Positions, TableConsts, PAGINATION_CLASS, BUTTON_CLASS, EMPTY_STATE_CLASS, TableTypes, TABLE_CLASS_BASE_TABLE_HEADER, TABLE_PIN_BUTTON_CLASS, TABLE_MENU_BUTTON_CLASS } from 'acinguiux-ds-react-base';\n\nimport { ITableRowProps, ITableCellProps, StickyTypeCell } from './TableElements.types';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { Select } from '../../../Select/Select.styles';\nimport { StyledExpander } from './Expander';\n\nconst sharedCellStyles = css<ITableCellProps>`\n  ${({ width, theme }) => css`\n    width: ${width}px;\n    min-width: ${width}px;\n    color: ${theme.onSurface.surface.default.text.strong};\n    box-sizing: border-box;\n    overflow-wrap: break-word;\n  `};\n`;\n\nconst stickyCellShadowStyles = css<ITableCellProps>`\n  ${({\n    sticky,\n    stickyType,\n    stickyPosition = Positions.Left,\n    isLastLeftPinnedColumn,\n    isFirstRightPinnedColumn,\n    startingPoint,\n  }) => css`\n    ${sticky &&\n    stickyType === StickyTypeCell.Column &&\n    css`\n      ${stickyPosition === Positions.Left &&\n      typeof startingPoint === 'number' &&\n      css`\n        ${isLastLeftPinnedColumn &&\n        css`\n          &::after {\n            content: '';\n            pointer-events: none;\n            width: 40px;\n            height: 100%;\n            background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\n            position: absolute;\n            right: -40px;\n            top: 0;\n          }\n        `}\n      `}\n\n      ${stickyPosition === Positions.Right &&\n      typeof startingPoint === 'number' &&\n      css`\n        ${isFirstRightPinnedColumn &&\n        css`\n          &::after {\n            content: '';\n            width: 30px;\n            pointer-events: none;\n            height: 100%;\n            background: linear-gradient(-90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.025) 30%, rgba(0, 0, 0, 0) 100%);\n            position: absolute;\n            left: -30px;\n            top: 0;\n          }\n        `}\n      `}\n    `};\n  `}\n`;\n\nconst sharedStickyCellStyles = css<ITableCellProps>`\n  ${({\n    sticky,\n    stickyType,\n    stickyPosition = Positions.Left,\n    isLastLeftPinnedColumn,\n    isFirstRightPinnedColumn,\n    startingPoint,\n    theme,\n  }) => css`\n    ${sticky &&\n    stickyType === StickyTypeCell.Column &&\n    css`\n      position: sticky;\n      z-index: 1;\n      background-color: ${theme.onSurface.surface.default.background};\n\n      ${stickyPosition === Positions.Left &&\n      typeof startingPoint === 'number' &&\n      css`\n        left: ${startingPoint}px;\n\n        ${isLastLeftPinnedColumn &&\n        css`\n          border-right: 1px solid ${theme.onSurface.surface.default.border.medium};\n        `}\n      `}\n\n      ${stickyPosition === Positions.Right &&\n      typeof startingPoint === 'number' &&\n      css`\n        right: ${startingPoint}px;\n\n        ${isFirstRightPinnedColumn &&\n        css`\n          border-left: 1px solid ${theme.onSurface.surface.default.border.medium};\n        `}\n      `}\n    `};\n  `}\n`;\n\n/** Table elements */\n\nexport const TH = styled.th<ITableCellProps>(\n  ({ colSpan }) => css`\n    > ${Flexbox} {\n      position: relative;\n    }\n    ${sharedCellStyles};\n    ${sharedStickyCellStyles};\n\n    text-align: ${(colSpan ?? 0) > 1 ? 'center' : 'left'};\n    white-space: nowrap;\n  `,\n);\n\nexport const TD = styled.td<ITableCellProps>`\n  position: relative;\n  ${sharedCellStyles};\n  ${sharedStickyCellStyles};\n  ${stickyCellShadowStyles};\n\n  > ${Flexbox} {\n    position: relative;\n  }\n\n  ${({ noPadding }) => css`\n    ${noPadding &&\n    css`\n      padding: unset !important;\n    `}\n  `}\n`;\n\nexport const TR = styled.tr<ITableRowProps>(\n  ({\n    size = Sizes.Medium,\n    sticky,\n    stickyType,\n    depth,\n    isSelected,\n    sentiment,\n    sentimentIndicatorPosition = Positions.Left,\n    $disableRowHover = false,\n    theme,\n  }) => css`\n    transition: background-color .1s, height 0.1s, opacity 0.1s;\n\n    ${TD} {\n      ${size === Sizes.XSmall && theme.paragraph.small.normal};\n      ${size === Sizes.Small && theme.paragraph.small.normal};\n      ${size === Sizes.Medium && theme.paragraph.small.normal};\n      ${size === Sizes.Large && theme.paragraph.medium.normal};\n\n      height: ${TableConsts.consts[size].cell.height}px;\n      padding: ${TableConsts.consts[size].cell.padding.top ?? 0}px ${TableConsts.consts[size].cell.padding.left ?? 0}px ${TableConsts.consts[size].cell.padding.bottom ?? 0}px ${TableConsts.consts[size].cell.padding.right ?? 0}px;\n    }\n\n    ${TD}:has( > ${Select}),\n    ${TD}:has( > .${EMPTY_STATE_CLASS}),\n    ${TD}:has( > ${StyledExpander}) {\n      padding-top: 0px;\n      padding-bottom: 0px;\n    }\n\n\n    /** handle header height depending on what it contains (title, meta, description) */\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}),\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}) + & {\n      --height-header-title: 0px;\n      --height-header-meta: 0px;\n      --height-header-description: 0px;\n    }\n\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-title=\"true\"]),\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-title=\"true\"]) + & {\n      --height-header-title: ${TableConsts.consts[size].header.height.title}px;\n    }\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-meta=\"true\"]),\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-meta=\"true\"]) + & {\n      --height-header-meta: ${TableConsts.consts[size].header.height.meta}px;\n    }\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-description=\"true\"]),\n    &:has(.${TABLE_CLASS_BASE_TABLE_HEADER}[data-description=\"true\"]) + & {\n      --height-header-description: ${TableConsts.consts[size].header.height.description}px;\n    }\n\n    & {\n      --height-header: calc(var(--height-header-title) + var(--height-header-meta) + var(--height-header-description) + ${TableConsts.consts[size].header.padding.top ?? 0}px + ${TableConsts.consts[size].header.padding.bottom ?? 0}px);\n    }\n\n    ${TH} {\n\n      &, &:has(.${BUTTON_CLASS}) * {\n        ${size === Sizes.XSmall && theme.label.small.bold};\n        ${size === Sizes.Small && theme.label.medium.bold};\n        ${size === Sizes.Medium && theme.label.medium.bold};\n        ${size === Sizes.Large && theme.label.large.bold};\n      }\n\n      & .${TABLE_MENU_BUTTON_CLASS}:not([aria-expanded=\"true\"]),\n      & .${TABLE_PIN_BUTTON_CLASS}:not([aria-expanded=\"true\"]) {\n        opacity: 0;\n      }\n\n      &:hover .${BUTTON_CLASS} {\n        opacity: 1;\n      }\n\n      height: ${TableConsts.consts[size].headerCell.height}px;\n      ${sticky &&\n      stickyType === StickyTypeCell.Footer && css`\n        height: ${TableConsts.consts[size].cell.height}px;\n      `};\n\n      padding: ${TableConsts.consts[size].headerCell.padding.top ?? 0}px ${TableConsts.consts[size].headerCell.padding.left ?? 0}px ${TableConsts.consts[size].headerCell.padding.bottom ?? 0}px ${TableConsts.consts[size].headerCell.padding.right ?? 0}px;\n\n      &:has( .${TABLE_CLASS_BASE_TABLE_HEADER}) {\n        padding: ${TableConsts.consts[size].header.padding.top ?? 0}px ${TableConsts.consts[size].header.padding.left ?? 0}px ${TableConsts.consts[size].header.padding.bottom ?? 0}px ${TableConsts.consts[size].header.padding.right ?? 0}px;\n        & {\n          height: var(--height-header);\n        }\n      }\n\n      &:has( .${PAGINATION_CLASS}-presence) {\n        height: ${TableConsts.consts[size].paginationCell.height}px;\n        padding: ${TableConsts.consts[size].paginationCell.padding.top ?? 0}px ${TableConsts.consts[size].paginationCell.padding.left ?? 0}px ${TableConsts.consts[size].paginationCell.padding.bottom ?? 0}px ${TableConsts.consts[size].paginationCell.padding.right ?? 0}px;\n      }\n    }\n\n    ${sticky &&\n    css`\n      position: sticky;\n      z-index: 2;\n      background-color: ${theme.onSurface.surface.default.background};\n    `};\n\n    ${sticky &&\n    stickyType === StickyTypeCell.Header &&\n    css`\n      top: ${(depth ?? 0) * TableConsts.consts[size].headerCell.height}px;\n      &:has( .${TABLE_CLASS_BASE_TABLE_HEADER}) + & {\n        top: calc(${(depth ?? 0) * TableConsts.consts[size].headerCell.height}px + var(--height-header));\n      }\n\n      &:last-of-type {\n        /* NOTE: clip path will display box-shadow only on the bottom */\n        clip-path: inset(0 0 -9999px 0);\n        box-shadow: 0 0 40px rgba(0, 0, 0, 0.08), 0 0 12px rgba(0, 0, 0, 0.1);\n      }\n    `};\n\n    ${sticky &&\n    stickyType === StickyTypeCell.Footer &&\n    css`\n      bottom: ${(depth ?? 0) * TableConsts.consts[size].cell.height}px;\n      &:has(~ & .${PAGINATION_CLASS}-presence) {\n        bottom: ${(depth ?? 0) * TableConsts.consts[size].cell.height + TableConsts.consts[size].paginationCell.height}px;\n      }\n\n      &:first-of-type {\n        /* NOTE: clip path will display box-shadow only on the bottom */\n        clip-path: inset(-9999px 0 0 0);\n        box-shadow: 0 0 40px rgba(0, 0, 0, 0.08), 0 0 12px rgba(0, 0, 0, 0.1);\n      }\n    `};\n\n    ${!$disableRowHover &&\n    css`\n      &:hover {\n        background-color: ${theme.onSurface.surface.hover.background};\n      }\n    `}\n\n    ${isSelected &&\n    css`\n      background-color: ${theme.onSentiment.default.subtle.selected.default.background};\n      \n      &:hover {\n        background-color: ${theme.onSentiment.default.subtle.selected.hover.background};\n      }\n    `}\n\n    ${sentiment &&\n    css`\n      background-color: ${theme.onSentiment.default.subtle[sentiment].default.background};\n\n      &:hover {\n        background-color: ${theme.onSentiment.default.subtle[sentiment].hover.background};\n      }\n\n      ${TH}, ${TD} {\n        ${sentimentIndicatorPosition === Positions.Left && css`\n          &:first-of-type:before {\n            position: absolute;\n            content: '';\n            display: block;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            background-color: ${theme.onSentiment.default.strong[sentiment].default.background};\n            width: 4px;\n          }\n        `};\n        ${sentimentIndicatorPosition === Positions.Right && css`\n          &:last-of-type:before {\n            position: absolute;\n            content: '';\n            display: block;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            background-color: ${theme.onSentiment.default.strong[sentiment].default.background};\n            width: 4px;\n          }\n        `};\n      }\n    `}\n  `,\n);\n\nexport const THead = styled.thead(\n  ({ theme }) => css`\n    ${TH} {\n      background-color: ${theme.onSurface.surface.default.background};\n    }\n\n    ${TR}:not(:last-of-type) > ${TH} {\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\n    }\n\n    ${TR}:last-of-type > ${TH} {\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.medium};\n    }\n  `,\n);\n\nexport const TBody = styled.tbody(\n  ({ theme }) => css`\n    ${TR}:not(:last-of-type) > ${TD} {\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\n    }\n  `,\n);\n\nexport const TFoot = styled.tfoot(\n  ({ theme }) => css`\n    ${TH} {\n      background-color: ${theme.onSurface.surface.default.background};\n    }\n\n    ${TR}:not(:first-of-type) > ${TH} {\n      border-top: 1px solid ${theme.onSurface.surface.default.border.subtle};\n    }\n\n    ${TR}:first-of-type > ${TH} {\n      border-top: 1px solid ${theme.onSurface.surface.default.border.medium};\n    }\n  `,\n);\n\nconst SpacingTRHeight: { [key in TableTypes.Size]: number } = {\n  [Sizes.XSmall]: 4,\n  [Sizes.Small]: 6,\n  [Sizes.Medium]: 8,\n  [Sizes.Large]: 10,\n} as const;\n\nexport const SpaceTR = styled(TR)(({ theme, size = Sizes.Medium }) => css`\n  background: ${theme.onSurface.surface.hover.background};\n  & > ${TD} {\n    height:${SpacingTRHeight[size]}px;\n    padding: 0;\n  }\n`);\n"],"names":["sharedCellStyles","css","width","theme","stickyCellShadowStyles","sticky","stickyType","stickyPosition","Positions","isLastLeftPinnedColumn","isFirstRightPinnedColumn","startingPoint","StickyTypeCell","sharedStickyCellStyles","TH","styled","colSpan","Flexbox","TD","noPadding","TR","size","Sizes","depth","isSelected","sentiment","sentimentIndicatorPosition","$disableRowHover","TableConsts.consts","Select","EMPTY_STATE_CLASS","StyledExpander","TABLE_CLASS_BASE_TABLE_HEADER","BUTTON_CLASS","TABLE_MENU_BUTTON_CLASS","TABLE_PIN_BUTTON_CLASS","PAGINATION_CLASS","THead","TBody","TFoot","SpacingTRHeight","SpaceTR"],"mappings":"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"}

package/build/esm/components/Table/components/TableElements/TableElements.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, ComponentPropsWithoutRef } from 'react';
 import { Table, Row, TableState } from '@tanstack/react-table';
-import { ButtonTypes, Positions, TableTypes } from '..\..\..\..\react-base\src';
+import { ButtonTypes, Positions, TableTypes } from 'acinguiux-ds-react-base';
 export interface ITableComponentsProps<T> {
     table: Table<T>;
 }

package/build/esm/components/Table/components/TableElements/TableElements.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableElements.types.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.types.ts"],"sourcesContent":["import { ReactNode, ComponentPropsWithoutRef } from 'react';\r\n\r\nimport { Table, Row, TableState } from '@tanstack/react-table';\r\nimport { ButtonTypes, Positions, TableTypes } from 'acinguiux-ds-react-base';\r\n\r\nexport interface ITableComponentsProps<T> {\r\n  table: Table<T>;\r\n}\r\n\r\nexport interface ITableWrapperProps extends ComponentPropsWithoutRef<'div'> {\r\n  maxHeight?: number;\r\n  maxWidth?: number;\r\n  stickyRows?: boolean;\r\n  virtualized?: boolean;\r\n}\r\n\r\nexport interface ITableRowProps {\r\n  size?: TableTypes.Size;\r\n  isSelected?: boolean;\r\n  sentiment?: TableTypes.Sentiment;\r\n  sentimentIndicatorPosition?: TableTypes.IndicatorPosition;\r\n  sticky?: boolean;\r\n  stickyType?: StickyTypeCell;\r\n  depth?: number;\r\n  $disableRowHover?: boolean;\r\n}\r\n\r\nexport interface IDraggableRowProps<T> {\r\n  row: Row<T>;\r\n  getState: () => TableState;\r\n  finishReorder: () => void;\r\n  reorderRow: (draggedRowIndex: number, targetRowIndex: number) => void;\r\n}\r\n\r\nexport interface IExpanderProps<T> {\r\n  row: Row<T>;\r\n  children?: ReactNode | ReactNode[];\r\n}\r\n\r\nexport interface ITableCellExpanderContainerProps {\r\n  size?: ButtonTypes.Size;\r\n  depth: number;\r\n  lastChild?: boolean;\r\n}\r\n\r\nexport interface IFilterProps {\r\n  filters?: ReactNode;\r\n}\r\n\r\nexport enum StickyTypeCell {\r\n  Header = 'header',\r\n  Footer = 'footer',\r\n  Column = 'column',\r\n}\r\n\r\nexport interface ITableCellProps extends ComponentPropsWithoutRef<'td'> {\r\n  size?: TableTypes.Size;\r\n  colSpan?: number;\r\n  sticky?: boolean;\r\n  stickyType?: StickyTypeCell;\r\n  stickyPosition?: Positions.Left | Positions.Right;\r\n  startingPoint?: number;\r\n  isLastLeftPinnedColumn?: boolean;\r\n  isFirstRightPinnedColumn?: boolean;\r\n  selected?: boolean;\r\n  expanded?: boolean;\r\n  noPadding?: boolean;\r\n}\r\n"],"names":["StickyTypeCell"],"mappings":"AAiDY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"TableElements.types.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.types.ts"],"sourcesContent":["import { ReactNode, ComponentPropsWithoutRef } from 'react';\n\nimport { Table, Row, TableState } from '@tanstack/react-table';\nimport { ButtonTypes, Positions, TableTypes } from 'acinguiux-ds-react-base';\n\nexport interface ITableComponentsProps<T> {\n  table: Table<T>;\n}\n\nexport interface ITableWrapperProps extends ComponentPropsWithoutRef<'div'> {\n  maxHeight?: number;\n  maxWidth?: number;\n  stickyRows?: boolean;\n  virtualized?: boolean;\n}\n\nexport interface ITableRowProps {\n  size?: TableTypes.Size;\n  isSelected?: boolean;\n  sentiment?: TableTypes.Sentiment;\n  sentimentIndicatorPosition?: TableTypes.IndicatorPosition;\n  sticky?: boolean;\n  stickyType?: StickyTypeCell;\n  depth?: number;\n  $disableRowHover?: boolean;\n}\n\nexport interface IDraggableRowProps<T> {\n  row: Row<T>;\n  getState: () => TableState;\n  finishReorder: () => void;\n  reorderRow: (draggedRowIndex: number, targetRowIndex: number) => void;\n}\n\nexport interface IExpanderProps<T> {\n  row: Row<T>;\n  children?: ReactNode | ReactNode[];\n}\n\nexport interface ITableCellExpanderContainerProps {\n  size?: ButtonTypes.Size;\n  depth: number;\n  lastChild?: boolean;\n}\n\nexport interface IFilterProps {\n  filters?: ReactNode;\n}\n\nexport enum StickyTypeCell {\n  Header = 'header',\n  Footer = 'footer',\n  Column = 'column',\n}\n\nexport interface ITableCellProps extends ComponentPropsWithoutRef<'td'> {\n  size?: TableTypes.Size;\n  colSpan?: number;\n  sticky?: boolean;\n  stickyType?: StickyTypeCell;\n  stickyPosition?: Positions.Left | Positions.Right;\n  startingPoint?: number;\n  isLastLeftPinnedColumn?: boolean;\n  isFirstRightPinnedColumn?: boolean;\n  selected?: boolean;\n  expanded?: boolean;\n  noPadding?: boolean;\n}\n"],"names":["StickyTypeCell"],"mappings":"AAiDY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA;"}

package/build/esm/components/Table/components/TableElements/TableWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableWrapper.js","sources":["../../../../../../src/components/Table/components/TableElements/TableWrapper.tsx"],"sourcesContent":["import { forwardRef, RefObject } from 'react';\r\n\r\nimport styled, { css } from 'styled-components';\r\n\r\nimport { Table } from '../../Table.styles';\r\nimport { ITableWrapperProps } from './TableElements.types';\r\nimport { TR } from './TableElements';\r\n\r\nconst StyledTableWrapper = styled.div<ITableWrapperProps>`\r\n  ${({ maxWidth, maxHeight, stickyRows, virtualized }) => css`\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: auto;\r\n    clip-path: inset(0 0 0 0 round 8px);\r\n    border-radius: 8px;\r\n    border: 1px solid ${({ theme }) => theme.onSurface.surface.default.border.subtle};\r\n\r\n    ${Table} > :first-child > ${TR}:first-of-type > :first-child {\r\n      border-top-left-radius: unset;\r\n    }\r\n\r\n    ${Table} > :first-child > ${TR}:first-of-type > * {\r\n      border-top: unset;\r\n    }\r\n\r\n    ${Table} > * > ${TR} > :first-child {\r\n      border-left: unset;\r\n    }\r\n\r\n    ${Table} > * > ${TR} > :last-child {\r\n      border-right: unset;\r\n    }\r\n\r\n    ${Table} > :last-child > ${TR}:last-of-type > * {\r\n      border-bottom: unset;\r\n    }\r\n\r\n    ${Table} > :first-child > ${TR}:first-of-type > :last-child {\r\n      border-top-right-radius: unset;\r\n    }\r\n\r\n    ${Table} > :last-child > ${TR}:last-of-type > :first-child {\r\n      border-bottom-left-radius: unset;\r\n    }\r\n\r\n    ${Table} > :last-child > ${TR}:last-of-type > :last-child {\r\n      border-bottom-right-radius: unset;\r\n    }\r\n\r\n    ${maxWidth &&\r\n    css`\r\n      max-width: ${maxWidth}px;\r\n      overflow-x: auto;\r\n    `}\r\n\r\n    ${maxHeight &&\r\n    css`\r\n      max-height: ${maxHeight}px;\r\n      overflow-y: auto;\r\n    `}\r\n\r\n    ${stickyRows &&\r\n    css`\r\n      overflow-y: auto;\r\n    `}\r\n\r\n    ${virtualized &&\r\n    css`\r\n      overflow: auto;\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport const TableWrapper = forwardRef(\r\n  (\r\n    { children, ...rest }: ITableWrapperProps,\r\n    ref: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined,\r\n  ) => (\r\n    <StyledTableWrapper ref={ref} {...rest}>\r\n      {children}\r\n    </StyledTableWrapper>\r\n  ),\r\n);\r\n"],"names":["StyledTableWrapper","styled","maxWidth","maxHeight","stickyRows","virtualized","css","theme","Table","TR","TableWrapper","forwardRef","children","rest","ref","jsx"],"mappings":";;;;;AAQA,MAAMA,IAAqBC,EAAO;AAAA,IAC9B,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,YAAAC,GAAY,aAAAC,EAAkB,MAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMlC,CAAC,EAAE,OAAAC,EAAM,MAAMA,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA,MAE9EC,CAAK,qBAAqBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI5BD,CAAK,qBAAqBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI5BD,CAAK,UAAUC,CAAE;AAAA;AAAA;AAAA;AAAA,MAIjBD,CAAK,UAAUC,CAAE;AAAA;AAAA;AAAA;AAAA,MAIjBD,CAAK,oBAAoBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI3BD,CAAK,qBAAqBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI5BD,CAAK,oBAAoBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI3BD,CAAK,oBAAoBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI3BP,KACFI;AAAA,mBACeJ,CAAQ;AAAA;AAAA,KAEtB;AAAA;AAAA,MAECC,KACFG;AAAA,oBACgBH,CAAS;AAAA;AAAA,KAExB;AAAA;AAAA,MAECC,KACFE;AAAA;AAAA,KAEC;AAAA;AAAA,MAECD,KACFC;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,GAGUI,IAAeC;AAAA,EAC1B,CACE,EAAE,UAAAC,GAAU,GAAGC,EAAK,GACpBC,MAEA,gBAAAC,EAACf,GAAmB,EAAA,KAAAc,GAAW,GAAGD,GAC/B,UAAAD,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"TableWrapper.js","sources":["../../../../../../src/components/Table/components/TableElements/TableWrapper.tsx"],"sourcesContent":["import { forwardRef, RefObject } from 'react';\n\nimport styled, { css } from 'styled-components';\n\nimport { Table } from '../../Table.styles';\nimport { ITableWrapperProps } from './TableElements.types';\nimport { TR } from './TableElements';\n\nconst StyledTableWrapper = styled.div<ITableWrapperProps>`\n  ${({ maxWidth, maxHeight, stickyRows, virtualized }) => css`\n    position: relative;\n    width: 100%;\n    overflow: auto;\n    clip-path: inset(0 0 0 0 round 8px);\n    border-radius: 8px;\n    border: 1px solid ${({ theme }) => theme.onSurface.surface.default.border.subtle};\n\n    ${Table} > :first-child > ${TR}:first-of-type > :first-child {\n      border-top-left-radius: unset;\n    }\n\n    ${Table} > :first-child > ${TR}:first-of-type > * {\n      border-top: unset;\n    }\n\n    ${Table} > * > ${TR} > :first-child {\n      border-left: unset;\n    }\n\n    ${Table} > * > ${TR} > :last-child {\n      border-right: unset;\n    }\n\n    ${Table} > :last-child > ${TR}:last-of-type > * {\n      border-bottom: unset;\n    }\n\n    ${Table} > :first-child > ${TR}:first-of-type > :last-child {\n      border-top-right-radius: unset;\n    }\n\n    ${Table} > :last-child > ${TR}:last-of-type > :first-child {\n      border-bottom-left-radius: unset;\n    }\n\n    ${Table} > :last-child > ${TR}:last-of-type > :last-child {\n      border-bottom-right-radius: unset;\n    }\n\n    ${maxWidth &&\n    css`\n      max-width: ${maxWidth}px;\n      overflow-x: auto;\n    `}\n\n    ${maxHeight &&\n    css`\n      max-height: ${maxHeight}px;\n      overflow-y: auto;\n    `}\n\n    ${stickyRows &&\n    css`\n      overflow-y: auto;\n    `}\n\n    ${virtualized &&\n    css`\n      overflow: auto;\n    `}\n  `}\n`;\n\nexport const TableWrapper = forwardRef(\n  (\n    { children, ...rest }: ITableWrapperProps,\n    ref: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined,\n  ) => (\n    <StyledTableWrapper ref={ref} {...rest}>\n      {children}\n    </StyledTableWrapper>\n  ),\n);\n"],"names":["StyledTableWrapper","styled","maxWidth","maxHeight","stickyRows","virtualized","css","theme","Table","TR","TableWrapper","forwardRef","children","rest","ref","jsx"],"mappings":";;;;;AAQA,MAAMA,IAAqBC,EAAO;AAAA,IAC9B,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,YAAAC,GAAY,aAAAC,EAAkB,MAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMlC,CAAC,EAAE,OAAAC,EAAM,MAAMA,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA,MAE9EC,CAAK,qBAAqBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI5BD,CAAK,qBAAqBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI5BD,CAAK,UAAUC,CAAE;AAAA;AAAA;AAAA;AAAA,MAIjBD,CAAK,UAAUC,CAAE;AAAA;AAAA;AAAA;AAAA,MAIjBD,CAAK,oBAAoBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI3BD,CAAK,qBAAqBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI5BD,CAAK,oBAAoBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI3BD,CAAK,oBAAoBC,CAAE;AAAA;AAAA;AAAA;AAAA,MAI3BP,KACFI;AAAA,mBACeJ,CAAQ;AAAA;AAAA,KAEtB;AAAA;AAAA,MAECC,KACFG;AAAA,oBACgBH,CAAS;AAAA;AAAA,KAExB;AAAA;AAAA,MAECC,KACFE;AAAA;AAAA,KAEC;AAAA;AAAA,MAECD,KACFC;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,GAGUI,IAAeC;AAAA,EAC1B,CACE,EAAE,UAAAC,GAAU,GAAGC,EAAK,GACpBC,MAEA,gBAAAC,EAACf,GAAmB,EAAA,KAAAc,GAAW,GAAGD,GAC/B,UAAAD,EACH,CAAA;AAEJ;"}

package/build/esm/components/Table/hooks/useDraggableColumnHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggableColumnHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/hooks/useDraggableColumnHeader.ts"],"names":[],"mappings":"AAGA,OAAO,EAAU,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAgBrF,eAAO,MAAM,wBAAwB,cAAgB,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,MAAM,UAAU,uBAAuB,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI;;;;;CAyC7J,CAAC"}
+{"version":3,"file":"useDraggableColumnHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/hooks/useDraggableColumnHeader.ts"],"names":[],"mappings":"AAGA,OAAO,EAAU,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAgBrF,eAAO,MAAM,wBAAwB,cAAgB,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,MAAM,UAAU,uBAAuB,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI;;;;;CA0C7J,CAAC"}

package/build/esm/components/Table/hooks/useDraggableColumnHeader.js

@@ -1,40 +1,41 @@
-import { useRef as w } from "react";
-import { useDrop as x, useDrag as g } from "react-dnd";
-const b = (c, o, s) => {
-  const e = [...s];
+import { useRef as g } from "react";
+import { useDrop as w, useDrag as x } from "react-dnd";
+const I = (i, o, c) => {
+  const e = [...c];
   return e.splice(
     e.indexOf(o),
     0,
-    e.splice(e.indexOf(c), 1)[0]
+    e.splice(e.indexOf(i), 1)[0]
   ), e;
-}, a = 100, U = (c, o, s) => {
-  const e = w(Date.now() - a), { column: r } = c, [{ isDragging: p }, u] = x({
+}, a = 100, U = (i, o, c) => {
+  const e = g(Date.now() - a), { column: n } = i, [{ isDragging: l }, u] = w({
     accept: "column",
-    collect: (n) => {
+    collect: (r) => {
       var t;
       return {
-        isDragging: ((t = n.getItem()) == null ? void 0 : t.id) === r.id
+        isDragging: ((t = r.getItem()) == null ? void 0 : t.id) === n.id
       };
     },
-    hover: (n, t) => {
-      const { columnOrder: i } = o(), m = i.indexOf(r.id), d = b(n.id, r.id, i), O = d.indexOf(r.id), D = m !== O && n.isUpdateable();
-      !t.isOver() && D && n.updateOrder(d);
+    hover: (r, t) => {
+      const { columnOrder: s } = o(), m = s.indexOf(n.id), d = I(r.id, n.id, s), O = d.indexOf(n.id), D = m !== O && r.isUpdateable();
+      !t.isOver() && D && r.updateOrder(d);
     }
-  }, [o, r]), [, l, f] = g({
+  }, [o, n]), [, p, f] = x({
     item: {
-      ...r,
-      updateOrder: (n) => {
-        e.current = Date.now(), s(n);
+      ...n,
+      updateOrder: (r) => {
+        e.current = Date.now(), c(r);
       },
       isUpdateable: () => e.current + a < Date.now()
     },
+    canDrag: () => o().columnSizingInfo.isResizingColumn === !1,
     type: "column"
-  }, [r]);
+  }, [n]);
   return {
     dropRef: u,
-    dragRef: l,
+    dragRef: p,
     previewRef: f,
-    isDragging: p
+    isDragging: l
   };
 };
 export {

package/build/esm/components/Table/hooks/useDraggableColumnHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggableColumnHeader.js","sources":["../../../../../src/components/Table/hooks/useDraggableColumnHeader.ts"],"sourcesContent":["import { useRef } from 'react';\r\n\r\nimport { useDrop, useDrag, DropTargetMonitor } from 'react-dnd';\r\nimport { Column, Header, ColumnOrderState, TableState } from '@tanstack/react-table';\r\n\r\nconst reorderColumn = (draggedColumnId: string, targetColumnId: string, columnOrder: string[]): ColumnOrderState => {\r\n  const newOrder = [...columnOrder];\r\n\r\n  newOrder.splice(\r\n    newOrder.indexOf(targetColumnId),\r\n    0,\r\n    newOrder.splice(newOrder.indexOf(draggedColumnId), 1)[0],\r\n  );\r\n\r\n  return newOrder;\r\n};\r\n\r\nconst TIME_TO_UPDATE = 100;\r\n\r\nexport const useDraggableColumnHeader = <T,>(header: Header<T, unknown>, getState: () => TableState, onColumnOrderChange: (newOrder: ColumnOrderState) => void) => {\r\n  const lastUpdate = useRef<number>(Date.now() - TIME_TO_UPDATE);\r\n  const { column } = header;\r\n\r\n  const [{ isDragging }, dropRef] = useDrop({\r\n    accept: 'column',\r\n    collect: (monitor) => ({\r\n      isDragging: Boolean(monitor.getItem()?.id === column.id),\r\n    }),\r\n    hover: (draggedColumn: Column<T> & { updateOrder: (order: ColumnOrderState) => void, isUpdateable: () => boolean; }, monitor: DropTargetMonitor<Column<T, unknown>>) => {\r\n      const { columnOrder } = getState();\r\n      const currentColumnIdx = columnOrder.indexOf(column.id);\r\n      const newOrder = reorderColumn(draggedColumn.id, column.id, columnOrder);\r\n      const newIdx = newOrder.indexOf(column.id);\r\n\r\n      const droppable = currentColumnIdx !== newIdx && draggedColumn.isUpdateable();\r\n\r\n      if (!monitor.isOver() && droppable) {\r\n        draggedColumn.updateOrder(newOrder);\r\n      }\r\n    },\r\n  }, [getState, column]);\r\n\r\n  const [, dragRef, previewRef] = useDrag({\r\n    item: ({\r\n      ...column,\r\n      updateOrder: (order: ColumnOrderState) => {\r\n        lastUpdate.current = Date.now();\r\n        onColumnOrderChange(order);\r\n      },\r\n      isUpdateable: () => lastUpdate.current + TIME_TO_UPDATE < Date.now(),\r\n    }),\r\n    type: 'column',\r\n  }, [column]);\r\n\r\n  return {\r\n    dropRef,\r\n    dragRef,\r\n    previewRef,\r\n    isDragging,\r\n  };\r\n};\r\n"],"names":["reorderColumn","draggedColumnId","targetColumnId","columnOrder","newOrder","TIME_TO_UPDATE","useDraggableColumnHeader","header","getState","onColumnOrderChange","lastUpdate","useRef","column","isDragging","dropRef","useDrop","monitor","_a","draggedColumn","currentColumnIdx","newIdx","droppable","dragRef","previewRef","useDrag","order"],"mappings":";;AAKA,MAAMA,IAAgB,CAACC,GAAyBC,GAAwBC,MAA4C;AAC5G,QAAAC,IAAW,CAAC,GAAGD,CAAW;AAEvB,SAAAC,EAAA;AAAA,IACPA,EAAS,QAAQF,CAAc;AAAA,IAC/B;AAAA,IACAE,EAAS,OAAOA,EAAS,QAAQH,CAAe,GAAG,CAAC,EAAE,CAAC;AAAA,EAAA,GAGlDG;AACT,GAEMC,IAAiB,KAEVC,IAA2B,CAAKC,GAA4BC,GAA4BC,MAA8D;AACjK,QAAMC,IAAaC,EAAe,KAAK,QAAQN,CAAc,GACvD,EAAE,QAAAO,EAAW,IAAAL,GAEb,CAAC,EAAE,YAAAM,EAAA,GAAcC,CAAO,IAAIC,EAAQ;AAAA,IACxC,QAAQ;AAAA,IACR,SAAS,CAACC,MAAa;;AAAA;AAAA,QACrB,cAAoBC,IAAAD,EAAQ,QAAW,MAAnB,gBAAAC,EAAmB,QAAOL,EAAO;AAAA,MAAE;AAAA;AAAA,IAEzD,OAAO,CAACM,GAA6GF,MAAmD;AAChK,YAAA,EAAE,aAAAb,MAAgBK,KAClBW,IAAmBhB,EAAY,QAAQS,EAAO,EAAE,GAChDR,IAAWJ,EAAckB,EAAc,IAAIN,EAAO,IAAIT,CAAW,GACjEiB,IAAShB,EAAS,QAAQQ,EAAO,EAAE,GAEnCS,IAAYF,MAAqBC,KAAUF,EAAc,aAAa;AAE5E,MAAI,CAACF,EAAQ,OAAO,KAAKK,KACvBH,EAAc,YAAYd,CAAQ;AAAA,IAEtC;AAAA,EAAA,GACC,CAACI,GAAUI,CAAM,CAAC,GAEf,GAAGU,GAASC,CAAU,IAAIC,EAAQ;AAAA,IACtC,MAAO;AAAA,MACL,GAAGZ;AAAA,MACH,aAAa,CAACa,MAA4B;AAC7B,QAAAf,EAAA,UAAU,KAAK,OAC1BD,EAAoBgB,CAAK;AAAA,MAC3B;AAAA,MACA,cAAc,MAAMf,EAAW,UAAUL,IAAiB,KAAK,IAAI;AAAA,IACrE;AAAA,IACA,MAAM;AAAA,EAAA,GACL,CAACO,CAAM,CAAC;AAEJ,SAAA;AAAA,IACL,SAAAE;AAAA,IACA,SAAAQ;AAAA,IACA,YAAAC;AAAA,IACA,YAAAV;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useDraggableColumnHeader.js","sources":["../../../../../src/components/Table/hooks/useDraggableColumnHeader.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useDrop, useDrag, DropTargetMonitor } from 'react-dnd';\nimport { Column, Header, ColumnOrderState, TableState } from '@tanstack/react-table';\n\nconst reorderColumn = (draggedColumnId: string, targetColumnId: string, columnOrder: string[]): ColumnOrderState => {\n  const newOrder = [...columnOrder];\n\n  newOrder.splice(\n    newOrder.indexOf(targetColumnId),\n    0,\n    newOrder.splice(newOrder.indexOf(draggedColumnId), 1)[0],\n  );\n\n  return newOrder;\n};\n\nconst TIME_TO_UPDATE = 100;\n\nexport const useDraggableColumnHeader = <T,>(header: Header<T, unknown>, getState: () => TableState, onColumnOrderChange: (newOrder: ColumnOrderState) => void) => {\n  const lastUpdate = useRef<number>(Date.now() - TIME_TO_UPDATE);\n  const { column } = header;\n\n  const [{ isDragging }, dropRef] = useDrop({\n    accept: 'column',\n    collect: (monitor) => ({\n      isDragging: Boolean(monitor.getItem()?.id === column.id),\n    }),\n    hover: (draggedColumn: Column<T> & { updateOrder: (order: ColumnOrderState) => void, isUpdateable: () => boolean; }, monitor: DropTargetMonitor<Column<T, unknown>>) => {\n      const { columnOrder } = getState();\n      const currentColumnIdx = columnOrder.indexOf(column.id);\n      const newOrder = reorderColumn(draggedColumn.id, column.id, columnOrder);\n      const newIdx = newOrder.indexOf(column.id);\n\n      const droppable = currentColumnIdx !== newIdx && draggedColumn.isUpdateable();\n\n      if (!monitor.isOver() && droppable) {\n        draggedColumn.updateOrder(newOrder);\n      }\n    },\n  }, [getState, column]);\n\n  const [, dragRef, previewRef] = useDrag({\n    item: ({\n      ...column,\n      updateOrder: (order: ColumnOrderState) => {\n        lastUpdate.current = Date.now();\n        onColumnOrderChange(order);\n      },\n      isUpdateable: () => lastUpdate.current + TIME_TO_UPDATE < Date.now(),\n    }),\n    canDrag: () => getState().columnSizingInfo.isResizingColumn === false,\n    type: 'column',\n  }, [column]);\n\n  return {\n    dropRef,\n    dragRef,\n    previewRef,\n    isDragging,\n  };\n};\n"],"names":["reorderColumn","draggedColumnId","targetColumnId","columnOrder","newOrder","TIME_TO_UPDATE","useDraggableColumnHeader","header","getState","onColumnOrderChange","lastUpdate","useRef","column","isDragging","dropRef","useDrop","monitor","_a","draggedColumn","currentColumnIdx","newIdx","droppable","dragRef","previewRef","useDrag","order"],"mappings":";;AAKA,MAAMA,IAAgB,CAACC,GAAyBC,GAAwBC,MAA4C;AAC5G,QAAAC,IAAW,CAAC,GAAGD,CAAW;AAEvB,SAAAC,EAAA;AAAA,IACPA,EAAS,QAAQF,CAAc;AAAA,IAC/B;AAAA,IACAE,EAAS,OAAOA,EAAS,QAAQH,CAAe,GAAG,CAAC,EAAE,CAAC;AAAA,EACzD,GAEOG;AACT,GAEMC,IAAiB,KAEVC,IAA2B,CAAKC,GAA4BC,GAA4BC,MAA8D;AACjK,QAAMC,IAAaC,EAAe,KAAK,IAAA,IAAQN,CAAc,GACvD,EAAE,QAAAO,MAAWL,GAEb,CAAC,EAAE,YAAAM,EAAA,GAAcC,CAAO,IAAIC,EAAQ;AAAA,IACxC,QAAQ;AAAA,IACR,SAAS,CAACC,MAAa;;AAAA;AAAA,QACrB,cAAoBC,IAAAD,EAAQ,cAAR,gBAAAC,EAAmB,QAAOL,EAAO;AAAA,MAAE;AAAA;AAAA,IAEzD,OAAO,CAACM,GAA6GF,MAAmD;AAChK,YAAA,EAAE,aAAAb,EAAY,IAAIK,EAAS,GAC3BW,IAAmBhB,EAAY,QAAQS,EAAO,EAAE,GAChDR,IAAWJ,EAAckB,EAAc,IAAIN,EAAO,IAAIT,CAAW,GACjEiB,IAAShB,EAAS,QAAQQ,EAAO,EAAE,GAEnCS,IAAYF,MAAqBC,KAAUF,EAAc,aAAa;AAE5E,MAAI,CAACF,EAAQ,OAAO,KAAKK,KACvBH,EAAc,YAAYd,CAAQ;AAAA,IACpC;AAAA,EACF,GACC,CAACI,GAAUI,CAAM,CAAC,GAEf,GAAGU,GAASC,CAAU,IAAIC,EAAQ;AAAA,IACtC,MAAO;AAAA,MACL,GAAGZ;AAAA,MACH,aAAa,CAACa,MAA4B;AAC7B,QAAAf,EAAA,UAAU,KAAK,IAAI,GAC9BD,EAAoBgB,CAAK;AAAA,MAC3B;AAAA,MACA,cAAc,MAAMf,EAAW,UAAUL,IAAiB,KAAK,IAAI;AAAA,IACrE;AAAA,IACA,SAAS,MAAMG,EAAS,EAAE,iBAAiB,qBAAqB;AAAA,IAChE,MAAM;AAAA,EAAA,GACL,CAACI,CAAM,CAAC;AAEJ,SAAA;AAAA,IACL,SAAAE;AAAA,IACA,SAAAQ;AAAA,IACA,YAAAC;AAAA,IACA,YAAAV;AAAA,EACF;AACF;"}

package/build/esm/components/Table/hooks/useReorderRowsTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReorderRowsTable.js","sources":["../../../../../src/components/Table/hooks/useReorderRowsTable.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\r\n\r\nimport { useReactTable, getCoreRowModel, ColumnDef } from '@tanstack/react-table';\r\n\r\nexport const useReorderRowsTable = <T extends { id: string }>(data: T[], columns: ColumnDef<T, unknown>[]) => {\r\n  const [newData, setNewData] = useState([...data]);\r\n  const [baseData, setBaseData] = useState([...newData]);\r\n\r\n  const reorderRow = useCallback((draggedRowIndex: number, targetRowIndex: number) => {\r\n    const baseDataSet = [...baseData];\r\n    if (draggedRowIndex === targetRowIndex) {\r\n      setNewData(baseDataSet);\r\n\r\n      return;\r\n    };\r\n    baseDataSet.splice(targetRowIndex, 0, baseDataSet.splice(draggedRowIndex, 1)[0]);\r\n\r\n    setNewData(baseDataSet);\r\n  }, [baseData]);\r\n\r\n  const finishReorder = useCallback(() => {\r\n    setBaseData([...newData]);\r\n  }, [newData]);\r\n\r\n  const table = useReactTable({\r\n    data: newData,\r\n    columns,\r\n    getCoreRowModel: getCoreRowModel(),\r\n    getRowId: (row) => row.id!,\r\n  });\r\n\r\n  return {\r\n    table,\r\n    finishReorder,\r\n    reorderRow,\r\n  };\r\n};\r\n"],"names":["useReorderRowsTable","data","columns","newData","setNewData","useState","baseData","setBaseData","reorderRow","useCallback","draggedRowIndex","targetRowIndex","baseDataSet","finishReorder","useReactTable","getCoreRowModel","row"],"mappings":";;AAIa,MAAAA,IAAsB,CAA2BC,GAAWC,MAAqC;AACtG,QAAA,CAACC,GAASC,CAAU,IAAIC,EAAS,CAAC,GAAGJ,CAAI,CAAC,GAC1C,CAACK,GAAUC,CAAW,IAAIF,EAAS,CAAC,GAAGF,CAAO,CAAC,GAE/CK,IAAaC,EAAY,CAACC,GAAyBC,MAA2B;AAC5E,UAAAC,IAAc,CAAC,GAAGN,CAAQ;AAChC,QAAII,MAAoBC,GAAgB;AACtC,MAAAP,EAAWQ,CAAW;AAEtB;AAAA,IACF;AACY,IAAAA,EAAA,OAAOD,GAAgB,GAAGC,EAAY,OAAOF,GAAiB,CAAC,EAAE,CAAC,CAAC,GAE/EN,EAAWQ,CAAW;AAAA,EAAA,GACrB,CAACN,CAAQ,CAAC,GAEPO,IAAgBJ,EAAY,MAAM;AAC1B,IAAAF,EAAA,CAAC,GAAGJ,CAAO,CAAC;AAAA,EAAA,GACvB,CAACA,CAAO,CAAC;AASL,SAAA;AAAA,IACL,OARYW,EAAc;AAAA,MAC1B,MAAMX;AAAA,MACN,SAAAD;AAAA,MACA,iBAAiBa,EAAgB;AAAA,MACjC,UAAU,CAACC,MAAQA,EAAI;AAAA,IAAA,CACxB;AAAA,IAIC,eAAAH;AAAA,IACA,YAAAL;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useReorderRowsTable.js","sources":["../../../../../src/components/Table/hooks/useReorderRowsTable.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { useReactTable, getCoreRowModel, ColumnDef } from '@tanstack/react-table';\n\nexport const useReorderRowsTable = <T extends { id: string }>(data: T[], columns: ColumnDef<T, unknown>[]) => {\n  const [newData, setNewData] = useState([...data]);\n  const [baseData, setBaseData] = useState([...newData]);\n\n  const reorderRow = useCallback((draggedRowIndex: number, targetRowIndex: number) => {\n    const baseDataSet = [...baseData];\n    if (draggedRowIndex === targetRowIndex) {\n      setNewData(baseDataSet);\n\n      return;\n    };\n    baseDataSet.splice(targetRowIndex, 0, baseDataSet.splice(draggedRowIndex, 1)[0]);\n\n    setNewData(baseDataSet);\n  }, [baseData]);\n\n  const finishReorder = useCallback(() => {\n    setBaseData([...newData]);\n  }, [newData]);\n\n  const table = useReactTable({\n    data: newData,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId: (row) => row.id!,\n  });\n\n  return {\n    table,\n    finishReorder,\n    reorderRow,\n  };\n};\n"],"names":["useReorderRowsTable","data","columns","newData","setNewData","useState","baseData","setBaseData","reorderRow","useCallback","draggedRowIndex","targetRowIndex","baseDataSet","finishReorder","useReactTable","getCoreRowModel","row"],"mappings":";;AAIa,MAAAA,IAAsB,CAA2BC,GAAWC,MAAqC;AACtG,QAAA,CAACC,GAASC,CAAU,IAAIC,EAAS,CAAC,GAAGJ,CAAI,CAAC,GAC1C,CAACK,GAAUC,CAAW,IAAIF,EAAS,CAAC,GAAGF,CAAO,CAAC,GAE/CK,IAAaC,EAAY,CAACC,GAAyBC,MAA2B;AAC5E,UAAAC,IAAc,CAAC,GAAGN,CAAQ;AAChC,QAAII,MAAoBC,GAAgB;AACtC,MAAAP,EAAWQ,CAAW;AAEtB;AAAA,IAAA;AAEU,IAAAA,EAAA,OAAOD,GAAgB,GAAGC,EAAY,OAAOF,GAAiB,CAAC,EAAE,CAAC,CAAC,GAE/EN,EAAWQ,CAAW;AAAA,EAAA,GACrB,CAACN,CAAQ,CAAC,GAEPO,IAAgBJ,EAAY,MAAM;AAC1B,IAAAF,EAAA,CAAC,GAAGJ,CAAO,CAAC;AAAA,EAAA,GACvB,CAACA,CAAO,CAAC;AASL,SAAA;AAAA,IACL,OARYW,EAAc;AAAA,MAC1B,MAAMX;AAAA,MACN,SAAAD;AAAA,MACA,iBAAiBa,EAAgB;AAAA,MACjC,UAAU,CAACC,MAAQA,EAAI;AAAA,IAAA,CACxB;AAAA,IAIC,eAAAH;AAAA,IACA,YAAAL;AAAA,EACF;AACF;"}