acinguiux-ds-react-framework 0.0.8 → 0.1.0

package/build/cjs/components/Stepper/_internalComponents/ContainedStep/ContainedStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainedStep.js","sources":["../../../../../../src/components/Stepper/_internalComponents/ContainedStep/ContainedStep.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport Content from '../Content/Content';\nimport type { IStepProps } from '../../Step.types';\nimport * as Styled from './ContainedStep.styles';\nimport * as StyledStep from '../../Step.styles';\n\nconst ContainedStep = ({\n  direction,\n  size,\n  order,\n  title,\n  invalid,\n  stage,\n  showBadge,\n  showStepNumber,\n  badgeChildren,\n  badgeIcon,\n  ...rest\n}: IStepProps): ReactElement => (\n  <Styled.ContainedStepWrapper\n    $type=\"contained\"\n    $showBadge={showBadge}\n    $direction={direction}\n    $size={size}\n    $invalid={invalid}\n    $stage={stage}\n    {...rest}\n  >\n    <StyledStep.ContainedContainer>\n      {showBadge && (\n        <StyledStep.Badge size={size} icon={badgeIcon} fixedWidth>\n          {badgeChildren}\n        </StyledStep.Badge>\n      )}\n      <Styled.Content>\n        <Content order={order} showStepNumber={showStepNumber} title={title} size={size} />\n      </Styled.Content>\n    </StyledStep.ContainedContainer>\n    <StyledStep.ConnectorLine $type=\"line\" $direction={direction} />\n  </Styled.ContainedStepWrapper>\n);\n\nexport default ContainedStep;\n"],"names":["ContainedStep","direction","size","order","title","invalid","stage","showBadge","showStepNumber","badgeChildren","badgeIcon","rest","jsxs","Styled.ContainedStepWrapper","StyledStep.ContainedContainer","jsx","StyledStep.Badge","Styled.Content","Content","StyledStep.ConnectorLine"],"mappings":"8JAOMA,EAAgB,CAAC,CACrB,UAAAC,EACA,KAAAC,EACA,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,eAAAC,EACA,cAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACEC,EAAA,KAACC,EAAO,qBAAP,CACC,MAAM,YACN,WAAYN,EACZ,WAAYN,EACZ,MAAOC,EACP,SAAUG,EACV,OAAQC,EACP,GAAGK,EAEJ,SAAA,CAACC,OAAAE,EAAAA,mBAAA,CACE,SAAA,CACCP,GAAAQ,EAAA,IAACC,QAAA,CAAiB,KAAAd,EAAY,KAAMQ,EAAW,WAAU,GACtD,SACHD,CAAA,CAAA,EAEFM,EAAAA,IAACE,EAAO,QAAP,CACC,SAAAF,MAACG,GAAQ,MAAAf,EAAc,eAAAK,EAAgC,MAAAJ,EAAc,KAAAF,CAAY,CAAA,CACnF,CAAA,CAAA,EACF,QACCiB,EAAW,cAAX,CAAyB,MAAM,OAAO,WAAYlB,CAAW,CAAA,CAAA,CAAA,CAChE"}

package/build/cjs/components/Stepper/_internalComponents/ContainedStep/ContainedStep.styles.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),n=require("../../../../react-base/src/components/Stepper/Stepper.consts.js"),e=require("../../Step.styles.js"),{containedStepperConsts:r}=n,p=t.div`
+  display: flex;
+  flex-direction: column;
+`,o=t(e.StepWrapper)`
+  gap: ${r.wrapper.gap}px;
+
+  ${e.Badge} {
+    align-self: flex-start;
+  }
+`;exports.ContainedStepWrapper=o;exports.Content=p;
+//# sourceMappingURL=ContainedStep.styles.js.map

package/build/cjs/components/Stepper/_internalComponents/ContainedStep/ContainedStep.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainedStep.styles.js","sources":["../../../../../../src/components/Stepper/_internalComponents/ContainedStep/ContainedStep.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { StepperConsts } from 'acinguiux-ds-react-base/components/Stepper';\n\nimport { StepWrapper, Badge } from '../../Step.styles';\n\nconst { containedStepperConsts } = StepperConsts;\n\nconst Content = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst ContainedStepWrapper = styled(StepWrapper)`\n  gap: ${containedStepperConsts.wrapper.gap}px;\n\n  ${Badge} {\n    align-self: flex-start;\n  }\n`;\n\nexport { Content, ContainedStepWrapper };\n"],"names":["containedStepperConsts","StepperConsts","Content","styled","ContainedStepWrapper","StepWrapper","Badge"],"mappings":"gQAKM,CAAE,uBAAAA,CAA2B,EAAAC,EAE7BC,EAAUC,EAAO;AAAA;AAAA;AAAA,EAKjBC,EAAuBD,EAAOE,aAAW;AAAA,SACtCL,EAAuB,QAAQ,GAAG;AAAA;AAAA,IAEvCM,OAAK;AAAA;AAAA;AAAA"}

package/build/cjs/components/Stepper/_internalComponents/Content/Content.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),c=require("../../../../react-base/src/consts/index.js"),a=require("../../../../react-base/src/components/Stepper/Stepper.utils.js"),s=require("../../Step.styles.js"),p=({size:n,order:t,title:r,showStepNumber:i})=>e.jsxs(e.Fragment,{children:[i&&e.jsxs(s.Label,{"aria-label":`step-${t}-number`,size:n,children:["Step ",t]}),e.jsx(s.Heading,{"aria-label":`step-${t}-title`,level:a.getTitleLevel(n),type:c.TextElementTypes.Span,children:r})]}),o=l.memo(p);module.exports=o;
+//# sourceMappingURL=Content.js.map

package/build/cjs/components/Stepper/_internalComponents/Content/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sources":["../../../../../../src/components/Stepper/_internalComponents/Content/Content.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\n\nimport { TextElementTypes } from 'acinguiux-ds-react-base/consts';\nimport { StepperUtils } from 'acinguiux-ds-react-base/components/Stepper';\n\nimport * as StyledStep from '../../Step.styles';\nimport type { IContentProps } from './Content.types';\n\nconst Content = ({ size, order, title, showStepNumber }: IContentProps): ReactElement => (\n  <>\n    {showStepNumber && (\n      <StyledStep.Label aria-label={`step-${order}-number`} size={size}>\n        Step {order}\n      </StyledStep.Label>\n    )}\n    <StyledStep.Heading\n      aria-label={`step-${order}-title`}\n      level={StepperUtils.getTitleLevel(size)}\n      type={TextElementTypes.Span}\n    >\n      {title}\n    </StyledStep.Heading>\n  </>\n);\n\nexport default memo(Content) as typeof Content;\n"],"names":["Content","size","order","title","showStepNumber","jsxs","Fragment","StyledStep.Label","jsx","StyledStep.Heading","StepperUtils.getTitleLevel","TextElementTypes","memo"],"mappings":"2OAQMA,EAAU,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,MAAAC,EAAO,eAAAC,CAAA,IAElCC,EAAA,KAAAC,WAAA,CAAA,SAAA,CACCF,GAAAC,EAAA,KAACE,QAAA,CAAiB,aAAY,QAAQL,CAAK,UAAW,KAAAD,EAAY,SAAA,CAAA,QAC1DC,CAAA,EACR,EAEFM,EAAA,IAACC,EAAW,QAAX,CACC,aAAY,QAAQP,CAAK,SACzB,MAAOQ,EAAa,cAAcT,CAAI,EACtC,KAAMU,EAAiB,iBAAA,KAEtB,SAAAR,CAAA,CAAA,CACH,EACF,EAGaS,EAAAA,EAAAA,KAAKZ,CAAO"}

package/build/cjs/components/Stepper/_internalComponents/DefaultStep/DefaultStep.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),c=require("../../../../react-base/src/consts/index.js"),C=require("../Content/Content.js"),i=require("./DefaultStep.styles.js"),r=require("../../Step.styles.js"),f=({direction:t,size:n,order:l,title:d,invalid:u,stage:o,isLastStep:a,showStepNumber:s,showConnector:x,badgeChildren:$,badgeIcon:p,...j})=>{const h=!a||x;return e.jsx(i.DefaultStepWrapper,{$type:"default",$direction:t,$size:n,$invalid:u,$stage:o,...j,children:e.jsxs(r.ContainedContainer,{flexDirection:t===c.Directions.Vertical?"row":"column",children:[e.jsxs(i.Connector,{$direction:t,children:[e.jsx(r.Badge,{size:n,icon:p,fixedWidth:!0,children:$}),h&&e.jsx(r.ConnectorLine,{$type:o==="waiting"?"dot":"line",$direction:t})]}),e.jsx(i.Content,{$direction:c.Directions.Vertical,$size:n,$showStepNumber:s,children:e.jsx(C,{order:l,showStepNumber:s,title:d,size:n})})]})})};module.exports=f;
+//# sourceMappingURL=DefaultStep.js.map

package/build/cjs/components/Stepper/_internalComponents/DefaultStep/DefaultStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultStep.js","sources":["../../../../../../src/components/Stepper/_internalComponents/DefaultStep/DefaultStep.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { Directions } from 'acinguiux-ds-react-base/consts';\n\nimport Content from '../Content/Content';\nimport type { IStepProps } from '../../Step.types';\nimport * as Styled from './DefaultStep.styles';\nimport * as StyledStep from '../../Step.styles';\n\nconst DefaultStep = ({\n  direction,\n  size,\n  order,\n  title,\n  invalid,\n  stage,\n  isLastStep,\n  showStepNumber,\n  showConnector,\n  badgeChildren,\n  badgeIcon,\n  ...rest\n}: IStepProps): ReactElement => {\n  const showConnectorLine = !isLastStep || showConnector;\n\n  return (\n    <Styled.DefaultStepWrapper\n      $type=\"default\"\n      $direction={direction}\n      $size={size}\n      $invalid={invalid}\n      $stage={stage}\n      {...rest}\n    >\n      <StyledStep.ContainedContainer flexDirection={direction === Directions.Vertical ? 'row' : 'column'}>\n        <Styled.Connector $direction={direction}>\n          <StyledStep.Badge size={size} icon={badgeIcon} fixedWidth>\n            {badgeChildren}\n          </StyledStep.Badge>\n          {showConnectorLine && (\n            <StyledStep.ConnectorLine $type={stage === 'waiting' ? 'dot' : 'line'} $direction={direction} />\n          )}\n        </Styled.Connector>\n        <Styled.Content $direction={Directions.Vertical} $size={size} $showStepNumber={showStepNumber}>\n          <Content order={order} showStepNumber={showStepNumber} title={title} size={size} />\n        </Styled.Content>\n      </StyledStep.ContainedContainer>\n    </Styled.DefaultStepWrapper>\n  );\n};\n\nexport default DefaultStep;\n"],"names":["DefaultStep","direction","size","order","title","invalid","stage","isLastStep","showStepNumber","showConnector","badgeChildren","badgeIcon","rest","showConnectorLine","jsx","Styled.DefaultStepWrapper","jsxs","StyledStep.ContainedContainer","Directions","Styled.Connector","StyledStep.Badge","StyledStep.ConnectorLine","Styled.Content","Content"],"mappings":"oNASMA,EAAc,CAAC,CACnB,UAAAC,EACA,KAAAC,EACA,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,MAAAC,EACA,WAAAC,EACA,eAAAC,EACA,cAAAC,EACA,cAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAgC,CACxB,MAAAC,EAAoB,CAACN,GAAcE,EAGvC,OAAAK,EAAA,IAACC,EAAO,mBAAP,CACC,MAAM,UACN,WAAYd,EACZ,MAAOC,EACP,SAAUG,EACV,OAAQC,EACP,GAAGM,EAEJ,SAAAI,EAAA,KAACC,qBAAA,CAA8B,cAAehB,IAAciB,EAAA,WAAW,SAAW,MAAQ,SACxF,SAAA,CAAAF,EAAAA,KAACG,EAAAA,UAAA,CAAiB,WAAYlB,EAC5B,SAAA,CAACa,MAAAM,EAAAA,MAAA,CAAiB,KAAAlB,EAAY,KAAMS,EAAW,WAAU,GACtD,SACHD,EAAA,EACCG,GACEC,EAAA,IAAAO,gBAAA,CAAyB,MAAOf,IAAU,UAAY,MAAQ,OAAQ,WAAYL,CAAW,CAAA,CAAA,EAElG,QACCqB,EAAO,QAAP,CAAe,WAAYJ,aAAW,SAAU,MAAOhB,EAAM,gBAAiBM,EAC7E,SAACM,EAAAA,IAAAS,EAAA,CAAQ,MAAApB,EAAc,eAAAK,EAAgC,MAAAJ,EAAc,KAAAF,EAAY,CACnF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAEJ"}

package/build/cjs/components/Stepper/_internalComponents/DefaultStep/DefaultStep.styles.js

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),n=require("../../../../react-base/src/consts/index.js"),a=require("../../../../react-base/src/components/Stepper/Stepper.consts.js"),i=require("../../Step.styles.js"),{stepperConsts:{wrapper:r,content:o,connector:c}}=a,d=e.div`
+  ${({$direction:t,$size:s,$showStepNumber:p})=>e.css`
+    display: flex;
+    gap: ${o.gap}px;
+    padding-top: ${o.paddingTop[s]}px;
+
+    ${t===n.Directions.Horizontal&&e.css`
+      align-items: center;
+    `}
+
+    ${t===n.Directions.Vertical&&e.css`
+      flex-direction: column;
+      ${!p&&`padding-bottom: ${o.stepNumberHeight[s]}px;`}
+    `}
+  `};
+`,l=e.div`
+  ${({$direction:t})=>e.css`
+    display: flex;
+    gap: ${c.gap[t]}px;
+    align-items: center;
+
+    ${t===n.Directions.Vertical&&e.css`
+      flex-direction: column;
+    `}
+  `};
+`,g=e(i.StepWrapper)`
+  ${({$direction:t})=>e.css`
+    border-radius: ${r.borderRadius}px;
+
+    ${i.ContainedContainer} {
+      padding: ${r.padding.vertical[t]}px ${r.padding.horizontal[t]}px;
+      ${t===n.Directions.Vertical&&e.css`
+        padding-bottom: ${r.padding.horizontal[n.Directions.Vertical]}px;
+      `}
+    }
+  `}
+`;exports.Connector=l;exports.Content=d;exports.DefaultStepWrapper=g;
+//# sourceMappingURL=DefaultStep.styles.js.map

package/build/cjs/components/Stepper/_internalComponents/DefaultStep/DefaultStep.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultStep.styles.js","sources":["../../../../../../src/components/Stepper/_internalComponents/DefaultStep/DefaultStep.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Directions } from 'acinguiux-ds-react-base/consts';\nimport { StepperConsts } from 'acinguiux-ds-react-base/components/Stepper';\n\nimport { ContainedContainer, StepWrapper } from '../../Step.styles';\nimport type { IConnectorProps, IContentProps } from './DefaultStep.types';\n\nconst {\n  stepperConsts: { wrapper, content, connector },\n} = StepperConsts;\n\nconst Content = styled.div<IContentProps>`\n  ${({ $direction, $size, $showStepNumber }) => css`\n    display: flex;\n    gap: ${content.gap}px;\n    padding-top: ${content.paddingTop[$size]}px;\n\n    ${$direction === Directions.Horizontal &&\n    css`\n      align-items: center;\n    `}\n\n    ${$direction === Directions.Vertical &&\n    css`\n      flex-direction: column;\n      ${!$showStepNumber && `padding-bottom: ${content.stepNumberHeight[$size]}px;`}\n    `}\n  `};\n`;\n\nexport const Connector = styled.div<IConnectorProps>`\n  ${({ $direction }) => css`\n    display: flex;\n    gap: ${connector.gap[$direction]}px;\n    align-items: center;\n\n    ${$direction === Directions.Vertical &&\n    css`\n      flex-direction: column;\n    `}\n  `};\n`;\n\nexport const DefaultStepWrapper = styled(StepWrapper)`\n  ${({ $direction }) => css`\n    border-radius: ${wrapper.borderRadius}px;\n\n    ${ContainedContainer} {\n      padding: ${wrapper.padding.vertical[$direction]}px ${wrapper.padding.horizontal[$direction]}px;\n      ${$direction === Directions.Vertical &&\n      css`\n        padding-bottom: ${wrapper.padding.horizontal[Directions.Vertical]}px;\n      `}\n    }\n  `}\n`;\n\nexport { Content };\n"],"names":["wrapper","content","connector","StepperConsts","Content","styled","$direction","$size","$showStepNumber","css","Directions","Connector","DefaultStepWrapper","StepWrapper","ContainedContainer"],"mappings":"wTAOM,CACJ,cAAe,CAAE,QAAAA,EAAS,QAAAC,EAAS,UAAAC,CAAU,CAC/C,EAAIC,EAEEC,EAAUC,EAAO;AAAA,IACnB,CAAC,CAAE,WAAAC,EAAY,MAAAC,EAAO,gBAAAC,CAAsB,IAAAC,EAAA;AAAA;AAAA,WAErCR,EAAQ,GAAG;AAAA,mBACHA,EAAQ,WAAWM,CAAK,CAAC;AAAA;AAAA,MAEtCD,IAAeI,aAAW,YAC5BD,EAAA;AAAA;AAAA,KAEC;AAAA;AAAA,MAECH,IAAeI,aAAW,UAC5BD,EAAA;AAAA;AAAA,QAEI,CAACD,GAAmB,mBAAmBP,EAAQ,iBAAiBM,CAAK,CAAC,KAAK;AAAA,KAC9E;AAAA,GACF;AAAA,EAGUI,EAAYN,EAAO;AAAA,IAC5B,CAAC,CAAE,WAAAC,CAAA,IAAiBG,EAAA;AAAA;AAAA,WAEbP,EAAU,IAAII,CAAU,CAAC;AAAA;AAAA;AAAA,MAG9BA,IAAeI,aAAW,UAC5BD,EAAA;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,EAGUG,EAAqBP,EAAOQ,aAAW;AAAA,IAChD,CAAC,CAAE,WAAAP,CAAA,IAAiBG,EAAA;AAAA,qBACHT,EAAQ,YAAY;AAAA;AAAA,MAEnCc,oBAAkB;AAAA,iBACPd,EAAQ,QAAQ,SAASM,CAAU,CAAC,MAAMN,EAAQ,QAAQ,WAAWM,CAAU,CAAC;AAAA,QACzFA,IAAeI,aAAW,UAC5BD,EAAA;AAAA,0BACoBT,EAAQ,QAAQ,WAAWU,EAAA,WAAW,QAAQ,CAAC;AAAA,OAClE;AAAA;AAAA,GAEJ;AAAA"}

package/build/cjs/components/Stepper/utils/stepUtils.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),m=require("../../../react-base/src/components/Stepper/Stepper.utils.js"),w=require("../../Icon/components/Check.js"),S=require("../../Icon/components/Cross.js"),f=({stepsLength:l,current:u,index:r,type:d,step:{onClick:o,icon:i,key:g,isFinished:p,...t}})=>{const b={...o&&{tabIndex:0,onKeyDown:n=>{o&&(n.key==="Enter"||n.code==="Space")&&n.currentTarget&&n.currentTarget.click()},onClick:o}},e=m.getStage(u,r,p),s=r+1,y=!i&&(e==="waiting"||!t.invalid&&e==="current");let a=i;const h=y?s:null;return t.invalid&&e!=="waiting"?a=c.jsx(S,{}):e==="completed"&&(a=c.jsx(w,{})),{stage:e,order:s,badgeIcon:a,badgeChildren:h,key:g??t.title,isLastStep:r===l-1,"aria-label":`${d} step: ${s}, stage: ${e}`,...b,...t}};exports.getStepComponentProps=f;
+//# sourceMappingURL=stepUtils.js.map

package/build/cjs/components/Stepper/utils/stepUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepUtils.js","sources":["../../../../../src/components/Stepper/utils/stepUtils.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react';\n\nimport { StepperUtils, type StepperTypes } from 'acinguiux-ds-react-base/components/Stepper';\n\nimport Check from '../../Icon/components/Check';\nimport Cross from '../../Icon/components/Cross';\nimport type { IStepProps } from '../Step.types';\n\ntype GetStepComponentPropsArguments = {\n  stepsLength: number;\n  current: number;\n  index: number;\n  step: StepperTypes.Step;\n  type: StepperTypes.Type;\n};\n\nexport const getStepComponentProps = ({\n  stepsLength,\n  current,\n  index,\n  type,\n  step: { onClick, icon, key, isFinished, ...restStep },\n}: GetStepComponentPropsArguments): Omit<IStepProps, 'size' | 'direction' | 'type' | 'icon'> => {\n  const handleOnKeyDown = (e: KeyboardEvent<HTMLLIElement>) => {\n    if (onClick && (e.key === 'Enter' || e.code === 'Space') && e.currentTarget) {\n      e.currentTarget.click();\n    }\n  };\n\n  const clickableProps = {\n    ...(onClick && {\n      tabIndex: 0,\n      onKeyDown: handleOnKeyDown,\n      onClick,\n    }),\n  };\n  const stage = StepperUtils.getStage(current, index, isFinished);\n  const order = index + 1;\n  const renderChildren = !icon && (stage === 'waiting' || (!restStep.invalid && stage === 'current'));\n\n  let badgeIcon = icon;\n  const badgeChildren = renderChildren ? order : null;\n\n  if (restStep.invalid && stage !== 'waiting') {\n    badgeIcon = <Cross />;\n  } else if (stage === 'completed') {\n    badgeIcon = <Check />;\n  }\n\n  return {\n    stage,\n    order,\n    badgeIcon,\n    badgeChildren,\n    key: key ?? restStep.title,\n    isLastStep: index === stepsLength - 1,\n    'aria-label': `${type} step: ${order}, stage: ${stage}`,\n    ...clickableProps,\n    ...restStep,\n  };\n};\n"],"names":["getStepComponentProps","stepsLength","current","index","type","onClick","icon","key","isFinished","restStep","clickableProps","e","stage","StepperUtils.getStage","order","renderChildren","badgeIcon","badgeChildren","Cross","Check"],"mappings":"kTAgBaA,EAAwB,CAAC,CACpC,YAAAC,EACA,QAAAC,EACA,MAAAC,EACA,KAAAC,EACA,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,IAAAC,EAAK,WAAAC,EAAY,GAAGC,CAAS,CACtD,IAAgG,CAO9F,MAAMC,EAAiB,CACrB,GAAIL,GAAW,CACb,SAAU,EACV,UATqBM,GAAoC,CACvDN,IAAYM,EAAE,MAAQ,SAAWA,EAAE,OAAS,UAAYA,EAAE,eAC5DA,EAAE,cAAc,MAAM,CAE1B,EAMI,QAAAN,CAAA,CAEJ,EACMO,EAAQC,EAAsB,SAAAX,EAASC,EAAOK,CAAU,EACxDM,EAAQX,EAAQ,EAChBY,EAAiB,CAACT,IAASM,IAAU,WAAc,CAACH,EAAS,SAAWG,IAAU,WAExF,IAAII,EAAYV,EACV,MAAAW,EAAgBF,EAAiBD,EAAQ,KAE3C,OAAAL,EAAS,SAAWG,IAAU,UAChCI,QAAaE,EAAM,EAAA,EACVN,IAAU,cACnBI,QAAaG,EAAM,EAAA,GAGd,CACL,MAAAP,EACA,MAAAE,EACA,UAAAE,EACA,cAAAC,EACA,IAAKV,GAAOE,EAAS,MACrB,WAAYN,IAAUF,EAAc,EACpC,aAAc,GAAGG,CAAI,UAAUU,CAAK,YAAYF,CAAK,GACrD,GAAGF,EACH,GAAGD,CACL,CACF"}

package/build/cjs/components/Table/Table.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),t=require("react"),n=require("../../react-base/src/consts/index.js"),a=require("./hooks/useTable.js"),d=require("./Table.styles.js"),x=t.forwardRef(({size:e=n.Sizes.Medium,alignment:r,empty:o,header:u,...c},i)=>{const l=t.useMemo(()=>({size:e,alignment:r||n.Alignments.Left,empty:o,header:u}),[e,r]);return s.jsx(a.TableContext.Provider,{value:l,children:s.jsx(d.Table,{ref:i,size:e,alignment:r,...c,cellPadding:1})})});module.exports=x;
+//# sourceMappingURL=Table.js.map

package/build/cjs/components/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef, useMemo } from 'react';\n\nimport { Alignments, Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport { TableContext } from './hooks/useTable';\nimport * as Styled from './Table.styles';\nimport type { ITableProps } from './Table.types';\n\nconst Table = forwardRef(\n  ({ size = Sizes.Medium, alignment, empty, header, ...props }: ITableProps, ref: ForwardedRef<HTMLTableElement>) => {\n    const value = useMemo(\n      (): ITableProps => ({\n        size,\n        alignment: alignment || Alignments.Left,\n        empty,\n        header,\n      }),\n      [size, alignment],\n    );\n\n    return (\n      <TableContext.Provider value={value}>\n        <Styled.Table ref={ref} size={size} alignment={alignment} {...props} cellPadding={1} />\n      </TableContext.Provider>\n    );\n  },\n);\n\nexport default Table;\n"],"names":["Table","forwardRef","size","Sizes","alignment","empty","header","props","ref","value","useMemo","Alignments","TableContext","Styled.Table"],"mappings":"uLAQMA,EAAQC,EAAA,WACZ,CAAC,CAAE,KAAAC,EAAOC,EAAM,MAAA,OAAQ,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,GAAGC,CAAM,EAAgBC,IAAwC,CACjH,MAAMC,EAAQC,EAAA,QACZ,KAAoB,CAClB,KAAAR,EACA,UAAWE,GAAaO,EAAAA,WAAW,KACnC,MAAAN,EACA,OAAAC,CAAA,GAEF,CAACJ,EAAME,CAAS,CAClB,EAEA,aACGQ,EAAAA,aAAa,SAAb,CAAsB,MAAAH,EACrB,eAACI,EAAO,MAAP,CAAa,IAAAL,EAAU,KAAAN,EAAY,UAAAE,EAAuB,GAAGG,EAAO,YAAa,CAAG,CAAA,EACvF,CAAA,CAGN"}

package/build/cjs/components/Table/Table.styles.js

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("styled-components"),d=require("../../react-base/src/consts/index.js"),n=require("../../react-base/src/components/Table/Table.consts.js"),r=require("../../react-base/src/theme/variableTheme.js"),e=require("./components/TableElements/TableElements.js"),b=require("../Flexbox/Flexbox.js"),c=o.table(({theme:s,size:l=`${d.Sizes.Medium}`,alignment:i,$empty:a})=>{const t=s.getVariablesLayer({foundation:"surface"});return o.css`
+      width: 100%;
+      min-height: ${n.consts[l].cell.height}px;
+      border-collapse: separate;
+      border-spacing: 0;
+      background-color: ${t[r.VariablesNames.BackgroundFoundation]};
+
+      > :first-child > ${e.TR}:first-of-type > :first-child {
+        border-top-left-radius: 8px;
+      }
+
+      > :first-child > ${e.TR}:first-of-type > * {
+        border-top: 1px solid ${t[r.VariablesNames.BorderOnFoundationSubtle]};
+      }
+
+      > * > ${e.TR} > :first-child {
+        border-left: 1px solid ${t[r.VariablesNames.BorderOnFoundationSubtle]};
+      }
+
+      > * > ${e.TR} > :last-child {
+        border-right: 1px solid ${t[r.VariablesNames.BorderOnFoundationSubtle]};
+      }
+
+      > :last-child > ${e.TR}:last-of-type > * {
+        border-bottom: 1px solid ${t[r.VariablesNames.BorderOnFoundationSubtle]};
+      }
+
+      > :first-child > ${e.TR}:first-of-type > :last-child {
+        border-top-right-radius: 8px;
+      }
+
+      > :last-child > ${e.TR}:last-of-type > :first-child {
+        border-bottom-left-radius: 8px;
+      }
+
+      > :last-child > ${e.TR}:last-of-type > :last-child {
+        border-bottom-right-radius: 8px;
+      }
+
+      > * > ${e.TR} > ${e.TD} > ${b} {
+        justify-content: ${i};
+      }
+
+      tbody td {
+        text-align: ${i};
+
+        ${a&&o.css`
+          padding: unset;
+        `};
+      }
+
+      tfoot th {
+        text-align: left;
+      }
+    `});exports.Table=c;
+//# sourceMappingURL=Table.styles.js.map

package/build/cjs/components/Table/Table.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.styles.js","sources":["../../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { Transient } from 'acinguiux-ds-react-base/types';\nimport { TableConsts } from 'acinguiux-ds-react-base/components/Table';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { ITableProps } from './Table.types';\nimport { TD, TR } from './components/TableElements/TableElements';\nimport Flexbox from '../Flexbox/Flexbox';\n\nconst Table = styled.table<Transient<ITableProps, 'empty'>>(\n  ({ theme, size = `${Sizes.Medium}`, alignment, $empty }) => {\n    const layer = theme.getVariablesLayer({ foundation: 'surface' });\n\n    return css`\n      width: 100%;\n      min-height: ${TableConsts.consts[size].cell.height}px;\n      border-collapse: separate;\n      border-spacing: 0;\n      background-color: ${layer[VariablesNames.BackgroundFoundation]};\n\n      > :first-child > ${TR}:first-of-type > :first-child {\n        border-top-left-radius: 8px;\n      }\n\n      > :first-child > ${TR}:first-of-type > * {\n        border-top: 1px solid ${layer[VariablesNames.BorderOnFoundationSubtle]};\n      }\n\n      > * > ${TR} > :first-child {\n        border-left: 1px solid ${layer[VariablesNames.BorderOnFoundationSubtle]};\n      }\n\n      > * > ${TR} > :last-child {\n        border-right: 1px solid ${layer[VariablesNames.BorderOnFoundationSubtle]};\n      }\n\n      > :last-child > ${TR}:last-of-type > * {\n        border-bottom: 1px solid ${layer[VariablesNames.BorderOnFoundationSubtle]};\n      }\n\n      > :first-child > ${TR}:first-of-type > :last-child {\n        border-top-right-radius: 8px;\n      }\n\n      > :last-child > ${TR}:last-of-type > :first-child {\n        border-bottom-left-radius: 8px;\n      }\n\n      > :last-child > ${TR}:last-of-type > :last-child {\n        border-bottom-right-radius: 8px;\n      }\n\n      > * > ${TR} > ${TD} > ${Flexbox} {\n        justify-content: ${alignment};\n      }\n\n      tbody td {\n        text-align: ${alignment};\n\n        ${$empty &&\n        css`\n          padding: unset;\n        `};\n      }\n\n      tfoot th {\n        text-align: left;\n      }\n    `;\n  },\n);\n\nexport { Table };\n"],"names":["Table","styled","theme","size","Sizes","alignment","$empty","layer","css","TableConsts.consts","VariablesNames","TR","TD","Flexbox"],"mappings":"2ZAUMA,EAAQC,EAAO,MACnB,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAO,GAAGC,EAAAA,MAAM,MAAM,GAAI,UAAAC,EAAW,OAAAC,KAAa,CAC1D,MAAMC,EAAQL,EAAM,kBAAkB,CAAE,WAAY,UAAW,EAExD,OAAAM,EAAA;AAAA;AAAA,oBAESC,SAAmBN,CAAI,EAAE,KAAK,MAAM;AAAA;AAAA;AAAA,0BAG9BI,EAAMG,iBAAe,oBAAoB,CAAC;AAAA;AAAA,yBAE3CC,IAAE;AAAA;AAAA;AAAA;AAAA,yBAIFA,IAAE;AAAA,gCACKJ,EAAMG,iBAAe,wBAAwB,CAAC;AAAA;AAAA;AAAA,cAGhEC,IAAE;AAAA,iCACiBJ,EAAMG,iBAAe,wBAAwB,CAAC;AAAA;AAAA;AAAA,cAGjEC,IAAE;AAAA,kCACkBJ,EAAMG,iBAAe,wBAAwB,CAAC;AAAA;AAAA;AAAA,wBAGxDC,IAAE;AAAA,mCACSJ,EAAMG,iBAAe,wBAAwB,CAAC;AAAA;AAAA;AAAA,yBAGxDC,IAAE;AAAA;AAAA;AAAA;AAAA,wBAIHA,IAAE;AAAA;AAAA;AAAA;AAAA,wBAIFA,IAAE;AAAA;AAAA;AAAA;AAAA,cAIZA,EAAE,EAAA,MAAMC,IAAE,MAAMC,CAAO;AAAA,2BACVR,CAAS;AAAA;AAAA;AAAA;AAAA,sBAIdA,CAAS;AAAA;AAAA,UAErBC,GACFE,EAAA;AAAA;AAAA,SAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAA,CAQT"}

package/build/cjs/components/Table/components/BaseTable/BaseTable.js

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),u=require("@tanstack/react-table"),C=require("../../../../react-base/src/consts/index.js"),R=require("../../Table.js"),H=require("../TableElements/ColumnVisibilityFilters.js"),q=require("./BaseTableOverview.js"),z=require("./TableHeader.js"),S=require("./TableBody.js"),j=require("./TableFooter.js"),w=require("../TableElements/TableWrapper.js"),F=require("../../../Pictogram/components/BarChartTypeColourTint.js"),k=require("./BaseTablePagination.js"),P=({data:g=[],columns:h,tableOptions:r,emptyStateProps:y,...m})=>{const d=u.useReactTable({data:g,columns:h,getCoreRowModel:u.getCoreRowModel(),defaultColumn:{minSize:50},enableRowSelection:!1,...r}),e={noHeader:r==null?void 0:r.noHeader,noFooter:r==null?void 0:r.noFooter,maxWidth:r==null?void 0:r.maxWidth,maxHeight:r==null?void 0:r.maxHeight,dragAndDrop:r==null?void 0:r.dragAndDrop,columnSized:(r==null?void 0:r.columnSized)||(r==null?void 0:r.useColumnsSizing),stickyHeader:r==null?void 0:r.stickyHeader,stickyFooter:r==null?void 0:r.stickyFooter,numericTypes:r==null?void 0:r.numericTypes,sentimentKey:r==null?void 0:r.sentimentKey,paginationKind:r==null?void 0:r.paginationKind,pinningOptions:r==null?void 0:r.pinningOptions,disableRowHover:r==null?void 0:r.disableRowHover,columnPinning:r==null?void 0:r.enableColumnPinning,pagination:!!(r!=null&&r.getPaginationRowModel),columnResizing:r==null?void 0:r.enableColumnResizing,headerCellMenuItems:r==null?void 0:r.headerCellMenuItems,columnVisibility:!!(r!=null&&r.onColumnVisibilityChange),columnResizingMinWidth:r==null?void 0:r.columnResizingMinWidth,sentimentIndicatorPosition:r==null?void 0:r.sentimentIndicatorPosition,sorting:(r==null?void 0:r.enableSorting)&&!!(r!=null&&r.getSortedRowModel)},x=y??{pictogram:c.jsx(F,{}),title:"Title here",description:"This should be a clear and concise description."},T={...e.maxHeight&&{maxHeight:e.maxHeight},...e.maxWidth&&{maxWidth:e.maxWidth},...(e.stickyHeader||e.stickyFooter)&&{stickyRows:e.stickyHeader||e.stickyFooter}},i=d.getRowCount()===0;return c.jsxs(c.Fragment,{children:[(e==null?void 0:e.columnVisibility)&&c.jsx(H.ColumnVisibilityFilters,{table:d}),c.jsxs(w.TableWrapper,{className:C.BASE_TABLE_CLASS,...T,children:[c.jsx(q,{...m.header,size:m.size}),c.jsxs(R,{...m,header:m.header,empty:i,children:[c.jsx(z,{table:d,options:e}),c.jsx(S,{table:d,options:e,emptyStateProps:x}),c.jsx(j,{table:d,options:e})]}),c.jsx(k,{table:d,options:e,size:m.size})]})]})};module.exports=P;
+//# sourceMappingURL=BaseTable.js.map

package/build/cjs/components/Table/components/BaseTable/BaseTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTable.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.tsx"],"sourcesContent":["import { useReactTable, getCoreRowModel } from '@tanstack/react-table';\nimport { BASE_TABLE_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport Table from '../../Table';\nimport type { IBaseTableProps } from './BaseTable.types';\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\nimport BaseTableOverview from './BaseTableOverview';\nimport TableHeader from './TableHeader';\nimport TableBody from './TableBody';\nimport TableFooter from './TableFooter';\nimport { TableWrapper } from '../TableElements/TableWrapper';\nimport BarChartTypeColourTint from '../../../Pictogram/components/BarChartTypeColourTint';\nimport BaseTablePagination from './BaseTablePagination';\n\nconst BaseTable = <T,>({ data = [], columns, tableOptions, emptyStateProps, ...rest }: IBaseTableProps<T>) => {\n  const table = useReactTable({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    defaultColumn: {\n      minSize: 50,\n    },\n    // tanstack enables rows selection by default\n    enableRowSelection: false,\n    ...tableOptions,\n  });\n\n  const options = {\n    noHeader: tableOptions?.noHeader,\n    noFooter: tableOptions?.noFooter,\n    maxWidth: tableOptions?.maxWidth,\n    maxHeight: tableOptions?.maxHeight,\n    dragAndDrop: tableOptions?.dragAndDrop,\n    columnSized: tableOptions?.columnSized || tableOptions?.useColumnsSizing,\n    stickyHeader: tableOptions?.stickyHeader,\n    stickyFooter: tableOptions?.stickyFooter,\n    numericTypes: tableOptions?.numericTypes,\n    sentimentKey: tableOptions?.sentimentKey,\n    paginationKind: tableOptions?.paginationKind,\n    pinningOptions: tableOptions?.pinningOptions,\n    disableRowHover: tableOptions?.disableRowHover,\n    columnPinning: tableOptions?.enableColumnPinning,\n    pagination: !!tableOptions?.getPaginationRowModel,\n    columnResizing: tableOptions?.enableColumnResizing,\n    headerCellMenuItems: tableOptions?.headerCellMenuItems,\n    columnVisibility: !!tableOptions?.onColumnVisibilityChange,\n    columnResizingMinWidth: tableOptions?.columnResizingMinWidth,\n    sentimentIndicatorPosition: tableOptions?.sentimentIndicatorPosition,\n    sorting: tableOptions?.enableSorting && !!tableOptions?.getSortedRowModel,\n  };\n\n  const emptyStateProperties = emptyStateProps ?? {\n    pictogram: <BarChartTypeColourTint />,\n    title: 'Title here',\n    description: 'This should be a clear and concise description.',\n  };\n\n  const wrapperProps = {\n    ...(options.maxHeight && { maxHeight: options.maxHeight }),\n    ...(options.maxWidth && { maxWidth: options.maxWidth }),\n    ...((options.stickyHeader || options.stickyFooter) && {\n      stickyRows: options.stickyHeader || options.stickyFooter,\n    }),\n  };\n\n  const isEmpty = table.getRowCount() === 0;\n\n  return (\n    <>\n      {options?.columnVisibility && <ColumnVisibilityFilters table={table} />}\n      <TableWrapper className={BASE_TABLE_CLASS} {...wrapperProps}>\n        <BaseTableOverview {...rest.header} size={rest.size} />\n        <Table {...rest} header={rest.header} empty={isEmpty}>\n          <TableHeader table={table} options={options} />\n          <TableBody table={table} options={options} emptyStateProps={emptyStateProperties} />\n          <TableFooter table={table} options={options} />\n        </Table>\n        <BaseTablePagination table={table} options={options} size={rest.size} />\n      </TableWrapper>\n    </>\n  );\n};\n\nexport default BaseTable;\n"],"names":["BaseTable","data","columns","tableOptions","emptyStateProps","rest","table","useReactTable","getCoreRowModel","options","emptyStateProperties","BarChartTypeColourTint","wrapperProps","isEmpty","jsxs","Fragment","jsx","ColumnVisibilityFilters","TableWrapper","BASE_TABLE_CLASS","BaseTableOverview","Table","TableHeader","TableBody","TableFooter","BaseTablePagination"],"mappings":"ufAcMA,EAAY,CAAK,CAAE,KAAAC,EAAO,CAAI,EAAA,QAAAC,EAAS,aAAAC,EAAc,gBAAAC,EAAiB,GAAGC,KAA+B,CAC5G,MAAMC,EAAQC,EAAAA,cAAc,CAC1B,KAAAN,EACA,QAAAC,EACA,gBAAiBM,EAAAA,gBAAgB,EACjC,cAAe,CACb,QAAS,EACX,EAEA,mBAAoB,GACpB,GAAGL,CAAA,CACJ,EAEKM,EAAU,CACd,SAAUN,GAAA,YAAAA,EAAc,SACxB,SAAUA,GAAA,YAAAA,EAAc,SACxB,SAAUA,GAAA,YAAAA,EAAc,SACxB,UAAWA,GAAA,YAAAA,EAAc,UACzB,YAAaA,GAAA,YAAAA,EAAc,YAC3B,aAAaA,GAAA,YAAAA,EAAc,eAAeA,GAAA,YAAAA,EAAc,kBACxD,aAAcA,GAAA,YAAAA,EAAc,aAC5B,aAAcA,GAAA,YAAAA,EAAc,aAC5B,aAAcA,GAAA,YAAAA,EAAc,aAC5B,aAAcA,GAAA,YAAAA,EAAc,aAC5B,eAAgBA,GAAA,YAAAA,EAAc,eAC9B,eAAgBA,GAAA,YAAAA,EAAc,eAC9B,gBAAiBA,GAAA,YAAAA,EAAc,gBAC/B,cAAeA,GAAA,YAAAA,EAAc,oBAC7B,WAAY,CAAC,EAACA,GAAA,MAAAA,EAAc,uBAC5B,eAAgBA,GAAA,YAAAA,EAAc,qBAC9B,oBAAqBA,GAAA,YAAAA,EAAc,oBACnC,iBAAkB,CAAC,EAACA,GAAA,MAAAA,EAAc,0BAClC,uBAAwBA,GAAA,YAAAA,EAAc,uBACtC,2BAA4BA,GAAA,YAAAA,EAAc,2BAC1C,SAASA,GAAA,YAAAA,EAAc,gBAAiB,CAAC,EAACA,GAAA,MAAAA,EAAc,kBAC1D,EAEMO,EAAuBN,GAAmB,CAC9C,gBAAYO,EAAuB,EAAA,EACnC,MAAO,aACP,YAAa,iDACf,EAEMC,EAAe,CACnB,GAAIH,EAAQ,WAAa,CAAE,UAAWA,EAAQ,SAAU,EACxD,GAAIA,EAAQ,UAAY,CAAE,SAAUA,EAAQ,QAAS,EACrD,IAAKA,EAAQ,cAAgBA,EAAQ,eAAiB,CACpD,WAAYA,EAAQ,cAAgBA,EAAQ,YAAA,CAEhD,EAEMI,EAAUP,EAAM,YAAA,IAAkB,EAExC,OAEKQ,EAAA,KAAAC,WAAA,CAAA,SAAA,EAASN,GAAA,YAAAA,EAAA,mBAAqBO,EAAAA,IAAAC,EAAAA,wBAAA,CAAwB,MAAAX,CAAc,CAAA,EACpEQ,EAAA,KAAAI,EAAA,aAAA,CAAa,UAAWC,EAAAA,iBAAmB,GAAGP,EAC7C,SAAA,CAAAI,MAACI,GAAmB,GAAGf,EAAK,OAAQ,KAAMA,EAAK,KAAM,EACrDS,OAACO,GAAO,GAAGhB,EAAM,OAAQA,EAAK,OAAQ,MAAOQ,EAC3C,SAAA,CAACG,EAAAA,IAAAM,EAAA,CAAY,MAAAhB,EAAc,QAAAG,CAAkB,CAAA,EAC5CO,EAAA,IAAAO,EAAA,CAAU,MAAAjB,EAAc,QAAAG,EAAkB,gBAAiBC,EAAsB,EAClFM,EAAAA,IAACQ,EAAY,CAAA,MAAAlB,EAAc,QAAAG,CAAkB,CAAA,CAAA,EAC/C,QACCgB,EAAoB,CAAA,MAAAnB,EAAc,QAAAG,EAAkB,KAAMJ,EAAK,IAAM,CAAA,CAAA,CACxE,CAAA,CAAA,EACF,CAEJ"}

package/build/cjs/components/Table/components/BaseTable/BaseTableOverview.js

@@ -0,0 +1,14 @@
+"use strict";const d=require("react/jsx-runtime"),l=require("../../../../react-base/src/consts/index.js"),n=require("../../../../react-base/src/components/Table/Table.consts.js"),u=require("styled-components"),s=require("../../../../react-base/src/theme/variableTheme.js"),g=require("../../utils/tableUtils.js"),h=require("../../../_internalComponents/InfoBar/InfoBar.js"),a=(e,t,o,r)=>(t?n.consts[e].header.height.title:0)+(o?n.consts[e].header.height.meta:0)+(r?n.consts[e].header.height.description:0)+n.consts[e].header.padding.top+n.consts[e].header.padding.bottom,x=u.div(({size:e,withTitle:t,withMeta:o,withDescription:r,theme:c})=>{const i=c.getVariablesLayer({foundation:"surface"});return`
+      position: sticky;
+      z-index: 3;
+      top: -${a(e,t,o,r)}px;
+      margin-top: -${a(e,t,o,r)}px;
+      transform: translateY(100%);
+      left: 0;
+      right: 0;
+      height: ${a(e,t,o,r)}px;
+      padding: ${n.consts[e].header.padding.top??0}px ${n.consts[e].header.padding.left??0}px ${n.consts[e].header.padding.bottom??0}px ${n.consts[e].header.padding.right??0}px;
+      background: ${i[s.VariablesNames.BackgroundFoundation]};
+      border-bottom: 1px solid ${i[s.VariablesNames.BorderOnFoundationSubtle]};
+    `}),b=({size:e=l.Sizes.Medium,...t})=>!t.meta&&!t.title&&!t.description&&!t.icon?null:d.jsx(x,{size:e,withMeta:!!t.meta,withDescription:!!t.description,withTitle:!!(t.title||t.icon),children:d.jsx(h,{...t,size:g.getInfoBarSize(e)})});module.exports=b;
+//# sourceMappingURL=BaseTableOverview.js.map

package/build/cjs/components/Table/components/BaseTable/BaseTableOverview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTableOverview.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTableOverview.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport styled from 'styled-components';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport { getInfoBarSize } from '../../utils/tableUtils';\nimport InfoBar from '../../../_internalComponents/InfoBar/InfoBar';\nimport type { IBaseTableOverviewProps } from './BaseTable.types';\n\nconst getOverviewHeight = (size: TableTypes.Size, title: boolean, meta: boolean, description: boolean) =>\n  (title ? TableConsts.consts[size].header.height.title : 0) +\n  (meta ? TableConsts.consts[size].header.height.meta : 0) +\n  (description ? TableConsts.consts[size].header.height.description : 0) +\n  TableConsts.consts[size].header.padding.top +\n  TableConsts.consts[size].header.padding.bottom;\n\nconst TableOverviewContainer = styled.div<{\n  size: TableTypes.Size;\n  withTitle: boolean;\n  withMeta: boolean;\n  withDescription: boolean;\n}>(({ size, withTitle, withMeta, withDescription, theme }) => {\n  const layer = theme.getVariablesLayer({ foundation: 'surface' });\n\n  return `\n      position: sticky;\n      z-index: 3;\n      top: -${getOverviewHeight(size, withTitle, withMeta, withDescription)}px;\n      margin-top: -${getOverviewHeight(size, withTitle, withMeta, withDescription)}px;\n      transform: translateY(100%);\n      left: 0;\n      right: 0;\n      height: ${getOverviewHeight(size, withTitle, withMeta, withDescription)}px;\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      background: ${layer[VariablesNames.BackgroundFoundation]};\n      border-bottom: 1px solid ${layer[VariablesNames.BorderOnFoundationSubtle]};\n    `;\n});\n\nconst Overview = ({ size = Sizes.Medium, ...props }: IBaseTableOverviewProps) => {\n  if (!props.meta && !props.title && !props.description && !props.icon) {\n    return null;\n  }\n\n  return (\n    <TableOverviewContainer\n      size={size}\n      withMeta={Boolean(props.meta)}\n      withDescription={Boolean(props.description)}\n      withTitle={Boolean(props.title || props.icon)}\n    >\n      <InfoBar {...props} size={getInfoBarSize(size)} />\n    </TableOverviewContainer>\n  );\n};\n\nexport default Overview;\n"],"names":["getOverviewHeight","size","title","meta","description","TableConsts.consts","TableOverviewContainer","styled","withTitle","withMeta","withDescription","theme","layer","VariablesNames","Overview","Sizes","props","jsx","InfoBar","getInfoBarSize"],"mappings":"qXASMA,EAAoB,CAACC,EAAuBC,EAAgBC,EAAeC,KAC9EF,EAAQG,EAAAA,OAAmBJ,CAAI,EAAE,OAAO,OAAO,MAAQ,IACvDE,EAAOE,EAAAA,OAAmBJ,CAAI,EAAE,OAAO,OAAO,KAAO,IACrDG,EAAcC,EAAAA,OAAmBJ,CAAI,EAAE,OAAO,OAAO,YAAc,GACpEI,EAAAA,OAAmBJ,CAAI,EAAE,OAAO,QAAQ,IACxCI,EAAmB,OAAAJ,CAAI,EAAE,OAAO,QAAQ,OAEpCK,EAAyBC,EAAO,IAKnC,CAAC,CAAE,KAAAN,EAAM,UAAAO,EAAW,SAAAC,EAAU,gBAAAC,EAAiB,MAAAC,KAAY,CAC5D,MAAMC,EAAQD,EAAM,kBAAkB,CAAE,WAAY,UAAW,EAExD,MAAA;AAAA;AAAA;AAAA,cAGKX,EAAkBC,EAAMO,EAAWC,EAAUC,CAAe,CAAC;AAAA,qBACtDV,EAAkBC,EAAMO,EAAWC,EAAUC,CAAe,CAAC;AAAA;AAAA;AAAA;AAAA,gBAIlEV,EAAkBC,EAAMO,EAAWC,EAAUC,CAAe,CAAC;AAAA,iBAC5DL,EAAY,OAAOJ,CAAI,EAAE,OAAO,QAAQ,KAAO,CAAC,MAAMI,EAAAA,OAAmBJ,CAAI,EAAE,OAAO,QAAQ,MAAQ,CAAC,MAAMI,EAAAA,OAAmBJ,CAAI,EAAE,OAAO,QAAQ,QAAU,CAAC,MAAMI,SAAmBJ,CAAI,EAAE,OAAO,QAAQ,OAAS,CAAC;AAAA,oBACrNW,EAAMC,iBAAe,oBAAoB,CAAC;AAAA,iCAC7BD,EAAMC,iBAAe,wBAAwB,CAAC;AAAA,KAE/E,CAAC,EAEKC,EAAW,CAAC,CAAE,KAAAb,EAAOc,QAAM,OAAQ,GAAGC,KACtC,CAACA,EAAM,MAAQ,CAACA,EAAM,OAAS,CAACA,EAAM,aAAe,CAACA,EAAM,KACvD,KAIPC,EAAA,IAACX,EAAA,CACC,KAAAL,EACA,SAAU,EAAQe,EAAM,KACxB,gBAAiB,EAAQA,EAAM,YAC/B,UAAW,GAAQA,EAAM,OAASA,EAAM,MAExC,eAACE,EAAS,CAAA,GAAGF,EAAO,KAAMG,EAAAA,eAAelB,CAAI,CAAG,CAAA,CAAA,CAClD"}

package/build/cjs/components/Table/components/BaseTable/BaseTablePagination.js

@@ -0,0 +1,18 @@
+"use strict";const r=require("react/jsx-runtime"),h=require("react"),o=require("../../../../react-base/src/consts/index.js"),t=require("../../../../react-base/src/components/Table/Table.consts.js"),m=require("styled-components"),g=require("../../../../react-base/src/theme/variableTheme.js"),S=require("../../../Pagination/Pagination.js"),C=n=>n==="simple"?{simple:!0,position:o.Positions.Right}:{showTotal:e=>`Total ${e} items`,showSizeChanger:!0,showQuickJumper:!0},x=m.div(({size:n,theme:e})=>{const i=e.getVariablesLayer({foundation:"surface"});return`
+      position: sticky;
+      z-index: 2;
+      bottom: -${t.consts[n].paginationCell.height}px;
+      margin-bottom: -${t.consts[n].paginationCell.height}px;
+      transform: translateY(-100%);
+      left: 0;
+      right: 0;
+      height: ${t.consts[n].paginationCell.height}px;
+      padding: ${t.consts[n].paginationCell.padding.top??0}px ${t.consts[n].paginationCell.padding.left??0}px ${t.consts[n].paginationCell.padding.bottom??0}px ${t.consts[n].paginationCell.padding.right??0}px;
+      background: ${i[g.VariablesNames.BackgroundFoundation]};
+      border-top: 1px solid ${i[g.VariablesNames.BorderOnFoundationSubtle]};
+      > .${o.PAGINATION_CLASS} {
+        margin: 0;
+        width: 100%;
+      }
+    `}),P=({table:n,options:e={},size:i=o.Sizes.Medium})=>{const{paginationKind:l="default",pagination:p}=e;if(!(p&&n.getIsSomeColumnsVisible()))return null;const u=h.useCallback((s,a)=>{n.setPageSize(a),n.setPageIndex(s-1)},[n]),c={total:n.getRowCount(),pageSize:n.getState().pagination.pageSize,onShowSizeChange:(s,a)=>n.setPagination(d=>({...d,pageSize:a})),size:i===o.Sizes.XSmall?o.Sizes.Small:i,showLessItems:!0,onChange:u,...C(l)};return r.jsx(x,{size:i,children:r.jsx(S,{...c})})};module.exports=P;
+//# sourceMappingURL=BaseTablePagination.js.map

package/build/cjs/components/Table/components/BaseTable/BaseTablePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTablePagination.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTablePagination.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { Sizes, Positions, PAGINATION_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport styled from 'styled-components';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport Pagination from '../../../Pagination/Pagination';\nimport type { IPaginationProps } from '../../../Pagination/Pagination.types';\nimport type { IBaseTablePaginationProps } from './BaseTable.types';\n\nconst getPaginationPropertiesFromPaginationKind = (paginationKind?: 'default' | 'simple'): IPaginationProps => {\n  if (paginationKind === 'simple') {\n    return {\n      simple: true,\n      position: Positions.Right,\n    };\n  }\n\n  return {\n    showTotal: (total) => `Total ${total} items`,\n    showSizeChanger: true,\n    showQuickJumper: true,\n  };\n};\n\nconst PaginationContainer = styled.div<{ size: TableTypes.Size }>(({ size, theme }) => {\n  const layer = theme.getVariablesLayer({ foundation: 'surface' });\n\n  return `\n      position: sticky;\n      z-index: 2;\n      bottom: -${TableConsts.consts[size].paginationCell.height}px;\n      margin-bottom: -${TableConsts.consts[size].paginationCell.height}px;\n      transform: translateY(-100%);\n      left: 0;\n      right: 0;\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      background: ${layer[VariablesNames.BackgroundFoundation]};\n      border-top: 1px solid ${layer[VariablesNames.BorderOnFoundationSubtle]};\n      > .${PAGINATION_CLASS} {\n        margin: 0;\n        width: 100%;\n      }\n    `;\n});\n\nconst BaseTablePagination = <T,>({ table, options = {}, size = Sizes.Medium }: IBaseTablePaginationProps<T>) => {\n  const { paginationKind = 'default', pagination } = options;\n  const withPagination = pagination && table.getIsSomeColumnsVisible();\n\n  if (!withPagination) {\n    return null;\n  }\n\n  const handleOnChange = useCallback(\n    (current: number, pageSize: number): void => {\n      table.setPageSize(pageSize);\n      table.setPageIndex(current - 1);\n    },\n    [table],\n  );\n\n  const paginationProps: IPaginationProps = {\n    total: table.getRowCount(),\n    pageSize: table.getState().pagination.pageSize,\n    onShowSizeChange: (_, showSize) => table.setPagination((state) => ({ ...state, pageSize: showSize })),\n    size: size === Sizes.XSmall ? Sizes.Small : size,\n    showLessItems: true,\n    onChange: handleOnChange,\n    ...getPaginationPropertiesFromPaginationKind(paginationKind),\n  };\n\n  return (\n    <PaginationContainer size={size}>\n      <Pagination {...paginationProps} />\n    </PaginationContainer>\n  );\n};\n\nexport default BaseTablePagination;\n"],"names":["getPaginationPropertiesFromPaginationKind","paginationKind","Positions","total","PaginationContainer","styled","size","theme","layer","TableConsts.consts","VariablesNames","PAGINATION_CLASS","BaseTablePagination","table","options","Sizes","pagination","handleOnChange","useCallback","current","pageSize","paginationProps","_","showSize","state","Pagination"],"mappings":"mVAWMA,EAA6CC,GAC7CA,IAAmB,SACd,CACL,OAAQ,GACR,SAAUC,EAAAA,UAAU,KACtB,EAGK,CACL,UAAYC,GAAU,SAASA,CAAK,SACpC,gBAAiB,GACjB,gBAAiB,EACnB,EAGIC,EAAsBC,EAAO,IAA+B,CAAC,CAAE,KAAAC,EAAM,MAAAC,KAAY,CACrF,MAAMC,EAAQD,EAAM,kBAAkB,CAAE,WAAY,UAAW,EAExD,MAAA;AAAA;AAAA;AAAA,iBAGQE,SAAmBH,CAAI,EAAE,eAAe,MAAM;AAAA,wBACvCG,SAAmBH,CAAI,EAAE,eAAe,MAAM;AAAA;AAAA;AAAA;AAAA,gBAItDG,SAAmBH,CAAI,EAAE,eAAe,MAAM;AAAA,iBAC7CG,EAAY,OAAOH,CAAI,EAAE,eAAe,QAAQ,KAAO,CAAC,MAAMG,EAAAA,OAAmBH,CAAI,EAAE,eAAe,QAAQ,MAAQ,CAAC,MAAMG,EAAAA,OAAmBH,CAAI,EAAE,eAAe,QAAQ,QAAU,CAAC,MAAMG,SAAmBH,CAAI,EAAE,eAAe,QAAQ,OAAS,CAAC;AAAA,oBACrPE,EAAME,iBAAe,oBAAoB,CAAC;AAAA,8BAChCF,EAAME,iBAAe,wBAAwB,CAAC;AAAA,WACjEC,kBAAgB;AAAA;AAAA;AAAA;AAAA,KAK3B,CAAC,EAEKC,EAAsB,CAAK,CAAE,MAAAC,EAAO,QAAAC,EAAU,CAAI,EAAA,KAAAR,EAAOS,EAAAA,MAAM,UAA2C,CAC9G,KAAM,CAAE,eAAAd,EAAiB,UAAW,WAAAe,CAAe,EAAAF,EAGnD,GAAI,EAFmBE,GAAcH,EAAM,wBAAwB,GAG1D,OAAA,KAGT,MAAMI,EAAiBC,EAAA,YACrB,CAACC,EAAiBC,IAA2B,CAC3CP,EAAM,YAAYO,CAAQ,EACpBP,EAAA,aAAaM,EAAU,CAAC,CAChC,EACA,CAACN,CAAK,CACR,EAEMQ,EAAoC,CACxC,MAAOR,EAAM,YAAY,EACzB,SAAUA,EAAM,SAAS,EAAE,WAAW,SACtC,iBAAkB,CAACS,EAAGC,IAAaV,EAAM,cAAeW,IAAW,CAAE,GAAGA,EAAO,SAAUD,CAAW,EAAA,EACpG,KAAMjB,IAASS,EAAM,MAAA,OAASA,QAAM,MAAQT,EAC5C,cAAe,GACf,SAAUW,EACV,GAAGjB,EAA0CC,CAAc,CAC7D,EAEA,aACGG,EAAoB,CAAA,KAAAE,EACnB,eAACmB,EAAY,CAAA,GAAGJ,CAAiB,CAAA,EACnC,CAEJ"}

package/build/cjs/components/Table/components/BaseTable/TableBody.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),b=require("@tanstack/react-table"),g=require("../../../../react-base/src/consts/index.js"),s=require("../TableElements/TableElements.js"),I=require("../../../EmptyState/EmptyState.js"),q=require("../../utils/baseTableUtils.js"),u=require("../TableElements/NumericCell.js"),R=require("../../hooks/useTable.js"),x=require("../TableElements/SelectionCheckbox.js"),d=require("../../utils/tableUtils.js"),m=require("../../../Flexbox/Flexbox.js"),T=require("../TableElements/Expander.js"),$=({table:r,options:h={},emptyStateProps:p})=>{const{size:o=g.Sizes.Medium,empty:j}=R.useTable(),{numericTypes:i,sentimentKey:l,disableRowHover:S,sentimentIndicatorPosition:C=g.Positions.Left}=h;return j?e.jsx(s.TBody,{children:e.jsx(s.TR,{size:o,$disableRowHover:!0,children:e.jsx(s.TD,{colSpan:r.getVisibleLeafColumns().length,children:e.jsx(I,{size:d.getEmptyStateSize(o),...p})})})}):e.jsx(s.TBody,{children:r.getRowModel().rows.map(t=>{const a=`${t.parentId??""}-${t.depth}-${t.index}`;return e.jsxs(e.Fragment,{children:[t.getIsGrouped()&&t.index>0?e.jsx(s.SpaceTR,{$disableRowHover:!0,children:e.jsx(s.TD,{colSpan:r.getAllLeafColumns().length})},`${a}-spacer`):e.jsx(e.Fragment,{}),e.jsx(s.TR,{size:o,isSelected:t.getIsSelected(),sentimentIndicatorPosition:C,$disableRowHover:S||t.getIsGrouped(),sentiment:l&&t.original[l],children:t.getVisibleCells().map(n=>{const c=b.flexRender(n.column.columnDef.cell,n.getContext());return e.jsx(s.TD,{...q.bodyCellProps(n),children:n.column.getIndex()===0&&(t.getCanExpand()||t.getIsGrouped()||t.parentId)?e.jsx(T.Expander,{row:t,children:e.jsxs(m,{gap:d.getCellGap(o),alignItems:"center",children:[r.options.enableRowSelection===!0&&t.getCanSelect()&&n.column.getIndex()===0?e.jsx(x.SelectionCheckbox,{checked:t.getIsSelected(),onChange:t.getToggleSelectedHandler()}):e.jsx(e.Fragment,{}),i!=null&&i.includes(n==null?void 0:n.column.id)?e.jsx(u.NumericCell,{children:c}):c]})}):e.jsxs(m,{gap:d.getCellGap(o),alignItems:"center",children:[r.options.enableRowSelection===!0&&t.getCanSelect()&&n.column.getIndex()===0?e.jsx(x.SelectionCheckbox,{checked:t.getIsSelected(),onChange:t.getToggleSelectedHandler()}):e.jsx(e.Fragment,{}),i!=null&&i.includes(n==null?void 0:n.column.id)?e.jsx(u.NumericCell,{children:c}):c]})})})},a)]})})})};module.exports=$;
+//# sourceMappingURL=TableBody.js.map

package/build/cjs/components/Table/components/BaseTable/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableBody.tsx"],"sourcesContent":["import { flexRender } from '@tanstack/react-table';\nimport { Positions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nimport type { IBaseTableElementProps } from './BaseTable.types';\nimport { TR, TD, TBody, SpaceTR } from '../TableElements/TableElements';\nimport EmptyState from '../../../EmptyState/EmptyState';\nimport { bodyCellProps } from '../../utils/baseTableUtils';\nimport { NumericCell } from '../TableElements/NumericCell';\nimport { useTable } from '../../hooks/useTable';\nimport { SelectionCheckbox } from '../TableElements/SelectionCheckbox';\nimport { getCellGap, getEmptyStateSize } from '../../utils/tableUtils';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { Expander } from '../TableElements/Expander';\nimport type { IEmptyStateProps } from '../../../EmptyState/EmptyState.types';\n\nconst Body = <T,>({\n  table,\n  options = {},\n  emptyStateProps,\n}: IBaseTableElementProps<T> & { emptyStateProps: IEmptyStateProps }) => {\n  const { size = Sizes.Medium, empty } = useTable();\n  const { numericTypes, sentimentKey, disableRowHover, sentimentIndicatorPosition = Positions.Left } = options;\n\n  if (empty) {\n    return (\n      <TBody>\n        <TR size={size} $disableRowHover>\n          <TD colSpan={table.getVisibleLeafColumns().length}>\n            <EmptyState size={getEmptyStateSize(size)} {...emptyStateProps} />\n          </TD>\n        </TR>\n      </TBody>\n    );\n  }\n\n  return (\n    <TBody>\n      {table.getRowModel().rows.map((row) => {\n        const key = `${row.parentId ?? ''}-${row.depth}-${row.index}`;\n\n        return (\n          <>\n            {row.getIsGrouped() && row.index > 0 ? (\n              <SpaceTR key={`${key}-spacer`} $disableRowHover>\n                <TD colSpan={table.getAllLeafColumns().length} />\n              </SpaceTR>\n            ) : (\n              <></>\n            )}\n            <TR\n              key={key}\n              size={size}\n              isSelected={row.getIsSelected()}\n              sentimentIndicatorPosition={sentimentIndicatorPosition}\n              $disableRowHover={disableRowHover || row.getIsGrouped()}\n              sentiment={sentimentKey && (row.original[sentimentKey] as TableTypes.Sentiment)}\n            >\n              {row.getVisibleCells().map((cell) => {\n                const cellContent = flexRender(cell.column.columnDef.cell, cell.getContext());\n\n                return (\n                  <TD {...bodyCellProps(cell)}>\n                    {cell.column.getIndex() === 0 && (row.getCanExpand() || row.getIsGrouped() || row.parentId) ? (\n                      <Expander row={row}>\n                        <Flexbox gap={getCellGap(size)} alignItems=\"center\">\n                          {table.options.enableRowSelection === true &&\n                          row.getCanSelect() &&\n                          cell.column.getIndex() === 0 ? (\n                            <SelectionCheckbox\n                              checked={row.getIsSelected()}\n                              onChange={row.getToggleSelectedHandler()}\n                            />\n                          ) : (\n                            <></>\n                          )}\n                          {numericTypes?.includes(cell?.column.id as keyof T) ? (\n                            <NumericCell>{cellContent}</NumericCell>\n                          ) : (\n                            cellContent\n                          )}\n                        </Flexbox>\n                      </Expander>\n                    ) : (\n                      <Flexbox gap={getCellGap(size)} alignItems=\"center\">\n                        {table.options.enableRowSelection === true &&\n                        row.getCanSelect() &&\n                        cell.column.getIndex() === 0 ? (\n                          <SelectionCheckbox checked={row.getIsSelected()} onChange={row.getToggleSelectedHandler()} />\n                        ) : (\n                          <></>\n                        )}\n                        {numericTypes?.includes(cell?.column.id as keyof T) ? (\n                          <NumericCell>{cellContent}</NumericCell>\n                        ) : (\n                          cellContent\n                        )}\n                      </Flexbox>\n                    )}\n                  </TD>\n                );\n              })}\n            </TR>\n          </>\n        );\n      })}\n    </TBody>\n  );\n};\n\nexport default Body;\n"],"names":["Body","table","options","emptyStateProps","size","Sizes","empty","useTable","numericTypes","sentimentKey","disableRowHover","sentimentIndicatorPosition","Positions","jsx","TBody","TR","TD","EmptyState","getEmptyStateSize","row","key","jsxs","Fragment","SpaceTR","cell","cellContent","flexRender","bodyCellProps","Expander","Flexbox","getCellGap","SelectionCheckbox","NumericCell"],"mappings":"qhBAgBMA,EAAO,CAAK,CAChB,MAAAC,EACA,QAAAC,EAAU,CAAC,EACX,gBAAAC,CACF,IAAyE,CACvE,KAAM,CAAE,KAAAC,EAAOC,EAAA,MAAM,OAAQ,MAAAC,CAAA,EAAUC,EAAAA,SAAS,EAC1C,CAAE,aAAAC,EAAc,aAAAC,EAAc,gBAAAC,EAAiB,2BAAAC,EAA6BC,EAAA,UAAU,MAASV,EAErG,OAAII,EAEAO,EAAA,IAACC,EACC,MAAA,CAAA,SAAAD,EAAAA,IAACE,EAAAA,GAAG,CAAA,KAAAX,EAAY,iBAAgB,GAC9B,SAAAS,EAAA,IAACG,EAAG,GAAA,CAAA,QAASf,EAAM,sBAAA,EAAwB,OACzC,SAAAY,EAAAA,IAACI,EAAW,CAAA,KAAMC,EAAkB,kBAAAd,CAAI,EAAI,GAAGD,CAAA,CAAiB,CAClE,CAAA,CAAA,CACF,CACF,CAAA,EAKFU,EAAA,IAACC,SACE,SAAMb,EAAA,YAAA,EAAc,KAAK,IAAKkB,GAAQ,CAC/B,MAAAC,EAAM,GAAGD,EAAI,UAAY,EAAE,IAAIA,EAAI,KAAK,IAAIA,EAAI,KAAK,GAE3D,OAEKE,EAAA,KAAAC,WAAA,CAAA,SAAA,CAAIH,EAAA,gBAAkBA,EAAI,MAAQ,EAChCN,EAAAA,IAAAU,EAAA,QAAA,CAA8B,iBAAgB,GAC7C,SAAAV,EAAA,IAACG,MAAG,QAASf,EAAM,oBAAoB,MAAA,CAAQ,GADnC,GAAGmB,CAAG,SAEpB,EAEEP,MAAAS,EAAAA,SAAA,CAAA,CAAA,EAEJT,EAAA,IAACE,EAAA,GAAA,CAEC,KAAAX,EACA,WAAYe,EAAI,cAAc,EAC9B,2BAAAR,EACA,iBAAkBD,GAAmBS,EAAI,aAAa,EACtD,UAAWV,GAAiBU,EAAI,SAASV,CAAY,EAEpD,SAAIU,EAAA,gBAAkB,EAAA,IAAKK,GAAS,CAC7B,MAAAC,EAAcC,aAAWF,EAAK,OAAO,UAAU,KAAMA,EAAK,YAAY,EAE5E,OACGX,EAAAA,IAAAG,EAAAA,GAAA,CAAI,GAAGW,EAAAA,cAAcH,CAAI,EACvB,SAAKA,EAAA,OAAO,SAAS,IAAM,IAAML,EAAI,aAAa,GAAKA,EAAI,aAAA,GAAkBA,EAAI,UAChFN,EAAA,IAACe,EAAS,SAAA,CAAA,IAAAT,EACR,SAACE,EAAA,KAAAQ,EAAA,CAAQ,IAAKC,EAAAA,WAAW1B,CAAI,EAAG,WAAW,SACxC,SAAA,CAAMH,EAAA,QAAQ,qBAAuB,IACtCkB,EAAI,gBACJK,EAAK,OAAO,SAAS,IAAM,EACzBX,EAAA,IAACkB,EAAA,kBAAA,CACC,QAASZ,EAAI,cAAc,EAC3B,SAAUA,EAAI,yBAAyB,CAAA,CAAA,EAGvCN,EAAA,IAAAS,EAAA,SAAA,EAAA,EAEHd,GAAA,MAAAA,EAAc,SAASgB,GAAA,YAAAA,EAAM,OAAO,IACnCX,EAAA,IAACmB,cAAa,CAAA,SAAAP,CAAY,CAAA,EAE1BA,CAEJ,CAAA,CAAA,CACF,CAAA,EAECJ,EAAA,KAAAQ,EAAA,CAAQ,IAAKC,EAAW,WAAA1B,CAAI,EAAG,WAAW,SACxC,SAAA,CAAMH,EAAA,QAAQ,qBAAuB,IACtCkB,EAAI,gBACJK,EAAK,OAAO,SAAe,IAAA,QACxBO,oBAAkB,CAAA,QAASZ,EAAI,cAAc,EAAG,SAAUA,EAAI,yBAAA,EAA4B,EAEzFN,MAAAS,EAAAA,SAAA,CAAA,CAAA,EAEHd,GAAA,MAAAA,EAAc,SAASgB,GAAA,YAAAA,EAAM,OAAO,IACnCX,EAAA,IAACmB,cAAa,CAAA,SAAAP,CAAY,CAAA,EAE1BA,CAAA,CAAA,CAEJ,CAEJ,CAAA,CAEH,CAAA,CAAA,EAlDIL,CAAA,CAmDP,EACF,CAEH,CAAA,EACH,CAEJ"}

package/build/cjs/components/Table/components/BaseTable/TableFooter.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),h=require("@tanstack/react-table"),u=require("../../../../react-base/src/consts/index.js"),i=require("../TableElements/TableElements.js"),T=require("../../hooks/useTable.js"),c=require("../../utils/baseTableUtils.js"),x=({table:r,options:e})=>{const{size:t=u.Sizes.Medium,empty:m}=T.useTable(),d=o.useMemo(()=>c.hasFooter(r,e),[r,e]),a=o.useMemo(()=>(e==null?void 0:e.pagination)&&r.getIsSomeColumnsVisible(),[r,e]);return m||!d&&!a?null:n.jsxs(i.TFoot,{children:[r.getFooterGroups().filter(l=>l.headers.some(s=>!!s.column.columnDef.footer)).map(l=>n.jsx(i.TR,{size:t,...c.headerRowProps("footer",l,e),$disableRowHover:!0,children:l==null?void 0:l.headers.map(s=>n.jsx(i.TH,{...c.headerCellProps(s,e),children:s.isPlaceholder?null:h.flexRender(s.column.columnDef.footer,s.getContext())},s.id))})),a&&n.jsx(i.TR,{size:t,$disableRowHover:!0,...c.headerRowProps("footer",{id:"pagination",depth:0,headers:[]},e),children:n.jsx(i.TH,{colSpan:r.getVisibleLeafColumns().length,children:n.jsx("span",{className:`${u.PAGINATION_CLASS}-presence`})})})]})};module.exports=x;
+//# sourceMappingURL=TableFooter.js.map

package/build/cjs/components/Table/components/BaseTable/TableFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableFooter.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { flexRender } from '@tanstack/react-table';\nimport { PAGINATION_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport type { IBaseTableElementProps } from './BaseTable.types';\nimport { TR, TH, TFoot } from '../TableElements/TableElements';\nimport { useTable } from '../../hooks/useTable';\nimport { hasFooter, headerCellProps, headerRowProps } from '../../utils/baseTableUtils';\n\nconst Footer = <T,>({ table, options }: IBaseTableElementProps<T>) => {\n  const { size = Sizes.Medium, empty } = useTable();\n  const withTableFooter = useMemo(() => hasFooter(table, options), [table, options]);\n  const withPagination = useMemo(() => options?.pagination && table.getIsSomeColumnsVisible(), [table, options]);\n\n  if (empty || (!withTableFooter && !withPagination)) {\n    return null;\n  }\n\n  return (\n    <TFoot>\n      {table\n        .getFooterGroups()\n        .filter((footerGroup) => footerGroup.headers.some((header) => Boolean(header.column.columnDef.footer)))\n        .map((footerGroup) => (\n          <TR size={size} {...headerRowProps('footer', footerGroup, options)} $disableRowHover>\n            {footerGroup?.headers.map((header) => (\n              <TH key={header.id} {...headerCellProps(header, options)}>\n                {header.isPlaceholder ? null : flexRender(header.column.columnDef.footer, header.getContext())}\n              </TH>\n            ))}\n          </TR>\n        ))}\n      {withPagination && (\n        <TR\n          size={size}\n          $disableRowHover\n          {...headerRowProps('footer', { id: 'pagination', depth: 0, headers: [] }, options)}\n        >\n          <TH colSpan={table.getVisibleLeafColumns().length}>\n            <span className={`${PAGINATION_CLASS}-presence`} />\n          </TH>\n        </TR>\n      )}\n    </TFoot>\n  );\n};\n\nexport default Footer;\n"],"names":["Footer","table","options","size","Sizes","empty","useTable","withTableFooter","useMemo","hasFooter","withPagination","TFoot","footerGroup","header","jsx","TR","headerRowProps","TH","headerCellProps","flexRender","PAGINATION_CLASS"],"mappings":"+RAUMA,EAAS,CAAK,CAAE,MAAAC,EAAO,QAAAC,KAAyC,CACpE,KAAM,CAAE,KAAAC,EAAOC,EAAA,MAAM,OAAQ,MAAAC,CAAA,EAAUC,EAAAA,SAAS,EAC1CC,EAAkBC,UAAQ,IAAMC,YAAUR,EAAOC,CAAO,EAAG,CAACD,EAAOC,CAAO,CAAC,EAC3EQ,EAAiBF,EAAAA,QAAQ,KAAMN,GAAA,YAAAA,EAAS,aAAcD,EAAM,0BAA2B,CAACA,EAAOC,CAAO,CAAC,EAE7G,OAAIG,GAAU,CAACE,GAAmB,CAACG,EAC1B,YAINC,QACE,CAAA,SAAA,CAAAV,EACE,gBAAgB,EAChB,OAAQW,GAAgBA,EAAY,QAAQ,KAAMC,GAAW,EAAQA,EAAO,OAAO,UAAU,MAAO,CAAC,EACrG,IAAKD,GACJE,EAAAA,IAACC,EAAAA,GAAG,CAAA,KAAAZ,EAAa,GAAGa,EAAA,eAAe,SAAUJ,EAAaV,CAAO,EAAG,iBAAgB,GACjF,SAAaU,GAAA,YAAAA,EAAA,QAAQ,IAAKC,GACzBC,EAAA,IAACG,KAAoB,CAAA,GAAGC,EAAAA,gBAAgBL,EAAQX,CAAO,EACpD,SAAOW,EAAA,cAAgB,KAAOM,EAAAA,WAAWN,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,CAAA,EADtFA,EAAO,EAEhB,EAEJ,CAAA,CACD,EACFH,GACCI,EAAA,IAACC,EAAA,GAAA,CACC,KAAAZ,EACA,iBAAgB,GACf,GAAGa,iBAAe,SAAU,CAAE,GAAI,aAAc,MAAO,EAAG,QAAS,EAAG,EAAGd,CAAO,EAEjF,SAACY,EAAA,IAAAG,KAAA,CAAG,QAAShB,EAAM,sBAAsB,EAAE,OACzC,SAAAa,EAAA,IAAC,OAAK,CAAA,UAAW,GAAGM,kBAAgB,YAAa,CACnD,CAAA,CAAA,CAAA,CACF,EAEJ,CAEJ"}

package/build/cjs/components/Table/components/BaseTable/TableHeader.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),m=require("../../../../react-base/src/consts/index.js"),w=require("../../utils/tableUtils.js"),n=require("../TableElements/TableElements.js"),q=require("../../../Flexbox/Flexbox.js"),b=require("../../hooks/useDraggableColumnHeader.js"),i=require("../../utils/baseTableUtils.js"),R=require("../../hooks/useTable.js"),f=require("../TableElements/HeaderCell.js"),S=require("../TableElements/DraggableZone.js"),D=({header:r,table:e,options:s})=>{var x;const a=d.useRef(null),{size:l=m.Sizes.Medium}=R.useTable(),[u,o]=d.useState((x=a.current)==null?void 0:x.getBoundingClientRect().width),{dropRef:c,dragRef:g,previewRef:j,isDragging:H}=b.useDraggableColumnHeader(r,e.getState,e.setColumnOrder),T=d.useMemo(()=>i.headerCellProps(r,s),[r,s]);d.useImperativeHandle(c,()=>a.current);const h=d.useCallback(()=>{var C;o((C=a.current)==null?void 0:C.getBoundingClientRect().width)},[a]);return d.useEffect(()=>(h(),window.addEventListener("resize",h),()=>window.removeEventListener("resize",h)),[e.getState().columnSizing]),t.jsxs(n.TH,{ref:a,...T,"data-dragging":H,children:[t.jsx(S.DraggingZone,{ref:j,"data-dragging":H,$width:u,size:l}),t.jsx(q,{ref:g,gap:w.getHeaderCellGap(l),alignItems:"center",justifyContent:"flex-start",children:t.jsx(f.HeaderCell,{options:s,table:e,header:r})})]})},E=({header:r,table:e,options:s})=>t.jsx(n.TH,{...i.headerCellProps(r,s),children:t.jsx(f.HeaderCell,{options:s,table:e,header:r})}),B=({table:r,options:e})=>{const{size:s=m.Sizes.Medium,header:a,empty:l}=R.useTable(),u=d.useMemo(()=>i.hasHeader(r,e),[r,e]),o=d.useMemo(()=>e!=null&&e.dragAndDrop?D:E,[e==null?void 0:e.dragAndDrop]);return!a&&(l||!u)?null:t.jsxs(n.THead,{children:[a&&t.jsx(n.TR,{size:s,$disableRowHover:!0,...i.headerRowProps("header",{id:"header",depth:0,headers:[]},e),children:t.jsx(n.TH,{colSpan:r.getVisibleLeafColumns().length,children:t.jsx("span",{className:m.TABLE_CLASS_BASE_TABLE_HEADER,"data-title":!!(a.title||a.icon),"data-meta":!!a.meta,"data-description":!!a.description})})}),u&&r.getHeaderGroups().map(c=>t.jsx(n.TR,{size:s,...i.headerRowProps("header",c,e),$disableRowHover:!0,children:c.headers.map(g=>t.jsx(o,{header:g,table:r,options:e},g.id))}))]})};module.exports=B;
+//# sourceMappingURL=TableHeader.js.map

package/build/cjs/components/Table/components/BaseTable/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableHeader.tsx"],"sourcesContent":["import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\n\nimport { Sizes, TABLE_CLASS_BASE_TABLE_HEADER } from 'acinguiux-ds-react-base/consts';\nimport type { Header as IHeader } from '@tanstack/react-table';\n\nimport { getHeaderCellGap } from '../../utils/tableUtils';\nimport { TR, TH, THead } from '../TableElements/TableElements';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport type { IBaseTableElementProps } from './BaseTable.types';\nimport { useDraggableColumnHeader } from '../../hooks/useDraggableColumnHeader';\nimport { hasHeader, headerCellProps, headerRowProps } from '../../utils/baseTableUtils';\nimport { useTable } from '../../hooks/useTable';\nimport { HeaderCell } from '../TableElements/HeaderCell';\nimport { DraggingZone } from '../TableElements/DraggableZone';\n\nconst DraggableHeader = <T,>({\n  header,\n  table,\n  options,\n}: IBaseTableElementProps<T> & { header: IHeader<T, unknown> }) => {\n  const headerRef = useRef<HTMLTableCellElement>(null);\n  const { size = Sizes.Medium } = useTable();\n  const [headerWidth, setHeaderWidth] = useState(headerRef.current?.getBoundingClientRect().width);\n  const { dropRef, dragRef, previewRef, isDragging } = useDraggableColumnHeader(\n    header,\n    table.getState,\n    table.setColumnOrder,\n  );\n  const headerProps = useMemo(() => headerCellProps(header, options), [header, options]);\n\n  useImperativeHandle(dropRef, () => headerRef.current as HTMLTableCellElement);\n\n  const updateHeaderWidth = useCallback(() => {\n    setHeaderWidth(headerRef.current?.getBoundingClientRect().width);\n  }, [headerRef]);\n\n  useEffect(() => {\n    updateHeaderWidth();\n    // NOTE: auto update events are set, but is it a good idea to depend on window?\n    window.addEventListener('resize', updateHeaderWidth);\n\n    return () => window.removeEventListener('resize', updateHeaderWidth);\n  }, [table.getState().columnSizing]);\n\n  return (\n    <TH ref={headerRef} {...headerProps} data-dragging={isDragging}>\n      <DraggingZone ref={previewRef} data-dragging={isDragging} $width={headerWidth} size={size} />\n      <Flexbox ref={dragRef} gap={getHeaderCellGap(size)} alignItems=\"center\" justifyContent=\"flex-start\">\n        <HeaderCell options={options} table={table} header={header} />\n      </Flexbox>\n    </TH>\n  );\n};\n\nconst CommonHeader = <T,>({ header, table, options }: IBaseTableElementProps<T> & { header: IHeader<T, unknown> }) => (\n  <TH {...headerCellProps(header, options)}>\n    <HeaderCell options={options} table={table} header={header} />\n  </TH>\n);\n\nconst Header = <T,>({ table, options }: IBaseTableElementProps<T>) => {\n  const { size = Sizes.Medium, header, empty } = useTable();\n  const withTableHeader = useMemo(() => hasHeader(table, options), [table, options]);\n\n  const HeaderComponent = useMemo(\n    () => (options?.dragAndDrop ? DraggableHeader : CommonHeader),\n    [options?.dragAndDrop],\n  );\n\n  if (!header && (empty || !withTableHeader)) {\n    return null;\n  }\n\n  return (\n    <THead>\n      {header && (\n        <TR\n          size={size}\n          $disableRowHover\n          {...headerRowProps('header', { id: 'header', depth: 0, headers: [] }, options)}\n        >\n          <TH colSpan={table.getVisibleLeafColumns().length}>\n            <span\n              className={TABLE_CLASS_BASE_TABLE_HEADER}\n              data-title={Boolean(header.title || header.icon)}\n              data-meta={Boolean(header.meta)}\n              data-description={Boolean(header.description)}\n            />\n          </TH>\n        </TR>\n      )}\n      {withTableHeader &&\n        table.getHeaderGroups().map((headerGroup) => (\n          <TR size={size} {...headerRowProps('header', headerGroup, options)} $disableRowHover>\n            {headerGroup.headers.map((hgHeader) => (\n              <HeaderComponent key={hgHeader.id} header={hgHeader} table={table} options={options} />\n            ))}\n          </TR>\n        ))}\n    </THead>\n  );\n};\n\nexport default Header;\n"],"names":["DraggableHeader","header","table","options","headerRef","useRef","size","Sizes","useTable","headerWidth","setHeaderWidth","useState","_a","dropRef","dragRef","previewRef","isDragging","useDraggableColumnHeader","headerProps","useMemo","headerCellProps","useImperativeHandle","updateHeaderWidth","useCallback","useEffect","TH","jsx","DraggingZone","Flexbox","getHeaderCellGap","HeaderCell","CommonHeader","Header","empty","withTableHeader","hasHeader","HeaderComponent","THead","TR","headerRowProps","TABLE_CLASS_BASE_TABLE_HEADER","headerGroup","hgHeader"],"mappings":"4dAeMA,EAAkB,CAAK,CAC3B,OAAAC,EACA,MAAAC,EACA,QAAAC,CACF,IAAmE,OAC3D,MAAAC,EAAYC,SAA6B,IAAI,EAC7C,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAS,EACnC,CAACC,EAAaC,CAAc,EAAIC,EAAAA,UAASC,EAAAR,EAAU,UAAV,YAAAQ,EAAmB,wBAAwB,KAAK,EACzF,CAAE,QAAAC,EAAS,QAAAC,EAAS,WAAAC,EAAY,WAAAC,CAAe,EAAAC,EAAA,yBACnDhB,EACAC,EAAM,SACNA,EAAM,cACR,EACMgB,EAAcC,UAAQ,IAAMC,kBAAgBnB,EAAQE,CAAO,EAAG,CAACF,EAAQE,CAAO,CAAC,EAEjEkB,EAAAA,oBAAAR,EAAS,IAAMT,EAAU,OAA+B,EAEtE,MAAAkB,EAAoBC,EAAAA,YAAY,IAAM,OAC1Cb,GAAeE,EAAAR,EAAU,UAAV,YAAAQ,EAAmB,wBAAwB,KAAK,CAAA,EAC9D,CAACR,CAAS,CAAC,EAEdoB,OAAAA,EAAAA,UAAU,KACUF,EAAA,EAEX,OAAA,iBAAiB,SAAUA,CAAiB,EAE5C,IAAM,OAAO,oBAAoB,SAAUA,CAAiB,GAClE,CAACpB,EAAM,SAAS,EAAE,YAAY,CAAC,SAG/BuB,KAAG,CAAA,IAAKrB,EAAY,GAAGc,EAAa,gBAAeF,EAClD,SAAA,CAAAU,MAACC,EAAAA,cAAa,IAAKZ,EAAY,gBAAeC,EAAY,OAAQP,EAAa,KAAAH,EAAY,QAC1FsB,EAAQ,CAAA,IAAKd,EAAS,IAAKe,mBAAiBvB,CAAI,EAAG,WAAW,SAAS,eAAe,aACrF,SAAAoB,MAACI,EAAAA,YAAW,QAAA3B,EAAkB,MAAAD,EAAc,OAAAD,EAAgB,CAC9D,CAAA,CAAA,EACF,CAEJ,EAEM8B,EAAe,CAAK,CAAE,OAAA9B,EAAQ,MAAAC,EAAO,QAAAC,CAAA,IACxCuB,EAAA,IAAAD,KAAA,CAAI,GAAGL,EAAgB,gBAAAnB,EAAQE,CAAO,EACrC,SAAAuB,EAAAA,IAACI,cAAW,QAAA3B,EAAkB,MAAAD,EAAc,OAAAD,CAAgB,CAAA,EAC9D,EAGI+B,EAAS,CAAK,CAAE,MAAA9B,EAAO,QAAAC,KAAyC,CACpE,KAAM,CAAE,KAAAG,EAAOC,QAAM,OAAQ,OAAAN,EAAQ,MAAAgC,GAAUzB,WAAS,EAClD0B,EAAkBf,UAAQ,IAAMgB,YAAUjC,EAAOC,CAAO,EAAG,CAACD,EAAOC,CAAO,CAAC,EAE3EiC,EAAkBjB,EAAA,QACtB,IAAOhB,GAAA,MAAAA,EAAS,YAAcH,EAAkB+B,EAChD,CAAC5B,GAAA,YAAAA,EAAS,WAAW,CACvB,EAEA,MAAI,CAACF,IAAWgC,GAAS,CAACC,GACjB,YAING,QACE,CAAA,SAAA,CACCpC,GAAAyB,EAAA,IAACY,EAAA,GAAA,CACC,KAAAhC,EACA,iBAAgB,GACf,GAAGiC,iBAAe,SAAU,CAAE,GAAI,SAAU,MAAO,EAAG,QAAS,EAAG,EAAGpC,CAAO,EAE7E,eAACsB,EAAG,GAAA,CAAA,QAASvB,EAAM,wBAAwB,OACzC,SAAAwB,EAAA,IAAC,OAAA,CACC,UAAWc,EAAA,8BACX,aAAY,GAAQvC,EAAO,OAASA,EAAO,MAC3C,YAAW,EAAQA,EAAO,KAC1B,mBAAkB,EAAQA,EAAO,WAAW,CAAA,CAEhD,CAAA,CAAA,CACF,EAEDiC,GACChC,EAAM,gBAAgB,EAAE,IAAKuC,GAC1Bf,MAAAY,EAAAA,GAAA,CAAG,KAAAhC,EAAa,GAAGiC,EAAAA,eAAe,SAAUE,EAAatC,CAAO,EAAG,iBAAgB,GACjF,SAAYsC,EAAA,QAAQ,IAAKC,GACvBhB,EAAA,IAAAU,EAAA,CAAkC,OAAQM,EAAU,MAAAxC,EAAc,QAAAC,CAA7C,EAAAuC,EAAS,EAAsD,CACtF,EACH,CACD,CAAA,EACL,CAEJ"}

package/build/cjs/components/Table/components/TableElements/ColumnVisibilityFilters.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),s=require("../../../../react-base/src/consts/index.js"),r=require("../../../Flexbox/Flexbox.js"),t=require("../../../ToggleButton/ToggleButton.js"),o=require("../../../../utils/textUtils.js"),n=({table:i})=>l.jsxs(r,{gap:"8px",flexWrap:"wrap",style:{marginBottom:"20px"},children:[l.jsx(t,{size:s.Sizes.Small,active:i.getIsAllColumnsVisible(),onClick:i.getToggleAllColumnsVisibilityHandler(),children:"Toggle All"}),i.getAllLeafColumns().map(e=>l.jsx(t,{size:s.Sizes.Small,active:e.getIsVisible(),onClick:e.getToggleVisibilityHandler(),children:o.convertCamelCaseToWords(e.id)},e.id))]});exports.ColumnVisibilityFilters=n;
+//# sourceMappingURL=ColumnVisibilityFilters.js.map

package/build/cjs/components/Table/components/TableElements/ColumnVisibilityFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnVisibilityFilters.js","sources":["../../../../../../src/components/Table/components/TableElements/ColumnVisibilityFilters.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport type { ITableComponentsProps } from './TableElements.types';\nimport ToggleButton from '../../../ToggleButton/ToggleButton';\nimport { convertCamelCaseToWords } from '../../../../utils/textUtils';\n\nexport const ColumnVisibilityFilters = <T,>({ table }: ITableComponentsProps<T>) => (\n  <Flexbox gap=\"8px\" flexWrap=\"wrap\" style={{ marginBottom: '20px' }}>\n    <ToggleButton\n      size={Sizes.Small}\n      active={table.getIsAllColumnsVisible()}\n      onClick={table.getToggleAllColumnsVisibilityHandler()}\n    >\n      Toggle All\n    </ToggleButton>\n    {table.getAllLeafColumns().map((column) => (\n      <ToggleButton\n        key={column.id}\n        size={Sizes.Small}\n        active={column.getIsVisible()}\n        onClick={column.getToggleVisibilityHandler()}\n      >\n        {convertCamelCaseToWords(column.id)}\n      </ToggleButton>\n    ))}\n  </Flexbox>\n);\n"],"names":["ColumnVisibilityFilters","table","jsxs","Flexbox","jsx","ToggleButton","Sizes","column","convertCamelCaseToWords"],"mappings":"iVAOaA,EAA0B,CAAK,CAAE,MAAAC,CAAA,IAC3CC,EAAAA,KAAAC,EAAA,CAAQ,IAAI,MAAM,SAAS,OAAO,MAAO,CAAE,aAAc,MACxD,EAAA,SAAA,CAAAC,EAAA,IAACC,EAAA,CACC,KAAMC,EAAM,MAAA,MACZ,OAAQL,EAAM,uBAAuB,EACrC,QAASA,EAAM,qCAAqC,EACrD,SAAA,YAAA,CAED,EACCA,EAAM,kBAAoB,EAAA,IAAKM,GAC9BH,EAAA,IAACC,EAAA,CAEC,KAAMC,EAAM,MAAA,MACZ,OAAQC,EAAO,aAAa,EAC5B,QAASA,EAAO,2BAA2B,EAE1C,SAAAC,EAAAA,wBAAwBD,EAAO,EAAE,CAAA,EAL7BA,EAAO,EAOf,CAAA,CAAA,CACH,CAAA"}

package/build/cjs/components/Table/components/TableElements/DraggableButton.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),a=require("react"),i=require("styled-components"),t=require("../../../../react-base/src/consts/index.js"),o=require("../../../../react-base/src/components/Button/Button.consts.js"),u=require("../../hooks/useTable.js"),l=require("../../utils/tableUtils.js"),c=require("../../../Button/Button.js"),g=i(c)`
+  margin: 0 -${({size:e=`${t.Sizes.Medium}`})=>o.consts[l.getSize(e)].padding.transparent};
+  text-align: left;
+  cursor: move;
+  min-width: 0;
+`,b=a.forwardRef(({...e},r)=>{const{size:n}=u.useTable();return s.jsx(g,{className:t.TABLE_DRAGGABLE_BUTTON_CLASS,"aria-label":"Draggable button",size:n,variant:t.Variants.Transparent,ref:r,...e})});exports.DraggableButton=b;
+//# sourceMappingURL=DraggableButton.js.map

package/build/cjs/components/Table/components/TableElements/DraggableButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableButton.js","sources":["../../../../../../src/components/Table/components/TableElements/DraggableButton.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithRef, type ForwardedRef } from 'react';\n\nimport styled from 'styled-components';\nimport { Sizes, Variants, TABLE_DRAGGABLE_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ButtonConsts, type ButtonTypes } from 'acinguiux-ds-react-base/components/Button';\n\nimport { useTable } from '../../hooks/useTable';\nimport { getSize } from '../../utils/tableUtils';\nimport Button from '../../../Button/Button';\n\nconst StyledDraggableButton = styled(Button)`\n  margin: 0 -${({ size = `${Sizes.Medium}` }) => ButtonConsts.consts[getSize(size)].padding.transparent};\n  text-align: left;\n  cursor: move;\n  min-width: 0;\n`;\n\nexport const DraggableButton = forwardRef(\n  ({ ...props }: ComponentPropsWithRef<'button'> & ButtonTypes.IDefaultProps, ref: ForwardedRef<HTMLButtonElement>) => {\n    const { size } = useTable();\n\n    return (\n      <StyledDraggableButton\n        className={TABLE_DRAGGABLE_BUTTON_CLASS}\n        aria-label=\"Draggable button\"\n        size={size}\n        variant={Variants.Transparent}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n"],"names":["StyledDraggableButton","styled","Button","size","Sizes","ButtonConsts.consts","getSize","DraggableButton","forwardRef","props","ref","useTable","jsx","TABLE_DRAGGABLE_BUTTON_CLASS","Variants"],"mappings":"ybAUMA,EAAwBC,EAAOC,CAAM;AAAA,eAC5B,CAAC,CAAE,KAAAC,EAAO,GAAGC,EAAAA,MAAM,MAAM,MAASC,EAAAA,OAAoBC,EAAAA,QAAQH,CAAI,CAAC,EAAE,QAAQ,WAAW;AAAA;AAAA;AAAA;AAAA,EAM1FI,EAAkBC,EAAA,WAC7B,CAAC,CAAE,GAAGC,GAAsEC,IAAyC,CAC7G,KAAA,CAAE,KAAAP,CAAK,EAAIQ,WAAS,EAGxB,OAAAC,EAAA,IAACZ,EAAA,CACC,UAAWa,EAAA,6BACX,aAAW,mBACX,KAAAV,EACA,QAASW,EAAS,SAAA,YAClB,IAAAJ,EACC,GAAGD,CAAA,CACN,CAAA,CAGN"}

package/build/cjs/components/Table/components/TableElements/DraggableRow.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),r=require("react"),h=require("@tanstack/react-table"),d=require("react-dnd"),T=require("../../../../react-base/src/consts/index.js"),v=require("../../../Flexbox/Flexbox.js"),g=require("./TableElements.js"),j=require("./DraggableButton.js"),C=require("./DraggableZone.js"),E=require("../../hooks/useTable.js"),I=require("../../../Icon/components/DragAndroid.js"),z=require("../../utils/tableUtils.js"),D=50,B=({row:t,getState:b,reorderRow:o,finishReorder:p})=>{var l;const i=r.useRef(null),{size:a=T.Sizes.Medium}=E.useTable(),[x,f]=r.useState((l=i.current)==null?void 0:l.getBoundingClientRect().width),c=r.useRef(Date.now()-D),[{isDragging:m},R]=d.useDrop({accept:"row",hover:(e,s)=>{!s.isOver()&&e.isUpdateable()&&e.updateRows(t.index)},drop:()=>{p()},collect:e=>{var s;return{isDragging:((s=e.getItem())==null?void 0:s.id)===t.id}}},[t,o]),[,w,q]=d.useDrag({item:{id:t.id,updateRows:e=>{c.current=Date.now(),o(t.index,e)},isUpdateable:()=>c.current+D<Date.now()},type:"row"},[o,t]);r.useImperativeHandle(R,()=>i.current);const u=r.useCallback(()=>{var e;f((e=i.current)==null?void 0:e.getBoundingClientRect().width)},[i]);return r.useEffect(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[b().columnSizing]),n.jsx(g.TR,{ref:i,size:a,children:t.getVisibleCells().map(e=>n.jsxs(g.TD,{children:[e.column.getIndex()===0&&n.jsx(C.DraggingZone,{ref:q,"data-dragging":m,$width:x,size:a}),n.jsxs(v,{alignItems:"center",flexGrow:1,gap:z.getCellGap(a),children:[e.column.getIndex()===0&&n.jsx(j.DraggableButton,{ref:w,icon:n.jsx(I,{}),iconOnly:!0}),h.flexRender(e.column.columnDef.cell,e.getContext())]})]},e.id))})};exports.DraggableRow=B;
+//# sourceMappingURL=DraggableRow.js.map

package/build/cjs/components/Table/components/TableElements/DraggableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableRow.js","sources":["../../../../../../src/components/Table/components/TableElements/DraggableRow.tsx"],"sourcesContent":["import { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';\n\nimport { flexRender } from '@tanstack/react-table';\nimport { useDrop, useDrag } from 'react-dnd';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { TR, TD } from './TableElements';\nimport { DraggableButton } from './DraggableButton';\nimport type { IDraggableRowProps } from './TableElements.types';\nimport { DraggingZone } from './DraggableZone';\nimport { useTable } from '../../hooks/useTable';\nimport DragAndroid from '../../../Icon/components/DragAndroid';\nimport { getCellGap } from '../../utils/tableUtils';\n\nconst TIME_TO_UPDATE = 50;\n\nexport const DraggableRow = <T,>({ row, getState, reorderRow, finishReorder }: IDraggableRowProps<T>) => {\n  const rowRef = useRef<HTMLTableRowElement>(null);\n  const { size = Sizes.Medium } = useTable();\n  const [rowWidth, setRowWidth] = useState(rowRef.current?.getBoundingClientRect().width);\n  const lastUpdate = useRef<number>(Date.now() - TIME_TO_UPDATE);\n\n  const [{ isDragging }, dropRef] = useDrop(\n    {\n      accept: 'row',\n      hover: (\n        draggedRow: { id: string; updateRows: (targetRowIndex: number) => void; isUpdateable: () => boolean },\n        monitor,\n      ) => {\n        if (!monitor.isOver() && draggedRow.isUpdateable()) {\n          draggedRow.updateRows(row.index);\n        }\n      },\n      drop: () => {\n        finishReorder();\n      },\n      collect: (monitor) => ({\n        isDragging: Boolean(monitor.getItem()?.id === row.id),\n      }),\n    },\n    [row, reorderRow],\n  );\n  const [, dragRef, previewRef] = useDrag(\n    {\n      item: {\n        id: row.id,\n        updateRows: (targetRowIndex: number) => {\n          lastUpdate.current = Date.now();\n          reorderRow(row.index, targetRowIndex);\n        },\n        isUpdateable: () => lastUpdate.current + TIME_TO_UPDATE < Date.now(),\n      },\n      type: 'row',\n    },\n    [reorderRow, row],\n  );\n\n  useImperativeHandle(dropRef, () => rowRef.current as HTMLTableRowElement);\n\n  const updateRowWidth = useCallback(() => {\n    setRowWidth(rowRef.current?.getBoundingClientRect().width);\n  }, [rowRef]);\n\n  useEffect(() => {\n    updateRowWidth();\n    // NOTE: auto update events are set, but is it a good idea to depend on window?\n    window.addEventListener('resize', updateRowWidth);\n\n    return () => window.removeEventListener('resize', updateRowWidth);\n  }, [getState().columnSizing]);\n\n  return (\n    <TR ref={rowRef} size={size}>\n      {row.getVisibleCells().map((cell) => (\n        <TD key={cell.id}>\n          {cell.column.getIndex() === 0 && (\n            <DraggingZone ref={previewRef} data-dragging={isDragging} $width={rowWidth} size={size} />\n          )}\n          <Flexbox alignItems=\"center\" flexGrow={1} gap={getCellGap(size)}>\n            {cell.column.getIndex() === 0 && <DraggableButton ref={dragRef} icon={<DragAndroid />} iconOnly />}\n            {flexRender(cell.column.columnDef.cell, cell.getContext())}\n          </Flexbox>\n        </TD>\n      ))}\n    </TR>\n  );\n};\n"],"names":["TIME_TO_UPDATE","DraggableRow","row","getState","reorderRow","finishReorder","rowRef","useRef","size","Sizes","useTable","rowWidth","setRowWidth","useState","_a","lastUpdate","isDragging","dropRef","useDrop","draggedRow","monitor","dragRef","previewRef","useDrag","targetRowIndex","useImperativeHandle","updateRowWidth","useCallback","useEffect","jsx","TR","cell","jsxs","TD","DraggingZone","Flexbox","getCellGap","DraggableButton","DragAndroid","flexRender"],"mappings":"kiBAeMA,EAAiB,GAEVC,EAAe,CAAK,CAAE,IAAAC,EAAK,SAAAC,EAAU,WAAAC,EAAY,cAAAC,KAA2C,OACjG,MAAAC,EAASC,SAA4B,IAAI,EACzC,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAS,EACnC,CAACC,EAAUC,CAAW,EAAIC,EAAAA,UAASC,EAAAR,EAAO,UAAP,YAAAQ,EAAgB,wBAAwB,KAAK,EAChFC,EAAaR,EAAA,OAAe,KAAK,IAAA,EAAQP,CAAc,EAEvD,CAAC,CAAE,WAAAgB,GAAcC,CAAO,EAAIC,EAAA,QAChC,CACE,OAAQ,MACR,MAAO,CACLC,EACAC,IACG,CACC,CAACA,EAAQ,OAAY,GAAAD,EAAW,gBACvBA,EAAA,WAAWjB,EAAI,KAAK,CAEnC,EACA,KAAM,IAAM,CACIG,EAAA,CAChB,EACA,QAAUe,GAAa,OAAA,OACrB,aAAoBN,EAAAM,EAAQ,YAAR,YAAAN,EAAmB,MAAOZ,EAAI,EACpD,EACF,EACA,CAACA,EAAKE,CAAU,CAClB,EACM,CAAG,CAAAiB,EAASC,CAAU,EAAIC,EAAA,QAC9B,CACE,KAAM,CACJ,GAAIrB,EAAI,GACR,WAAasB,GAA2B,CAC3BT,EAAA,QAAU,KAAK,IAAI,EACnBX,EAAAF,EAAI,MAAOsB,CAAc,CACtC,EACA,aAAc,IAAMT,EAAW,QAAUf,EAAiB,KAAK,IAAI,CACrE,EACA,KAAM,KACR,EACA,CAACI,EAAYF,CAAG,CAClB,EAEoBuB,EAAAA,oBAAAR,EAAS,IAAMX,EAAO,OAA8B,EAElE,MAAAoB,EAAiBC,EAAAA,YAAY,IAAM,OACvCf,GAAYE,EAAAR,EAAO,UAAP,YAAAQ,EAAgB,wBAAwB,KAAK,CAAA,EACxD,CAACR,CAAM,CAAC,EAEXsB,OAAAA,EAAAA,UAAU,KACOF,EAAA,EAER,OAAA,iBAAiB,SAAUA,CAAc,EAEzC,IAAM,OAAO,oBAAoB,SAAUA,CAAc,GAC/D,CAACvB,IAAW,YAAY,CAAC,EAGzB0B,EAAAA,IAAAC,EAAAA,GAAA,CAAG,IAAKxB,EAAQ,KAAAE,EACd,SAAAN,EAAI,gBAAgB,EAAE,IAAK6B,GAC1BC,EAAAA,KAACC,EAAAA,GACE,CAAA,SAAA,CAAAF,EAAK,OAAO,SAAA,IAAe,GACzBF,EAAAA,IAAAK,EAAAA,aAAA,CAAa,IAAKZ,EAAY,gBAAeN,EAAY,OAAQL,EAAU,KAAAH,CAAY,CAAA,EAE1FwB,EAAAA,KAACG,GAAQ,WAAW,SAAS,SAAU,EAAG,IAAKC,EAAAA,WAAW5B,CAAI,EAC3D,SAAA,CAAAuB,EAAK,OAAO,SAAA,IAAe,GAAMF,EAAAA,IAAAQ,EAAAA,gBAAA,CAAgB,IAAKhB,EAAS,KAAMQ,EAAAA,IAACS,EAAY,CAAA,CAAA,EAAI,SAAQ,GAAC,EAC/FC,aAAWR,EAAK,OAAO,UAAU,KAAMA,EAAK,WAAY,CAAA,CAAA,CAC3D,CAAA,CAPO,CAAA,EAAAA,EAAK,EAQd,CACD,EACH,CAEJ"}

package/build/cjs/components/Table/components/TableElements/DraggableZone.js

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../../../react-base/src/consts/index.js"),s=require("../../../../react-base/src/components/Table/Table.consts.js"),d=require("styled-components"),i=require("../../../../react-base/src/theme/variableTheme.js"),r=3,l=5,u=d.div(({theme:t,$width:a,size:o=`${n.Sizes.Medium}`})=>{const e=t.getVariablesLayer({foundation:"surface",selectedProminence:"subtle"});return`
+    position: absolute;
+    top: 1px;
+    bottom: 1px;
+    margin-left: -${s.consts[o].headerCell.padding.left}px;
+    width: ${(a??0)-l}px;
+    padding: ${r}px;
+    visibility: hidden;
+    transition: all 0.01s ease-in;
+    &[data-dragging='true'] {
+      visibility: visible;
+      background-color: ${e[i.VariablesNames.BackgroundFoundation]};
+      border-radius: 12px;
+      &&::after {
+        content: '';
+        position: relative;
+        transform: translateX(${r/2}px);
+        display: block;
+        width: 100%;
+        height: 100%;
+        border-radius: 8px;
+        background-color: ${e[i.VariablesNames.BackgroundSelected]};
+        border: 1px dashed ${e[i.VariablesNames.BorderOnFoundationMedium]};
+      }
+    }
+  `});exports.DraggingZone=u;
+//# sourceMappingURL=DraggableZone.js.map

package/build/cjs/components/Table/components/TableElements/DraggableZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableZone.js","sources":["../../../../../../src/components/Table/components/TableElements/DraggableZone.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport styled from 'styled-components';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nconst DRAGGING_ZONE_PADDING = 3;\n\n/* used to make the dragging zone a bit smaller than the actual column, so it aligns with the resizer */\nconst DRAGGING_ZONE_WIDTH_PADDING = 5;\n\nexport const DraggingZone = styled.div<{ dragging?: boolean; $width?: number; size?: TableTypes.Size }>(\n  ({ theme, $width, size = `${Sizes.Medium}` }) => {\n    const layer = theme.getVariablesLayer({ foundation: 'surface', selectedProminence: 'subtle' });\n\n    return `\n    position: absolute;\n    top: 1px;\n    bottom: 1px;\n    margin-left: -${TableConsts.consts[size].headerCell.padding.left}px;\n    width: ${($width ?? 0) - DRAGGING_ZONE_WIDTH_PADDING}px;\n    padding: ${DRAGGING_ZONE_PADDING}px;\n    visibility: hidden;\n    transition: all 0.01s ease-in;\n    &[data-dragging='true'] {\n      visibility: visible;\n      background-color: ${layer[VariablesNames.BackgroundFoundation]};\n      border-radius: 12px;\n      &&::after {\n        content: '';\n        position: relative;\n        transform: translateX(${DRAGGING_ZONE_PADDING / 2}px);\n        display: block;\n        width: 100%;\n        height: 100%;\n        border-radius: 8px;\n        background-color: ${layer[VariablesNames.BackgroundSelected]};\n        border: 1px dashed ${layer[VariablesNames.BorderOnFoundationMedium]};\n      }\n    }\n  `;\n  },\n);\n"],"names":["DRAGGING_ZONE_PADDING","DRAGGING_ZONE_WIDTH_PADDING","DraggingZone","styled","theme","$width","size","Sizes","layer","TableConsts.consts","VariablesNames"],"mappings":"iVAKMA,EAAwB,EAGxBC,EAA8B,EAEvBC,EAAeC,EAAO,IACjC,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAQ,KAAAC,EAAO,GAAGC,QAAM,MAAM,MAAS,CACzC,MAAAC,EAAQJ,EAAM,kBAAkB,CAAE,WAAY,UAAW,mBAAoB,SAAU,EAEtF,MAAA;AAAA;AAAA;AAAA;AAAA,oBAISK,EAAmB,OAAAH,CAAI,EAAE,WAAW,QAAQ,IAAI;AAAA,cACtDD,GAAU,GAAKJ,CAA2B;AAAA,eACzCD,CAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKVQ,EAAME,iBAAe,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,gCAKpCV,EAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,4BAK7BQ,EAAME,iBAAe,kBAAkB,CAAC;AAAA,6BACvCF,EAAME,iBAAe,wBAAwB,CAAC;AAAA;AAAA;AAAA,GAAA,CAK3E"}

package/build/cjs/components/Table/components/TableElements/Expander.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),s=require("styled-components"),i=require("../../../../react-base/src/consts/index.js"),r=require("../../../../react-base/src/components/Button/Button.consts.js"),l=require("../../hooks/useTable.js"),c=require("./ExpanderButton.js"),a=s.div(({size:e,depth:t,lastChild:n})=>s.css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding-left: ${t*40}px;
+
+    ${n&&s.css`
+      padding-left: calc(${t*40}px + ${r.consts[e].height});
+    `}
+  `),p=({row:e,children:t})=>{const{size:n=i.Sizes.Medium}=l.useTable();return d.jsxs(a,{size:n,depth:e.depth,lastChild:!e.getCanExpand(),children:[e.getCanExpand()&&d.jsx(c.ExpanderButton,{expanded:e.getIsExpanded(),onClick:e.getToggleExpandedHandler()}),t]})};exports.Expander=p;exports.StyledExpander=a;
+//# sourceMappingURL=Expander.js.map

package/build/cjs/components/Table/components/TableElements/Expander.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Expander.js","sources":["../../../../../../src/components/Table/components/TableElements/Expander.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { type ButtonTypes, ButtonConsts } from 'acinguiux-ds-react-base/components/Button';\n\nimport { useTable } from '../../hooks/useTable';\nimport type { ITableCellExpanderContainerProps, IExpanderProps } from './TableElements.types';\nimport { ExpanderButton } from './ExpanderButton';\n\nexport const StyledExpander = styled.div<ITableCellExpanderContainerProps>(\n  ({ size, depth, lastChild }) => css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-left: ${depth * 40}px;\n\n    ${lastChild &&\n    css`\n      padding-left: calc(${depth * 40}px + ${ButtonConsts.consts[size as ButtonTypes.Size].height});\n    `}\n  `,\n);\n\nexport const Expander = <T,>({ row, children }: IExpanderProps<T>) => {\n  const { size = Sizes.Medium } = useTable();\n\n  return (\n    <StyledExpander size={size} depth={row.depth} lastChild={!row.getCanExpand()}>\n      {row.getCanExpand() && (\n        <ExpanderButton\n          expanded={row.getIsExpanded()}\n          {...{\n            onClick: row.getToggleExpandedHandler(),\n          }}\n        />\n      )}\n      {children}\n    </StyledExpander>\n  );\n};\n"],"names":["StyledExpander","styled","size","depth","lastChild","css","ButtonConsts.consts","Expander","row","children","Sizes","useTable","jsxs","jsx","ExpanderButton"],"mappings":"yXAQaA,EAAiBC,EAAO,IACnC,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,UAAAC,CAAgB,IAAAC,EAAA;AAAA;AAAA;AAAA;AAAA,oBAIdF,EAAQ,EAAE;AAAA;AAAA,MAExBC,GACFC,EAAA;AAAA,2BACuBF,EAAQ,EAAE,QAAQG,EAAAA,OAAoBJ,CAAwB,EAAE,MAAM;AAAA,KAC5F;AAAA,GAEL,EAEaK,EAAW,CAAK,CAAE,IAAAC,EAAK,SAAAC,KAAkC,CACpE,KAAM,CAAE,KAAAP,EAAOQ,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAS,EAGvC,OAAAC,OAACZ,EAAe,CAAA,KAAAE,EAAY,MAAOM,EAAI,MAAO,UAAW,CAACA,EAAI,aAAA,EAC3D,SAAA,CAAAA,EAAI,gBACHK,EAAA,IAACC,EAAA,eAAA,CACC,SAAUN,EAAI,cAAc,EAE1B,QAASA,EAAI,yBAAyB,CACxC,CACF,EAEDC,CAAA,EACH,CAEJ"}

package/build/cjs/components/Table/components/TableElements/ExpanderButton.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("react"),n=require("../../../../react-base/src/consts/index.js"),s=require("../../../../react-base/src/components/Button/Button.consts.js"),c=require("../../hooks/useTable.js"),d=require("../../../Button/Button.js"),l=require("../../utils/tableUtils.js"),x=require("../../../Icon/components/ChevronDown.js"),p=require("../../../Icon/components/ChevronRight.js"),q=u.forwardRef(({expanded:i,...o},a)=>{const{size:e=n.Sizes.Medium}=c.useTable(),r={width:s.consts[e].iconSize,height:s.consts[e].iconSize};return t.jsx(d,{className:n.TABLE_EXPANDER_BUTTON_CLASS,"aria-label":"Expander button",size:l.getSize(e),variant:n.Variants.Transparent,icon:i?t.jsx(x,{"data-testid":"expander-expanded",...r}):t.jsx(p,{"data-testid":"expander-collapsed",...r}),iconOnly:!0,ref:a,...o})});exports.ExpanderButton=q;
+//# sourceMappingURL=ExpanderButton.js.map

package/build/cjs/components/Table/components/TableElements/ExpanderButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpanderButton.js","sources":["../../../../../../src/components/Table/components/TableElements/ExpanderButton.tsx"],"sourcesContent":["import { forwardRef, type ForwardedRef } from 'react';\n\nimport { Sizes, Variants, TABLE_EXPANDER_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ButtonConsts } from 'acinguiux-ds-react-base/components/Button';\n\nimport { useTable } from '../../hooks/useTable';\nimport type { ITableExpander } from '../../Table.types';\nimport Button from '../../../Button/Button';\nimport { getSize } from '../../utils/tableUtils';\nimport ChevronDown from '../../../Icon/components/ChevronDown';\nimport ChevronRight from '../../../Icon/components/ChevronRight';\n\nexport const ExpanderButton = forwardRef(\n  ({ expanded, ...props }: ITableExpander, ref: ForwardedRef<HTMLButtonElement>) => {\n    const { size = Sizes.Medium } = useTable();\n\n    const iconProps = {\n      width: ButtonConsts.consts[size].iconSize,\n      height: ButtonConsts.consts[size].iconSize,\n    };\n\n    return (\n      <Button\n        className={TABLE_EXPANDER_BUTTON_CLASS}\n        aria-label=\"Expander button\"\n        size={getSize(size)}\n        variant={Variants.Transparent}\n        icon={\n          expanded ? (\n            <ChevronDown data-testid=\"expander-expanded\" {...iconProps} />\n          ) : (\n            <ChevronRight data-testid=\"expander-collapsed\" {...iconProps} />\n          )\n        }\n        iconOnly\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n"],"names":["ExpanderButton","forwardRef","expanded","props","ref","size","Sizes","useTable","iconProps","ButtonConsts.consts","jsx","Button","TABLE_EXPANDER_BUTTON_CLASS","getSize","Variants","ChevronDown","ChevronRight"],"mappings":"qgBAYaA,EAAiBC,EAAA,WAC5B,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAyBC,IAAyC,CAChF,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAS,EAEnCC,EAAY,CAChB,MAAOC,EAAAA,OAAoBJ,CAAI,EAAE,SACjC,OAAQI,EAAAA,OAAoBJ,CAAI,EAAE,QACpC,EAGE,OAAAK,EAAA,IAACC,EAAA,CACC,UAAWC,EAAA,4BACX,aAAW,kBACX,KAAMC,UAAQR,CAAI,EAClB,QAASS,EAAS,SAAA,YAClB,KACEZ,EACGQ,EAAA,IAAAK,EAAA,CAAY,cAAY,oBAAqB,GAAGP,CAAW,CAAA,EAE3DE,EAAAA,IAAAM,EAAA,CAAa,cAAY,qBAAsB,GAAGR,EAAW,EAGlE,SAAQ,GACR,IAAAJ,EACC,GAAGD,CAAA,CACN,CAAA,CAGN"}

package/build/cjs/components/Table/components/TableElements/Filter.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("./FilterButton.js"),t=require("../../../Popover/Popover.js"),i=({filters:r})=>e.jsxs(t.Popover,{children:[e.jsx(t.PopoverContent,{children:r}),e.jsx(o.FilterButton,{})]});exports.Filter=i;
+//# sourceMappingURL=Filter.js.map

package/build/cjs/components/Table/components/TableElements/Filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.js","sources":["../../../../../../src/components/Table/components/TableElements/Filter.tsx"],"sourcesContent":["import type { IFilterProps } from './TableElements.types';\nimport { FilterButton } from './FilterButton';\nimport { Popover, PopoverContent } from '../../../Popover/Popover';\n\nexport const Filter = ({ filters }: IFilterProps) => (\n  <Popover>\n    <PopoverContent>{filters}</PopoverContent>\n    <FilterButton />\n  </Popover>\n);\n"],"names":["Filter","filters","Popover","jsx","PopoverContent","FilterButton"],"mappings":"yNAIaA,EAAS,CAAC,CAAE,QAAAC,CAAQ,WAC9BC,EAAAA,QACC,CAAA,SAAA,CAAAC,EAAAA,IAACC,kBAAgB,SAAQH,CAAA,CAAA,QACxBI,EAAa,aAAA,CAAA,CAAA,CAAA,CAChB,CAAA"}

package/build/cjs/components/Table/components/TableElements/FilterButton.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("react"),e=require("../../../../react-base/src/consts/index.js"),n=require("../../hooks/useTable.js"),u=require("../../../Icon/components/Filter.js"),a=require("../../utils/tableUtils.js"),l=require("../../../Popover/Popover.js"),c=o.forwardRef(({...t},i)=>{const{size:s=e.Sizes.Medium}=n.useTable();return r.jsx(l.PopoverTrigger,{buttonProps:{"aria-label":"Filter button",className:e.TABLE_FILTER_BUTTON_CLASS,icon:r.jsx(u,{}),iconOnly:!0,size:a.getSize(s),variant:e.Variants.Transparent,ref:i,...t}})});exports.FilterButton=c;
+//# sourceMappingURL=FilterButton.js.map

package/build/cjs/components/Table/components/TableElements/FilterButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.js","sources":["../../../../../../src/components/Table/components/TableElements/FilterButton.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithRef, type ForwardedRef } from 'react';\n\nimport { Variants, Sizes, TABLE_FILTER_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport { useTable } from '../../hooks/useTable';\nimport FilterIcon from '../../../Icon/components/Filter';\nimport { getSize } from '../../utils/tableUtils';\nimport { PopoverTrigger } from '../../../Popover/Popover';\n\nexport const FilterButton = forwardRef(\n  ({ ...rest }: ComponentPropsWithRef<'button'>, ref: ForwardedRef<HTMLButtonElement>) => {\n    const { size = Sizes.Medium } = useTable();\n\n    return (\n      <PopoverTrigger\n        buttonProps={{\n          'aria-label': 'Filter button',\n          className: TABLE_FILTER_BUTTON_CLASS,\n          icon: <FilterIcon />,\n          iconOnly: true,\n          size: getSize(size),\n          variant: Variants.Transparent,\n          ref,\n          ...rest,\n        }}\n      />\n    );\n  },\n);\n"],"names":["FilterButton","forwardRef","rest","ref","size","Sizes","useTable","jsx","PopoverTrigger","TABLE_FILTER_BUTTON_CLASS","FilterIcon","getSize","Variants"],"mappings":"iYASaA,EAAeC,EAAA,WAC1B,CAAC,CAAE,GAAGC,GAAyCC,IAAyC,CACtF,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAS,EAGvC,OAAAC,EAAA,IAACC,EAAA,eAAA,CACC,YAAa,CACX,aAAc,gBACd,UAAWC,EAAA,0BACX,WAAOC,EAAW,EAAA,EAClB,SAAU,GACV,KAAMC,UAAQP,CAAI,EAClB,QAASQ,EAAS,SAAA,YAClB,IAAAT,EACA,GAAGD,CAAA,CACL,CACF,CAAA,CAGN"}

package/build/cjs/components/Table/components/TableElements/HeaderCell.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),m=require("@tanstack/react-table"),t=require("../../../../react-base/src/consts/index.js"),S=require("../../../Icon/components/EllipsisVertical.js"),C=require("../../../Icon/components/Pin.js"),u=require("../../../Flexbox/Flexbox.js"),T=require("./SorterButton.js"),j=require("./Resizer.js"),q=require("../../hooks/useTable.js"),g=require("../../utils/tableUtils.js"),H=require("./SelectionCheckbox.js"),R=require("./DraggableButton.js"),s=require("./HeaderCellMenu.js"),M=({isDraggable:e,children:r})=>e?n.jsx(R.DraggableButton,{children:r}):r,I=({header:e,table:r,options:l})=>{const{size:c=t.Sizes.Medium}=q.useTable(),a=(l==null?void 0:l.columnResizing)&&!e.isPlaceholder&&e.column.getCanResize(),d=(l==null?void 0:l.sorting)&&e.column.getCanSort(),o=s.useHeaderCellMenuItems(e,l),x=s.useHeaderCellMenuKind(e,l),i=e.isPlaceholder?null:m.flexRender(e.column.columnDef.header,e.getContext());return n.jsxs(u,{gap:g.getHeaderCellGap(c),alignItems:"center",flexGrow:1,children:[e.getLeafHeaders().length===1&&(r!=null&&r.options.enableRowSelection)&&e.column.getIndex()===0&&r?n.jsx(H.SelectionCheckbox,{checked:r.getIsAllRowsSelected(),indeterminate:r.getIsSomeRowsSelected(),onChange:r.getToggleAllRowsSelectedHandler()}):n.jsx(n.Fragment,{}),d?n.jsx(T.SorterButton,{sortDirection:e.column.getIsSorted()||void 0,onClick:e.column.getToggleSortingHandler(),children:i}):n.jsx(M,{isDraggable:l==null?void 0:l.dragAndDrop,children:i}),o.length>0&&n.jsx(u,{gap:g.getHeaderCellGap(c),flexGrow:1,alignItems:"flex-end",children:n.jsx(s.HeaderCellMenu,{triggerOptions:x==="pin-only"?{icon:n.jsx(C,{}),className:t.TABLE_PIN_BUTTON_CLASS}:{icon:n.jsx(S,{}),className:t.TABLE_MENU_BUTTON_CLASS},menuItems:o})}),n.jsx(j.Resizer,{...a?{onMouseDown:e.getResizeHandler(),onTouchStart:e.getResizeHandler()}:{}})]})};exports.HeaderCell=I;
+//# sourceMappingURL=HeaderCell.js.map

package/build/cjs/components/Table/components/TableElements/HeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.js","sources":["../../../../../../src/components/Table/components/TableElements/HeaderCell.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport { flexRender } from '@tanstack/react-table';\nimport { Sizes, TABLE_MENU_BUTTON_CLASS, TABLE_PIN_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport EllipsisVertical from '../../../Icon/components/EllipsisVertical';\nimport Pin from '../../../Icon/components/Pin';\nimport type { IHeaderCellProps } from '../BaseTable/BaseTable.types';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { SorterButton } from './SorterButton';\nimport { Resizer } from './Resizer';\nimport { useTable } from '../../hooks/useTable';\nimport { getHeaderCellGap } from '../../utils/tableUtils';\nimport { SelectionCheckbox } from './SelectionCheckbox';\nimport { DraggableButton } from './DraggableButton';\nimport { HeaderCellMenu, useHeaderCellMenuItems, useHeaderCellMenuKind } from './HeaderCellMenu';\n\nconst MaybeDraggableButton = ({ isDraggable, children }: PropsWithChildren<{ isDraggable?: boolean }>) =>\n  isDraggable ? <DraggableButton>{children}</DraggableButton> : children;\n\nexport const HeaderCell = <T,>({ header, table, options }: IHeaderCellProps<T>) => {\n  const { size = Sizes.Medium } = useTable();\n  const showColumnResizingOptions = options?.columnResizing && !header.isPlaceholder && header.column.getCanResize();\n  const showSortingOptions = options?.sorting && header.column.getCanSort();\n  const headerCellMenuItems = useHeaderCellMenuItems(header, options);\n  const headerKind = useHeaderCellMenuKind(header, options);\n\n  const headerText = header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext());\n\n  return (\n    <Flexbox gap={getHeaderCellGap(size)} alignItems=\"center\" flexGrow={1}>\n      {header.getLeafHeaders().length === 1 &&\n      table?.options.enableRowSelection &&\n      header.column.getIndex() === 0 &&\n      !!table ? (\n        <SelectionCheckbox\n          checked={table.getIsAllRowsSelected()}\n          indeterminate={table.getIsSomeRowsSelected()}\n          onChange={table.getToggleAllRowsSelectedHandler()}\n        />\n      ) : (\n        <></>\n      )}\n      {showSortingOptions ? (\n        <SorterButton\n          sortDirection={header.column.getIsSorted() || undefined}\n          onClick={header.column.getToggleSortingHandler()}\n        >\n          {headerText}\n        </SorterButton>\n      ) : (\n        <MaybeDraggableButton isDraggable={options?.dragAndDrop}>{headerText}</MaybeDraggableButton>\n      )}\n      {headerCellMenuItems.length > 0 && (\n        <Flexbox gap={getHeaderCellGap(size)} flexGrow={1} alignItems=\"flex-end\">\n          <HeaderCellMenu\n            triggerOptions={\n              headerKind === 'pin-only'\n                ? { icon: <Pin />, className: TABLE_PIN_BUTTON_CLASS }\n                : { icon: <EllipsisVertical />, className: TABLE_MENU_BUTTON_CLASS }\n            }\n            menuItems={headerCellMenuItems}\n          />\n        </Flexbox>\n      )}\n      <Resizer\n        {...(showColumnResizingOptions\n          ? { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler() }\n          : {})}\n      />\n    </Flexbox>\n  );\n};\n"],"names":["MaybeDraggableButton","isDraggable","children","jsx","DraggableButton","HeaderCell","header","table","options","size","Sizes","useTable","showColumnResizingOptions","showSortingOptions","headerCellMenuItems","useHeaderCellMenuItems","headerKind","useHeaderCellMenuKind","headerText","flexRender","jsxs","Flexbox","getHeaderCellGap","SelectionCheckbox","Fragment","SorterButton","HeaderCellMenu","Pin","TABLE_PIN_BUTTON_CLASS","EllipsisVertical","TABLE_MENU_BUTTON_CLASS","Resizer"],"mappings":"wmBAiBMA,EAAuB,CAAC,CAAE,YAAAC,EAAa,SAAAC,KAC3CD,EAAcE,EAAA,IAACC,kBAAiB,CAAA,SAAAF,CAAS,CAAA,EAAqBA,EAEnDG,EAAa,CAAK,CAAE,OAAAC,EAAQ,MAAAC,EAAO,QAAAC,KAAmC,CACjF,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,SAAS,EACnCC,GAA4BJ,GAAA,YAAAA,EAAS,iBAAkB,CAACF,EAAO,eAAiBA,EAAO,OAAO,aAAa,EAC3GO,GAAqBL,GAAA,YAAAA,EAAS,UAAWF,EAAO,OAAO,WAAW,EAClEQ,EAAsBC,EAAAA,uBAAuBT,EAAQE,CAAO,EAC5DQ,EAAaC,EAAAA,sBAAsBX,EAAQE,CAAO,EAElDU,EAAaZ,EAAO,cAAgB,KAAOa,EAAA,WAAWb,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,EAG7G,OAAAc,OAACC,GAAQ,IAAKC,EAAAA,iBAAiBb,CAAI,EAAG,WAAW,SAAS,SAAU,EACjE,SAAA,CAAAH,EAAO,eAAe,EAAE,SAAW,IACpCC,GAAA,MAAAA,EAAO,QAAQ,qBACfD,EAAO,OAAO,SAAS,IAAM,GAC3BC,EACAJ,EAAA,IAACoB,EAAA,kBAAA,CACC,QAAShB,EAAM,qBAAqB,EACpC,cAAeA,EAAM,sBAAsB,EAC3C,SAAUA,EAAM,gCAAgC,CAAA,CAAA,EAGhDJ,EAAA,IAAAqB,EAAA,SAAA,EAAA,EAEHX,EACCV,EAAA,IAACsB,EAAA,aAAA,CACC,cAAenB,EAAO,OAAO,YAAiB,GAAA,OAC9C,QAASA,EAAO,OAAO,wBAAwB,EAE9C,SAAAY,CAAA,CAAA,EAGFf,EAAA,IAAAH,EAAA,CAAqB,YAAaQ,GAAA,YAAAA,EAAS,YAAc,SAAWU,EAAA,EAEtEJ,EAAoB,OAAS,GAC5BX,EAAA,IAACkB,EAAQ,CAAA,IAAKC,EAAAA,iBAAiBb,CAAI,EAAG,SAAU,EAAG,WAAW,WAC5D,SAAAN,EAAA,IAACuB,EAAA,eAAA,CACC,eACEV,IAAe,WACX,CAAE,WAAOW,EAAI,CAAA,CAAA,EAAI,UAAWC,EAAAA,wBAC5B,CAAE,WAAOC,EAAiB,EAAA,EAAI,UAAWC,yBAAwB,EAEvE,UAAWhB,CAAA,CAAA,EAEf,EAEFX,EAAA,IAAC4B,EAAA,QAAA,CACE,GAAInB,EACD,CAAE,YAAaN,EAAO,iBAAoB,EAAA,aAAcA,EAAO,iBAAA,GAC/D,CAAA,CAAC,CAAA,CACP,EACF,CAEJ"}

package/build/cjs/components/Table/components/TableElements/HeaderCellMenu.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),s=require("react"),u=require("../../../../react-base/src/consts/index.js"),x=require("../../hooks/useTable.js"),C=require("../../utils/tableUtils.js"),f=require("../../../Flexbox/Flexbox.js"),P=require("../../../Popover/Popover.js"),b=require("../../../Menu/Menu.js"),S=require("../../../Icon/components/ArrowDown.js"),j=require("../../../Icon/components/ArrowLeft.js"),q=require("../../../Icon/components/ArrowRight.js"),M=require("../../../Icon/components/ArrowUp.js"),k=require("../../../Icon/components/ChevronUpDown.js"),y=require("../../../Icon/components/PinRemove.js"),v=({triggerOptions:e,menuItems:o})=>{const{size:i=u.Sizes.Medium}=x.useTable(),[a,r]=s.useState(!1),t=s.useCallback(()=>r(!1),[]);return n.jsx(f,{gap:C.getHeaderCellGap(i),alignItems:"center",flexGrow:"1",justifyContent:"flex-end",children:n.jsxs(P.Popover,{open:a,onOpenChange:r,children:[n.jsx(P.PopoverTrigger,{buttonProps:{...e,iconOnly:!0,variant:u.Variants.Transparent,size:C.getSize(i)},children:"Options"}),n.jsx(P.PopoverContent,{children:n.jsx(b,{items:o,onSelect:t})})]})})},I=e=>({label:"Pin left",key:"pin-left",itemIcon:n.jsx(j,{}),onClick:()=>e.column.pin(u.Positions.Left)}),O=e=>({label:"Pin right",key:"pin-right",itemIcon:n.jsx(q,{}),onClick:()=>e.column.pin(u.Positions.Right)}),w=e=>({label:"Unpin",key:"unpin",itemIcon:n.jsx(y,{}),onClick:()=>e.column.pin(!1)}),H=e=>({label:"Sort ascending",key:"sort-asc",itemIcon:n.jsx(M,{}),onClick:()=>e.column.toggleSorting(!1)}),R=e=>({label:"Sort descending",key:"sort-desc",itemIcon:n.jsx(S,{}),onClick:()=>e.column.toggleSorting(!0)}),h=e=>({label:"Unsort",key:"unsort",itemIcon:n.jsx(k,{}),onClick:()=>e.column.clearSorting()}),A=(e,o={})=>s.useMemo(()=>{const{sorting:i,columnPinning:a,pinningOptions:r=!0,headerCellMenuItems:t}=o,{isPlaceholder:g,column:{getCanPin:p,getCanSort:m,getIsPinned:c,getIsSorted:l}}=e;return[...a&&r&&!g&&p()?[...c()!==!1?[w(e)]:[],...c()!==u.Positions.Left?[I(e)]:[],...c()!==u.Positions.Right?[O(e)]:[],{type:"divider"}]:[],...m()&&i?[...l()!=="asc"?[H(e)]:[],...l()!=="desc"?[R(e)]:[],...l()!==!1?[h(e)]:[],{type:"divider"}]:[],...(t==null?void 0:t(e))??[]]},[o,e]),T=(e,o={})=>{const{sorting:i,columnPinning:a,pinningOptions:r=!0,headerCellMenuItems:t}=o,{isPlaceholder:g,column:{getCanPin:p,getCanSort:m}}=e,c=s.useMemo(()=>a&&r&&!g&&p(),[o,e]),l=s.useMemo(()=>i&&m(),[o,e]),d=s.useMemo(()=>((t==null?void 0:t(e).length)??0)>0,[o]);return s.useMemo(()=>c&&!l&&!d?"pin-only":"any",[c,l,d])};exports.HeaderCellMenu=v;exports.useHeaderCellMenuItems=A;exports.useHeaderCellMenuKind=T;
+//# sourceMappingURL=HeaderCellMenu.js.map