npm - acinguiux-ds-react-framework - Versions diffs - 0.1.16 → 0.1.19 - Mend

acinguiux-ds-react-framework 0.1.16 → 0.1.19

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

Files changed (1032) hide show

package/build/cjs/components/Table/components/TableElements/TableElements.js CHANGED Viewed

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("react/jsx-runtime"),f=require("react"),t=require("styled-components"),u=require("../../../../react-base/src/consts/index.js"),r=require("../../../../react-base/src/theme/types/layer.js"),i=require("acinguiux-ds-fabrics"),g=require("../../../Flexbox/Flexbox.styles.js"),V=require("./Expander.js"),d=require("../../../../react-base/src/consts/classes.js"),v=t.css`
-  ${({$width:e,theme:o})=>t.css`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("react/jsx-runtime"),f=require("react"),t=require("styled-components"),u=require("../../../../react-base/src/consts/index.js"),o=require("../../../../react-base/src/theme/types/layer.js"),i=require("acinguiux-ds-fabrics"),m=require("../../../Flexbox/Flexbox.styles.js"),h=require("./Expander.js"),l=require("../../../../react-base/src/consts/classes.js"),v=t.css`
+  ${({$width:e,theme:a})=>t.css`
     width: ${e??"auto"}px;
     min-width: ${e??"auto"}px;
-    color: ${o.layer({foundation:"surface"})[r.Variables.TextOnFoundationStrong]};
+    color: ${a.layer({foundation:"surface"})[o.Variables.TextOnFoundationStrong]};
     box-sizing: border-box;
     overflow-wrap: break-word;
   `};
@@ -22,10 +22,10 @@
     }
   `}
 `,k=t.css`
-  ${({$highlight:e,theme:o})=>e&&t.css`
-      --bg-color: ${o.layer({sentiment:e.type==="sentiment"?e.sentiment:void 0,selectedProminence:i.FabricsVariables.SelectedProminences.Subtle,sentimentProminence:i.FabricsVariables.SentimentProminences.Subtle})[e.type==="sentiment"?r.Variables.BackgroundSentiment:r.Variables.BackgroundSelected]};
+  ${({$highlight:e,theme:a})=>e&&t.css`
+      --bg-color: ${a.layer({sentiment:e.type==="sentiment"?e.sentiment:void 0,selectedProminence:i.FabricsVariables.SelectedProminences.Subtle,sentimentProminence:i.FabricsVariables.SentimentProminences.Subtle})[e.type==="sentiment"?o.Variables.BackgroundSentiment:o.Variables.BackgroundSelected]};
-      --bg-hover-color: ${o.layer({sentiment:e.type==="sentiment"?e.sentiment:void 0,selectedProminence:i.FabricsVariables.SelectedProminences.Subtle,sentimentProminence:i.FabricsVariables.SentimentProminences.Subtle,state:i.FabricsVariables.States.Hover})[e.type==="sentiment"?r.Variables.BackgroundSentiment:r.Variables.BackgroundSelected]};
+      --bg-hover-color: ${a.layer({sentiment:e.type==="sentiment"?e.sentiment:void 0,selectedProminence:i.FabricsVariables.SelectedProminences.Subtle,sentimentProminence:i.FabricsVariables.SentimentProminences.Subtle,state:i.FabricsVariables.States.Hover})[e.type==="sentiment"?o.Variables.BackgroundSentiment:o.Variables.BackgroundSelected]};
       ${e.indicator&&t.css`
         &:before {
@@ -34,7 +34,7 @@
           display: block;
           top: 0;
           bottom: 0;
-          background-color: ${o.layer({sentiment:e.type==="sentiment"?e.sentiment:void 0})[e.type==="selected"?r.Variables.BackgroundSelected:r.Variables.BackgroundSentiment]};
+          background-color: ${a.layer({sentiment:e.type==="sentiment"?e.sentiment:void 0})[e.type==="selected"?o.Variables.BackgroundSelected:o.Variables.BackgroundSentiment]};
           width: 0;
         }
@@ -58,17 +58,17 @@
   ${T};
   ${k};
-  ${({colSpan:e,$noPadding:o,$alignment:a})=>t.css`
+  ${({colSpan:e,$noPadding:a,$alignment:r})=>t.css`
     position: relative;
-    > ${g.Flexbox}, .${d.TABLE_HEADER_HEAD_CONTENT_CLASS} {
+    > ${m.Flexbox}, .${l.TABLE_HEADER_HEAD_CONTENT_CLASS} {
       position: relative;
       gap: var(--table-header-cell-gap);
-      justify-content: ${a};
+      justify-content: ${r};
     }
-    .${d.TABLE_CHECKBOX_CLASS} {
+    .${l.TABLE_CHECKBOX_CLASS} {
       order: 0;
-      ${a==="right"&&t.css`
+      ${r==="right"&&t.css`
         margin-right: auto;
       `}
     }
@@ -76,24 +76,24 @@
     text-align: ${(e??0)>1?"center":"left"};
     white-space: nowrap;
-    ${o&&t.css`
+    ${a&&t.css`
       padding: unset !important;
     `}
   `}
-`,x=f.forwardRef(({highlight:e,alignment:o,noPadding:a,width:c,pinAnchorOffset:b,isPinned:p,...y},$)=>S.jsx(s,{ref:$,$alignment:o,$highlight:e,$noPadding:a,style:{width:c},"data-sticky":p,$pinAnchorOffset:b,...y})),w=x,n=t.styled.td`
+`,x=f.forwardRef(({highlight:e,alignment:a,noPadding:r,width:c,pinAnchorOffset:b,isPinned:p,...y},$)=>S.jsx(s,{ref:$,$alignment:a,$highlight:e,$noPadding:r,style:{width:c},"data-sticky":p,$pinAnchorOffset:b,...y})),V=x,n=t.styled.td`
   ${v};
   ${T};
   ${k};
-  ${({$noPadding:e,$alignment:o})=>t.css`
+  ${({$noPadding:e,$alignment:a})=>t.css`
     position: relative;
-    > ${g.Flexbox} {
+    > ${m.Flexbox} {
       position: relative;
       gap: var(--table-cell-gap);
-      justify-content: ${o};
+      justify-content: ${a};
     }
-    .${d.TABLE_CHECKBOX_CLASS} {
+    .${l.TABLE_CHECKBOX_CLASS} {
       margin-right: auto;
     }
@@ -101,7 +101,7 @@
       padding: unset !important;
     `}
   `}
-`,B=f.forwardRef(({highlight:e,alignment:o,noPadding:a,width:c,pinAnchorOffset:b,isPinned:p,...y},$)=>S.jsx(n,{ref:$,$alignment:o,$highlight:e,$noPadding:a,style:{width:c},"data-sticky":p,$pinAnchorOffset:b,...y})),F=B,P=t.css`
+`,B=f.forwardRef(({highlight:e,alignment:a,noPadding:r,width:c,pinAnchorOffset:b,isPinned:p,...y},$)=>S.jsx(n,{ref:$,$alignment:a,$highlight:e,$noPadding:r,style:{width:c},"data-sticky":p,$pinAnchorOffset:b,...y})),w=B,F=t.css`
   & > ${s}, & > ${n} {
     &:is([data-sticky='left']):not(:has(~ [data-sticky='left'])) {
       &::after {
@@ -131,17 +131,17 @@
       }
     }
   }
-`,l=t.styled.tr(({theme:e,$depth:o,$highlight:a,$disableRowHover:c=!1})=>{const b=e.layer({foundation:"surface",sentiment:(a==null?void 0:a.type)==="sentiment"?a.sentiment:void 0}),p=e.layer({foundation:"surface",sentiment:(a==null?void 0:a.type)==="sentiment"?a.sentiment:void 0,sentimentProminence:i.FabricsVariables.SentimentProminences.Subtle,selectedProminence:i.FabricsVariables.SelectedProminences.Subtle});return t.css`
+`,d=t.styled.tr(({theme:e,$depth:a,$highlight:r,$disableRowHover:c=!1})=>{const b=e.layer({foundation:"surface",sentiment:r?.type==="sentiment"?r.sentiment:void 0}),p=e.layer({foundation:"surface",sentiment:r?.type==="sentiment"?r.sentiment:void 0,sentimentProminence:i.FabricsVariables.SentimentProminences.Subtle,selectedProminence:i.FabricsVariables.SelectedProminences.Subtle});return t.css`
       transition:
         background-color 0.1s,
         height 0.1s,
         opacity 0.1s;
-      --bg-color: ${b[r.Variables.BackgroundFoundation]};
-      --table-row-depth: ${o??0};
+      --bg-color: ${b[o.Variables.BackgroundFoundation]};
+      --table-row-depth: ${a??0};
       & {
-        ${P};
+        ${F};
       }
       ${n} {
@@ -150,28 +150,28 @@
           var(--table-cell-padding-right);
       }
-      ${n}:has(.${d.BUTTON_CLASS}),
-      ${n}:has(.${d.SELECT_CLASS}),
-      ${n}:has(.${d.EMPTY_STATE_CLASS}),
-      ${n}:has(${V.StyledExpander}) {
+      ${n}:has(.${l.BUTTON_CLASS}),
+      ${n}:has(.${l.SELECT_CLASS}),
+      ${n}:has(.${l.EMPTY_STATE_CLASS}),
+      ${n}:has(${h.StyledExpander}) {
         padding-top: 0px;
         padding-bottom: 0px;
       }
       ${s} {
-        & .${d.TABLE_MENU_BUTTON_CLASS}:not([aria-expanded="true"]),
-        & .${d.TABLE_PIN_BUTTON_CLASS}:not([aria-expanded="true"]) {
+        & .${l.TABLE_MENU_BUTTON_CLASS}:not([aria-expanded="true"]),
+        & .${l.TABLE_PIN_BUTTON_CLASS}:not([aria-expanded="true"]) {
           opacity: 0;
         }
-        &:hover .${d.BUTTON_CLASS}, & .${d.BUTTON_CLASS}:focus-visible {
+        &:hover .${l.BUTTON_CLASS}, & .${l.BUTTON_CLASS}:focus-visible {
           opacity: 1;
         }
       }
       ${!c&&t.css`
         &:hover {
-          --bg-hover-color: ${e.layer({foundation:"surface",state:i.FabricsVariables.States.Hover})[r.Variables.BackgroundFoundation]};
+          --bg-hover-color: ${e.layer({foundation:"surface",state:i.FabricsVariables.States.Hover})[o.Variables.BackgroundFoundation]};
         }
       `}
@@ -182,16 +182,16 @@
         background-color: var(--bg-hover-color, inherit);
       }
-      ${a&&t.css`
-        --bg-color: ${p[a.type==="selected"?r.Variables.BackgroundSelected:r.Variables.BackgroundSentiment]};
+      ${r&&t.css`
+        --bg-color: ${p[r.type==="selected"?o.Variables.BackgroundSelected:o.Variables.BackgroundSentiment]};
         ${!c&&t.css`
           &:hover {
-            --bg-hover-color: ${e.layer({selectedProminence:i.FabricsVariables.SelectedProminences.Subtle,sentimentProminence:i.FabricsVariables.SentimentProminences.Subtle,sentiment:a.type==="sentiment"?a.sentiment:void 0,state:i.FabricsVariables.States.Hover})[a.type==="selected"?r.Variables.BackgroundSelected:r.Variables.BackgroundSentiment]};
+            --bg-hover-color: ${e.layer({selectedProminence:i.FabricsVariables.SelectedProminences.Subtle,sentimentProminence:i.FabricsVariables.SentimentProminences.Subtle,sentiment:r.type==="sentiment"?r.sentiment:void 0,state:i.FabricsVariables.States.Hover})[r.type==="selected"?o.Variables.BackgroundSelected:o.Variables.BackgroundSentiment]};
           }
         `};
-        ${a.indicator&&t.css`
+        ${r.indicator&&t.css`
           ${s}, ${n} {
             &:before {
               position: absolute;
@@ -199,12 +199,12 @@
               display: block;
               top: 0;
               bottom: 0;
-              background-color: ${b[a.type==="selected"?r.Variables.BackgroundSelected:r.Variables.BackgroundSentiment]};
+              background-color: ${b[r.type==="selected"?o.Variables.BackgroundSelected:o.Variables.BackgroundSentiment]};
               width: 0;
             }
           }
-          ${a.indicator===u.Positions.Left&&t.css`
+          ${r.indicator===u.Positions.Left&&t.css`
             ${s}:first-of-type:before,
             ${n}:first-of-type:before {
               left: 0;
@@ -212,7 +212,7 @@
             }
           `}
-          ${a.indicator===u.Positions.Right&&t.css`
+          ${r.indicator===u.Positions.Right&&t.css`
             ${s}:last-of-type:before,
             ${n}:last-of-type:before {
               right: 0;
@@ -221,7 +221,7 @@
           `}
         `};
       `}
-    `}),m=f.forwardRef(({highlight:e,depth:o,disableRowHover:a,...c},b)=>S.jsx(l,{ref:b,$highlight:e,$depth:o,$disableRowHover:a,...c})),_=m,C=t.styled.thead(({theme:e})=>{const o=e.layer({foundation:"surface"});return t.css`
+    `}),g=f.forwardRef(({highlight:e,depth:a,disableRowHover:r,...c},b)=>S.jsx(d,{ref:b,$highlight:e,$depth:a,$disableRowHover:r,...c})),P=g,_=t.styled.thead(({theme:e})=>{const a=e.layer({foundation:"surface"});return t.css`
     position: relative;
     ${s} {
       height: var(--table-header-cell-height);
@@ -229,10 +229,10 @@
         var(--table-header-cell-padding-bottom) var(--table-header-cell-padding-right);
     }
     &[data-sticky='true'] {
-      ${l} {
+      ${d} {
         position: sticky;
         z-index: 2;
-        background-color: ${o[r.Variables.BackgroundFoundation]};
+        background-color: ${a[o.Variables.BackgroundFoundation]};
         top: calc(var(--table-row-depth, 0) * var(--table-header-cell-height, 0px));
         &:last-of-type {
@@ -244,18 +244,18 @@
       }
     }
-    ${l}:not(:last-of-type) > ${s} {
-      border-bottom: 1px solid ${o[r.Variables.BorderOnFoundationSubtle]};
+    ${d}:not(:last-of-type) > ${s} {
+      border-bottom: 1px solid ${a[o.Variables.BorderOnFoundationSubtle]};
     }
-    ${l}:last-of-type > ${s} {
-      border-bottom: 1px solid ${o[r.Variables.BorderOnFoundationMedium]};
+    ${d}:last-of-type > ${s} {
+      border-bottom: 1px solid ${a[o.Variables.BorderOnFoundationMedium]};
     }
-  `}),E=t.styled.tbody(({theme:e})=>t.css`
-    ${l}:not(:last-of-type) > ${n} {
-      border-bottom: 1px solid ${e.layer({foundation:"surface"})[r.Variables.BorderOnFoundationSubtle]};
+  `}),C=t.styled.tbody(({theme:e})=>t.css`
+    ${d}:not(:last-of-type) > ${n} {
+      border-bottom: 1px solid ${e.layer({foundation:"surface"})[o.Variables.BorderOnFoundationSubtle]};
     }
-  `),A=t.styled.tfoot(({theme:e})=>{const o=e.layer({foundation:"surface"});return t.css`
+  `),E=t.styled.tfoot(({theme:e})=>{const a=e.layer({foundation:"surface"});return t.css`
     ${s} {
       height: var(--table-cell-height);
       padding: var(--table-cell-padding-top) var(--table-cell-padding-left) var(--table-cell-padding-bottom)
@@ -263,10 +263,10 @@
     }
     &[data-sticky='true'] {
-      ${l} {
+      ${d} {
         position: sticky;
         z-index: 2;
-        background-color: ${o[r.Variables.BackgroundFoundation]};
+        background-color: ${a[o.Variables.BackgroundFoundation]};
         bottom: calc(var(--table-row-depth, 0) * var(--table-cell-height, 0px));
         &:first-of-type {
@@ -278,18 +278,18 @@
       }
     }
-    ${l}:not(:first-of-type) > ${s} {
-      border-top: 1px solid ${o[r.Variables.BorderOnFoundationSubtle]};
+    ${d}:not(:first-of-type) > ${s} {
+      border-top: 1px solid ${a[o.Variables.BorderOnFoundationSubtle]};
     }
-    ${l}:first-of-type > ${s} {
-      border-top: 1px solid ${o[r.Variables.BorderOnFoundationMedium]};
+    ${d}:first-of-type > ${s} {
+      border-top: 1px solid ${a[o.Variables.BorderOnFoundationMedium]};
     }
-  `}),L=t.styled(m)(({theme:e})=>t.css`
-    background: ${e.layer({foundation:"surface"})[r.Variables.BackgroundFoundation]};
+  `}),A=t.styled(g)(({theme:e})=>t.css`
+    background: ${e.layer({foundation:"surface"})[o.Variables.BackgroundFoundation]};
     & > ${n} {
       height: var(--table-row-group-spacing-height);
       padding: 0;
     }
-  `);exports.SpaceTR=L;exports.StyledTd=n;exports.StyledTh=s;exports.StyledTr=l;exports.TBody=E;exports.TD=F;exports.TFoot=A;exports.TH=w;exports.THead=C;exports.TR=_;exports.Td=B;exports.Th=x;exports.Tr=m;
+  `);exports.SpaceTR=A;exports.StyledTd=n;exports.StyledTh=s;exports.StyledTr=d;exports.TBody=C;exports.TD=w;exports.TFoot=E;exports.TH=V;exports.THead=_;exports.TR=P;exports.Td=B;exports.Th=x;exports.Tr=g;
 //# sourceMappingURL=TableElements.js.map

package/build/cjs/components/Table/components/TableElements/TableElements.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableElements.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ComponentPropsWithRef } from 'react';\n\nimport { styled, css } from 'styled-components';\nimport {\n Positions,\n BUTTON_CLASS,\n EMPTY_STATE_CLASS,\n TABLE_PIN_BUTTON_CLASS,\n TABLE_MENU_BUTTON_CLASS,\n SELECT_CLASS,\n TABLE_HEADER_HEAD_CONTENT_CLASS,\n TABLE_CHECKBOX_CLASS,\n} from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { PickTransient, TransientAll } from 'acinguiux-ds-react-base/types';\n\nimport { type ITableRowProps, type ITableCellProps } from './TableElements.types';\nimport { Flexbox } from '../../../Flexbox/Flexbox.styles';\nimport { StyledExpander } from './Expander';\n\ntype StyledCellPropKeys = 'alignment' \| 'highlight' \| 'noPadding' \| 'width' \| 'pinAnchorOffset' \| 'isPinned';\nexport type StyledCellProps = PickTransient<ITableCellProps, StyledCellPropKeys>;\nexport type StyledHighlightCellProps = PickTransient<ITableCellProps, 'highlight'>;\n\nexport type StyledStickyProps = PickTransient<ITableCellProps, 'pinAnchorOffset'>;\n\nconst sharedCellStyles = css<PickTransient<ITableCellProps, 'width'>>`\n ${({ $width, theme }) => css`\n width: ${$width ?? 'auto'}px;\n min-width: ${$width ?? 'auto'}px;\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n box-sizing: border-box;\n overflow-wrap: break-word;\n `};\n`;\n\nconst sharedStickyCellStyles = css<StyledStickyProps>`\n ${({ $pinAnchorOffset }) => css`\n &[data-sticky] {\n position: sticky;\n z-index: 1;\n\n &[data-sticky='left'] {\n left: ${$pinAnchorOffset ?? 0}px;\n }\n\n &[data-sticky='right'] {\n right: ${$pinAnchorOffset ?? 0}px;\n }\n }\n `}\n`;\n\nconst sharedHighlightedCellStyles = css<StyledHighlightCellProps>`\n ${({ $highlight, theme }) =>\n $highlight &&\n css`\n --bg-color: ${theme.layer({\n sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n })[$highlight.type === 'sentiment' ? Variables.BackgroundSentiment : Variables.BackgroundSelected]};\n\n --bg-hover-color: ${theme.layer({\n sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n state: FabricsVariables.States.Hover,\n })[$highlight.type === 'sentiment' ? Variables.BackgroundSentiment : Variables.BackgroundSelected]};\n\n ${$highlight.indicator &&\n css`\n &:before {\n position: absolute;\n content: '';\n display: block;\n top: 0;\n bottom: 0;\n background-color: ${theme.layer({\n sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n })[$highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment]};\n width: 0;\n }\n\n ${$highlight.indicator === Positions.Left &&\n css`\n &:is(td):before {\n left: 0;\n width: 4px;\n }\n `}\n\n ${$highlight.indicator === Positions.Right &&\n css`\n &:is(td):before {\n right: 0;\n width: 4px;\n }\n `}\n `};\n `}\n`;\n\n/** Table elements /\n\nexport const StyledTh = styled.th<StyledCellProps & StyledStickyProps>`\n ${sharedCellStyles};\n ${sharedStickyCellStyles};\n ${sharedHighlightedCellStyles};\n\n ${({ colSpan, $noPadding, $alignment }) => css<StyledCellProps & StyledStickyProps>`\n position: relative;\n > ${Flexbox}, .${TABLE_HEADER_HEAD_CONTENT_CLASS} {\n position: relative;\n gap: var(--table-header-cell-gap);\n justify-content: ${$alignment};\n }\n\n .${TABLE_CHECKBOX_CLASS} {\n order: 0;\n ${$alignment === 'right' &&\n css`\n margin-right: auto;\n `}\n }\n\n text-align: ${(colSpan ?? 0) > 1 ? 'center' : 'left'};\n white-space: nowrap;\n\n ${$noPadding &&\n css`\n padding: unset !important;\n `}\n `}\n`;\n\nexport const Th = forwardRef<HTMLTableCellElement, ITableCellProps & ComponentPropsWithoutRef<'th'>>(\n ({ highlight, alignment, noPadding, width, pinAnchorOffset, isPinned, ...rest }, ref) => {\n return (\n <StyledTh\n ref={ref}\n $alignment={alignment}\n $highlight={highlight}\n $noPadding={noPadding}\n style={{ width }}\n data-sticky={isPinned}\n $pinAnchorOffset={pinAnchorOffset}\n {...rest}\n />\n );\n },\n);\n\n/\n @deprecated use Th instead\n /\nexport const TH = Th;\n\nexport const StyledTd = styled.td<StyledCellProps & StyledStickyProps>`\n ${sharedCellStyles};\n ${sharedStickyCellStyles};\n ${sharedHighlightedCellStyles};\n\n ${({ $noPadding, $alignment }) => css<StyledCellProps & StyledStickyProps>`\n position: relative;\n > ${Flexbox} {\n position: relative;\n gap: var(--table-cell-gap);\n justify-content: ${$alignment};\n }\n\n .${TABLE_CHECKBOX_CLASS} {\n margin-right: auto;\n }\n\n ${$noPadding &&\n css`\n padding: unset !important;\n `}\n `}\n`;\n\nexport const Td = forwardRef<HTMLTableCellElement, ITableCellProps & ComponentPropsWithoutRef<'td'>>(\n ({ highlight, alignment, noPadding, width, pinAnchorOffset, isPinned, ...rest }, ref) => {\n return (\n <StyledTd\n ref={ref}\n $alignment={alignment}\n $highlight={highlight}\n $noPadding={noPadding}\n style={{\n width,\n }}\n data-sticky={isPinned}\n $pinAnchorOffset={pinAnchorOffset}\n {...rest}\n />\n );\n },\n);\n\n/\n @deprecated use Td instead\n /\nexport const TD = Td;\n\nconst stickyCellShadowStyles = css`\n & > ${StyledTh}, & > ${StyledTd} {\n &:is([data-sticky='left']):not(:has(~ [data-sticky='left'])) {\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 & > ${StyledTh}, & > ${StyledTd} {\n &:not([data-sticky='right']) + [data-sticky='right'] {\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\nexport const StyledTr = styled.tr<TransientAll<ITableRowProps>>(\n ({ theme, $depth, $highlight, $disableRowHover = false }) => {\n const layer = theme.layer({\n foundation: 'surface',\n sentiment: $highlight?.type === 'sentiment' ? $highlight.sentiment : undefined,\n });\n const subtleLayer = theme.layer({\n foundation: 'surface',\n sentiment: $highlight?.type === 'sentiment' ? $highlight.sentiment : undefined,\n sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n });\n\n return css`\n transition:\n background-color 0.1s,\n height 0.1s,\n opacity 0.1s;\n\n --bg-color: ${layer[Variables.BackgroundFoundation]};\n --table-row-depth: ${$depth ?? 0};\n\n & {\n ${stickyCellShadowStyles};\n }\n\n ${StyledTd} {\n height: var(--table-cell-height);\n padding: var(--table-cell-padding-top) var(--table-cell-padding-left) var(--table-cell-padding-bottom)\n var(--table-cell-padding-right);\n }\n\n ${StyledTd}:has(.${BUTTON_CLASS}),\n ${StyledTd}:has(.${SELECT_CLASS}),\n ${StyledTd}:has(.${EMPTY_STATE_CLASS}),\n ${StyledTd}:has(${StyledExpander}) {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n\n ${StyledTh} {\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}, & .${BUTTON_CLASS}:focus-visible {\n opacity: 1;\n }\n }\n\n ${!$disableRowHover &&\n css`\n &:hover {\n --bg-hover-color: ${theme.layer({ foundation: 'surface', state: FabricsVariables.States.Hover })[\n Variables.BackgroundFoundation\n ]};\n }\n `}\n\n & > ${StyledTd}, & > ${StyledTh} {\n background-color: var(--bg-color, inherit);\n }\n &:hover > ${StyledTd}, &:hover > ${StyledTh} {\n background-color: var(--bg-hover-color, inherit);\n }\n\n ${$highlight &&\n css`\n --bg-color: ${subtleLayer[\n $highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment\n ]};\n\n ${!$disableRowHover &&\n css`\n &:hover {\n --bg-hover-color: ${theme.layer({\n selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n state: FabricsVariables.States.Hover,\n })[$highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment]};\n }\n `};\n\n ${$highlight.indicator &&\n css`\n ${StyledTh}, ${StyledTd} {\n &:before {\n position: absolute;\n content: '';\n display: block;\n top: 0;\n bottom: 0;\n background-color: ${layer[\n $highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment\n ]};\n width: 0;\n }\n }\n\n ${$highlight.indicator === Positions.Left &&\n css`\n ${StyledTh}:first-of-type:before,\n ${StyledTd}:first-of-type:before {\n left: 0;\n width: 4px;\n }\n `}\n\n ${$highlight.indicator === Positions.Right &&\n css`\n ${StyledTh}:last-of-type:before,\n ${StyledTd}:last-of-type:before {\n right: 0;\n width: 4px;\n }\n `}\n `};\n `}\n `;\n },\n);\n\nexport const Tr = forwardRef<HTMLTableRowElement, ITableRowProps & ComponentPropsWithRef<'tr'>>(\n ({ highlight, depth, disableRowHover, ...rest }, ref) => (\n <StyledTr ref={ref} $highlight={highlight} $depth={depth} $disableRowHover={disableRowHover} {...rest} />\n ),\n);\n\n/\n @deprecated use Tr instead\n /\nexport const TR = Tr;\n\nexport const THead = styled.thead(({ theme }) => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return css`\n position: relative;\n ${StyledTh} {\n height: var(--table-header-cell-height);\n padding: var(--table-header-cell-padding-top) var(--table-header-cell-padding-left)\n var(--table-header-cell-padding-bottom) var(--table-header-cell-padding-right);\n }\n &[data-sticky='true'] {\n ${StyledTr} {\n position: sticky;\n z-index: 2;\n background-color: ${layer[Variables.BackgroundFoundation]};\n top: calc(var(--table-row-depth, 0) var(--table-header-cell-height, 0px));\n\n &:last-of-type {\n will-change: filter;\n /* NOTE: clip path will display the drop shadow only at the bottom /\n clip-path: inset(0 0 -9999px 0);\n filter: ${theme.dropShadows.low4};\n }\n }\n }\n\n ${StyledTr}:not(:last-of-type) > ${StyledTh} {\n border-bottom: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n }\n\n ${StyledTr}:last-of-type > ${StyledTh} {\n border-bottom: 1px solid ${layer[Variables.BorderOnFoundationMedium]};\n }\n `;\n});\n\nexport const TBody = styled.tbody(\n ({ theme }) => css`\n ${StyledTr}:not(:last-of-type) > ${StyledTd} {\n border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n }\n `,\n);\n\nexport const TFoot = styled.tfoot(({ theme }) => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return css`\n ${StyledTh} {\n height: var(--table-cell-height);\n padding: var(--table-cell-padding-top) var(--table-cell-padding-left) var(--table-cell-padding-bottom)\n var(--table-cell-padding-right);\n }\n\n &[data-sticky='true'] {\n ${StyledTr} {\n position: sticky;\n z-index: 2;\n background-color: ${layer[Variables.BackgroundFoundation]};\n bottom: calc(var(--table-row-depth, 0) var(--table-cell-height, 0px));\n\n &:first-of-type {\n will-change: filter;\n /* NOTE: clip path will display the drop shadow only at the top */\n clip-path: inset(-9999px 0 0 0);\n filter: ${theme.dropShadows.low4};\n }\n }\n }\n\n ${StyledTr}:not(:first-of-type) > ${StyledTh} {\n border-top: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n }\n\n ${StyledTr}:first-of-type > ${StyledTh} {\n border-top: 1px solid ${layer[Variables.BorderOnFoundationMedium]};\n }\n `;\n});\n\nexport const SpaceTR = styled(Tr)(\n ({ theme }) => css`\n background: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n & > ${StyledTd} {\n height: var(--table-row-group-spacing-height);\n padding: 0;\n }\n `,\n);\n"],"names":["sharedCellStyles","css","$width","theme","Variables","sharedStickyCellStyles","$pinAnchorOffset","sharedHighlightedCellStyles","$highlight","FabricsVariables","Positions","StyledTh","styled","colSpan","$noPadding","$alignment","Flexbox","TABLE_HEADER_HEAD_CONTENT_CLASS","TABLE_CHECKBOX_CLASS","Th","forwardRef","highlight","alignment","noPadding","width","pinAnchorOffset","isPinned","rest","ref","jsx","TH","StyledTd","Td","TD","stickyCellShadowStyles","StyledTr","$depth","$disableRowHover","layer","subtleLayer","BUTTON_CLASS","SELECT_CLASS","EMPTY_STATE_CLASS","StyledExpander","TABLE_MENU_BUTTON_CLASS","TABLE_PIN_BUTTON_CLASS","Tr","depth","disableRowHover","TR","THead","TBody","TFoot","SpaceTR"],"mappings":"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"}
1	+ {"version":3,"file":"TableElements.js","sources":["../../../../../../src/components/Table/components/TableElements/TableElements.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ComponentPropsWithRef } from 'react';\n\nimport { styled, css } from 'styled-components';\nimport {\n Positions,\n BUTTON_CLASS,\n EMPTY_STATE_CLASS,\n TABLE_PIN_BUTTON_CLASS,\n TABLE_MENU_BUTTON_CLASS,\n SELECT_CLASS,\n TABLE_HEADER_HEAD_CONTENT_CLASS,\n TABLE_CHECKBOX_CLASS,\n} from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { PickTransient, TransientAll } from 'acinguiux-ds-react-base/types';\n\nimport { type ITableRowProps, type ITableCellProps } from './TableElements.types';\nimport { Flexbox } from '../../../Flexbox/Flexbox.styles';\nimport { StyledExpander } from './Expander';\n\ntype StyledCellPropKeys = 'alignment' \| 'highlight' \| 'noPadding' \| 'width' \| 'pinAnchorOffset' \| 'isPinned';\nexport type StyledCellProps = PickTransient<ITableCellProps, StyledCellPropKeys>;\nexport type StyledHighlightCellProps = PickTransient<ITableCellProps, 'highlight'>;\n\nexport type StyledStickyProps = PickTransient<ITableCellProps, 'pinAnchorOffset'>;\n\nconst sharedCellStyles = css<PickTransient<ITableCellProps, 'width'>>`\n ${({ $width, theme }) => css`\n width: ${$width ?? 'auto'}px;\n min-width: ${$width ?? 'auto'}px;\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n box-sizing: border-box;\n overflow-wrap: break-word;\n `};\n`;\n\nconst sharedStickyCellStyles = css<StyledStickyProps>`\n ${({ $pinAnchorOffset }) => css`\n &[data-sticky] {\n position: sticky;\n z-index: 1;\n\n &[data-sticky='left'] {\n left: ${$pinAnchorOffset ?? 0}px;\n }\n\n &[data-sticky='right'] {\n right: ${$pinAnchorOffset ?? 0}px;\n }\n }\n `}\n`;\n\nconst sharedHighlightedCellStyles = css<StyledHighlightCellProps>`\n ${({ $highlight, theme }) =>\n $highlight &&\n css`\n --bg-color: ${theme.layer({\n sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n })[$highlight.type === 'sentiment' ? Variables.BackgroundSentiment : Variables.BackgroundSelected]};\n\n --bg-hover-color: ${theme.layer({\n sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n state: FabricsVariables.States.Hover,\n })[$highlight.type === 'sentiment' ? Variables.BackgroundSentiment : Variables.BackgroundSelected]};\n\n ${$highlight.indicator &&\n css`\n &:before {\n position: absolute;\n content: '';\n display: block;\n top: 0;\n bottom: 0;\n background-color: ${theme.layer({\n sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n })[$highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment]};\n width: 0;\n }\n\n ${$highlight.indicator === Positions.Left &&\n css`\n &:is(td):before {\n left: 0;\n width: 4px;\n }\n `}\n\n ${$highlight.indicator === Positions.Right &&\n css`\n &:is(td):before {\n right: 0;\n width: 4px;\n }\n `}\n `};\n `}\n`;\n\n/** Table elements /\n\nexport const StyledTh = styled.th<StyledCellProps & StyledStickyProps>`\n ${sharedCellStyles};\n ${sharedStickyCellStyles};\n ${sharedHighlightedCellStyles};\n\n ${({ colSpan, $noPadding, $alignment }) => css<StyledCellProps & StyledStickyProps>`\n position: relative;\n > ${Flexbox}, .${TABLE_HEADER_HEAD_CONTENT_CLASS} {\n position: relative;\n gap: var(--table-header-cell-gap);\n justify-content: ${$alignment};\n }\n\n .${TABLE_CHECKBOX_CLASS} {\n order: 0;\n ${$alignment === 'right' &&\n css`\n margin-right: auto;\n `}\n }\n\n text-align: ${(colSpan ?? 0) > 1 ? 'center' : 'left'};\n white-space: nowrap;\n\n ${$noPadding &&\n css`\n padding: unset !important;\n `}\n `}\n`;\n\nexport const Th = forwardRef<HTMLTableCellElement, ITableCellProps & ComponentPropsWithoutRef<'th'>>(\n ({ highlight, alignment, noPadding, width, pinAnchorOffset, isPinned, ...rest }, ref) => {\n return (\n <StyledTh\n ref={ref}\n $alignment={alignment}\n $highlight={highlight}\n $noPadding={noPadding}\n style={{ width }}\n data-sticky={isPinned}\n $pinAnchorOffset={pinAnchorOffset}\n {...rest}\n />\n );\n },\n);\n\n/\n @deprecated use Th instead\n /\nexport const TH = Th;\n\nexport const StyledTd = styled.td<StyledCellProps & StyledStickyProps>`\n ${sharedCellStyles};\n ${sharedStickyCellStyles};\n ${sharedHighlightedCellStyles};\n\n ${({ $noPadding, $alignment }) => css<StyledCellProps & StyledStickyProps>`\n position: relative;\n > ${Flexbox} {\n position: relative;\n gap: var(--table-cell-gap);\n justify-content: ${$alignment};\n }\n\n .${TABLE_CHECKBOX_CLASS} {\n margin-right: auto;\n }\n\n ${$noPadding &&\n css`\n padding: unset !important;\n `}\n `}\n`;\n\nexport const Td = forwardRef<HTMLTableCellElement, ITableCellProps & ComponentPropsWithoutRef<'td'>>(\n ({ highlight, alignment, noPadding, width, pinAnchorOffset, isPinned, ...rest }, ref) => {\n return (\n <StyledTd\n ref={ref}\n $alignment={alignment}\n $highlight={highlight}\n $noPadding={noPadding}\n style={{\n width,\n }}\n data-sticky={isPinned}\n $pinAnchorOffset={pinAnchorOffset}\n {...rest}\n />\n );\n },\n);\n\n/\n @deprecated use Td instead\n /\nexport const TD = Td;\n\nconst stickyCellShadowStyles = css`\n & > ${StyledTh}, & > ${StyledTd} {\n &:is([data-sticky='left']):not(:has(~ [data-sticky='left'])) {\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 & > ${StyledTh}, & > ${StyledTd} {\n &:not([data-sticky='right']) + [data-sticky='right'] {\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\nexport const StyledTr = styled.tr<TransientAll<ITableRowProps>>(\n ({ theme, $depth, $highlight, $disableRowHover = false }) => {\n const layer = theme.layer({\n foundation: 'surface',\n sentiment: $highlight?.type === 'sentiment' ? $highlight.sentiment : undefined,\n });\n const subtleLayer = theme.layer({\n foundation: 'surface',\n sentiment: $highlight?.type === 'sentiment' ? $highlight.sentiment : undefined,\n sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n });\n\n return css`\n transition:\n background-color 0.1s,\n height 0.1s,\n opacity 0.1s;\n\n --bg-color: ${layer[Variables.BackgroundFoundation]};\n --table-row-depth: ${$depth ?? 0};\n\n & {\n ${stickyCellShadowStyles};\n }\n\n ${StyledTd} {\n height: var(--table-cell-height);\n padding: var(--table-cell-padding-top) var(--table-cell-padding-left) var(--table-cell-padding-bottom)\n var(--table-cell-padding-right);\n }\n\n ${StyledTd}:has(.${BUTTON_CLASS}),\n ${StyledTd}:has(.${SELECT_CLASS}),\n ${StyledTd}:has(.${EMPTY_STATE_CLASS}),\n ${StyledTd}:has(${StyledExpander}) {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n\n ${StyledTh} {\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}, & .${BUTTON_CLASS}:focus-visible {\n opacity: 1;\n }\n }\n\n ${!$disableRowHover &&\n css`\n &:hover {\n --bg-hover-color: ${theme.layer({ foundation: 'surface', state: FabricsVariables.States.Hover })[\n Variables.BackgroundFoundation\n ]};\n }\n `}\n\n & > ${StyledTd}, & > ${StyledTh} {\n background-color: var(--bg-color, inherit);\n }\n &:hover > ${StyledTd}, &:hover > ${StyledTh} {\n background-color: var(--bg-hover-color, inherit);\n }\n\n ${$highlight &&\n css`\n --bg-color: ${subtleLayer[\n $highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment\n ]};\n\n ${!$disableRowHover &&\n css`\n &:hover {\n --bg-hover-color: ${theme.layer({\n selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n sentiment: $highlight.type === 'sentiment' ? $highlight.sentiment : undefined,\n state: FabricsVariables.States.Hover,\n })[$highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment]};\n }\n `};\n\n ${$highlight.indicator &&\n css`\n ${StyledTh}, ${StyledTd} {\n &:before {\n position: absolute;\n content: '';\n display: block;\n top: 0;\n bottom: 0;\n background-color: ${layer[\n $highlight.type === 'selected' ? Variables.BackgroundSelected : Variables.BackgroundSentiment\n ]};\n width: 0;\n }\n }\n\n ${$highlight.indicator === Positions.Left &&\n css`\n ${StyledTh}:first-of-type:before,\n ${StyledTd}:first-of-type:before {\n left: 0;\n width: 4px;\n }\n `}\n\n ${$highlight.indicator === Positions.Right &&\n css`\n ${StyledTh}:last-of-type:before,\n ${StyledTd}:last-of-type:before {\n right: 0;\n width: 4px;\n }\n `}\n `};\n `}\n `;\n },\n);\n\nexport const Tr = forwardRef<HTMLTableRowElement, ITableRowProps & ComponentPropsWithRef<'tr'>>(\n ({ highlight, depth, disableRowHover, ...rest }, ref) => (\n <StyledTr ref={ref} $highlight={highlight} $depth={depth} $disableRowHover={disableRowHover} {...rest} />\n ),\n);\n\n/\n @deprecated use Tr instead\n /\nexport const TR = Tr;\n\nexport const THead = styled.thead(({ theme }) => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return css`\n position: relative;\n ${StyledTh} {\n height: var(--table-header-cell-height);\n padding: var(--table-header-cell-padding-top) var(--table-header-cell-padding-left)\n var(--table-header-cell-padding-bottom) var(--table-header-cell-padding-right);\n }\n &[data-sticky='true'] {\n ${StyledTr} {\n position: sticky;\n z-index: 2;\n background-color: ${layer[Variables.BackgroundFoundation]};\n top: calc(var(--table-row-depth, 0) var(--table-header-cell-height, 0px));\n\n &:last-of-type {\n will-change: filter;\n /* NOTE: clip path will display the drop shadow only at the bottom /\n clip-path: inset(0 0 -9999px 0);\n filter: ${theme.dropShadows.low4};\n }\n }\n }\n\n ${StyledTr}:not(:last-of-type) > ${StyledTh} {\n border-bottom: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n }\n\n ${StyledTr}:last-of-type > ${StyledTh} {\n border-bottom: 1px solid ${layer[Variables.BorderOnFoundationMedium]};\n }\n `;\n});\n\nexport const TBody = styled.tbody(\n ({ theme }) => css`\n ${StyledTr}:not(:last-of-type) > ${StyledTd} {\n border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n }\n `,\n);\n\nexport const TFoot = styled.tfoot(({ theme }) => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return css`\n ${StyledTh} {\n height: var(--table-cell-height);\n padding: var(--table-cell-padding-top) var(--table-cell-padding-left) var(--table-cell-padding-bottom)\n var(--table-cell-padding-right);\n }\n\n &[data-sticky='true'] {\n ${StyledTr} {\n position: sticky;\n z-index: 2;\n background-color: ${layer[Variables.BackgroundFoundation]};\n bottom: calc(var(--table-row-depth, 0) var(--table-cell-height, 0px));\n\n &:first-of-type {\n will-change: filter;\n /* NOTE: clip path will display the drop shadow only at the top */\n clip-path: inset(-9999px 0 0 0);\n filter: ${theme.dropShadows.low4};\n }\n }\n }\n\n ${StyledTr}:not(:first-of-type) > ${StyledTh} {\n border-top: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n }\n\n ${StyledTr}:first-of-type > ${StyledTh} {\n border-top: 1px solid ${layer[Variables.BorderOnFoundationMedium]};\n }\n `;\n});\n\nexport const SpaceTR = styled(Tr)(\n ({ theme }) => css`\n background: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n & > ${StyledTd} {\n height: var(--table-row-group-spacing-height);\n padding: 0;\n }\n `,\n);\n"],"names":["sharedCellStyles","css","$width","theme","Variables","sharedStickyCellStyles","$pinAnchorOffset","sharedHighlightedCellStyles","$highlight","FabricsVariables","Positions","StyledTh","styled","colSpan","$noPadding","$alignment","Flexbox","TABLE_HEADER_HEAD_CONTENT_CLASS","TABLE_CHECKBOX_CLASS","Th","forwardRef","highlight","alignment","noPadding","width","pinAnchorOffset","isPinned","rest","ref","jsx","TH","StyledTd","Td","TD","stickyCellShadowStyles","StyledTr","$depth","$disableRowHover","layer","subtleLayer","BUTTON_CLASS","SELECT_CLASS","EMPTY_STATE_CLASS","StyledExpander","TABLE_MENU_BUTTON_CLASS","TABLE_PIN_BUTTON_CLASS","Tr","depth","disableRowHover","TR","THead","TBody","TFoot","SpaceTR"],"mappings":"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"}

package/build/cjs/components/Table/components/TableElements/TableWrapper.js CHANGED Viewed

@@ -1,27 +1,30 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),c=require("react"),e=require("styled-components"),d=e.styled.div`
-  ${({$maxWidth:o,$maxHeight:t,$stickyRows:r,$virtualized:s})=>e.css`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),c=require("react"),e=require("styled-components"),n=require("../../../../react-base/src/theme/types/layer.js"),d=e.styled.div`
+  ${({$maxWidth:o,$maxHeight:r,$stickyRows:t,$virtualized:a,theme:s})=>e.css`
+    display: flex;
+    flex-direction: column;
     position: relative;
     width: 100%;
     max-width: 100%;
     overflow: auto;
+    background-color: ${s.layer({foundation:"surface"})[n.Variables.BackgroundFoundation]};
     ${o&&e.css`
       max-width: ${o}px;
       overflow-x: auto;
     `}
-    ${t&&e.css`
-      max-height: ${t}px;
+    ${r&&e.css`
+      max-height: ${r}px;
       overflow-y: auto;
     `}
-    ${r&&e.css`
+    ${t&&e.css`
       overflow-y: auto;
     `}
-    ${s&&e.css`
+    ${a&&e.css`
       overflow: auto;
     `}
   `}
-`,n=c.forwardRef(({children:o,maxHeight:t,maxWidth:r,stickyRows:s,virtualized:a,...i},l)=>u.jsx(d,{ref:l,$maxHeight:t,$maxWidth:r,$stickyRows:s,$virtualized:a,...i,children:o}));exports.TableWrapper=n;
+`,f=c.forwardRef(({children:o,maxHeight:r,maxWidth:t,stickyRows:a,virtualized:s,...i},l)=>u.jsx(d,{ref:l,$maxHeight:r,$maxWidth:t,$stickyRows:a,$virtualized:s,...i,children:o}));exports.TableWrapper=f;
 //# sourceMappingURL=TableWrapper.js.map

package/build/cjs/components/Table/components/TableElements/TableWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableWrapper.js","sources":["../../../../../../src/components/Table/components/TableElements/TableWrapper.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef, type RefObject } from 'react';\n\nimport { styled, css } from 'styled-components';\nimport type { TransientAll } from 'acinguiux-ds-react-base/types';\n\nimport type { ITableWrapperProps } from './TableElements.types';\n\nconst StyledTableWrapper = styled.div<TransientAll<ITableWrapperProps>>`\n ${({ $maxWidth, $maxHeight, $stickyRows, $virtualized }) => css`\n position: relative;\n width: 100%;\n max-width: 100%;\n overflow: auto;\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 {\n children,\n maxHeight,\n maxWidth,\n stickyRows,\n virtualized,\n ...rest\n }: ITableWrapperProps & ComponentPropsWithoutRef<'div'>,\n ref: ((instance: HTMLDivElement \| null) => void) \| RefObject<HTMLDivElement> \| null \| undefined,\n ) => (\n <StyledTableWrapper\n ref={ref}\n $maxHeight={maxHeight}\n $maxWidth={maxWidth}\n $stickyRows={stickyRows}\n $virtualized={virtualized}\n {...rest}\n >\n {children}\n </StyledTableWrapper>\n ),\n);\n"],"names":["StyledTableWrapper","styled","$maxWidth","$maxHeight","$stickyRows","$virtualized","css","TableWrapper","forwardRef","children","maxHeight","maxWidth","stickyRows","virtualized","rest","ref","jsx"],"mappings":"~~mMAOMA~~,EAAqBC,EAAAA,OAAO;AAAA,IAC9B,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAY,YAAAC,EAAa,aAAAC,~~KAAmBC~~,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,~~MAMxDJ~~,~~GACFI~~,EAAAA;AAAAA,~~mBACeJ~~,CAAS;AAAA;AAAA,KAEvB;AAAA;AAAA,MAECC,~~GACFG~~,EAAAA;AAAAA,~~oBACgBH~~,CAAU;AAAA;AAAA,KAEzB;AAAA;AAAA,MAECC,~~GACFE~~,EAAAA;AAAAA;AAAAA,KAEC;AAAA;AAAA,~~MAECD~~,~~GACFC~~,EAAAA;AAAAA;AAAAA,KAEC;AAAA,GACF;AAAA,~~EAGUC~~,EAAeC,EAAAA,WAC1B,CACE,CACE,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,GAAGC,CAAA,EAELC,IAEAC,EAAAA,~~IAAChB~~,EAAA,CACC,~~IAAAe~~,EACA,WAAYL,EACZ,UAAWC,EACX,YAAaC,EACb,aAAcC,EACb,GAAGC,EAEH,SAAAL,CAAA,CAAA,CAGP"}
1	+ {"version":3,"file":"TableWrapper.js","sources":["../../../../../../src/components/Table/components/TableElements/TableWrapper.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef, type RefObject } from 'react';\n\nimport { styled, css } from 'styled-components';\nimport type { TransientAll } from 'acinguiux-ds-react-base/types';\nimport { Variables } from 'acinguiux-ds-react-base/theme/types/layer';\n\nimport type { ITableWrapperProps } from './TableElements.types';\n\nconst StyledTableWrapper = styled.div<TransientAll<ITableWrapperProps>>`\n ${({ $maxWidth, $maxHeight, $stickyRows, $virtualized, theme }) => css`\n display: flex;\n flex-direction: column;\n position: relative;\n width: 100%;\n max-width: 100%;\n overflow: auto;\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\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 {\n children,\n maxHeight,\n maxWidth,\n stickyRows,\n virtualized,\n ...rest\n }: ITableWrapperProps & ComponentPropsWithoutRef<'div'>,\n ref: ((instance: HTMLDivElement \| null) => void) \| RefObject<HTMLDivElement> \| null \| undefined,\n ) => (\n <StyledTableWrapper\n ref={ref}\n $maxHeight={maxHeight}\n $maxWidth={maxWidth}\n $stickyRows={stickyRows}\n $virtualized={virtualized}\n {...rest}\n >\n {children}\n </StyledTableWrapper>\n ),\n);\n"],"names":["StyledTableWrapper","styled","$maxWidth","$maxHeight","$stickyRows","$virtualized","theme","css","Variables","TableWrapper","forwardRef","children","maxHeight","maxWidth","stickyRows","virtualized","rest","ref","jsx"],"mappings":"gQAQMA,EAAqBC,EAAAA,OAAO;AAAA,IAC9B,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAY,YAAAC,EAAa,aAAAC,EAAc,MAAAC,KAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,wBAO7CD,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEE,EAAAA,UAAU,oBAAoB,CAAC;AAAA;AAAA,MAExFN,GACFK,EAAAA;AAAAA,mBACeL,CAAS;AAAA;AAAA,KAEvB;AAAA;AAAA,MAECC,GACFI,EAAAA;AAAAA,oBACgBJ,CAAU;AAAA;AAAA,KAEzB;AAAA;AAAA,MAECC,GACFG,EAAAA;AAAAA;AAAAA,KAEC;AAAA;AAAA,MAECF,GACFE,EAAAA;AAAAA;AAAAA,KAEC;AAAA,GACF;AAAA,EAGUE,EAAeC,EAAAA,WAC1B,CACE,CACE,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,GAAGC,CAAA,EAELC,IAEAC,EAAAA,IAAClB,EAAA,CACC,IAAAiB,EACA,WAAYL,EACZ,UAAWC,EACX,YAAaC,EACb,aAAcC,EACb,GAAGC,EAEH,SAAAL,CAAA,CAAA,CAGP"}

package/build/cjs/components/Table/features/sized.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("@tanstack/react-table"),o={getInitialState:e=>({size:"medium",...e}),getDefaultOptions:e=>({onSizeChange:r.makeStateUpdater("size",e)}),createTable:e=>{e.setSize=i=>{var t,a;const n=u=>r.functionalUpdate(i,u);return(a=(t=e.options).onSizeChange)==null?void 0:a.call(t,n)}}};exports.SizedFeature=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@tanstack/react-table"),n={getInitialState:e=>({size:"medium",...e}),getDefaultOptions:e=>({onSizeChange:t.makeStateUpdater("size",e)}),createTable:e=>{e.setSize=a=>{const r=i=>t.functionalUpdate(a,i);return e.options.onSizeChange?.(r)}}};exports.SizedFeature=n;
 //# sourceMappingURL=sized.js.map

package/build/cjs/components/Table/features/sized.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sized.js","sources":["../../../../../src/components/Table/features/sized.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type, @typescript-eslint/no-unused-vars */\n// TypeScript setup for our new feature with all of the same type-safety as stock TanStack Table features\n// Expanded from the original code from https://tanstack.com/table/latest/docs/framework/react/examples/custom-features\n\nimport { TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport {\n functionalUpdate,\n makeStateUpdater,\n OnChangeFn,\n RowData,\n Table,\n TableFeature,\n Updater,\n} from '@tanstack/react-table';\n\n// define types for our new feature's custom state\nexport interface SizedTableState {\n size: TableTypes.Size;\n}\n\n// define types for our new feature's table options\nexport interface SizeOptions {\n onSizeChange?: OnChangeFn<TableTypes.Size>;\n}\n\n// Define types for our new feature's table APIs\nexport interface SizeInstance {\n setSize: (updater: Updater<TableTypes.Size>) => void;\n}\n\n// Use declaration merging to add our new feature APIs and state types to TanStack Table's existing types.\ndeclare module '@tanstack/react-table' {\n //merge our new feature's state with the existing table state\n interface TableState extends SizedTableState {}\n //merge our new feature's options with the existing table options\n interface TableOptionsResolved<TData extends RowData> extends SizeOptions {}\n //merge our new feature's instance APIs with the existing table instance APIs\n ~~// eslint-disable-next-line no-shadow\n~~ interface Table<TData extends RowData> extends SizeInstance {}\n}\n\n// end of TS setup!\n\n// Here is all of the actual javascript code for our new feature\nexport const SizedFeature: TableFeature<{}> = {\n // define the new feature's initial state\n getInitialState: (state): SizedTableState => {\n return {\n size: 'medium',\n ...state,\n };\n },\n\n // define the new feature's default options\n getDefaultOptions: <TData extends RowData>(table: Table<TData>): SizeOptions => {\n return {\n onSizeChange: makeStateUpdater('size', table),\n };\n },\n\n createTable: <TData extends RowData>(table: Table<TData>): void => {\n table.setSize = (updater) => {\n const safeUpdater: Updater<TableTypes.Size> = (old) => functionalUpdate(updater, old);\n\n return table.options.onSizeChange?.(safeUpdater);\n };\n },\n};\n"],"names":["SizedFeature","state","table","makeStateUpdater","updater","safeUpdater","old","functionalUpdate"~~,"_b","_a"~~],"mappings":"~~qJA4CaA~~,EAAiC,CAE5C,gBAAkBC,IACT,CACL,KAAM,SACN,GAAGA,CAAA,GAKP,kBAA2CC,IAClC,CACL,aAAcC,EAAAA,iBAAiB,OAAQD,CAAK,CAAA,GAIhD,YAAqCA,GAA8B,CACjEA,EAAM,QAAWE,GAAY,~~SAC3B~~,MAAMC,EAAyCC,GAAQC,EAAAA,iBAAiBH,EAASE,CAAG,EAEpF,~~OAAOE~~,~~GAAAC,EAAAP,~~EAAM,~~SAAQ~~,~~eAAd~~,~~YAAAM~~,~~EAAA~~,~~KAAAC,EAA6BJ,EACtC,~~CACF,CACF"}
1	+ {"version":3,"file":"sized.js","sources":["../../../../../src/components/Table/features/sized.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type, @typescript-eslint/no-unused-vars */\n// TypeScript setup for our new feature with all of the same type-safety as stock TanStack Table features\n// Expanded from the original code from https://tanstack.com/table/latest/docs/framework/react/examples/custom-features\n\nimport { TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport {\n functionalUpdate,\n makeStateUpdater,\n OnChangeFn,\n RowData,\n Table,\n TableFeature,\n Updater,\n} from '@tanstack/react-table';\n\n// define types for our new feature's custom state\nexport interface SizedTableState {\n size: TableTypes.Size;\n}\n\n// define types for our new feature's table options\nexport interface SizeOptions {\n onSizeChange?: OnChangeFn<TableTypes.Size>;\n}\n\n// Define types for our new feature's table APIs\nexport interface SizeInstance {\n setSize: (updater: Updater<TableTypes.Size>) => void;\n}\n\n// Use declaration merging to add our new feature APIs and state types to TanStack Table's existing types.\ndeclare module '@tanstack/react-table' {\n //merge our new feature's state with the existing table state\n interface TableState extends SizedTableState {}\n //merge our new feature's options with the existing table options\n interface TableOptionsResolved<TData extends RowData> extends SizeOptions {}\n //merge our new feature's instance APIs with the existing table instance APIs\n interface Table<TData extends RowData> extends SizeInstance {}\n}\n\n// end of TS setup!\n\n// Here is all of the actual javascript code for our new feature\nexport const SizedFeature: TableFeature<{}> = {\n // define the new feature's initial state\n getInitialState: (state): SizedTableState => {\n return {\n size: 'medium',\n ...state,\n };\n },\n\n // define the new feature's default options\n getDefaultOptions: <TData extends RowData>(table: Table<TData>): SizeOptions => {\n return {\n onSizeChange: makeStateUpdater('size', table),\n };\n },\n\n createTable: <TData extends RowData>(table: Table<TData>): void => {\n table.setSize = (updater) => {\n const safeUpdater: Updater<TableTypes.Size> = (old) => functionalUpdate(updater, old);\n\n return table.options.onSizeChange?.(safeUpdater);\n };\n },\n};\n"],"names":["SizedFeature","state","table","makeStateUpdater","updater","safeUpdater","old","functionalUpdate"],"mappings":"qJA2CaA,EAAiC,CAE5C,gBAAkBC,IACT,CACL,KAAM,SACN,GAAGA,CAAA,GAKP,kBAA2CC,IAClC,CACL,aAAcC,EAAAA,iBAAiB,OAAQD,CAAK,CAAA,GAIhD,YAAqCA,GAA8B,CACjEA,EAAM,QAAWE,GAAY,CAC3B,MAAMC,EAAyCC,GAAQC,EAAAA,iBAAiBH,EAASE,CAAG,EAEpF,OAAOJ,EAAM,QAAQ,eAAeG,CAAW,CACjD,CACF,CACF"}

package/build/cjs/components/Table/hooks/useVirtualized.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),z=require("react"),m=require("@tanstack/react-virtual"),S=require("../../../react-base/src/components/Table/Table.consts.js"),c=({padding:t})=>t>0&&i.jsx("tr",{children:i.jsx("td",{style:{height:`${t}px`},"aria-label":"hidden row","aria-hidden":!0})}),p=30,T=t=>{var o,s;const n=z.useRef(null),{rows:r}=t.getRowModel(),l=m.useVirtualizer({count:r.length,getScrollElement:()=>n.current,estimateSize:()=>t.getState().size?S.consts[t.getState().size].cell.height:p,overscan:10}),{getVirtualItems:u,getTotalSize:a}=l,e=u(),d=a(),g=e.length>0&&((o=e==null?void 0:e[0])==null?void 0:o.start)||0,h=e.length>0?d-(((s=e==null?void 0:e[e.length-1])==null?void 0:s.end)||0):0;return{virtualRows:e,rows:r,tableContainerRef:n,paddingTop:g,paddingBottom:h,EmptyRow:c}};exports.EmptyRow=c;exports.useVirtualized=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),g=require("react"),h=require("@tanstack/react-virtual"),z=require("../../../react-base/src/components/Table/Table.consts.js"),n=({padding:e})=>e>0&&s.jsx("tr",{children:s.jsx("td",{style:{height:`${e}px`},"aria-label":"hidden row","aria-hidden":!0})}),m=30,R=e=>{const r=g.useRef(null),{rows:o}=e.getRowModel(),i=h.useVirtualizer({count:o.length,getScrollElement:()=>r.current,estimateSize:()=>e.getState().size?z.consts[e.getState().size].cell.height:m,overscan:10}),{getVirtualItems:l,getTotalSize:c}=i,t=l(),u=c(),a=t.length>0&&t?.[0]?.start||0,d=t.length>0?u-(t?.[t.length-1]?.end||0):0;return{virtualRows:t,rows:o,tableContainerRef:r,paddingTop:a,paddingBottom:d,EmptyRow:n}};exports.EmptyRow=n;exports.useVirtualized=R;
 //# sourceMappingURL=useVirtualized.js.map

package/build/cjs/components/Table/hooks/useVirtualized.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useVirtualized.js","sources":["../../../../../src/components/Table/hooks/useVirtualized.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport type { Table } from '@tanstack/react-table';\nimport { TableConsts } from 'acinguiux-ds-react-base/components/Table';\n\nexport const EmptyRow = ({ padding }: { padding: number }) =>\n padding > 0 && (\n <tr>\n <td style={{ height: `${padding}px` }} aria-label=\"hidden row\" aria-hidden={true} />\n </tr>\n );\n\nconst DEFAULT_ROW_HEIGHT = 30;\n\nexport const useVirtualized = <T,>(table: Table<T>) => {\n const tableContainerRef = useRef<HTMLDivElement>(null);\n const { rows } = table.getRowModel();\n const rowVirtualizer = useVirtualizer({\n count: rows.length,\n getScrollElement: () => tableContainerRef.current,\n estimateSize: () =>\n table.getState().size ? TableConsts.consts[table.getState().size].cell.height : DEFAULT_ROW_HEIGHT,\n overscan: 10,\n });\n\n const { getVirtualItems, getTotalSize } = rowVirtualizer;\n const virtualRows = getVirtualItems();\n const totalSize = getTotalSize();\n\n const paddingTop = virtualRows.length > 0 ? virtualRows?.[0]?.start \|\| 0 : 0;\n const paddingBottom = virtualRows.length > 0 ? totalSize - (virtualRows?.[virtualRows.length - 1]?.end \|\| 0) : 0;\n\n return {\n virtualRows,\n rows,\n tableContainerRef,\n paddingTop,\n paddingBottom,\n EmptyRow,\n };\n};\n"],"names":["EmptyRow","padding","jsx","DEFAULT_ROW_HEIGHT","useVirtualized","table","tableContainerRef","useRef","rows","rowVirtualizer","useVirtualizer","TableConsts.consts","getVirtualItems","getTotalSize","virtualRows","totalSize","paddingTop","~~_a","~~paddingBottom"~~,"_b"~~],"mappings":"+QAMaA,EAAW,CAAC,CAAE,QAAAC,CAAA,IACzBA,EAAU,GACRC,EAAAA,IAAC,KAAA,CACC,SAAAA,EAAAA,IAAC,KAAA,CAAG,MAAO,CAAE,OAAQ,GAAGD,CAAO,MAAQ,aAAW,aAAa,cAAa,EAAA,CAAM,CAAA,CACpF,EAGEE,EAAqB,GAEdC,EAAsBC,GAAoB,~~SACrD~~,MAAMC,EAAoBC,EAAAA,OAAuB,IAAI,EAC/C,CAAE,KAAAC,CAAA,EAASH,EAAM,YAAA,EACjBI,EAAiBC,EAAAA,eAAe,CACpC,MAAOF,EAAK,OACZ,iBAAkB,IAAMF,EAAkB,QAC1C,aAAc,IACZD,EAAM,SAAA,EAAW,KAAOM,EAAAA,OAAmBN,EAAM,SAAA,EAAW,IAAI,EAAE,KAAK,OAASF,EAClF,SAAU,EAAA,CACX,EAEK,CAAE,gBAAAS,EAAiB,aAAAC,CAAA,EAAiBJ,EACpCK,EAAcF,EAAA,EACdG,EAAYF,EAAA,EAEZG,EAAaF,EAAY,OAAS,~~KAAIG~~,~~EAAAH~~,~~GAAA~~,~~YAAAA~~,~~EAAc~~,~~KAAd~~,~~YAAAG~~,~~EAAkB,QAAS,EACjEC,EAAgBJ,~~EAAY,OAAS,EAAIC,~~KAAaI~~,~~EAAAL~~,~~GAAA,YAAAA,EAAcA,~~EAAY,OAAS,~~KAAnC~~,~~YAAAK~~,~~EAAuC~~,~~MAAO,~~GAAK,EAE/G,MAAO,CACL,~~YAAAL~~,EACA,KAAAN,EACA,kBAAAF,EACA,WAAAU,EACA,~~cAAAE~~,EACA,~~SAAAlB~~,CAAA,CAEJ"}
1	+ {"version":3,"file":"useVirtualized.js","sources":["../../../../../src/components/Table/hooks/useVirtualized.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport type { Table } from '@tanstack/react-table';\nimport { TableConsts } from 'acinguiux-ds-react-base/components/Table';\n\nexport const EmptyRow = ({ padding }: { padding: number }) =>\n padding > 0 && (\n <tr>\n <td style={{ height: `${padding}px` }} aria-label=\"hidden row\" aria-hidden={true} />\n </tr>\n );\n\nconst DEFAULT_ROW_HEIGHT = 30;\n\nexport const useVirtualized = <T,>(table: Table<T>) => {\n const tableContainerRef = useRef<HTMLDivElement>(null);\n const { rows } = table.getRowModel();\n const rowVirtualizer = useVirtualizer({\n count: rows.length,\n getScrollElement: () => tableContainerRef.current,\n estimateSize: () =>\n table.getState().size ? TableConsts.consts[table.getState().size].cell.height : DEFAULT_ROW_HEIGHT,\n overscan: 10,\n });\n\n const { getVirtualItems, getTotalSize } = rowVirtualizer;\n const virtualRows = getVirtualItems();\n const totalSize = getTotalSize();\n\n const paddingTop = virtualRows.length > 0 ? virtualRows?.[0]?.start \|\| 0 : 0;\n const paddingBottom = virtualRows.length > 0 ? totalSize - (virtualRows?.[virtualRows.length - 1]?.end \|\| 0) : 0;\n\n return {\n virtualRows,\n rows,\n tableContainerRef,\n paddingTop,\n paddingBottom,\n EmptyRow,\n };\n};\n"],"names":["EmptyRow","padding","jsx","DEFAULT_ROW_HEIGHT","useVirtualized","table","tableContainerRef","useRef","rows","rowVirtualizer","useVirtualizer","TableConsts.consts","getVirtualItems","getTotalSize","virtualRows","totalSize","paddingTop","paddingBottom"],"mappings":"+QAMaA,EAAW,CAAC,CAAE,QAAAC,CAAA,IACzBA,EAAU,GACRC,EAAAA,IAAC,KAAA,CACC,SAAAA,EAAAA,IAAC,KAAA,CAAG,MAAO,CAAE,OAAQ,GAAGD,CAAO,MAAQ,aAAW,aAAa,cAAa,EAAA,CAAM,CAAA,CACpF,EAGEE,EAAqB,GAEdC,EAAsBC,GAAoB,CACrD,MAAMC,EAAoBC,EAAAA,OAAuB,IAAI,EAC/C,CAAE,KAAAC,CAAA,EAASH,EAAM,YAAA,EACjBI,EAAiBC,EAAAA,eAAe,CACpC,MAAOF,EAAK,OACZ,iBAAkB,IAAMF,EAAkB,QAC1C,aAAc,IACZD,EAAM,SAAA,EAAW,KAAOM,EAAAA,OAAmBN,EAAM,SAAA,EAAW,IAAI,EAAE,KAAK,OAASF,EAClF,SAAU,EAAA,CACX,EAEK,CAAE,gBAAAS,EAAiB,aAAAC,CAAA,EAAiBJ,EACpCK,EAAcF,EAAA,EACdG,EAAYF,EAAA,EAEZG,EAAaF,EAAY,OAAS,GAAIA,IAAc,CAAC,GAAG,OAAS,EACjEG,EAAgBH,EAAY,OAAS,EAAIC,GAAaD,IAAcA,EAAY,OAAS,CAAC,GAAG,KAAO,GAAK,EAE/G,MAAO,CACL,YAAAA,EACA,KAAAN,EACA,kBAAAF,EACA,WAAAU,EACA,cAAAC,EACA,SAAAjB,CAAA,CAEJ"}

package/build/cjs/components/Table/utils/baseTableUtils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=(t,e)=>t.getHeaderGroups().map(r=>r.headers.filter(s=>s.column.columnDef.header))[0]&&!(e!=null&&e.noHeader),h=(t,e)=>{var r;return((r=t.getFooterGroups().map(s=>{var i;return(i=s==null?void 0:s.headers)==null?void 0:i.filter(({column:a})=>{var l;return(l=a==null?void 0:a.columnDef)==null?void 0:l.footer})})[0])==null?void 0:r.length)>0&&!(e!=null&&e.noFooter)},n=t=>{const e=t==null?void 0:t.getIsPinned();return{...t&&e&&{isPinned:e,width:`calc(var(--col-${t==null?void 0:t.id}-size) * 1px)`,pinAnchorOffset:e==="left"?t.getStart(e):t.getAfter(e)}}},c=(t,e)=>{const r=typeof e=="function"?e(t.getContext()):e;return r?{highlight:r}:{}},g=t=>{const{column:e,colSpan:r}=t,{alignment:s}=t.column.columnDef;return{alignment:s,colSpan:r,width:`calc(var(--header-${t.id}-size) * 1px)`,...n(e)}},P=t=>{const{column:e}=t,{highlight:r,alignment:s}=e.columnDef;return{alignment:s,width:`calc(var(--col-${e==null?void 0:e.id}-size) * 1px)`,...c(t,r),...n(e)}};exports.bodyCellProps=P;exports.cellPinningProps=n;exports.hasFooter=h;exports.hasHeader=d;exports.headerCellProps=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=(t,e)=>t.getHeaderGroups().map(o=>o.headers.filter(n=>n.column.columnDef.header))[0]&&!e?.noHeader,l=(t,e)=>t.getFooterGroups().map(o=>o?.headers?.filter(({column:n})=>n?.columnDef?.footer))[0]?.length>0&&!e?.noFooter,r=t=>{const e=t?.getIsPinned();return{...t&&e&&{isPinned:e,width:`calc(var(--col-${t?.id}-size) * 1px)`,pinAnchorOffset:e==="left"?t.getStart(e):t.getAfter(e)}}},c=(t,e)=>{const o=typeof e=="function"?e(t.getContext()):e;return o?{highlight:o}:{}},i=t=>{const{column:e,colSpan:o}=t,{alignment:n}=t.column.columnDef;return{alignment:n,colSpan:o,width:`calc(var(--header-${t.id}-size) * 1px)`,...r(e)}},a=t=>{const{column:e}=t,{highlight:o,alignment:n}=e.columnDef;return{alignment:n,width:`calc(var(--col-${e?.id}-size) * 1px)`,...c(t,o),...r(e)}};exports.bodyCellProps=a;exports.cellPinningProps=r;exports.hasFooter=l;exports.hasHeader=s;exports.headerCellProps=i;
 //# sourceMappingURL=baseTableUtils.js.map

package/build/cjs/components/Table/utils/baseTableUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"baseTableUtils.js","sources":["../../../../../src/components/Table/utils/baseTableUtils.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport type { Table, Header, Cell, Column, RowData } from '@tanstack/react-table';\n\nimport type { BaseTableOptions } from '../components/BaseTable/BaseTable.types';\nimport { type ITableHeaderProps, type ITableCellProps } from '../components/TableElements/TableElements.types';\n\nexport const hasHeader = <TData extends RowData>(table: Table<TData>, options?: BaseTableOptions<TData>): boolean =>\n table\n .getHeaderGroups()\n .map((headerGroup) => headerGroup.headers.filter((headerItem) => headerItem.column.columnDef.header))[0] &&\n !options?.noHeader;\n\nexport const hasFooter = <TData extends RowData>(table: Table<TData>, options?: BaseTableOptions<TData>): boolean =>\n table\n .getFooterGroups()\n .map((footerGroup) => footerGroup?.headers?.filter(({ column }) => column?.columnDef?.footer))[0]?.length > 0 &&\n !options?.noFooter;\n\nexport const cellPinningProps = <TData extends RowData, TValue = unknown>(\n column?: Column<TData, TValue>,\n): Pick<ITableCellProps, 'isPinned' \| 'width' \| 'pinAnchorOffset'> => {\n const isPinned = column?.getIsPinned();\n\n return {\n ...(column &&\n isPinned && {\n isPinned,\n width: `calc(var(--col-${column?.id}-size) * 1px)`,\n pinAnchorOffset: isPinned === 'left' ? column.getStart(isPinned) : column.getAfter(isPinned),\n }),\n };\n};\n\nconst cellHighlightProps = <TData extends RowData, TValue = unknown>(\n cell: Cell<TData, TValue>,\n highlight?: ITableHeaderProps<TData, TValue>['highlight'],\n): Pick<ITableCellProps, 'highlight'> => {\n const highlightValue = typeof highlight === 'function' ? highlight(cell.getContext()) : highlight;\n\n if (highlightValue) {\n return { highlight: highlightValue };\n }\n\n return {};\n};\n\nexport const headerCellProps = <TData extends RowData, TValue = unknown>(\n header: Header<TData, TValue>,\n): Pick<ITableCellProps, 'highlight' \| 'isPinned' \| 'pinAnchorOffset' \| 'alignment'> &\n ComponentPropsWithoutRef<'th'> => {\n const { column, colSpan } = header;\n const { alignment } = header.column.columnDef;\n\n return {\n alignment,\n colSpan,\n width: `calc(var(--header-${header.id}-size) * 1px)`,\n ...cellPinningProps(column),\n };\n};\n\nexport const bodyCellProps = <TData extends RowData, TValue = unknown>(\n cell: Cell<TData, TValue>,\n): Pick<ITableCellProps, 'highlight' \| 'isPinned' \| 'pinAnchorOffset' \| 'alignment'> => {\n const { column } = cell;\n const { highlight, alignment } = column.columnDef;\n\n return {\n alignment,\n width: `calc(var(--col-${column?.id}-size) * 1px)`,\n ...cellHighlightProps(cell, highlight),\n ...cellPinningProps(column),\n };\n};\n"],"names":["hasHeader","table","options","headerGroup","headerItem","hasFooter","~~_a","~~footerGroup","column","cellPinningProps","isPinned","cellHighlightProps","cell","highlight","highlightValue","headerCellProps","header","colSpan","alignment","bodyCellProps"],"mappings":"4GAOO,MAAMA,EAAY,CAAwBC,EAAqBC,IACpED,EACG,kBACA,IAAKE,GAAgBA,EAAY,QAAQ,OAAQC,GAAeA,EAAW,OAAO,UAAU,MAAM,CAAC,EAAE,CAAC,GACzG,~~EAACF~~,~~GAAA~~,~~MAAAA~~,~~EAAS,UAECG,~~EAAY,CAAwBJ,EAAqBC,~~IAAA~~,~~OACpE,QAAAI,EAAAL,~~EACG,kBACA,~~IAAKM~~,~~UAAgB~~,~~OAAAD~~,~~EAAAC~~,~~GAAA,YAAAA,EAAa,UAAb,YAAAD,EAAsB,~~OAAO,CAAC,CAAE,~~OAAAE~~,CAAA,~~IAAO~~,~~OAAM~~,~~OAAAF~~,~~EAAAE~~,~~GAAA~~,~~YAAAA,EAAQ,YAAR,YAAAF,EAAmB,SAAO,~~EAAE,CAAC,~~IAFlG~~,~~YAAAA~~,~~EAEqG,QAAS,~~GAC9G,~~EAACJ~~,~~GAAA~~,~~MAAAA~~,~~EAAS,WAECO,~~EACXD,GACoE,CACpE,MAAME,EAAWF,~~GAAA~~,~~YAAAA~~,~~EAAQ~~,~~cAEzB,~~MAAO,CACL,GAAIA,GACFE,GAAY,CACV,SAAAA,EACA,MAAO,kBAAkBF,~~GAAA~~,~~YAAAA,EAAQ,~~EAAE,gBACnC,gBAAiBE,IAAa,OAASF,EAAO,SAASE,CAAQ,EAAIF,EAAO,SAASE,CAAQ,CAAA,CAC7F,CAEN,EAEMC,EAAqB,CACzBC,EACAC,IACuC,CACvC,MAAMC,EAAiB,OAAOD,GAAc,WAAaA,EAAUD,EAAK,WAAA,CAAY,EAAIC,EAExF,OAAIC,EACK,CAAE,UAAWA,CAAA,EAGf,CAAA,CACT,EAEaC,EACXC,GAEkC,CAClC,KAAM,CAAE,OAAAR,EAAQ,QAAAS,CAAA,EAAYD,EACtB,CAAE,UAAAE,CAAA,EAAcF,EAAO,OAAO,UAEpC,MAAO,CACL,UAAAE,EACA,QAAAD,EACA,MAAO,qBAAqBD,EAAO,EAAE,gBACrC,GAAGP,EAAiBD,CAAM,CAAA,CAE9B,EAEaW,EACXP,GACsF,CACtF,KAAM,CAAE,OAAAJ,GAAWI,EACb,CAAE,UAAAC,EAAW,UAAAK,CAAA,EAAcV,EAAO,UAExC,MAAO,CACL,UAAAU,EACA,MAAO,kBAAkBV,~~GAAA~~,~~YAAAA,EAAQ,~~EAAE,gBACnC,GAAGG,EAAmBC,EAAMC,CAAS,EACrC,GAAGJ,EAAiBD,CAAM,CAAA,CAE9B"}
1	+ {"version":3,"file":"baseTableUtils.js","sources":["../../../../../src/components/Table/utils/baseTableUtils.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport type { Table, Header, Cell, Column, RowData } from '@tanstack/react-table';\n\nimport type { BaseTableOptions } from '../components/BaseTable/BaseTable.types';\nimport { type ITableHeaderProps, type ITableCellProps } from '../components/TableElements/TableElements.types';\n\nexport const hasHeader = <TData extends RowData>(table: Table<TData>, options?: BaseTableOptions<TData>): boolean =>\n table\n .getHeaderGroups()\n .map((headerGroup) => headerGroup.headers.filter((headerItem) => headerItem.column.columnDef.header))[0] &&\n !options?.noHeader;\n\nexport const hasFooter = <TData extends RowData>(table: Table<TData>, options?: BaseTableOptions<TData>): boolean =>\n table\n .getFooterGroups()\n .map((footerGroup) => footerGroup?.headers?.filter(({ column }) => column?.columnDef?.footer))[0]?.length > 0 &&\n !options?.noFooter;\n\nexport const cellPinningProps = <TData extends RowData, TValue = unknown>(\n column?: Column<TData, TValue>,\n): Pick<ITableCellProps, 'isPinned' \| 'width' \| 'pinAnchorOffset'> => {\n const isPinned = column?.getIsPinned();\n\n return {\n ...(column &&\n isPinned && {\n isPinned,\n width: `calc(var(--col-${column?.id}-size) * 1px)`,\n pinAnchorOffset: isPinned === 'left' ? column.getStart(isPinned) : column.getAfter(isPinned),\n }),\n };\n};\n\nconst cellHighlightProps = <TData extends RowData, TValue = unknown>(\n cell: Cell<TData, TValue>,\n highlight?: ITableHeaderProps<TData, TValue>['highlight'],\n): Pick<ITableCellProps, 'highlight'> => {\n const highlightValue = typeof highlight === 'function' ? highlight(cell.getContext()) : highlight;\n\n if (highlightValue) {\n return { highlight: highlightValue };\n }\n\n return {};\n};\n\nexport const headerCellProps = <TData extends RowData, TValue = unknown>(\n header: Header<TData, TValue>,\n): Pick<ITableCellProps, 'highlight' \| 'isPinned' \| 'pinAnchorOffset' \| 'alignment'> &\n ComponentPropsWithoutRef<'th'> => {\n const { column, colSpan } = header;\n const { alignment } = header.column.columnDef;\n\n return {\n alignment,\n colSpan,\n width: `calc(var(--header-${header.id}-size) * 1px)`,\n ...cellPinningProps(column),\n };\n};\n\nexport const bodyCellProps = <TData extends RowData, TValue = unknown>(\n cell: Cell<TData, TValue>,\n): Pick<ITableCellProps, 'highlight' \| 'isPinned' \| 'pinAnchorOffset' \| 'alignment'> => {\n const { column } = cell;\n const { highlight, alignment } = column.columnDef;\n\n return {\n alignment,\n width: `calc(var(--col-${column?.id}-size) * 1px)`,\n ...cellHighlightProps(cell, highlight),\n ...cellPinningProps(column),\n };\n};\n"],"names":["hasHeader","table","options","headerGroup","headerItem","hasFooter","footerGroup","column","cellPinningProps","isPinned","cellHighlightProps","cell","highlight","highlightValue","headerCellProps","header","colSpan","alignment","bodyCellProps"],"mappings":"4GAOO,MAAMA,EAAY,CAAwBC,EAAqBC,IACpED,EACG,kBACA,IAAKE,GAAgBA,EAAY,QAAQ,OAAQC,GAAeA,EAAW,OAAO,UAAU,MAAM,CAAC,EAAE,CAAC,GACzG,CAACF,GAAS,SAECG,EAAY,CAAwBJ,EAAqBC,IACpED,EACG,kBACA,IAAKK,GAAgBA,GAAa,SAAS,OAAO,CAAC,CAAE,OAAAC,CAAA,IAAaA,GAAQ,WAAW,MAAM,CAAC,EAAE,CAAC,GAAG,OAAS,GAC9G,CAACL,GAAS,SAECM,EACXD,GACoE,CACpE,MAAME,EAAWF,GAAQ,YAAA,EAEzB,MAAO,CACL,GAAIA,GACFE,GAAY,CACV,SAAAA,EACA,MAAO,kBAAkBF,GAAQ,EAAE,gBACnC,gBAAiBE,IAAa,OAASF,EAAO,SAASE,CAAQ,EAAIF,EAAO,SAASE,CAAQ,CAAA,CAC7F,CAEN,EAEMC,EAAqB,CACzBC,EACAC,IACuC,CACvC,MAAMC,EAAiB,OAAOD,GAAc,WAAaA,EAAUD,EAAK,WAAA,CAAY,EAAIC,EAExF,OAAIC,EACK,CAAE,UAAWA,CAAA,EAGf,CAAA,CACT,EAEaC,EACXC,GAEkC,CAClC,KAAM,CAAE,OAAAR,EAAQ,QAAAS,CAAA,EAAYD,EACtB,CAAE,UAAAE,CAAA,EAAcF,EAAO,OAAO,UAEpC,MAAO,CACL,UAAAE,EACA,QAAAD,EACA,MAAO,qBAAqBD,EAAO,EAAE,gBACrC,GAAGP,EAAiBD,CAAM,CAAA,CAE9B,EAEaW,EACXP,GACsF,CACtF,KAAM,CAAE,OAAAJ,GAAWI,EACb,CAAE,UAAAC,EAAW,UAAAK,CAAA,EAAcV,EAAO,UAExC,MAAO,CACL,UAAAU,EACA,MAAO,kBAAkBV,GAAQ,EAAE,gBACnC,GAAGG,EAAmBC,EAAMC,CAAS,EACrC,GAAGJ,EAAiBD,CAAM,CAAA,CAE9B"}

package/build/cjs/components/Table/utils/draggable.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),a=require("react"),e=require("@dnd-kit/core"),n=require("@dnd-kit/sortable"),I=require("../components/Draggable/Header.js"),R=require("../components/Draggable/Row.js"),j=(C,{onDataMove:c}={})=>({useDraggable:(d,S)=>{const x=e.useSensors(e.useSensor(e.MouseSensor,{}),e.useSensor(e.TouchSensor,{}),e.useSensor(e.KeyboardSensor,{})),m=d.getState(),i=d.getRowModel().rowsById,b=a.useMemo(()=>Object.keys(i),[i]),o=a.useMemo(()=>m.columnOrder,[m]),w=a.useCallback(t=>{var y,O;const{active:r,over:s}=t;if(r&&s&&r.id!==s.id&&((y=r.data.current)==null?void 0:y.kind)==="column"){const u=o.indexOf(r.id),l=o.indexOf(s.id);d.setColumnOrder(n.arrayMove(o,u,l));return}if(r&&s&&r.id!==s.id&&((O=r.data.current)==null?void 0:O.kind)==="row"){const u=i[`${r.id}`].index,l=i[`${s.id}`].index;c==null||c(n.arrayMove(S,u,l))}},[o,d,i,S]);return a.useMemo(()=>({draggable:C,Components:{Provider:({children:t})=>g.jsx(e.DndContext,{collisionDetection:e.closestCenter,onDragEnd:w,sensors:x,children:t}),Row:R.DraggableRow,RowProvider:({children:t})=>g.jsx(n.SortableContext,{items:b,strategy:n.verticalListSortingStrategy,children:t}),Header:I.DraggableHeader,HeaderProvider:({children:t})=>g.jsx(n.SortableContext,{id:"columns",items:o,strategy:n.horizontalListSortingStrategy,children:t})}}),[w,x,b,o])}});exports.withDragOptions=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),a=require("react"),e=require("@dnd-kit/core"),s=require("@dnd-kit/sortable"),v=require("../components/Draggable/Header.js"),D=require("../components/Draggable/Row.js"),M=(w,{onDataMove:y}={})=>({useDraggable:(d,g)=>{const S=e.useSensors(e.useSensor(e.MouseSensor,{}),e.useSensor(e.TouchSensor,{}),e.useSensor(e.KeyboardSensor,{})),x=d.getState(),i=d.getRowModel().rowsById,m=a.useMemo(()=>Object.keys(i),[i]),t=a.useMemo(()=>x.columnOrder,[x]),b=a.useCallback(o=>{const{active:r,over:n}=o;if(r&&n&&r.id!==n.id&&r.data.current?.kind==="column"){const c=t.indexOf(r.id),u=t.indexOf(n.id);d.setColumnOrder(s.arrayMove(t,c,u));return}if(r&&n&&r.id!==n.id&&r.data.current?.kind==="row"){const c=i[`${r.id}`].index,u=i[`${n.id}`].index;y?.(s.arrayMove(g,c,u))}},[t,d,i,g]);return a.useMemo(()=>({draggable:w,Components:{Provider:({children:o})=>l.jsx(e.DndContext,{collisionDetection:e.closestCenter,onDragEnd:b,sensors:S,children:o}),Row:D.DraggableRow,RowProvider:({children:o})=>l.jsx(s.SortableContext,{items:m,strategy:s.verticalListSortingStrategy,children:o}),Header:v.DraggableHeader,HeaderProvider:({children:o})=>l.jsx(s.SortableContext,{id:"columns",items:t,strategy:s.horizontalListSortingStrategy,children:o})}}),[b,S,m,t])}});exports.withDragOptions=M;
 //# sourceMappingURL=draggable.js.map

package/build/cjs/components/Table/utils/draggable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"draggable.js","sources":["../../../../../src/components/Table/utils/draggable.tsx"],"sourcesContent":["import { type PropsWithChildren, useCallback, useMemo } from 'react';\n\nimport type { RowData, Table } from '@tanstack/react-table';\nimport {\n closestCenter,\n DndContext,\n KeyboardSensor,\n MouseSensor,\n TouchSensor,\n useSensor,\n useSensors,\n type DragEndEvent,\n} from '@dnd-kit/core';\nimport {\n arrayMove,\n horizontalListSortingStrategy,\n SortableContext,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\n\nimport type { DragAndDropHookResult } from '../components/BaseTable/BaseTable.types';\nimport { DraggableHeader } from '../components/Draggable/Header';\nimport { DraggableRow } from '../components/Draggable/Row';\n\nexport const withDragOptions = <TData extends RowData, TValue = unknown>(\n dragAndDrop: 'row' \| 'column' \| 'both',\n { onDataMove }: { onDataMove?: (data: TData[]) => void } = {},\n) => {\n return {\n useDraggable: (table: Table<TData>, data: TData[]): DragAndDropHookResult<TData, TValue> => {\n const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));\n const tableState = table.getState();\n const tableRowsById = table.getRowModel().rowsById;\n\n const tableDataIds = useMemo(() => Object.keys(tableRowsById), [tableRowsById]);\n const columnsOrder = useMemo(() => tableState.columnOrder, [tableState]);\n\n const handleDragEnd = useCallback(\n (event: DragEndEvent) => {\n const { active, over } = event;\n // must account for columns as well as rows\n if (active && over && active.id !== over.id && active.data.current?.kind === 'column') {\n const oldIndex = columnsOrder.indexOf(active.id as string);\n const newIndex = columnsOrder.indexOf(over.id as string);\n table.setColumnOrder(arrayMove(columnsOrder, oldIndex, newIndex));\n return;\n }\n if (active && over && active.id !== over.id && active.data.current?.kind === 'row') {\n const oldIndex = tableRowsById[`${active.id}`].index;\n const newIndex = tableRowsById[`${over.id}`].index;\n onDataMove?.(arrayMove(data, oldIndex, newIndex));\n }\n },\n [columnsOrder, table, tableRowsById, data],\n );\n\n return useMemo(\n (): DragAndDropHookResult<TData, TValue> => ({\n draggable: dragAndDrop,\n Components: {\n Provider: ({ children }: PropsWithChildren) => (\n <DndContext collisionDetection={closestCenter} onDragEnd={handleDragEnd} sensors={sensors}>\n {children}\n </DndContext>\n ),\n Row: DraggableRow,\n RowProvider: ({ children }: PropsWithChildren) => (\n <SortableContext items={tableDataIds} strategy={verticalListSortingStrategy}>\n {children}\n </SortableContext>\n ),\n Header: DraggableHeader,\n HeaderProvider: ({ children }: PropsWithChildren) => (\n <SortableContext id=\"columns\" items={columnsOrder} strategy={horizontalListSortingStrategy}>\n {children}\n </SortableContext>\n ),\n },\n }),\n [handleDragEnd, sensors, tableDataIds, columnsOrder],\n );\n },\n };\n};\n"],"names":["withDragOptions","dragAndDrop","onDataMove","table","data","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","tableState","tableRowsById","tableDataIds","useMemo","columnsOrder","handleDragEnd","useCallback","event","active","over","~~_a","~~oldIndex","newIndex","arrayMove","~~_b","~~children","jsx","DndContext","closestCenter","DraggableRow","SortableContext","verticalListSortingStrategy","DraggableHeader","horizontalListSortingStrategy"],"mappings":"yTAwBaA,EAAkB,CAC7BC,EACA,CAAE,WAAAC,CAAA,EAAyD,CAAA,KAEpD,CACL,aAAc,CAACC,EAAqBC,IAAwD,CAC1F,MAAMC,EAAUC,EAAAA,WAAWC,YAAUC,EAAAA,YAAa,CAAA,CAAE,EAAGD,YAAUE,EAAAA,YAAa,CAAA,CAAE,EAAGF,EAAAA,UAAUG,EAAAA,eAAgB,CAAA,CAAE,CAAC,EAC1GC,EAAaR,EAAM,SAAA,EACnBS,EAAgBT,EAAM,YAAA,EAAc,SAEpCU,EAAeC,EAAAA,QAAQ,IAAM,OAAO,KAAKF,CAAa,EAAG,CAACA,CAAa,CAAC,EACxEG,EAAeD,EAAAA,QAAQ,IAAMH,EAAW,YAAa,CAACA,CAAU,CAAC,EAEjEK,EAAgBC,EAAAA,YACnBC,GAAwB,~~SACvB~~,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAA,EAASF,EAEzB,GAAIC,GAAUC,GAAQD,EAAO,KAAOC,EAAK,~~MAAMC~~,~~EAAAF,~~EAAO,KAAK,~~UAAZ~~,~~YAAAE~~,~~EAAqB,QAAS,~~SAAU,CACrF,~~MAAMC~~,~~EAAWP~~,EAAa,QAAQI,EAAO,EAAY,~~EACnDI~~,~~EAAWR~~,EAAa,QAAQK,EAAK,EAAY,EACvDjB,EAAM,~~eAAeqB~~,EAAAA,~~UAAUT~~,~~EAAcO~~,EAAUC,CAAQ,CAAC,EAChE,MACF,CACA,~~GAAIJ~~,GAAUC,GAAQD,EAAO,KAAOC,EAAK,~~MAAMK~~,~~EAAAN,~~EAAO,KAAK,~~UAAZ~~,~~YAAAM~~,~~EAAqB,QAAS,~~MAAO,CAClF,~~MAAMH~~,~~EAAWV~~,EAAc,GAAGO,EAAO,EAAE,EAAE,EAAE,~~MACzCI~~,~~EAAWX~~,EAAc,GAAGQ,EAAK,EAAE,EAAE,EAAE,MAC7ClB,~~GAAA~~,~~MAAAA,EAAasB,~~EAAAA,~~UAAUpB~~,~~EAAMkB~~,EAAUC,CAAQ,~~EACjD~~,CACF,EACA,~~CAACR~~,EAAcZ,EAAOS,EAAeR,CAAI,CAAA,EAG3C,OAAOU,EAAAA,QACL,KAA6C,CAC3C,UAAWb,EACX,WAAY,CACV,SAAU,CAAC,CAAE,~~SAAAyB~~,KACXC,EAAAA,IAACC,EAAAA,WAAA,CAAW,mBAAoBC,EAAAA,cAAe,~~UAAWb~~,EAAe,QAAAX,EACtE,~~SAAAqB~~,CAAA,CACH,EAEF,IAAKI,EAAAA,aACL,YAAa,CAAC,CAAE,SAAAJ,CAAA,IACdC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,~~MAAOlB~~,EAAc,~~SAAUmB~~,EAAAA,4BAC7C,SAAAN,CAAA,CACH,EAEF,OAAQO,EAAAA,gBACR,eAAgB,CAAC,CAAE,SAAAP,KACjBC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,GAAG,UAAU,~~MAAOhB~~,EAAc,~~SAAUmB~~,EAAAA,8BAC1D,SAAAR,CAAA,CACH,CAAA,CAEJ,GAEF,~~CAACV~~,EAAeX,EAASQ,EAAcE,CAAY,CAAA,CAEvD,CAAA"}
1	+ {"version":3,"file":"draggable.js","sources":["../../../../../src/components/Table/utils/draggable.tsx"],"sourcesContent":["import { type PropsWithChildren, useCallback, useMemo } from 'react';\n\nimport type { RowData, Table } from '@tanstack/react-table';\nimport {\n closestCenter,\n DndContext,\n KeyboardSensor,\n MouseSensor,\n TouchSensor,\n useSensor,\n useSensors,\n type DragEndEvent,\n} from '@dnd-kit/core';\nimport {\n arrayMove,\n horizontalListSortingStrategy,\n SortableContext,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\n\nimport type { DragAndDropHookResult } from '../components/BaseTable/BaseTable.types';\nimport { DraggableHeader } from '../components/Draggable/Header';\nimport { DraggableRow } from '../components/Draggable/Row';\n\nexport const withDragOptions = <TData extends RowData, TValue = unknown>(\n dragAndDrop: 'row' \| 'column' \| 'both',\n { onDataMove }: { onDataMove?: (data: TData[]) => void } = {},\n) => {\n return {\n useDraggable: (table: Table<TData>, data: TData[]): DragAndDropHookResult<TData, TValue> => {\n const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));\n const tableState = table.getState();\n const tableRowsById = table.getRowModel().rowsById;\n\n const tableDataIds = useMemo(() => Object.keys(tableRowsById), [tableRowsById]);\n const columnsOrder = useMemo(() => tableState.columnOrder, [tableState]);\n\n const handleDragEnd = useCallback(\n (event: DragEndEvent) => {\n const { active, over } = event;\n // must account for columns as well as rows\n if (active && over && active.id !== over.id && active.data.current?.kind === 'column') {\n const oldIndex = columnsOrder.indexOf(active.id as string);\n const newIndex = columnsOrder.indexOf(over.id as string);\n table.setColumnOrder(arrayMove(columnsOrder, oldIndex, newIndex));\n return;\n }\n if (active && over && active.id !== over.id && active.data.current?.kind === 'row') {\n const oldIndex = tableRowsById[`${active.id}`].index;\n const newIndex = tableRowsById[`${over.id}`].index;\n onDataMove?.(arrayMove(data, oldIndex, newIndex));\n }\n },\n [columnsOrder, table, tableRowsById, data],\n );\n\n return useMemo(\n (): DragAndDropHookResult<TData, TValue> => ({\n draggable: dragAndDrop,\n Components: {\n Provider: ({ children }: PropsWithChildren) => (\n <DndContext collisionDetection={closestCenter} onDragEnd={handleDragEnd} sensors={sensors}>\n {children}\n </DndContext>\n ),\n Row: DraggableRow,\n RowProvider: ({ children }: PropsWithChildren) => (\n <SortableContext items={tableDataIds} strategy={verticalListSortingStrategy}>\n {children}\n </SortableContext>\n ),\n Header: DraggableHeader,\n HeaderProvider: ({ children }: PropsWithChildren) => (\n <SortableContext id=\"columns\" items={columnsOrder} strategy={horizontalListSortingStrategy}>\n {children}\n </SortableContext>\n ),\n },\n }),\n [handleDragEnd, sensors, tableDataIds, columnsOrder],\n );\n },\n };\n};\n"],"names":["withDragOptions","dragAndDrop","onDataMove","table","data","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","tableState","tableRowsById","tableDataIds","useMemo","columnsOrder","handleDragEnd","useCallback","event","active","over","oldIndex","newIndex","arrayMove","children","jsx","DndContext","closestCenter","DraggableRow","SortableContext","verticalListSortingStrategy","DraggableHeader","horizontalListSortingStrategy"],"mappings":"yTAwBaA,EAAkB,CAC7BC,EACA,CAAE,WAAAC,CAAA,EAAyD,CAAA,KAEpD,CACL,aAAc,CAACC,EAAqBC,IAAwD,CAC1F,MAAMC,EAAUC,EAAAA,WAAWC,YAAUC,EAAAA,YAAa,CAAA,CAAE,EAAGD,YAAUE,EAAAA,YAAa,CAAA,CAAE,EAAGF,EAAAA,UAAUG,EAAAA,eAAgB,CAAA,CAAE,CAAC,EAC1GC,EAAaR,EAAM,SAAA,EACnBS,EAAgBT,EAAM,YAAA,EAAc,SAEpCU,EAAeC,EAAAA,QAAQ,IAAM,OAAO,KAAKF,CAAa,EAAG,CAACA,CAAa,CAAC,EACxEG,EAAeD,EAAAA,QAAQ,IAAMH,EAAW,YAAa,CAACA,CAAU,CAAC,EAEjEK,EAAgBC,EAAAA,YACnBC,GAAwB,CACvB,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAA,EAASF,EAEzB,GAAIC,GAAUC,GAAQD,EAAO,KAAOC,EAAK,IAAMD,EAAO,KAAK,SAAS,OAAS,SAAU,CACrF,MAAME,EAAWN,EAAa,QAAQI,EAAO,EAAY,EACnDG,EAAWP,EAAa,QAAQK,EAAK,EAAY,EACvDjB,EAAM,eAAeoB,EAAAA,UAAUR,EAAcM,EAAUC,CAAQ,CAAC,EAChE,MACF,CACA,GAAIH,GAAUC,GAAQD,EAAO,KAAOC,EAAK,IAAMD,EAAO,KAAK,SAAS,OAAS,MAAO,CAClF,MAAME,EAAWT,EAAc,GAAGO,EAAO,EAAE,EAAE,EAAE,MACzCG,EAAWV,EAAc,GAAGQ,EAAK,EAAE,EAAE,EAAE,MAC7ClB,IAAaqB,EAAAA,UAAUnB,EAAMiB,EAAUC,CAAQ,CAAC,CAClD,CACF,EACA,CAACP,EAAcZ,EAAOS,EAAeR,CAAI,CAAA,EAG3C,OAAOU,EAAAA,QACL,KAA6C,CAC3C,UAAWb,EACX,WAAY,CACV,SAAU,CAAC,CAAE,SAAAuB,KACXC,EAAAA,IAACC,EAAAA,WAAA,CAAW,mBAAoBC,EAAAA,cAAe,UAAWX,EAAe,QAAAX,EACtE,SAAAmB,CAAA,CACH,EAEF,IAAKI,EAAAA,aACL,YAAa,CAAC,CAAE,SAAAJ,CAAA,IACdC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,MAAOhB,EAAc,SAAUiB,EAAAA,4BAC7C,SAAAN,CAAA,CACH,EAEF,OAAQO,EAAAA,gBACR,eAAgB,CAAC,CAAE,SAAAP,KACjBC,EAAAA,IAACI,EAAAA,gBAAA,CAAgB,GAAG,UAAU,MAAOd,EAAc,SAAUiB,EAAAA,8BAC1D,SAAAR,CAAA,CACH,CAAA,CAEJ,GAEF,CAACR,EAAeX,EAASQ,EAAcE,CAAY,CAAA,CAEvD,CAAA"}

package/build/cjs/components/Table/utils/rowHighlight.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=(t,e)=>{const l=e==null?void 0:e(t),o=t.getIsSelected()?{type:"selected",indicator:"left"}:null;return l??o};exports.getRowHighlight=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=(e,t)=>{const l=t?.(e),i=e.getIsSelected()?{type:"selected",indicator:"left"}:null;return l??i};exports.getRowHighlight=g;
 //# sourceMappingURL=rowHighlight.js.map

package/build/cjs/components/Table/utils/rowHighlight.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rowHighlight.js","sources":["../../../../../src/components/Table/utils/rowHighlight.ts"],"sourcesContent":["import type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport type { Row, RowData } from '@tanstack/react-table';\n\nexport const getRowHighlight = <TData extends RowData>(\n row: Row<TData>,\n highlight?: (r: Row<TData>) => TableTypes.Highlight \| null,\n) => {\n const highlightValue = highlight?.(row);\n const selectedValue = row.getIsSelected() ? { type: 'selected' as const, indicator: 'left' as const } : null;\n\n return highlightValue ?? selectedValue;\n};\n"],"names":["getRowHighlight","row","highlight","highlightValue","selectedValue"],"mappings":"4GAGO,MAAMA,EAAkB,CAC7BC,EACAC,IACG,CACH,MAAMC,EAAiBD,~~GAAA~~,~~YAAAA~~,~~EAAYD~~,~~GAC7BG,~~EAAgBH,EAAI,gBAAkB,CAAE,KAAM,WAAqB,UAAW,MAAA,EAAoB,KAExG,OAAOE,GAAkBC,CAC3B"}
1	+ {"version":3,"file":"rowHighlight.js","sources":["../../../../../src/components/Table/utils/rowHighlight.ts"],"sourcesContent":["import type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport type { Row, RowData } from '@tanstack/react-table';\n\nexport const getRowHighlight = <TData extends RowData>(\n row: Row<TData>,\n highlight?: (r: Row<TData>) => TableTypes.Highlight \| null,\n) => {\n const highlightValue = highlight?.(row);\n const selectedValue = row.getIsSelected() ? { type: 'selected' as const, indicator: 'left' as const } : null;\n\n return highlightValue ?? selectedValue;\n};\n"],"names":["getRowHighlight","row","highlight","highlightValue","selectedValue"],"mappings":"4GAGO,MAAMA,EAAkB,CAC7BC,EACAC,IACG,CACH,MAAMC,EAAiBD,IAAYD,CAAG,EAChCG,EAAgBH,EAAI,gBAAkB,CAAE,KAAM,WAAqB,UAAW,MAAA,EAAoB,KAExG,OAAOE,GAAkBC,CAC3B"}