acinguiux-ds-react-framework 0.1.25 → 0.1.27

package/build/cjs/components/Stepper/Step.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.styles.js","sources":["../../../../src/components/Stepper/Step.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Directions } from 'acinguiux-ds-react-base/consts';\nimport { StepperUtils, StepperConsts } from 'acinguiux-ds-react-base/components/Stepper';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nimport type { IConnectorLineProps, IStepWrapperProps } from './Step.types';\nimport BaseBadge from '../Badge/Badge';\nimport BaseHeading from '../Text/components/Heading/Heading';\nimport BaseLabel from '../Text/components/Label/Label';\nimport Flexbox from '../Flexbox/Flexbox';\n\nconst {\n  containedStepperConsts: { container },\n  stepperConsts: { connector },\n} = StepperConsts;\n\nconst ContainedContainer = styled(Flexbox)`\n  display: flex;\n  flex-grow: 1;\n  gap: ${container.gap}px;\n  border-radius: ${container.borderRadius}px;\n`;\n\nconst Badge = styled(BaseBadge)``;\nconst Heading = styled(BaseHeading)``;\nconst Label = styled(BaseLabel)``;\n\nconst ConnectorLine = styled.div.attrs({\n  'aria-hidden': true,\n  'aria-label': 'connector-line',\n})<IConnectorLineProps>`\n  ${({ $type, $direction }) => css`\n    position: relative;\n\n    ${$direction === Directions.Horizontal\n      ? css`\n          height: ${connector.lineWidth}px;\n          width: 100%;\n        `\n      : css`\n          height: 100%;\n          width: ${connector.lineWidth}px;\n        `}\n\n    ${$type === 'dot'\n      ? css`\n          ${$direction === Directions.Vertical && 'margin: -2px 0 -4px;'}\n\n          &::before {\n            background: ${connector.gradients[$direction].radial};\n          }\n\n          &::after {\n            background: ${connector.gradients[$direction].linear};\n          }\n\n          &::before,\n          &::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background-repeat: space;\n          }\n        `\n      : css`\n          border-radius: ${connector.borderRadius}px;\n        `}\n  `}\n`;\n\nconst StepWrapper = styled.li<IStepWrapperProps>`\n  ${({ theme, $direction, $stage, $invalid, $type, $size, onClick, disabled }) => {\n    const {\n      press: activeStepperStyle,\n      resting: defaultStepperStyle,\n      hover: hoverStepperStyle,\n    } = StepperUtils.getStepperStyles(theme, $stage, $type, $invalid, disabled);\n    const {\n      press: activeTextStyles,\n      resting: defaultTextStyles,\n      hover: hoverTextStyles,\n    } = StepperUtils.getTextStyles(theme, $stage, $invalid, disabled);\n    const {\n      press: activeConnectorStyles,\n      resting: defaultConnectorStyles,\n      hover: hoverConnectorStyles,\n    } = StepperUtils.getConnectorStyles(theme, $stage, $type, $invalid, disabled);\n\n    return css`\n      display: flex;\n\n      ${$direction === Directions.Horizontal &&\n      css`\n        flex-direction: column;\n      `};\n\n      ${$direction === Directions.Vertical &&\n      css`\n        flex-direction: row;\n      `}\n\n      ${onClick &&\n      css`\n        &:focus-visible {\n          outline: 0;\n\n          ${ContainedContainer} {\n            ${getFocusStyles(theme)};\n          }\n        }\n      `}\n      ${ContainedContainer} {\n        padding: ${container.padding[$size]}px;\n        background-color: ${defaultStepperStyle.containerBackground};\n      }\n\n      ${Badge} {\n        background-color: ${defaultStepperStyle.badgeBackgroundColor};\n        color: ${defaultStepperStyle.badgeColor};\n        border: ${defaultStepperStyle.badgeBorder};\n      }\n\n      ${ConnectorLine} {\n        ${defaultConnectorStyles};\n      }\n\n      ${Heading} {\n        color: ${defaultTextStyles.titleColor};\n      }\n\n      ${Label} {\n        color: ${defaultTextStyles.stepNumberColor};\n      }\n\n      &:hover {\n        ${onClick &&\n        css`\n          cursor: pointer;\n        `}\n\n        ${ContainedContainer} {\n          background-color: ${hoverStepperStyle.containerBackground};\n        }\n\n        ${Badge} {\n          background-color: ${hoverStepperStyle.badgeBackgroundColor};\n          color: ${hoverStepperStyle.badgeColor};\n          border: ${hoverStepperStyle.badgeBorder};\n        }\n\n        ${ConnectorLine} {\n          ${hoverConnectorStyles};\n        }\n\n        ${Heading} {\n          color: ${hoverTextStyles.titleColor};\n        }\n\n        ${Label} {\n          color: ${hoverTextStyles.stepNumberColor};\n        }\n      }\n\n      &:active {\n        ${ContainedContainer} {\n          background-color: ${activeStepperStyle.containerBackground};\n        }\n\n        ${Badge} {\n          background-color: ${activeStepperStyle.badgeBackgroundColor};\n          color: ${activeStepperStyle.badgeColor};\n          border: ${activeStepperStyle.badgeBorder};\n        }\n\n        ${ConnectorLine} {\n          ${activeConnectorStyles};\n        }\n\n        ${Heading} {\n          color: ${activeTextStyles.titleColor};\n        }\n\n        ${Label} {\n          color: ${activeTextStyles.stepNumberColor};\n        }\n      }\n    `;\n  }}\n`;\n\nexport { Badge, Label, Heading, ContainedContainer, ConnectorLine, StepWrapper };\n"],"names":["container","connector","StepperConsts","ContainedContainer","styled","Flexbox","Badge","BaseBadge","Heading","BaseHeading","Label","BaseLabel","ConnectorLine","$type","$direction","css","Directions","StepWrapper","theme","$stage","$invalid","$size","onClick","disabled","activeStepperStyle","defaultStepperStyle","hoverStepperStyle","StepperUtils.getStepperStyles","activeTextStyles","defaultTextStyles","hoverTextStyles","StepperUtils.getTextStyles","activeConnectorStyles","defaultConnectorStyles","hoverConnectorStyles","StepperUtils.getConnectorStyles","getFocusStyles"],"mappings":"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"}
+{"version":3,"file":"Step.styles.js","sources":["../../../../src/components/Stepper/Step.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Directions } from 'acinguiux-ds-react-base/consts';\r\nimport { StepperUtils, StepperConsts } from 'acinguiux-ds-react-base/components/Stepper';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\n\r\nimport type { IConnectorLineProps, IStepWrapperProps } from './Step.types';\r\nimport BaseBadge from '../Badge/Badge';\r\nimport BaseHeading from '../Text/components/Heading/Heading';\r\nimport BaseLabel from '../Text/components/Label/Label';\r\nimport Flexbox from '../Flexbox/Flexbox';\r\n\r\nconst {\r\n  containedStepperConsts: { container },\r\n  stepperConsts: { connector },\r\n} = StepperConsts;\r\n\r\nconst ContainedContainer = styled(Flexbox)`\r\n  display: flex;\r\n  flex-grow: 1;\r\n  gap: ${container.gap}px;\r\n  border-radius: ${container.borderRadius}px;\r\n`;\r\n\r\nconst Badge = styled(BaseBadge)``;\r\nconst Heading = styled(BaseHeading)``;\r\nconst Label = styled(BaseLabel)``;\r\n\r\nconst ConnectorLine = styled.div.attrs({\r\n  'aria-hidden': true,\r\n  'aria-label': 'connector-line',\r\n})<IConnectorLineProps>`\r\n  ${({ $type, $direction }) => css`\r\n    position: relative;\r\n\r\n    ${$direction === Directions.Horizontal\r\n      ? css`\r\n          height: ${connector.lineWidth}px;\r\n          width: 100%;\r\n        `\r\n      : css`\r\n          height: 100%;\r\n          width: ${connector.lineWidth}px;\r\n        `}\r\n\r\n    ${$type === 'dot'\r\n      ? css`\r\n          ${$direction === Directions.Vertical && 'margin: -2px 0 -4px;'}\r\n\r\n          &::before {\r\n            background: ${connector.gradients[$direction].radial};\r\n          }\r\n\r\n          &::after {\r\n            background: ${connector.gradients[$direction].linear};\r\n          }\r\n\r\n          &::before,\r\n          &::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background-repeat: space;\r\n          }\r\n        `\r\n      : css`\r\n          border-radius: ${connector.borderRadius}px;\r\n        `}\r\n  `}\r\n`;\r\n\r\nconst StepWrapper = styled.li<IStepWrapperProps>`\r\n  ${({ theme, $direction, $stage, $invalid, $type, $size, onClick, disabled }) => {\r\n    const {\r\n      press: activeStepperStyle,\r\n      resting: defaultStepperStyle,\r\n      hover: hoverStepperStyle,\r\n    } = StepperUtils.getStepperStyles(theme, $stage, $type, $invalid, disabled);\r\n    const {\r\n      press: activeTextStyles,\r\n      resting: defaultTextStyles,\r\n      hover: hoverTextStyles,\r\n    } = StepperUtils.getTextStyles(theme, $stage, $invalid, disabled);\r\n    const {\r\n      press: activeConnectorStyles,\r\n      resting: defaultConnectorStyles,\r\n      hover: hoverConnectorStyles,\r\n    } = StepperUtils.getConnectorStyles(theme, $stage, $type, $invalid, disabled);\r\n\r\n    return css`\r\n      display: flex;\r\n\r\n      ${$direction === Directions.Horizontal &&\r\n      css`\r\n        flex-direction: column;\r\n      `};\r\n\r\n      ${$direction === Directions.Vertical &&\r\n      css`\r\n        flex-direction: row;\r\n      `}\r\n\r\n      ${onClick &&\r\n      css`\r\n        &:focus-visible {\r\n          outline: 0;\r\n\r\n          ${ContainedContainer} {\r\n            ${getFocusStyles(theme)};\r\n          }\r\n        }\r\n      `}\r\n      ${ContainedContainer} {\r\n        padding: ${container.padding[$size]}px;\r\n        background-color: ${defaultStepperStyle.containerBackground};\r\n      }\r\n\r\n      ${Badge} {\r\n        background-color: ${defaultStepperStyle.badgeBackgroundColor};\r\n        color: ${defaultStepperStyle.badgeColor};\r\n        border: ${defaultStepperStyle.badgeBorder};\r\n      }\r\n\r\n      ${ConnectorLine} {\r\n        ${defaultConnectorStyles};\r\n      }\r\n\r\n      ${Heading} {\r\n        color: ${defaultTextStyles.titleColor};\r\n      }\r\n\r\n      ${Label} {\r\n        color: ${defaultTextStyles.stepNumberColor};\r\n      }\r\n\r\n      &:hover {\r\n        ${onClick &&\r\n        css`\r\n          cursor: pointer;\r\n        `}\r\n\r\n        ${ContainedContainer} {\r\n          background-color: ${hoverStepperStyle.containerBackground};\r\n        }\r\n\r\n        ${Badge} {\r\n          background-color: ${hoverStepperStyle.badgeBackgroundColor};\r\n          color: ${hoverStepperStyle.badgeColor};\r\n          border: ${hoverStepperStyle.badgeBorder};\r\n        }\r\n\r\n        ${ConnectorLine} {\r\n          ${hoverConnectorStyles};\r\n        }\r\n\r\n        ${Heading} {\r\n          color: ${hoverTextStyles.titleColor};\r\n        }\r\n\r\n        ${Label} {\r\n          color: ${hoverTextStyles.stepNumberColor};\r\n        }\r\n      }\r\n\r\n      &:active {\r\n        ${ContainedContainer} {\r\n          background-color: ${activeStepperStyle.containerBackground};\r\n        }\r\n\r\n        ${Badge} {\r\n          background-color: ${activeStepperStyle.badgeBackgroundColor};\r\n          color: ${activeStepperStyle.badgeColor};\r\n          border: ${activeStepperStyle.badgeBorder};\r\n        }\r\n\r\n        ${ConnectorLine} {\r\n          ${activeConnectorStyles};\r\n        }\r\n\r\n        ${Heading} {\r\n          color: ${activeTextStyles.titleColor};\r\n        }\r\n\r\n        ${Label} {\r\n          color: ${activeTextStyles.stepNumberColor};\r\n        }\r\n      }\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport { Badge, Label, Heading, ContainedContainer, ConnectorLine, StepWrapper };\r\n"],"names":["container","connector","StepperConsts","ContainedContainer","styled","Flexbox","Badge","BaseBadge","Heading","BaseHeading","Label","BaseLabel","ConnectorLine","$type","$direction","css","Directions","StepWrapper","theme","$stage","$invalid","$size","onClick","disabled","activeStepperStyle","defaultStepperStyle","hoverStepperStyle","StepperUtils.getStepperStyles","activeTextStyles","defaultTextStyles","hoverTextStyles","StepperUtils.getTextStyles","activeConnectorStyles","defaultConnectorStyles","hoverConnectorStyles","StepperUtils.getConnectorStyles","getFocusStyles"],"mappings":"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"}

package/build/cjs/components/Stepper/Stepper.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.consts.js","sources":["../../../../src/components/Stepper/Stepper.consts.ts"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport type { StepperTypes } from 'acinguiux-ds-react-base/components/Stepper';\n\nimport type { IStepProps } from './Step.types';\nimport DefaultStep from './_internalComponents/DefaultStep/DefaultStep';\nimport ContainedStep from './_internalComponents/ContainedStep/ContainedStep';\n\nexport const stepComponents: Record<StepperTypes.Type, (props: IStepProps) => ReactElement> = {\n  default: DefaultStep,\n  contained: ContainedStep,\n};\n"],"names":["stepComponents","DefaultStep","ContainedStep"],"mappings":"kPAQaA,EAAiF,CAC5F,QAASC,EACT,UAAWC,CACb"}
+{"version":3,"file":"Stepper.consts.js","sources":["../../../../src/components/Stepper/Stepper.consts.ts"],"sourcesContent":["import type { ReactElement } from 'react';\r\n\r\nimport type { StepperTypes } from 'acinguiux-ds-react-base/components/Stepper';\r\n\r\nimport type { IStepProps } from './Step.types';\r\nimport DefaultStep from './_internalComponents/DefaultStep/DefaultStep';\r\nimport ContainedStep from './_internalComponents/ContainedStep/ContainedStep';\r\n\r\nexport const stepComponents: Record<StepperTypes.Type, (props: IStepProps) => ReactElement> = {\r\n  default: DefaultStep,\r\n  contained: ContainedStep,\r\n};\r\n"],"names":["stepComponents","DefaultStep","ContainedStep"],"mappings":"kPAQaA,EAAiF,CAC5F,QAASC,EACT,UAAWC,CACb"}

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Directions, STEPPER_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport type { IStepperProps } from './Stepper.types';\nimport { getStepComponentProps } from './utils/stepUtils';\nimport * as Styled from './Stepper.styles';\nimport { stepComponents } from './Stepper.consts';\n\nconst Stepper = ({\n  className,\n  type = 'default',\n  size = Sizes.Medium,\n  direction = Directions.Horizontal,\n  showBadge = true,\n  showConnector = true,\n  showStepNumber = true,\n  current,\n  steps,\n  stepWidth,\n  ...rest\n}: IStepperProps): ReactElement => {\n  const StepComponent = stepComponents[type];\n\n  return (\n    <Styled.Stepper\n      aria-label=\"Stepper\"\n      className={classNames(STEPPER_CLASS, className)}\n      $direction={direction}\n      $stepWidth={stepWidth}\n      {...rest}\n    >\n      {steps.map((step, index) => (\n        <StepComponent\n          key={step.key ?? step.title}\n          size={size}\n          direction={direction}\n          showConnector={showConnector}\n          showStepNumber={showStepNumber}\n          showBadge={showBadge}\n          {...getStepComponentProps({ stepsLength: steps.length, current, index, step, type })}\n        />\n      ))}\n    </Styled.Stepper>\n  );\n};\n\nexport default memo(Stepper) as typeof Stepper;\n"],"names":["Stepper","className","type","size","Sizes","direction","Directions","showBadge","showConnector","showStepNumber","current","steps","stepWidth","rest","StepComponent","stepComponents","jsx","Styled.Stepper","classNames","STEPPER_CLASS","step","index","getStepComponentProps","Stepper_default","memo"],"mappings":"uSAUMA,EAAU,CAAC,CACf,UAAAC,EACA,KAAAC,EAAO,UACP,KAAAC,EAAOC,EAAAA,MAAM,OACb,UAAAC,EAAYC,EAAAA,WAAW,WACvB,UAAAC,EAAY,GACZ,cAAAC,EAAgB,GAChB,eAAAC,EAAiB,GACjB,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAmC,CACjC,MAAMC,EAAgBC,EAAAA,eAAeb,CAAI,EAEzC,OACEc,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAW,UACX,UAAWC,EAAWC,EAAAA,cAAelB,CAAS,EAC9C,WAAYI,EACZ,WAAYO,EACX,GAAGC,EAEH,SAAAF,EAAM,IAAI,CAACS,EAAMC,IAChBL,EAAAA,IAACF,EAAA,CAEC,KAAAX,EACA,UAAAE,EACA,cAAAG,EACA,eAAAC,EACA,UAAAF,EACC,GAAGe,EAAAA,sBAAsB,CAAE,YAAaX,EAAM,OAAQ,QAAAD,EAAS,MAAAW,EAAO,KAAAD,EAAM,KAAAlB,CAAA,CAAM,CAAA,EAN9EkB,EAAK,KAAOA,EAAK,KAAA,CAQzB,CAAA,CAAA,CAGP,EAEAG,EAAeC,EAAAA,KAAKxB,CAAO"}
+{"version":3,"file":"Stepper.js","sources":["../../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, Directions, STEPPER_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type { IStepperProps } from './Stepper.types';\r\nimport { getStepComponentProps } from './utils/stepUtils';\r\nimport * as Styled from './Stepper.styles';\r\nimport { stepComponents } from './Stepper.consts';\r\n\r\nconst Stepper = ({\r\n  className,\r\n  type = 'default',\r\n  size = Sizes.Medium,\r\n  direction = Directions.Horizontal,\r\n  showBadge = true,\r\n  showConnector = true,\r\n  showStepNumber = true,\r\n  current,\r\n  steps,\r\n  stepWidth,\r\n  ...rest\r\n}: IStepperProps): ReactElement => {\r\n  const StepComponent = stepComponents[type];\r\n\r\n  return (\r\n    <Styled.Stepper\r\n      aria-label=\"Stepper\"\r\n      className={classNames(STEPPER_CLASS, className)}\r\n      $direction={direction}\r\n      $stepWidth={stepWidth}\r\n      {...rest}\r\n    >\r\n      {steps.map((step, index) => (\r\n        <StepComponent\r\n          key={step.key ?? step.title}\r\n          size={size}\r\n          direction={direction}\r\n          showConnector={showConnector}\r\n          showStepNumber={showStepNumber}\r\n          showBadge={showBadge}\r\n          {...getStepComponentProps({ stepsLength: steps.length, current, index, step, type })}\r\n        />\r\n      ))}\r\n    </Styled.Stepper>\r\n  );\r\n};\r\n\r\nexport default memo(Stepper) as typeof Stepper;\r\n"],"names":["Stepper","className","type","size","Sizes","direction","Directions","showBadge","showConnector","showStepNumber","current","steps","stepWidth","rest","StepComponent","stepComponents","jsx","Styled.Stepper","classNames","STEPPER_CLASS","step","index","getStepComponentProps","Stepper_default","memo"],"mappings":"uSAUMA,EAAU,CAAC,CACf,UAAAC,EACA,KAAAC,EAAO,UACP,KAAAC,EAAOC,EAAAA,MAAM,OACb,UAAAC,EAAYC,EAAAA,WAAW,WACvB,UAAAC,EAAY,GACZ,cAAAC,EAAgB,GAChB,eAAAC,EAAiB,GACjB,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAmC,CACjC,MAAMC,EAAgBC,EAAAA,eAAeb,CAAI,EAEzC,OACEc,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAW,UACX,UAAWC,EAAWC,EAAAA,cAAelB,CAAS,EAC9C,WAAYI,EACZ,WAAYO,EACX,GAAGC,EAEH,SAAAF,EAAM,IAAI,CAACS,EAAMC,IAChBL,EAAAA,IAACF,EAAA,CAEC,KAAAX,EACA,UAAAE,EACA,cAAAG,EACA,eAAAC,EACA,UAAAF,EACC,GAAGe,EAAAA,sBAAsB,CAAE,YAAaX,EAAM,OAAQ,QAAAD,EAAS,MAAAW,EAAO,KAAAD,EAAM,KAAAlB,CAAA,CAAM,CAAA,EAN9EkB,EAAK,KAAOA,EAAK,KAAA,CAQzB,CAAA,CAAA,CAGP,EAEAG,EAAeC,EAAAA,KAAKxB,CAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.styles.js","sources":["../../../../src/components/Stepper/Stepper.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Directions } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { StepperConsts } from 'acinguiux-ds-react-base/components/Stepper';\n\nimport type { IStepperProps } from './Stepper.types';\n\nconst Stepper = styled.ol<PickTransient<IStepperProps, 'direction' | 'stepWidth'>>`\n  ${({ $direction, $stepWidth }) => {\n    const width = typeof $stepWidth === 'number' ? `${$stepWidth}px` : $stepWidth;\n\n    return css`\n      display: grid;\n      gap: ${StepperConsts.stepperConsts.stepsContainerGap}px;\n      padding: 0;\n      margin: 0;\n\n      ${$direction === Directions.Horizontal &&\n      css`\n        grid-auto-columns: ${width ?? '1fr'};\n        grid-auto-flow: column;\n      `}\n    `;\n  }}\n`;\n\nexport { Stepper };\n"],"names":["Stepper","styled","$direction","$stepWidth","width","css","StepperConsts.stepperConsts","Directions"],"mappings":"0QAOMA,EAAUC,EAAAA,OAAO;AAAA,IACnB,CAAC,CAAE,WAAAC,EAAY,WAAAC,KAAiB,CAChC,MAAMC,EAAQ,OAAOD,GAAe,SAAW,GAAGA,CAAU,KAAOA,EAEnE,OAAOE,EAAAA;AAAAA;AAAAA,aAEEC,EAAAA,cAA4B,iBAAiB;AAAA;AAAA;AAAA;AAAA,QAIlDJ,IAAeK,aAAW,YAC5BF,EAAAA;AAAAA,6BACuBD,GAAS,KAAK;AAAA;AAAA,OAEpC;AAAA,KAEL,CAAC;AAAA"}
+{"version":3,"file":"Stepper.styles.js","sources":["../../../../src/components/Stepper/Stepper.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Directions } from 'acinguiux-ds-react-base/consts';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { StepperConsts } from 'acinguiux-ds-react-base/components/Stepper';\r\n\r\nimport type { IStepperProps } from './Stepper.types';\r\n\r\nconst Stepper = styled.ol<PickTransient<IStepperProps, 'direction' | 'stepWidth'>>`\r\n  ${({ $direction, $stepWidth }) => {\r\n    const width = typeof $stepWidth === 'number' ? `${$stepWidth}px` : $stepWidth;\r\n\r\n    return css`\r\n      display: grid;\r\n      gap: ${StepperConsts.stepperConsts.stepsContainerGap}px;\r\n      padding: 0;\r\n      margin: 0;\r\n\r\n      ${$direction === Directions.Horizontal &&\r\n      css`\r\n        grid-auto-columns: ${width ?? '1fr'};\r\n        grid-auto-flow: column;\r\n      `}\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport { Stepper };\r\n"],"names":["Stepper","styled","$direction","$stepWidth","width","css","StepperConsts.stepperConsts","Directions"],"mappings":"0QAOMA,EAAUC,EAAAA,OAAO;AAAA,IACnB,CAAC,CAAE,WAAAC,EAAY,WAAAC,KAAiB,CAChC,MAAMC,EAAQ,OAAOD,GAAe,SAAW,GAAGA,CAAU,KAAOA,EAEnE,OAAOE,EAAAA;AAAAA;AAAAA,aAEEC,EAAAA,cAA4B,iBAAiB;AAAA;AAAA;AAAA;AAAA,QAIlDJ,IAAeK,aAAW,YAC5BF,EAAAA;AAAAA,6BACuBD,GAAS,KAAK;AAAA;AAAA,OAEpC;AAAA,KAEL,CAAC;AAAA"}

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

@@ -1 +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  isLastStep: _isLastStep,\n  showConnector: _showConnector,\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={true}>\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","_isLastStep","_showConnector","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,WAAYC,EACZ,cAAeC,EACf,eAAAC,EACA,cAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACEC,EAAAA,KAACC,EAAAA,qBAAA,CACC,MAAM,YACN,WAAYR,EACZ,WAAYN,EACZ,MAAOC,EACP,SAAUG,EACV,OAAQC,EACP,GAAGO,EAEJ,SAAA,CAAAC,OAACE,EAAAA,mBAAA,CACE,SAAA,CAAA,CAAC,CAACT,GACDU,MAACC,EAAAA,MAAA,CAAiB,KAAAhB,EAAY,KAAMU,EAAW,WAAY,GACxD,SAAAD,CAAA,CACH,EAEFM,EAAAA,IAACE,EAAAA,QAAA,CACC,SAAAF,MAACG,GAAQ,MAAAjB,EAAc,eAAAO,EAAgC,MAAAN,EAAc,KAAAF,CAAA,CAAY,CAAA,CACnF,CAAA,EACF,QACCmB,EAAAA,cAAA,CAAyB,MAAM,OAAO,WAAYpB,CAAA,CAAW,CAAA,CAAA,CAChE"}
+{"version":3,"file":"ContainedStep.js","sources":["../../../../../../src/components/Stepper/_internalComponents/ContainedStep/ContainedStep.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\n\r\nimport Content from '../Content/Content';\r\nimport type { IStepProps } from '../../Step.types';\r\nimport * as Styled from './ContainedStep.styles';\r\nimport * as StyledStep from '../../Step.styles';\r\n\r\nconst ContainedStep = ({\r\n  direction,\r\n  size,\r\n  order,\r\n  title,\r\n  invalid,\r\n  stage,\r\n  showBadge,\r\n  isLastStep: _isLastStep,\r\n  showConnector: _showConnector,\r\n  showStepNumber,\r\n  badgeChildren,\r\n  badgeIcon,\r\n  ...rest\r\n}: IStepProps): ReactElement => (\r\n  <Styled.ContainedStepWrapper\r\n    $type=\"contained\"\r\n    $showBadge={showBadge}\r\n    $direction={direction}\r\n    $size={size}\r\n    $invalid={invalid}\r\n    $stage={stage}\r\n    {...rest}\r\n  >\r\n    <StyledStep.ContainedContainer>\r\n      {!!showBadge && (\r\n        <StyledStep.Badge size={size} icon={badgeIcon} fixedWidth={true}>\r\n          {badgeChildren}\r\n        </StyledStep.Badge>\r\n      )}\r\n      <Styled.Content>\r\n        <Content order={order} showStepNumber={showStepNumber} title={title} size={size} />\r\n      </Styled.Content>\r\n    </StyledStep.ContainedContainer>\r\n    <StyledStep.ConnectorLine $type=\"line\" $direction={direction} />\r\n  </Styled.ContainedStepWrapper>\r\n);\r\n\r\nexport default ContainedStep;\r\n"],"names":["ContainedStep","direction","size","order","title","invalid","stage","showBadge","_isLastStep","_showConnector","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,WAAYC,EACZ,cAAeC,EACf,eAAAC,EACA,cAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACEC,EAAAA,KAACC,EAAAA,qBAAA,CACC,MAAM,YACN,WAAYR,EACZ,WAAYN,EACZ,MAAOC,EACP,SAAUG,EACV,OAAQC,EACP,GAAGO,EAEJ,SAAA,CAAAC,OAACE,EAAAA,mBAAA,CACE,SAAA,CAAA,CAAC,CAACT,GACDU,MAACC,EAAAA,MAAA,CAAiB,KAAAhB,EAAY,KAAMU,EAAW,WAAY,GACxD,SAAAD,CAAA,CACH,EAEFM,EAAAA,IAACE,EAAAA,QAAA,CACC,SAAAF,MAACG,GAAQ,MAAAjB,EAAc,eAAAO,EAAgC,MAAAN,EAAc,KAAAF,CAAA,CAAY,CAAA,CACnF,CAAA,EACF,QACCmB,EAAAA,cAAA,CAAyB,MAAM,OAAO,WAAYpB,CAAA,CAAW,CAAA,CAAA,CAChE"}

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

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

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

@@ -1 +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,IACrCC,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAA,CAAC,CAACF,GACDC,OAACE,EAAAA,MAAA,CAAiB,aAAY,QAAQL,CAAK,UAAW,KAAAD,EAAY,SAAA,CAAA,QAC1DC,CAAA,EACR,EAEFM,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAY,QAAQP,CAAK,SACzB,MAAOQ,EAAAA,cAA2BT,CAAI,EACtC,KAAMU,EAAAA,iBAAiB,KAEtB,SAAAR,CAAA,CAAA,CACH,EACF,EAGFH,EAAeY,EAAAA,KAAKZ,CAAO"}
+{"version":3,"file":"Content.js","sources":["../../../../../../src/components/Stepper/_internalComponents/Content/Content.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\r\n\r\nimport { TextElementTypes } from 'acinguiux-ds-react-base/consts';\r\nimport { StepperUtils } from 'acinguiux-ds-react-base/components/Stepper';\r\n\r\nimport * as StyledStep from '../../Step.styles';\r\nimport type { IContentProps } from './Content.types';\r\n\r\nconst Content = ({ size, order, title, showStepNumber }: IContentProps): ReactElement => (\r\n  <>\r\n    {!!showStepNumber && (\r\n      <StyledStep.Label aria-label={`step-${order}-number`} size={size}>\r\n        Step {order}\r\n      </StyledStep.Label>\r\n    )}\r\n    <StyledStep.Heading\r\n      aria-label={`step-${order}-title`}\r\n      level={StepperUtils.getTitleLevel(size)}\r\n      type={TextElementTypes.Span}\r\n    >\r\n      {title}\r\n    </StyledStep.Heading>\r\n  </>\r\n);\r\n\r\nexport default memo(Content) as typeof Content;\r\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,IACrCC,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAA,CAAC,CAACF,GACDC,OAACE,EAAAA,MAAA,CAAiB,aAAY,QAAQL,CAAK,UAAW,KAAAD,EAAY,SAAA,CAAA,QAC1DC,CAAA,EACR,EAEFM,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAY,QAAQP,CAAK,SACzB,MAAOQ,EAAAA,cAA2BT,CAAI,EACtC,KAAMU,EAAAA,iBAAiB,KAEtB,SAAAR,CAAA,CAAA,CACH,EACF,EAGFH,EAAeY,EAAAA,KAAKZ,CAAO"}

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

@@ -1 +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  showBadge: _showBadge,\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={true}>\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","_showBadge","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,UAAWC,EACX,eAAAC,EACA,cAAAC,EACA,cAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAgC,CAC9B,MAAMC,EAAoB,CAACP,GAAcG,EAEzC,OACEK,EAAAA,IAACC,EAAAA,mBAAA,CACC,MAAM,UACN,WAAYf,EACZ,MAAOC,EACP,SAAUG,EACV,OAAQC,EACP,GAAGO,EAEJ,SAAAI,EAAAA,KAACC,qBAAA,CAA8B,cAAejB,IAAckB,EAAAA,WAAW,SAAW,MAAQ,SACxF,SAAA,CAAAF,EAAAA,KAACG,EAAAA,UAAA,CAAiB,WAAYnB,EAC5B,SAAA,CAAAc,MAACM,EAAAA,MAAA,CAAiB,KAAAnB,EAAY,KAAMU,EAAW,WAAY,GACxD,SAAAD,EACH,EACC,CAAC,CAACG,GACDC,MAACO,EAAAA,cAAA,CAAyB,MAAOhB,IAAU,UAAY,MAAQ,OAAQ,WAAYL,CAAA,CAAW,CAAA,EAElG,QACCsB,EAAAA,QAAA,CAAe,WAAYJ,EAAAA,WAAW,SAAU,MAAOjB,EAAM,gBAAiBO,EAC7E,SAAAM,EAAAA,IAACS,EAAA,CAAQ,MAAArB,EAAc,eAAAM,EAAgC,MAAAL,EAAc,KAAAF,EAAY,CAAA,CACnF,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}
+{"version":3,"file":"DefaultStep.js","sources":["../../../../../../src/components/Stepper/_internalComponents/DefaultStep/DefaultStep.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\n\r\nimport { Directions } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport Content from '../Content/Content';\r\nimport type { IStepProps } from '../../Step.types';\r\nimport * as Styled from './DefaultStep.styles';\r\nimport * as StyledStep from '../../Step.styles';\r\n\r\nconst DefaultStep = ({\r\n  direction,\r\n  size,\r\n  order,\r\n  title,\r\n  invalid,\r\n  stage,\r\n  isLastStep,\r\n  showBadge: _showBadge,\r\n  showStepNumber,\r\n  showConnector,\r\n  badgeChildren,\r\n  badgeIcon,\r\n  ...rest\r\n}: IStepProps): ReactElement => {\r\n  const showConnectorLine = !isLastStep || showConnector;\r\n\r\n  return (\r\n    <Styled.DefaultStepWrapper\r\n      $type=\"default\"\r\n      $direction={direction}\r\n      $size={size}\r\n      $invalid={invalid}\r\n      $stage={stage}\r\n      {...rest}\r\n    >\r\n      <StyledStep.ContainedContainer flexDirection={direction === Directions.Vertical ? 'row' : 'column'}>\r\n        <Styled.Connector $direction={direction}>\r\n          <StyledStep.Badge size={size} icon={badgeIcon} fixedWidth={true}>\r\n            {badgeChildren}\r\n          </StyledStep.Badge>\r\n          {!!showConnectorLine && (\r\n            <StyledStep.ConnectorLine $type={stage === 'waiting' ? 'dot' : 'line'} $direction={direction} />\r\n          )}\r\n        </Styled.Connector>\r\n        <Styled.Content $direction={Directions.Vertical} $size={size} $showStepNumber={showStepNumber}>\r\n          <Content order={order} showStepNumber={showStepNumber} title={title} size={size} />\r\n        </Styled.Content>\r\n      </StyledStep.ContainedContainer>\r\n    </Styled.DefaultStepWrapper>\r\n  );\r\n};\r\n\r\nexport default DefaultStep;\r\n"],"names":["DefaultStep","direction","size","order","title","invalid","stage","isLastStep","_showBadge","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,UAAWC,EACX,eAAAC,EACA,cAAAC,EACA,cAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAgC,CAC9B,MAAMC,EAAoB,CAACP,GAAcG,EAEzC,OACEK,EAAAA,IAACC,EAAAA,mBAAA,CACC,MAAM,UACN,WAAYf,EACZ,MAAOC,EACP,SAAUG,EACV,OAAQC,EACP,GAAGO,EAEJ,SAAAI,EAAAA,KAACC,qBAAA,CAA8B,cAAejB,IAAckB,EAAAA,WAAW,SAAW,MAAQ,SACxF,SAAA,CAAAF,EAAAA,KAACG,EAAAA,UAAA,CAAiB,WAAYnB,EAC5B,SAAA,CAAAc,MAACM,EAAAA,MAAA,CAAiB,KAAAnB,EAAY,KAAMU,EAAW,WAAY,GACxD,SAAAD,EACH,EACC,CAAC,CAACG,GACDC,MAACO,EAAAA,cAAA,CAAyB,MAAOhB,IAAU,UAAY,MAAQ,OAAQ,WAAYL,CAAA,CAAW,CAAA,EAElG,QACCsB,EAAAA,QAAA,CAAe,WAAYJ,EAAAA,WAAW,SAAU,MAAOjB,EAAM,gBAAiBO,EAC7E,SAAAM,EAAAA,IAACS,EAAA,CAAQ,MAAArB,EAAc,eAAAM,EAAgC,MAAAL,EAAc,KAAAF,EAAY,CAAA,CACnF,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

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

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

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

@@ -1 +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    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,CAAA,CAC7C,IAAgG,CAO9F,MAAMC,EAAiB,CACrB,GAAIL,GAAW,CACb,SAAU,EACV,UATqBM,GAAoC,CACvDN,IAAYM,EAAE,MAAQ,SAAWA,EAAE,OAAS,UAAYA,EAAE,eAC5DA,EAAE,cAAc,MAAA,CAEpB,EAMI,QAAAN,CAAA,CACF,EAEIO,EAAQC,EAAAA,SAAsBX,EAASC,EAAOK,CAAU,EACxDM,EAAQX,EAAQ,EAChBY,EAAiB,CAACT,IAASM,IAAU,WAAc,CAACH,EAAS,SAAWG,IAAU,WAExF,IAAII,EAAYV,EAChB,MAAMW,EAAgBF,EAAiBD,EAAQ,KAE/C,OAAIL,EAAS,SAAWG,IAAU,UAChCI,QAAaE,EAAA,EAAM,EACVN,IAAU,cACnBI,QAAaG,EAAA,EAAM,GAGd,CACL,MAAAP,EACA,MAAAE,EACA,UAAAE,EACA,cAAAC,EACA,WAAYd,IAAUF,EAAc,EACpC,aAAc,GAAGG,CAAI,UAAUU,CAAK,YAAYF,CAAK,GACrD,GAAGF,EACH,GAAGD,CAAA,CAEP"}
+{"version":3,"file":"stepUtils.js","sources":["../../../../../src/components/Stepper/utils/stepUtils.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react';\r\n\r\nimport { StepperUtils, type StepperTypes } from 'acinguiux-ds-react-base/components/Stepper';\r\n\r\nimport Check from '../../Icon/components/Check';\r\nimport Cross from '../../Icon/components/Cross';\r\nimport type { IStepProps } from '../Step.types';\r\n\r\ntype GetStepComponentPropsArguments = {\r\n  stepsLength: number;\r\n  current: number;\r\n  index: number;\r\n  step: StepperTypes.Step;\r\n  type: StepperTypes.Type;\r\n};\r\n\r\nexport const getStepComponentProps = ({\r\n  stepsLength,\r\n  current,\r\n  index,\r\n  type,\r\n  step: { onClick, icon, key, isFinished, ...restStep },\r\n}: GetStepComponentPropsArguments): Omit<IStepProps, 'size' | 'direction' | 'type' | 'icon'> => {\r\n  const handleOnKeyDown = (e: KeyboardEvent<HTMLLIElement>) => {\r\n    if (onClick && (e.key === 'Enter' || e.code === 'Space') && e.currentTarget) {\r\n      e.currentTarget.click();\r\n    }\r\n  };\r\n\r\n  const clickableProps = {\r\n    ...(onClick && {\r\n      tabIndex: 0,\r\n      onKeyDown: handleOnKeyDown,\r\n      onClick,\r\n    }),\r\n  };\r\n  const stage = StepperUtils.getStage(current, index, isFinished);\r\n  const order = index + 1;\r\n  const renderChildren = !icon && (stage === 'waiting' || (!restStep.invalid && stage === 'current'));\r\n\r\n  let badgeIcon = icon;\r\n  const badgeChildren = renderChildren ? order : null;\r\n\r\n  if (restStep.invalid && stage !== 'waiting') {\r\n    badgeIcon = <Cross />;\r\n  } else if (stage === 'completed') {\r\n    badgeIcon = <Check />;\r\n  }\r\n\r\n  return {\r\n    stage,\r\n    order,\r\n    badgeIcon,\r\n    badgeChildren,\r\n    isLastStep: index === stepsLength - 1,\r\n    'aria-label': `${type} step: ${order}, stage: ${stage}`,\r\n    ...clickableProps,\r\n    ...restStep,\r\n  };\r\n};\r\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,CAAA,CAC7C,IAAgG,CAO9F,MAAMC,EAAiB,CACrB,GAAIL,GAAW,CACb,SAAU,EACV,UATqBM,GAAoC,CACvDN,IAAYM,EAAE,MAAQ,SAAWA,EAAE,OAAS,UAAYA,EAAE,eAC5DA,EAAE,cAAc,MAAA,CAEpB,EAMI,QAAAN,CAAA,CACF,EAEIO,EAAQC,EAAAA,SAAsBX,EAASC,EAAOK,CAAU,EACxDM,EAAQX,EAAQ,EAChBY,EAAiB,CAACT,IAASM,IAAU,WAAc,CAACH,EAAS,SAAWG,IAAU,WAExF,IAAII,EAAYV,EAChB,MAAMW,EAAgBF,EAAiBD,EAAQ,KAE/C,OAAIL,EAAS,SAAWG,IAAU,UAChCI,QAAaE,EAAA,EAAM,EACVN,IAAU,cACnBI,QAAaG,EAAA,EAAM,GAGd,CACL,MAAAP,EACA,MAAAE,EACA,UAAAE,EACA,cAAAC,EACA,WAAYd,IAAUF,EAAc,EACpC,aAAc,GAAGG,CAAI,UAAUU,CAAK,YAAYF,CAAK,GACrD,GAAGF,EACH,GAAGD,CAAA,CAEP"}

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

@@ -1 +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, ...props }: ITableProps, ref: ForwardedRef<HTMLTableElement>) => {\n    const value = useMemo(\n      (): ITableProps => ({\n        size,\n        alignment: alignment ?? Alignments.Left,\n        empty,\n      }),\n      [size, alignment, empty],\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","props","ref","value","useMemo","Alignments","TableContext","jsx","Styled.Table"],"mappings":"uLAQMA,EAAQC,EAAAA,WACZ,CAAC,CAAE,KAAAC,EAAOC,EAAAA,MAAM,OAAQ,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAAsBC,IAAwC,CACzG,MAAMC,EAAQC,EAAAA,QACZ,KAAoB,CAClB,KAAAP,EACA,UAAWE,GAAaM,EAAAA,WAAW,KACnC,MAAAL,CAAA,GAEF,CAACH,EAAME,EAAWC,CAAK,CAAA,EAGzB,aACGM,EAAAA,aAAa,SAAb,CAAsB,MAAAH,EACrB,SAAAI,EAAAA,IAACC,EAAAA,MAAA,CAAa,IAAAN,EAAU,MAAOL,EAAM,WAAYE,EAAY,GAAGE,EAAO,YAAa,EAAG,EACzF,CAEJ,CACF"}
+{"version":3,"file":"Table.js","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef, useMemo } from 'react';\r\n\r\nimport { Alignments, Sizes } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport { TableContext } from './hooks/useTable';\r\nimport * as Styled from './Table.styles';\r\nimport type { ITableProps } from './Table.types';\r\n\r\nconst Table = forwardRef(\r\n  ({ size = Sizes.Medium, alignment, empty, ...props }: ITableProps, ref: ForwardedRef<HTMLTableElement>) => {\r\n    const value = useMemo(\r\n      (): ITableProps => ({\r\n        size,\r\n        alignment: alignment ?? Alignments.Left,\r\n        empty,\r\n      }),\r\n      [size, alignment, empty],\r\n    );\r\n\r\n    return (\r\n      <TableContext.Provider value={value}>\r\n        <Styled.Table ref={ref} $size={size} $alignment={alignment} {...props} cellPadding={1} />\r\n      </TableContext.Provider>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Table;\r\n"],"names":["Table","forwardRef","size","Sizes","alignment","empty","props","ref","value","useMemo","Alignments","TableContext","jsx","Styled.Table"],"mappings":"uLAQMA,EAAQC,EAAAA,WACZ,CAAC,CAAE,KAAAC,EAAOC,EAAAA,MAAM,OAAQ,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAAsBC,IAAwC,CACzG,MAAMC,EAAQC,EAAAA,QACZ,KAAoB,CAClB,KAAAP,EACA,UAAWE,GAAaM,EAAAA,WAAW,KACnC,MAAAL,CAAA,GAEF,CAACH,EAAME,EAAWC,CAAK,CAAA,EAGzB,aACGM,EAAAA,aAAa,SAAb,CAAsB,MAAAH,EACrB,SAAAI,EAAAA,IAACC,EAAAA,MAAA,CAAa,IAAAN,EAAU,MAAOL,EAAM,WAAYE,EAAY,GAAGE,EAAO,YAAa,EAAG,EACzF,CAEJ,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"Table.styles.js","sources":["../../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { BUTTON_CLASS, Sizes, TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getLabelTypographySize, getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport type { ITableProps } from './Table.types';\nimport { StyledTd, StyledTh, StyledTr } from './components/TableElements/TableElements';\nimport { Flexbox } from '../Flexbox/Flexbox.styles';\n\nconst SpacingTRHeight: { [key in TableTypes.Size]: number } = {\n  [Sizes.XSmall]: 4,\n  [Sizes.Small]: 6,\n  [Sizes.Medium]: 8,\n  [Sizes.Large]: 10,\n} as const;\n\nconst Table = styled.table<PickTransient<ITableProps, 'empty' | 'size' | 'alignment'>>(\n  ({ theme, $size = `${Sizes.Medium}`, $alignment, $empty }) => {\n    const layer = theme.layer({ foundation: 'surface' });\n\n    return css`\n      --table-header-cell-height: ${TableConsts.consts[$size].headerCell.height}px;\n      --table-header-cell-padding-top: ${TableConsts.consts[$size].headerCell.padding.top ?? 0}px;\n      --table-header-cell-padding-bottom: ${TableConsts.consts[$size].headerCell.padding.bottom ?? 0}px;\n      --table-header-cell-padding-left: ${TableConsts.consts[$size].headerCell.padding.left ?? 0}px;\n      --table-header-cell-padding-right: ${TableConsts.consts[$size].headerCell.padding.right ?? 0}px;\n      --table-header-cell-gap: ${TableConsts.consts[$size].headerCell.gap}px;\n      --table-cell-height: ${TableConsts.consts[$size].cell.height}px;\n      --table-cell-padding-top: ${TableConsts.consts[$size].cell.padding.top ?? 0}px;\n      --table-cell-padding-bottom: ${TableConsts.consts[$size].cell.padding.bottom ?? 0}px;\n      --table-cell-padding-left: ${TableConsts.consts[$size].cell.padding.left ?? 0}px;\n      --table-cell-padding-right: ${TableConsts.consts[$size].cell.padding.right ?? 0}px;\n      --table-cell-gap: ${TableConsts.consts[$size].cell.gap}px;\n      --table-row-group-spacing-height: ${SpacingTRHeight[$size]}px;\n\n      /* We define the typography here to avoid the need to set it in each cell; enforcing the typography sizes */\n      ${StyledTh}, ${StyledTh}:has(.${BUTTON_CLASS}) * {\n        color: ${layer[Variables.TextOnFoundationStrong]};\n        ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n        span.${TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS} {\n          color: ${layer[Variables.TextOnFoundationSubtle]};\n          ${theme.typography('label', getLabelTypographySize(getSmallerSize($size)))};\n        }\n      }\n\n      ${StyledTd} {\n        ${theme.typography('label', getLabelTypographySize($size))};\n      }\n\n      width: 100%;\n      min-height: var(--table-cell-height);\n      border-collapse: separate;\n      border-spacing: 0;\n      background-color: ${layer[Variables.BackgroundFoundation]};\n\n      > * > ${StyledTr} > ${StyledTh} > ${Flexbox}, > * > ${StyledTr} > ${StyledTd} > ${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":["SpacingTRHeight","Sizes","Table","styled","theme","$size","$alignment","$empty","layer","css","TableConsts.consts","StyledTh","BUTTON_CLASS","Variables","getLabelTypographySize","TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS","getSmallerSize","StyledTd","StyledTr","Flexbox"],"mappings":"0gBAWMA,EAAwD,CAC5D,CAACC,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EACf,CAACA,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EACjB,EAEMC,EAAQC,EAAAA,OAAO,MACnB,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAQ,GAAGJ,EAAAA,MAAM,MAAM,GAAI,WAAAK,EAAY,OAAAC,KAAa,CAC5D,MAAMC,EAAQJ,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,OAAOK,EAAAA;AAAAA,oCACyBC,SAAmBL,CAAK,EAAE,WAAW,MAAM;AAAA,yCACtCK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,KAAO,CAAC;AAAA,4CAClDK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,QAAU,CAAC;AAAA,0CAC1DK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,MAAQ,CAAC;AAAA,2CACrDK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,OAAS,CAAC;AAAA,iCACjEK,SAAmBL,CAAK,EAAE,WAAW,GAAG;AAAA,6BAC5CK,SAAmBL,CAAK,EAAE,KAAK,MAAM;AAAA,kCAChCK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,KAAO,CAAC;AAAA,qCAC5CK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,QAAU,CAAC;AAAA,mCACpDK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,MAAQ,CAAC;AAAA,oCAC/CK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,OAAS,CAAC;AAAA,0BAC3DK,SAAmBL,CAAK,EAAE,KAAK,GAAG;AAAA,0CAClBL,EAAgBK,CAAK,CAAC;AAAA;AAAA;AAAA,QAGxDM,EAAAA,QAAQ,KAAKA,UAAQ,SAASC,EAAAA,YAAY;AAAA,iBACjCJ,EAAMK,YAAU,sBAAsB,CAAC;AAAA,UAC9CT,EAAM,WAAW,QAASU,EAAAA,uBAAuBT,CAAK,EAAG,QAAQ,CAAC;AAAA;AAAA,eAE7DU,yCAAuC;AAAA,mBACnCP,EAAMK,YAAU,sBAAsB,CAAC;AAAA,YAC9CT,EAAM,WAAW,QAASU,EAAAA,uBAAuBE,iBAAeX,CAAK,CAAC,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,QAI5EY,UAAQ;AAAA,UACNb,EAAM,WAAW,QAASU,EAAAA,uBAAuBT,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAOxCG,EAAMK,YAAU,oBAAoB,CAAC;AAAA;AAAA,cAEjDK,UAAQ,MAAMP,EAAAA,QAAQ,MAAMQ,EAAAA,OAAO,WAAWD,EAAAA,QAAQ,MAAMD,UAAQ,MAAME,EAAAA,OAAO;AAAA,2BACpEb,CAAU;AAAA;AAAA;AAAA;AAAA,sBAIfA,CAAU;AAAA;AAAA,UAEtBC,GACFE,EAAAA;AAAAA;AAAAA,SAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOP,CACF"}
+{"version":3,"file":"Table.styles.js","sources":["../../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { BUTTON_CLASS, Sizes, TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { getLabelTypographySize, getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\n\r\nimport type { ITableProps } from './Table.types';\r\nimport { StyledTd, StyledTh, StyledTr } from './components/TableElements/TableElements';\r\nimport { Flexbox } from '../Flexbox/Flexbox.styles';\r\n\r\nconst SpacingTRHeight: { [key in TableTypes.Size]: number } = {\r\n  [Sizes.XSmall]: 4,\r\n  [Sizes.Small]: 6,\r\n  [Sizes.Medium]: 8,\r\n  [Sizes.Large]: 10,\r\n} as const;\r\n\r\nconst Table = styled.table<PickTransient<ITableProps, 'empty' | 'size' | 'alignment'>>(\r\n  ({ theme, $size = `${Sizes.Medium}`, $alignment, $empty }) => {\r\n    const layer = theme.layer({ foundation: 'surface' });\r\n\r\n    return css`\r\n      --table-header-cell-height: ${TableConsts.consts[$size].headerCell.height}px;\r\n      --table-header-cell-padding-top: ${TableConsts.consts[$size].headerCell.padding.top ?? 0}px;\r\n      --table-header-cell-padding-bottom: ${TableConsts.consts[$size].headerCell.padding.bottom ?? 0}px;\r\n      --table-header-cell-padding-left: ${TableConsts.consts[$size].headerCell.padding.left ?? 0}px;\r\n      --table-header-cell-padding-right: ${TableConsts.consts[$size].headerCell.padding.right ?? 0}px;\r\n      --table-header-cell-gap: ${TableConsts.consts[$size].headerCell.gap}px;\r\n      --table-cell-height: ${TableConsts.consts[$size].cell.height}px;\r\n      --table-cell-padding-top: ${TableConsts.consts[$size].cell.padding.top ?? 0}px;\r\n      --table-cell-padding-bottom: ${TableConsts.consts[$size].cell.padding.bottom ?? 0}px;\r\n      --table-cell-padding-left: ${TableConsts.consts[$size].cell.padding.left ?? 0}px;\r\n      --table-cell-padding-right: ${TableConsts.consts[$size].cell.padding.right ?? 0}px;\r\n      --table-cell-gap: ${TableConsts.consts[$size].cell.gap}px;\r\n      --table-row-group-spacing-height: ${SpacingTRHeight[$size]}px;\r\n\r\n      /* We define the typography here to avoid the need to set it in each cell; enforcing the typography sizes */\r\n      ${StyledTh}, ${StyledTh}:has(.${BUTTON_CLASS}) * {\r\n        color: ${layer[Variables.TextOnFoundationStrong]};\r\n        ${theme.typography('label', getLabelTypographySize($size), 'strong')};\r\n\r\n        span.${TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS} {\r\n          color: ${layer[Variables.TextOnFoundationSubtle]};\r\n          ${theme.typography('label', getLabelTypographySize(getSmallerSize($size)))};\r\n        }\r\n      }\r\n\r\n      ${StyledTd} {\r\n        ${theme.typography('label', getLabelTypographySize($size))};\r\n      }\r\n\r\n      width: 100%;\r\n      min-height: var(--table-cell-height);\r\n      border-collapse: separate;\r\n      border-spacing: 0;\r\n      background-color: ${layer[Variables.BackgroundFoundation]};\r\n\r\n      > * > ${StyledTr} > ${StyledTh} > ${Flexbox}, > * > ${StyledTr} > ${StyledTd} > ${Flexbox} {\r\n        justify-content: ${$alignment};\r\n      }\r\n\r\n      tbody td {\r\n        text-align: ${$alignment};\r\n\r\n        ${$empty &&\r\n        css`\r\n          padding: unset;\r\n        `};\r\n      }\r\n\r\n      tfoot th {\r\n        text-align: left;\r\n      }\r\n    `;\r\n  },\r\n);\r\n\r\nexport { Table };\r\n"],"names":["SpacingTRHeight","Sizes","Table","styled","theme","$size","$alignment","$empty","layer","css","TableConsts.consts","StyledTh","BUTTON_CLASS","Variables","getLabelTypographySize","TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS","getSmallerSize","StyledTd","StyledTr","Flexbox"],"mappings":"0gBAWMA,EAAwD,CAC5D,CAACC,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EACf,CAACA,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EACjB,EAEMC,EAAQC,EAAAA,OAAO,MACnB,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAQ,GAAGJ,EAAAA,MAAM,MAAM,GAAI,WAAAK,EAAY,OAAAC,KAAa,CAC5D,MAAMC,EAAQJ,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,OAAOK,EAAAA;AAAAA,oCACyBC,SAAmBL,CAAK,EAAE,WAAW,MAAM;AAAA,yCACtCK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,KAAO,CAAC;AAAA,4CAClDK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,QAAU,CAAC;AAAA,0CAC1DK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,MAAQ,CAAC;AAAA,2CACrDK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,OAAS,CAAC;AAAA,iCACjEK,SAAmBL,CAAK,EAAE,WAAW,GAAG;AAAA,6BAC5CK,SAAmBL,CAAK,EAAE,KAAK,MAAM;AAAA,kCAChCK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,KAAO,CAAC;AAAA,qCAC5CK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,QAAU,CAAC;AAAA,mCACpDK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,MAAQ,CAAC;AAAA,oCAC/CK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,OAAS,CAAC;AAAA,0BAC3DK,SAAmBL,CAAK,EAAE,KAAK,GAAG;AAAA,0CAClBL,EAAgBK,CAAK,CAAC;AAAA;AAAA;AAAA,QAGxDM,EAAAA,QAAQ,KAAKA,UAAQ,SAASC,EAAAA,YAAY;AAAA,iBACjCJ,EAAMK,YAAU,sBAAsB,CAAC;AAAA,UAC9CT,EAAM,WAAW,QAASU,EAAAA,uBAAuBT,CAAK,EAAG,QAAQ,CAAC;AAAA;AAAA,eAE7DU,yCAAuC;AAAA,mBACnCP,EAAMK,YAAU,sBAAsB,CAAC;AAAA,YAC9CT,EAAM,WAAW,QAASU,EAAAA,uBAAuBE,iBAAeX,CAAK,CAAC,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,QAI5EY,UAAQ;AAAA,UACNb,EAAM,WAAW,QAASU,EAAAA,uBAAuBT,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAOxCG,EAAMK,YAAU,oBAAoB,CAAC;AAAA;AAAA,cAEjDK,UAAQ,MAAMP,EAAAA,QAAQ,MAAMQ,EAAAA,OAAO,WAAWD,EAAAA,QAAQ,MAAMD,UAAQ,MAAME,EAAAA,OAAO;AAAA,2BACpEb,CAAU;AAAA;AAAA;AAAA;AAAA,sBAIfA,CAAU;AAAA;AAAA,UAEtBC,GACFE,EAAAA;AAAAA;AAAAA,SAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOP,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"BaseTable.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport { useReactTable, getCoreRowModel, RowData, ColumnOrderState, Updater } from '@tanstack/react-table';\nimport { BASE_TABLE_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nimport Table from '../../Table';\nimport type { IBaseTableProps, IInternalBaseTableProps } from './BaseTable.types';\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\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';\nimport { SizedFeature } from '../../features/sized';\nimport { NO_DRAG } from '../../consts/drag';\nimport { isColumnDraggable, isRowDraggable } from '../../utils/isDraggable';\n\nconst defaultData = [] as never[];\n\nconst BaseTableComponent = <TData extends RowData, TValue = unknown>({\n  data = defaultData,\n  columns,\n  tableOptions,\n  emptyStateProps,\n  size = Sizes.Medium,\n  ...props\n}: IBaseTableProps<TData, TValue>) => {\n  const [tableSize, setTableSize] = useState<TableTypes.Size>(() => size);\n  const [columnOrder, setColumnOrder] = useState<string[]>(\n    () => tableOptions?.state?.columnOrder ?? columns.map((col) => col.id!),\n  );\n  const { useDraggable = NO_DRAG, ...rest } = props as IInternalBaseTableProps<TData, TValue>;\n\n  const onColumnOrderChangeHandler = useCallback(\n    (newColumnOrder: Updater<ColumnOrderState>) => {\n      setColumnOrder(newColumnOrder);\n      tableOptions?.onColumnOrderChange?.(newColumnOrder);\n    },\n    [tableOptions],\n  );\n\n  const onSizeChangeHandler = useCallback(\n    (newSize: Updater<TableTypes.Size>) => {\n      setTableSize(newSize);\n      tableOptions?.onSizeChange?.(newSize);\n    },\n    [tableOptions],\n  );\n\n  const table = useReactTable({\n    _features: [SizedFeature],\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    state: {\n      ...tableOptions?.state,\n      columnOrder,\n      size: tableSize,\n    },\n    onColumnOrderChange: onColumnOrderChangeHandler,\n    onSizeChange: onSizeChangeHandler,\n  });\n\n  const options = {\n    noHeader: tableOptions?.noHeader,\n    noFooter: tableOptions?.noFooter,\n    maxWidth: tableOptions?.maxWidth,\n    maxHeight: tableOptions?.maxHeight,\n    columnSized: tableOptions?.columnSized || tableOptions?.useColumnsSizing,\n    stickyHeader: tableOptions?.stickyHeader,\n    stickyFooter: tableOptions?.stickyFooter,\n    stickyPagination: tableOptions?.stickyPagination,\n    numericTypes: tableOptions?.numericTypes,\n    highlight: tableOptions?.highlight,\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    columnVisibility: !!tableOptions?.onColumnVisibilityChange,\n    columnResizingMinWidth: tableOptions?.columnResizingMinWidth,\n    sorting: tableOptions?.enableSorting && !!tableOptions?.getSortedRowModel,\n  };\n\n  const DraggableCtx = useDraggable(table, data);\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 columnSizeVars = useMemo(() => {\n    const headers = table.getFlatHeaders();\n    const colSizes: { [key: string]: number } = {};\n    headers.forEach((header) => {\n      colSizes[`--header-${header.id}-size`] = header.getSize();\n      colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\n    });\n\n    return colSizes;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [table.getState().columnSizingInfo, table.getState().columnSizing]);\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        <DraggableCtx.Components.Provider>\n          <Table\n            {...rest}\n            empty={isEmpty}\n            size={tableSize}\n            style={tableOptions?.columnSized ? { width: table.getTotalSize(), ...columnSizeVars } : { width: '100%' }}\n          >\n            <TableHeader\n              {...(isColumnDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n              table={table}\n              options={options}\n            />\n            <TableBody\n              table={table}\n              options={options}\n              {...(isRowDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n              emptyStateProps={emptyStateProperties}\n            />\n            <TableFooter table={table} options={options} />\n          </Table>\n        </DraggableCtx.Components.Provider>\n        <BaseTablePagination table={table} options={options} />\n      </TableWrapper>\n    </>\n  );\n};\n\nconst BaseTable = <TData extends RowData, TValue = unknown>({\n  size = Sizes.Medium,\n  ...props\n}: IBaseTableProps<TData, TValue>) => <BaseTableComponent key={`base-table-${size}`} size={size} {...props} />;\n\nexport default BaseTable;\n"],"names":["defaultData","BaseTableComponent","data","columns","tableOptions","emptyStateProps","size","Sizes","props","tableSize","setTableSize","useState","columnOrder","setColumnOrder","col","useDraggable","NO_DRAG","rest","onColumnOrderChangeHandler","useCallback","newColumnOrder","onSizeChangeHandler","newSize","table","useReactTable","SizedFeature","getCoreRowModel","options","DraggableCtx","emptyStateProperties","BarChartTypeColourTint","columnSizeVars","useMemo","headers","colSizes","header","wrapperProps","isEmpty","jsxs","Fragment","jsx","ColumnVisibilityFilters","TableWrapper","BASE_TABLE_CLASS","Table","TableHeader","isColumnDraggable","TableBody","isRowDraggable","TableFooter","BaseTablePagination","BaseTable"],"mappings":"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"}
+{"version":3,"file":"BaseTable.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\r\n\r\nimport { useReactTable, getCoreRowModel, RowData, ColumnOrderState, Updater } from '@tanstack/react-table';\r\nimport { BASE_TABLE_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\r\n\r\nimport Table from '../../Table';\r\nimport type { IBaseTableProps, IInternalBaseTableProps } from './BaseTable.types';\r\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\r\nimport TableHeader from './TableHeader';\r\nimport TableBody from './TableBody';\r\nimport TableFooter from './TableFooter';\r\nimport { TableWrapper } from '../TableElements/TableWrapper';\r\nimport BarChartTypeColourTint from '../../../Pictogram/components/BarChartTypeColourTint';\r\nimport BaseTablePagination from './BaseTablePagination';\r\nimport { SizedFeature } from '../../features/sized';\r\nimport { NO_DRAG } from '../../consts/drag';\r\nimport { isColumnDraggable, isRowDraggable } from '../../utils/isDraggable';\r\n\r\nconst defaultData = [] as never[];\r\n\r\nconst BaseTableComponent = <TData extends RowData, TValue = unknown>({\r\n  data = defaultData,\r\n  columns,\r\n  tableOptions,\r\n  emptyStateProps,\r\n  size = Sizes.Medium,\r\n  ...props\r\n}: IBaseTableProps<TData, TValue>) => {\r\n  const [tableSize, setTableSize] = useState<TableTypes.Size>(() => size);\r\n  const [columnOrder, setColumnOrder] = useState<string[]>(\r\n    () => tableOptions?.state?.columnOrder ?? columns.map((col) => col.id!),\r\n  );\r\n  const { useDraggable = NO_DRAG, ...rest } = props as IInternalBaseTableProps<TData, TValue>;\r\n\r\n  const onColumnOrderChangeHandler = useCallback(\r\n    (newColumnOrder: Updater<ColumnOrderState>) => {\r\n      setColumnOrder(newColumnOrder);\r\n      tableOptions?.onColumnOrderChange?.(newColumnOrder);\r\n    },\r\n    [tableOptions],\r\n  );\r\n\r\n  const onSizeChangeHandler = useCallback(\r\n    (newSize: Updater<TableTypes.Size>) => {\r\n      setTableSize(newSize);\r\n      tableOptions?.onSizeChange?.(newSize);\r\n    },\r\n    [tableOptions],\r\n  );\r\n\r\n  const table = useReactTable({\r\n    _features: [SizedFeature],\r\n    data,\r\n    columns,\r\n    getCoreRowModel: getCoreRowModel(),\r\n    defaultColumn: {\r\n      minSize: 50,\r\n    },\r\n    // tanstack enables rows selection by default\r\n    enableRowSelection: false,\r\n    ...tableOptions,\r\n    state: {\r\n      ...tableOptions?.state,\r\n      columnOrder,\r\n      size: tableSize,\r\n    },\r\n    onColumnOrderChange: onColumnOrderChangeHandler,\r\n    onSizeChange: onSizeChangeHandler,\r\n  });\r\n\r\n  const options = {\r\n    noHeader: tableOptions?.noHeader,\r\n    noFooter: tableOptions?.noFooter,\r\n    maxWidth: tableOptions?.maxWidth,\r\n    maxHeight: tableOptions?.maxHeight,\r\n    columnSized: tableOptions?.columnSized || tableOptions?.useColumnsSizing,\r\n    stickyHeader: tableOptions?.stickyHeader,\r\n    stickyFooter: tableOptions?.stickyFooter,\r\n    stickyPagination: tableOptions?.stickyPagination,\r\n    numericTypes: tableOptions?.numericTypes,\r\n    highlight: tableOptions?.highlight,\r\n    paginationKind: tableOptions?.paginationKind,\r\n    pinningOptions: tableOptions?.pinningOptions,\r\n    disableRowHover: tableOptions?.disableRowHover,\r\n    columnPinning: tableOptions?.enableColumnPinning,\r\n    pagination: !!tableOptions?.getPaginationRowModel,\r\n    columnResizing: tableOptions?.enableColumnResizing,\r\n    columnVisibility: !!tableOptions?.onColumnVisibilityChange,\r\n    columnResizingMinWidth: tableOptions?.columnResizingMinWidth,\r\n    sorting: tableOptions?.enableSorting && !!tableOptions?.getSortedRowModel,\r\n  };\r\n\r\n  const DraggableCtx = useDraggable(table, data);\r\n\r\n  const emptyStateProperties = emptyStateProps ?? {\r\n    pictogram: <BarChartTypeColourTint />,\r\n    title: 'Title here',\r\n    description: 'This should be a clear and concise description.',\r\n  };\r\n\r\n  const columnSizeVars = useMemo(() => {\r\n    const headers = table.getFlatHeaders();\r\n    const colSizes: { [key: string]: number } = {};\r\n    headers.forEach((header) => {\r\n      colSizes[`--header-${header.id}-size`] = header.getSize();\r\n      colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\r\n    });\r\n\r\n    return colSizes;\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [table.getState().columnSizingInfo, table.getState().columnSizing]);\r\n\r\n  const wrapperProps = {\r\n    ...(options.maxHeight && { maxHeight: options.maxHeight }),\r\n    ...(options.maxWidth && { maxWidth: options.maxWidth }),\r\n    ...((options.stickyHeader || options.stickyFooter) && {\r\n      stickyRows: options.stickyHeader || options.stickyFooter,\r\n    }),\r\n  };\r\n\r\n  const isEmpty = table.getRowCount() === 0;\r\n\r\n  return (\r\n    <>\r\n      {!!options?.columnVisibility && <ColumnVisibilityFilters table={table} />}\r\n      <TableWrapper className={BASE_TABLE_CLASS} {...wrapperProps}>\r\n        <DraggableCtx.Components.Provider>\r\n          <Table\r\n            {...rest}\r\n            empty={isEmpty}\r\n            size={tableSize}\r\n            style={tableOptions?.columnSized ? { width: table.getTotalSize(), ...columnSizeVars } : { width: '100%' }}\r\n          >\r\n            <TableHeader\r\n              {...(isColumnDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\r\n              table={table}\r\n              options={options}\r\n            />\r\n            <TableBody\r\n              table={table}\r\n              options={options}\r\n              {...(isRowDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\r\n              emptyStateProps={emptyStateProperties}\r\n            />\r\n            <TableFooter table={table} options={options} />\r\n          </Table>\r\n        </DraggableCtx.Components.Provider>\r\n        <BaseTablePagination table={table} options={options} />\r\n      </TableWrapper>\r\n    </>\r\n  );\r\n};\r\n\r\nconst BaseTable = <TData extends RowData, TValue = unknown>({\r\n  size = Sizes.Medium,\r\n  ...props\r\n}: IBaseTableProps<TData, TValue>) => <BaseTableComponent key={`base-table-${size}`} size={size} {...props} />;\r\n\r\nexport default BaseTable;\r\n"],"names":["defaultData","BaseTableComponent","data","columns","tableOptions","emptyStateProps","size","Sizes","props","tableSize","setTableSize","useState","columnOrder","setColumnOrder","col","useDraggable","NO_DRAG","rest","onColumnOrderChangeHandler","useCallback","newColumnOrder","onSizeChangeHandler","newSize","table","useReactTable","SizedFeature","getCoreRowModel","options","DraggableCtx","emptyStateProperties","BarChartTypeColourTint","columnSizeVars","useMemo","headers","colSizes","header","wrapperProps","isEmpty","jsxs","Fragment","jsx","ColumnVisibilityFilters","TableWrapper","BASE_TABLE_CLASS","Table","TableHeader","isColumnDraggable","TableBody","isRowDraggable","TableFooter","BaseTablePagination","BaseTable"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"BaseTablePagination.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTablePagination.tsx"],"sourcesContent":["import { 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 { Variables } from 'acinguiux-ds-react-base/theme';\nimport { RowData, Table } from '@tanstack/react-table';\n\nimport type { IDefaultPaginationProps, ISimplePaginationProps } from '../../../Pagination/Pagination.types';\nimport type { IBaseTablePaginationProps } from './BaseTable.types';\nimport DefaultPagination from '../../../Pagination/DefaultPagination';\nimport SimplePagination from '../../../Pagination/SimplePagination';\n\nconst DEFAULT_PAGINATION_PAGE_SIZE_SMALL = 10;\nconst DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM = 20;\nconst DEFAULT_PAGINATION_PAGE_SIZE_LARGE = 50;\nconst DEFAULT_PAGINATION_PAGE_SIZES = [\n  DEFAULT_PAGINATION_PAGE_SIZE_SMALL,\n  DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM,\n  DEFAULT_PAGINATION_PAGE_SIZE_LARGE,\n];\n\nconst simplePaginationProps = <TData extends RowData>(table: Table<TData>): ISimplePaginationProps => ({\n  size: table.getState().size,\n  current: table.getState().pagination.pageIndex + 1,\n  total: Math.ceil(table.getRowCount() / table.getState().pagination.pageSize),\n  quickJumper: false,\n  startEndButtons: true,\n  onPageChange: (current: number) => table.setPageIndex(current - 1),\n});\n\nconst defaultPaginationProps = <TData extends RowData>(table: Table<TData>): IDefaultPaginationProps => ({\n  size: table.getState().size,\n  current: table.getState().pagination.pageIndex + 1,\n  totalItems: table.getRowCount(),\n  quickJumper: false,\n  startEndButtons: true,\n  onPageChange: (current: number) => table.setPageIndex(current - 1),\n  pageSize: table.getState().pagination.pageSize,\n  onPageSizeChange: (pageSize) => table.setPagination((state) => ({ ...state, pageSize })),\n  showTotalItems: true,\n  moreButton: true,\n  allowedPageSizes: DEFAULT_PAGINATION_PAGE_SIZES,\n});\n\nconst PaginationContainer = styled.div<{ $size: TableTypes.Size; $sticky: boolean }>(({ $size, $sticky, theme }) => {\n  const layer = theme.layer({ foundation: 'surface' });\n\n  return `\n      position: ${$sticky ? 'sticky' : 'relative'};\n      z-index: 2;\n      bottom: 0;\n      margin-top: auto;\n      margin-bottom: 0;\n      left: 0;\n      right: 0;\n      height: fit-content;\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[Variables.BackgroundFoundation]};\n      border-top: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n      > .${PAGINATION_CLASS} {\n        margin: 0;\n        width: 100%;\n      }\n    `;\n});\n\nconst defaultOptions = {};\n\nconst BaseTablePagination = <TData extends RowData>({\n  table,\n  options = defaultOptions,\n}: IBaseTablePaginationProps<TData>) => {\n  const { paginationKind = 'default', pagination } = options;\n  const withPagination = pagination && table.getIsSomeColumnsVisible();\n\n  if (!withPagination) {\n    return null;\n  }\n\n  return (\n    <PaginationContainer $size={table.getState().size} $sticky={Boolean(options.stickyPagination)}>\n      {paginationKind === 'simple' ? (\n        <SimplePagination {...simplePaginationProps(table)} />\n      ) : (\n        <DefaultPagination {...defaultPaginationProps(table)} />\n      )}\n    </PaginationContainer>\n  );\n};\n\nexport default BaseTablePagination;\n"],"names":["DEFAULT_PAGINATION_PAGE_SIZE_SMALL","DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM","DEFAULT_PAGINATION_PAGE_SIZE_LARGE","DEFAULT_PAGINATION_PAGE_SIZES","simplePaginationProps","table","current","defaultPaginationProps","pageSize","state","PaginationContainer","styled","$size","$sticky","theme","layer","TableConsts.consts","Variables","PAGINATION_CLASS","defaultOptions","BaseTablePagination","options","paginationKind","pagination","jsx","SimplePagination","DefaultPagination"],"mappings":"4XAWMA,EAAqC,GACrCC,EAAsC,GACtCC,EAAqC,GACrCC,EAAgC,CACpCH,EACAC,EACAC,CACF,EAEME,EAAgDC,IAAiD,CACrG,KAAMA,EAAM,SAAA,EAAW,KACvB,QAASA,EAAM,SAAA,EAAW,WAAW,UAAY,EACjD,MAAO,KAAK,KAAKA,EAAM,cAAgBA,EAAM,SAAA,EAAW,WAAW,QAAQ,EAC3E,YAAa,GACb,gBAAiB,GACjB,aAAeC,GAAoBD,EAAM,aAAaC,EAAU,CAAC,CACnE,GAEMC,EAAiDF,IAAkD,CACvG,KAAMA,EAAM,SAAA,EAAW,KACvB,QAASA,EAAM,SAAA,EAAW,WAAW,UAAY,EACjD,WAAYA,EAAM,YAAA,EAClB,YAAa,GACb,gBAAiB,GACjB,aAAeC,GAAoBD,EAAM,aAAaC,EAAU,CAAC,EACjE,SAAUD,EAAM,SAAA,EAAW,WAAW,SACtC,iBAAmBG,GAAaH,EAAM,cAAeI,IAAW,CAAE,GAAGA,EAAO,SAAAD,CAAA,EAAW,EACvF,eAAgB,GAChB,WAAY,GACZ,iBAAkBL,CACpB,GAEMO,EAAsBC,EAAAA,OAAO,IAAkD,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,MAAAC,KAAY,CAClH,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,MAAO;AAAA,kBACSD,EAAU,SAAW,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQhCG,EAAAA,OAAmBJ,CAAK,EAAE,eAAe,QAAQ,KAAO,CAAC,MAAMI,EAAAA,OAAmBJ,CAAK,EAAE,eAAe,QAAQ,MAAQ,CAAC,MAAMI,EAAAA,OAAmBJ,CAAK,EAAE,eAAe,QAAQ,QAAU,CAAC,MAAMI,EAAAA,OAAmBJ,CAAK,EAAE,eAAe,QAAQ,OAAS,CAAC;AAAA,oBACzPG,EAAME,YAAU,oBAAoB,CAAC;AAAA,8BAC3BF,EAAME,YAAU,wBAAwB,CAAC;AAAA,WAC5DC,kBAAgB;AAAA;AAAA;AAAA;AAAA,KAK3B,CAAC,EAEKC,EAAiB,CAAA,EAEjBC,EAAsB,CAAwB,CAClD,MAAAf,EACA,QAAAgB,EAAUF,CACZ,IAAwC,CACtC,KAAM,CAAE,eAAAG,EAAiB,UAAW,WAAAC,CAAA,EAAeF,EAGnD,OAFuBE,GAAclB,EAAM,wBAAA,EAOzCmB,EAAAA,IAACd,EAAA,CAAoB,MAAOL,EAAM,SAAA,EAAW,KAAM,QAAS,EAAQgB,EAAQ,iBACzE,SAAAC,IAAmB,SAClBE,EAAAA,IAACC,EAAA,CAAkB,GAAGrB,EAAsBC,CAAK,CAAA,CAAG,EAEpDmB,MAACE,EAAA,CAAmB,GAAGnB,EAAuBF,CAAK,CAAA,CAAG,CAAA,CAE1D,EAVO,IAYX"}
+{"version":3,"file":"BaseTablePagination.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTablePagination.tsx"],"sourcesContent":["import { PAGINATION_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\r\nimport { styled } from 'styled-components';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { RowData, Table } from '@tanstack/react-table';\r\n\r\nimport type { IDefaultPaginationProps, ISimplePaginationProps } from '../../../Pagination/Pagination.types';\r\nimport type { IBaseTablePaginationProps } from './BaseTable.types';\r\nimport DefaultPagination from '../../../Pagination/DefaultPagination';\r\nimport SimplePagination from '../../../Pagination/SimplePagination';\r\n\r\nconst DEFAULT_PAGINATION_PAGE_SIZE_SMALL = 10;\r\nconst DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM = 20;\r\nconst DEFAULT_PAGINATION_PAGE_SIZE_LARGE = 50;\r\nconst DEFAULT_PAGINATION_PAGE_SIZES = [\r\n  DEFAULT_PAGINATION_PAGE_SIZE_SMALL,\r\n  DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM,\r\n  DEFAULT_PAGINATION_PAGE_SIZE_LARGE,\r\n];\r\n\r\nconst simplePaginationProps = <TData extends RowData>(table: Table<TData>): ISimplePaginationProps => ({\r\n  size: table.getState().size,\r\n  current: table.getState().pagination.pageIndex + 1,\r\n  total: Math.ceil(table.getRowCount() / table.getState().pagination.pageSize),\r\n  quickJumper: false,\r\n  startEndButtons: true,\r\n  onPageChange: (current: number) => table.setPageIndex(current - 1),\r\n});\r\n\r\nconst defaultPaginationProps = <TData extends RowData>(table: Table<TData>): IDefaultPaginationProps => ({\r\n  size: table.getState().size,\r\n  current: table.getState().pagination.pageIndex + 1,\r\n  totalItems: table.getRowCount(),\r\n  quickJumper: false,\r\n  startEndButtons: true,\r\n  onPageChange: (current: number) => table.setPageIndex(current - 1),\r\n  pageSize: table.getState().pagination.pageSize,\r\n  onPageSizeChange: (pageSize) => table.setPagination((state) => ({ ...state, pageSize })),\r\n  showTotalItems: true,\r\n  moreButton: true,\r\n  allowedPageSizes: DEFAULT_PAGINATION_PAGE_SIZES,\r\n});\r\n\r\nconst PaginationContainer = styled.div<{ $size: TableTypes.Size; $sticky: boolean }>(({ $size, $sticky, theme }) => {\r\n  const layer = theme.layer({ foundation: 'surface' });\r\n\r\n  return `\r\n      position: ${$sticky ? 'sticky' : 'relative'};\r\n      z-index: 2;\r\n      bottom: 0;\r\n      margin-top: auto;\r\n      margin-bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: fit-content;\r\n      padding: ${TableConsts.consts[$size].paginationCell.padding.top ?? 0}px ${TableConsts.consts[$size].paginationCell.padding.left ?? 0}px ${TableConsts.consts[$size].paginationCell.padding.bottom ?? 0}px ${TableConsts.consts[$size].paginationCell.padding.right ?? 0}px;\r\n      background: ${layer[Variables.BackgroundFoundation]};\r\n      border-top: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\r\n      > .${PAGINATION_CLASS} {\r\n        margin: 0;\r\n        width: 100%;\r\n      }\r\n    `;\r\n});\r\n\r\nconst defaultOptions = {};\r\n\r\nconst BaseTablePagination = <TData extends RowData>({\r\n  table,\r\n  options = defaultOptions,\r\n}: IBaseTablePaginationProps<TData>) => {\r\n  const { paginationKind = 'default', pagination } = options;\r\n  const withPagination = pagination && table.getIsSomeColumnsVisible();\r\n\r\n  if (!withPagination) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <PaginationContainer $size={table.getState().size} $sticky={Boolean(options.stickyPagination)}>\r\n      {paginationKind === 'simple' ? (\r\n        <SimplePagination {...simplePaginationProps(table)} />\r\n      ) : (\r\n        <DefaultPagination {...defaultPaginationProps(table)} />\r\n      )}\r\n    </PaginationContainer>\r\n  );\r\n};\r\n\r\nexport default BaseTablePagination;\r\n"],"names":["DEFAULT_PAGINATION_PAGE_SIZE_SMALL","DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM","DEFAULT_PAGINATION_PAGE_SIZE_LARGE","DEFAULT_PAGINATION_PAGE_SIZES","simplePaginationProps","table","current","defaultPaginationProps","pageSize","state","PaginationContainer","styled","$size","$sticky","theme","layer","TableConsts.consts","Variables","PAGINATION_CLASS","defaultOptions","BaseTablePagination","options","paginationKind","pagination","jsx","SimplePagination","DefaultPagination"],"mappings":"4XAWMA,EAAqC,GACrCC,EAAsC,GACtCC,EAAqC,GACrCC,EAAgC,CACpCH,EACAC,EACAC,CACF,EAEME,EAAgDC,IAAiD,CACrG,KAAMA,EAAM,SAAA,EAAW,KACvB,QAASA,EAAM,SAAA,EAAW,WAAW,UAAY,EACjD,MAAO,KAAK,KAAKA,EAAM,cAAgBA,EAAM,SAAA,EAAW,WAAW,QAAQ,EAC3E,YAAa,GACb,gBAAiB,GACjB,aAAeC,GAAoBD,EAAM,aAAaC,EAAU,CAAC,CACnE,GAEMC,EAAiDF,IAAkD,CACvG,KAAMA,EAAM,SAAA,EAAW,KACvB,QAASA,EAAM,SAAA,EAAW,WAAW,UAAY,EACjD,WAAYA,EAAM,YAAA,EAClB,YAAa,GACb,gBAAiB,GACjB,aAAeC,GAAoBD,EAAM,aAAaC,EAAU,CAAC,EACjE,SAAUD,EAAM,SAAA,EAAW,WAAW,SACtC,iBAAmBG,GAAaH,EAAM,cAAeI,IAAW,CAAE,GAAGA,EAAO,SAAAD,CAAA,EAAW,EACvF,eAAgB,GAChB,WAAY,GACZ,iBAAkBL,CACpB,GAEMO,EAAsBC,EAAAA,OAAO,IAAkD,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,MAAAC,KAAY,CAClH,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,MAAO;AAAA,kBACSD,EAAU,SAAW,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQhCG,EAAAA,OAAmBJ,CAAK,EAAE,eAAe,QAAQ,KAAO,CAAC,MAAMI,EAAAA,OAAmBJ,CAAK,EAAE,eAAe,QAAQ,MAAQ,CAAC,MAAMI,EAAAA,OAAmBJ,CAAK,EAAE,eAAe,QAAQ,QAAU,CAAC,MAAMI,EAAAA,OAAmBJ,CAAK,EAAE,eAAe,QAAQ,OAAS,CAAC;AAAA,oBACzPG,EAAME,YAAU,oBAAoB,CAAC;AAAA,8BAC3BF,EAAME,YAAU,wBAAwB,CAAC;AAAA,WAC5DC,kBAAgB;AAAA;AAAA;AAAA;AAAA,KAK3B,CAAC,EAEKC,EAAiB,CAAA,EAEjBC,EAAsB,CAAwB,CAClD,MAAAf,EACA,QAAAgB,EAAUF,CACZ,IAAwC,CACtC,KAAM,CAAE,eAAAG,EAAiB,UAAW,WAAAC,CAAA,EAAeF,EAGnD,OAFuBE,GAAclB,EAAM,wBAAA,EAOzCmB,EAAAA,IAACd,EAAA,CAAoB,MAAOL,EAAM,SAAA,EAAW,KAAM,QAAS,EAAQgB,EAAQ,iBACzE,SAAAC,IAAmB,SAClBE,EAAAA,IAACC,EAAA,CAAkB,GAAGrB,EAAsBC,CAAK,CAAA,CAAG,EAEpDmB,MAACE,EAAA,CAAmB,GAAGnB,EAAuBF,CAAK,CAAA,CAAG,CAAA,CAE1D,EAVO,IAYX"}

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

@@ -1 +1 @@
-{"version":3,"file":"BaseTableVirtualised.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTableVirtualised.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport { useReactTable, getCoreRowModel, RowData, ColumnOrderState, Updater } from '@tanstack/react-table';\nimport { BASE_TABLE_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nimport Table from '../../Table';\nimport type { IBaseTableProps, IInternalBaseTableProps } from './BaseTable.types';\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\nimport TableHeader from './TableHeader';\nimport TableFooter from './TableFooter';\nimport { TableWrapper } from '../TableElements/TableWrapper';\nimport BarChartTypeColourTint from '../../../Pictogram/components/BarChartTypeColourTint';\nimport BaseTablePagination from './BaseTablePagination';\nimport { SizedFeature } from '../../features/sized';\nimport { useVirtualized } from '../../hooks/useVirtualized';\nimport TableBodyVirtualised from './TableBodyVirtualised';\nimport { NO_DRAG } from '../../consts/drag';\nimport { isColumnDraggable, isRowDraggable } from '../../utils/isDraggable';\n\nconst defaultData = [] as never[];\n\nconst BaseTableVirtualised = <TData extends RowData, TValue = unknown>({\n  data = defaultData,\n  columns,\n  tableOptions,\n  emptyStateProps,\n  size = Sizes.Medium,\n  ...props\n}: IBaseTableProps<TData, TValue>) => {\n  const [tableSize, setTableSize] = useState<TableTypes.Size>(() => size);\n  const [columnOrder, setColumnOrder] = useState<string[]>(\n    () => tableOptions?.state?.columnOrder ?? columns.map((col) => col.id!),\n  );\n  const { useDraggable = NO_DRAG, ...rest } = props as IInternalBaseTableProps<TData, TValue>;\n\n  const onColumnOrderChangeHandler = useCallback(\n    (newColumnOrder: Updater<ColumnOrderState>) => {\n      setColumnOrder(newColumnOrder);\n      tableOptions?.onColumnOrderChange?.(newColumnOrder);\n    },\n    [tableOptions],\n  );\n\n  const onSizeChangeHandler = useCallback(\n    (newSize: Updater<TableTypes.Size>) => {\n      setTableSize(newSize);\n      tableOptions?.onSizeChange?.(newSize);\n    },\n    [tableOptions],\n  );\n\n  const table = useReactTable({\n    _features: [SizedFeature],\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    state: {\n      ...tableOptions?.state,\n      columnOrder,\n      size: tableSize,\n    },\n    onColumnOrderChange: onColumnOrderChangeHandler,\n    onSizeChange: onSizeChangeHandler,\n  });\n\n  const { tableContainerRef, virtualRows, rows, paddingTop, paddingBottom } = useVirtualized(table);\n\n  const options = {\n    noHeader: tableOptions?.noHeader,\n    noFooter: tableOptions?.noFooter,\n    maxWidth: tableOptions?.maxWidth,\n    maxHeight: tableOptions?.maxHeight,\n    columnSized: tableOptions?.columnSized || tableOptions?.useColumnsSizing,\n    stickyHeader: tableOptions?.stickyHeader,\n    stickyFooter: tableOptions?.stickyFooter,\n    numericTypes: tableOptions?.numericTypes,\n    highlight: tableOptions?.highlight,\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    columnVisibility: !!tableOptions?.onColumnVisibilityChange,\n    columnResizingMinWidth: tableOptions?.columnResizingMinWidth,\n    sorting: tableOptions?.enableSorting && !!tableOptions?.getSortedRowModel,\n  };\n\n  const DraggableCtx = useDraggable(table, data);\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 columnSizeVars = useMemo(() => {\n    const headers = table.getFlatHeaders();\n    const colSizes: { [key: string]: number } = {};\n    headers.forEach((header) => {\n      colSizes[`--header-${header.id}-size`] = header.getSize();\n      colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\n    });\n\n    return colSizes;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [table.getState().columnSizingInfo, table.getState().columnSizing]);\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} ref={tableContainerRef}>\n        <DraggableCtx.Components.Provider>\n          <Table\n            {...rest}\n            empty={isEmpty}\n            size={size}\n            style={{ width: tableOptions?.columnSized ? table.getTotalSize() : '100%', ...columnSizeVars }}\n          >\n            <TableHeader\n              {...(isColumnDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n              table={table}\n              options={options}\n            />\n            <TableBodyVirtualised\n              paddingTop={paddingTop}\n              paddingBottom={paddingBottom}\n              virtualRows={virtualRows}\n              rows={rows}\n              {...(isRowDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n              table={table}\n              options={options}\n              emptyStateProps={emptyStateProperties}\n            />\n            <TableFooter table={table} options={options} />\n          </Table>\n        </DraggableCtx.Components.Provider>\n        <BaseTablePagination table={table} options={options} />\n      </TableWrapper>\n    </>\n  );\n};\n\nexport default BaseTableVirtualised;\n"],"names":["defaultData","BaseTableVirtualised","data","columns","tableOptions","emptyStateProps","size","Sizes","props","tableSize","setTableSize","useState","columnOrder","setColumnOrder","col","useDraggable","NO_DRAG","rest","onColumnOrderChangeHandler","useCallback","newColumnOrder","onSizeChangeHandler","newSize","table","useReactTable","SizedFeature","getCoreRowModel","tableContainerRef","virtualRows","rows","paddingTop","paddingBottom","useVirtualized","options","DraggableCtx","emptyStateProperties","BarChartTypeColourTint","columnSizeVars","useMemo","headers","colSizes","header","wrapperProps","isEmpty","jsxs","Fragment","jsx","ColumnVisibilityFilters","TableWrapper","BASE_TABLE_CLASS","Table","TableHeader","isColumnDraggable","TableBodyVirtualised","isRowDraggable","TableFooter","BaseTablePagination"],"mappings":"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"}
+{"version":3,"file":"BaseTableVirtualised.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTableVirtualised.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\r\n\r\nimport { useReactTable, getCoreRowModel, RowData, ColumnOrderState, Updater } from '@tanstack/react-table';\r\nimport { BASE_TABLE_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\r\n\r\nimport Table from '../../Table';\r\nimport type { IBaseTableProps, IInternalBaseTableProps } from './BaseTable.types';\r\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\r\nimport TableHeader from './TableHeader';\r\nimport TableFooter from './TableFooter';\r\nimport { TableWrapper } from '../TableElements/TableWrapper';\r\nimport BarChartTypeColourTint from '../../../Pictogram/components/BarChartTypeColourTint';\r\nimport BaseTablePagination from './BaseTablePagination';\r\nimport { SizedFeature } from '../../features/sized';\r\nimport { useVirtualized } from '../../hooks/useVirtualized';\r\nimport TableBodyVirtualised from './TableBodyVirtualised';\r\nimport { NO_DRAG } from '../../consts/drag';\r\nimport { isColumnDraggable, isRowDraggable } from '../../utils/isDraggable';\r\n\r\nconst defaultData = [] as never[];\r\n\r\nconst BaseTableVirtualised = <TData extends RowData, TValue = unknown>({\r\n  data = defaultData,\r\n  columns,\r\n  tableOptions,\r\n  emptyStateProps,\r\n  size = Sizes.Medium,\r\n  ...props\r\n}: IBaseTableProps<TData, TValue>) => {\r\n  const [tableSize, setTableSize] = useState<TableTypes.Size>(() => size);\r\n  const [columnOrder, setColumnOrder] = useState<string[]>(\r\n    () => tableOptions?.state?.columnOrder ?? columns.map((col) => col.id!),\r\n  );\r\n  const { useDraggable = NO_DRAG, ...rest } = props as IInternalBaseTableProps<TData, TValue>;\r\n\r\n  const onColumnOrderChangeHandler = useCallback(\r\n    (newColumnOrder: Updater<ColumnOrderState>) => {\r\n      setColumnOrder(newColumnOrder);\r\n      tableOptions?.onColumnOrderChange?.(newColumnOrder);\r\n    },\r\n    [tableOptions],\r\n  );\r\n\r\n  const onSizeChangeHandler = useCallback(\r\n    (newSize: Updater<TableTypes.Size>) => {\r\n      setTableSize(newSize);\r\n      tableOptions?.onSizeChange?.(newSize);\r\n    },\r\n    [tableOptions],\r\n  );\r\n\r\n  const table = useReactTable({\r\n    _features: [SizedFeature],\r\n    data,\r\n    columns,\r\n    getCoreRowModel: getCoreRowModel(),\r\n    defaultColumn: {\r\n      minSize: 50,\r\n    },\r\n    // tanstack enables rows selection by default\r\n    enableRowSelection: false,\r\n    ...tableOptions,\r\n    state: {\r\n      ...tableOptions?.state,\r\n      columnOrder,\r\n      size: tableSize,\r\n    },\r\n    onColumnOrderChange: onColumnOrderChangeHandler,\r\n    onSizeChange: onSizeChangeHandler,\r\n  });\r\n\r\n  const { tableContainerRef, virtualRows, rows, paddingTop, paddingBottom } = useVirtualized(table);\r\n\r\n  const options = {\r\n    noHeader: tableOptions?.noHeader,\r\n    noFooter: tableOptions?.noFooter,\r\n    maxWidth: tableOptions?.maxWidth,\r\n    maxHeight: tableOptions?.maxHeight,\r\n    columnSized: tableOptions?.columnSized || tableOptions?.useColumnsSizing,\r\n    stickyHeader: tableOptions?.stickyHeader,\r\n    stickyFooter: tableOptions?.stickyFooter,\r\n    numericTypes: tableOptions?.numericTypes,\r\n    highlight: tableOptions?.highlight,\r\n    paginationKind: tableOptions?.paginationKind,\r\n    pinningOptions: tableOptions?.pinningOptions,\r\n    disableRowHover: tableOptions?.disableRowHover,\r\n    columnPinning: tableOptions?.enableColumnPinning,\r\n    pagination: !!tableOptions?.getPaginationRowModel,\r\n    columnResizing: tableOptions?.enableColumnResizing,\r\n    columnVisibility: !!tableOptions?.onColumnVisibilityChange,\r\n    columnResizingMinWidth: tableOptions?.columnResizingMinWidth,\r\n    sorting: tableOptions?.enableSorting && !!tableOptions?.getSortedRowModel,\r\n  };\r\n\r\n  const DraggableCtx = useDraggable(table, data);\r\n\r\n  const emptyStateProperties = emptyStateProps ?? {\r\n    pictogram: <BarChartTypeColourTint />,\r\n    title: 'Title here',\r\n    description: 'This should be a clear and concise description.',\r\n  };\r\n\r\n  const columnSizeVars = useMemo(() => {\r\n    const headers = table.getFlatHeaders();\r\n    const colSizes: { [key: string]: number } = {};\r\n    headers.forEach((header) => {\r\n      colSizes[`--header-${header.id}-size`] = header.getSize();\r\n      colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\r\n    });\r\n\r\n    return colSizes;\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [table.getState().columnSizingInfo, table.getState().columnSizing]);\r\n\r\n  const wrapperProps = {\r\n    ...(options.maxHeight && { maxHeight: options.maxHeight }),\r\n    ...(options.maxWidth && { maxWidth: options.maxWidth }),\r\n    ...((options.stickyHeader || options.stickyFooter) && {\r\n      stickyRows: options.stickyHeader || options.stickyFooter,\r\n    }),\r\n  };\r\n\r\n  const isEmpty = table.getRowCount() === 0;\r\n\r\n  return (\r\n    <>\r\n      {!!options?.columnVisibility && <ColumnVisibilityFilters table={table} />}\r\n      <TableWrapper className={BASE_TABLE_CLASS} {...wrapperProps} ref={tableContainerRef}>\r\n        <DraggableCtx.Components.Provider>\r\n          <Table\r\n            {...rest}\r\n            empty={isEmpty}\r\n            size={size}\r\n            style={{ width: tableOptions?.columnSized ? table.getTotalSize() : '100%', ...columnSizeVars }}\r\n          >\r\n            <TableHeader\r\n              {...(isColumnDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\r\n              table={table}\r\n              options={options}\r\n            />\r\n            <TableBodyVirtualised\r\n              paddingTop={paddingTop}\r\n              paddingBottom={paddingBottom}\r\n              virtualRows={virtualRows}\r\n              rows={rows}\r\n              {...(isRowDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\r\n              table={table}\r\n              options={options}\r\n              emptyStateProps={emptyStateProperties}\r\n            />\r\n            <TableFooter table={table} options={options} />\r\n          </Table>\r\n        </DraggableCtx.Components.Provider>\r\n        <BaseTablePagination table={table} options={options} />\r\n      </TableWrapper>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default BaseTableVirtualised;\r\n"],"names":["defaultData","BaseTableVirtualised","data","columns","tableOptions","emptyStateProps","size","Sizes","props","tableSize","setTableSize","useState","columnOrder","setColumnOrder","col","useDraggable","NO_DRAG","rest","onColumnOrderChangeHandler","useCallback","newColumnOrder","onSizeChangeHandler","newSize","table","useReactTable","SizedFeature","getCoreRowModel","tableContainerRef","virtualRows","rows","paddingTop","paddingBottom","useVirtualized","options","DraggableCtx","emptyStateProperties","BarChartTypeColourTint","columnSizeVars","useMemo","headers","colSizes","header","wrapperProps","isEmpty","jsxs","Fragment","jsx","ColumnVisibilityFilters","TableWrapper","BASE_TABLE_CLASS","Table","TableHeader","isColumnDraggable","TableBodyVirtualised","isRowDraggable","TableFooter","BaseTablePagination"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Table/components/BaseTable/Cell.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { flexRender, type RowData } from '@tanstack/react-table';\n\nimport type { FlexboxJustifyContent } from 'components/Flexbox/Flexbox.types';\n\nimport type { ICellElementProps } from './BaseTable.types';\nimport { Td } from '../TableElements/TableElements';\nimport { bodyCellProps } from '../../utils/baseTableUtils';\nimport { NumericCell } from '../TableElements/NumericCell';\nimport { SelectionCheckbox } from '../TableElements/SelectionCheckbox';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { Expander } from '../TableElements/Expander';\n\nexport const Cell = <TData extends RowData, TValue = unknown>({\n  cell,\n  options,\n  row,\n  table,\n  prefix,\n}: ICellElementProps<TData, TValue> & {\n  prefix?: React.ReactNode;\n}) => {\n  const cellContent = flexRender(cell.column.columnDef.cell, cell.getContext());\n  const { alignment } = cell.column.columnDef;\n\n  const isAnyRowsExpandable = useMemo(() => table.getCanSomeRowsExpand(), [table]);\n\n  return (\n    <Td {...bodyCellProps(cell)}>\n      <Flexbox alignItems=\"center\" flexGrow={1}>\n        {table.options.enableRowSelection === true && row.getCanSelect() && cell.column.getIndex() === 0 && (\n          <SelectionCheckbox checked={row.getIsSelected()} onChange={row.getToggleSelectedHandler()} />\n        )}\n        {prefix}\n        <Expander expandable={Boolean(cell.column.getIndex() === 0) && isAnyRowsExpandable} row={row}>\n          <Flexbox\n            flexGrow={1}\n            alignItems=\"center\"\n            justifyContent={(alignment as FlexboxJustifyContent) ?? 'space-between'}\n          >\n            {options.numericTypes?.includes(cell?.column.id as keyof TData) ? (\n              <NumericCell>{cellContent}</NumericCell>\n            ) : (\n              cellContent\n            )}\n          </Flexbox>\n        </Expander>\n      </Flexbox>\n    </Td>\n  );\n};\n"],"names":["Cell","cell","options","row","table","prefix","cellContent","flexRender","alignment","isAnyRowsExpandable","useMemo","jsx","Td","bodyCellProps","jsxs","Flexbox","SelectionCheckbox","Expander","NumericCell"],"mappings":"odAcaA,EAAO,CAA0C,CAC5D,KAAAC,EACA,QAAAC,EACA,IAAAC,EACA,MAAAC,EACA,OAAAC,CACF,IAEM,CACJ,MAAMC,EAAcC,EAAAA,WAAWN,EAAK,OAAO,UAAU,KAAMA,EAAK,YAAY,EACtE,CAAE,UAAAO,CAAA,EAAcP,EAAK,OAAO,UAE5BQ,EAAsBC,EAAAA,QAAQ,IAAMN,EAAM,uBAAwB,CAACA,CAAK,CAAC,EAE/E,OACEO,EAAAA,IAACC,EAAAA,GAAA,CAAI,GAAGC,EAAAA,cAAcZ,CAAI,EACxB,SAAAa,EAAAA,KAACC,EAAA,CAAQ,WAAW,SAAS,SAAU,EACpC,SAAA,CAAAX,EAAM,QAAQ,qBAAuB,IAAQD,EAAI,gBAAkBF,EAAK,OAAO,SAAA,IAAe,GAC7FU,MAACK,EAAAA,kBAAA,CAAkB,QAASb,EAAI,cAAA,EAAiB,SAAUA,EAAI,2BAA4B,EAE5FE,EACDM,EAAAA,IAACM,EAAAA,SAAA,CAAS,WAAoBhB,EAAK,OAAO,SAAA,IAAe,GAAMQ,EAAqB,IAAAN,EAClF,SAAAQ,EAAAA,IAACI,EAAA,CACC,SAAU,EACV,WAAW,SACX,eAAiBP,GAAuC,gBAEvD,SAAAN,EAAQ,cAAc,SAASD,GAAM,OAAO,EAAiB,EAC5DU,EAAAA,IAACO,EAAAA,YAAA,CAAa,SAAAZ,CAAA,CAAY,EAE1BA,CAAA,CAAA,CAEJ,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}
+{"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Table/components/BaseTable/Cell.tsx"],"sourcesContent":["import { useMemo } from 'react';\r\n\r\nimport { flexRender, type RowData } from '@tanstack/react-table';\r\n\r\nimport type { FlexboxJustifyContent } from 'components/Flexbox/Flexbox.types';\r\n\r\nimport type { ICellElementProps } from './BaseTable.types';\r\nimport { Td } from '../TableElements/TableElements';\r\nimport { bodyCellProps } from '../../utils/baseTableUtils';\r\nimport { NumericCell } from '../TableElements/NumericCell';\r\nimport { SelectionCheckbox } from '../TableElements/SelectionCheckbox';\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport { Expander } from '../TableElements/Expander';\r\n\r\nexport const Cell = <TData extends RowData, TValue = unknown>({\r\n  cell,\r\n  options,\r\n  row,\r\n  table,\r\n  prefix,\r\n}: ICellElementProps<TData, TValue> & {\r\n  prefix?: React.ReactNode;\r\n}) => {\r\n  const cellContent = flexRender(cell.column.columnDef.cell, cell.getContext());\r\n  const { alignment } = cell.column.columnDef;\r\n\r\n  const isAnyRowsExpandable = useMemo(() => table.getCanSomeRowsExpand(), [table]);\r\n\r\n  return (\r\n    <Td {...bodyCellProps(cell)}>\r\n      <Flexbox alignItems=\"center\" flexGrow={1}>\r\n        {table.options.enableRowSelection === true && row.getCanSelect() && cell.column.getIndex() === 0 && (\r\n          <SelectionCheckbox checked={row.getIsSelected()} onChange={row.getToggleSelectedHandler()} />\r\n        )}\r\n        {prefix}\r\n        <Expander expandable={Boolean(cell.column.getIndex() === 0) && isAnyRowsExpandable} row={row}>\r\n          <Flexbox\r\n            flexGrow={1}\r\n            alignItems=\"center\"\r\n            justifyContent={(alignment as FlexboxJustifyContent) ?? 'space-between'}\r\n          >\r\n            {options.numericTypes?.includes(cell?.column.id as keyof TData) ? (\r\n              <NumericCell>{cellContent}</NumericCell>\r\n            ) : (\r\n              cellContent\r\n            )}\r\n          </Flexbox>\r\n        </Expander>\r\n      </Flexbox>\r\n    </Td>\r\n  );\r\n};\r\n"],"names":["Cell","cell","options","row","table","prefix","cellContent","flexRender","alignment","isAnyRowsExpandable","useMemo","jsx","Td","bodyCellProps","jsxs","Flexbox","SelectionCheckbox","Expander","NumericCell"],"mappings":"odAcaA,EAAO,CAA0C,CAC5D,KAAAC,EACA,QAAAC,EACA,IAAAC,EACA,MAAAC,EACA,OAAAC,CACF,IAEM,CACJ,MAAMC,EAAcC,EAAAA,WAAWN,EAAK,OAAO,UAAU,KAAMA,EAAK,YAAY,EACtE,CAAE,UAAAO,CAAA,EAAcP,EAAK,OAAO,UAE5BQ,EAAsBC,EAAAA,QAAQ,IAAMN,EAAM,uBAAwB,CAACA,CAAK,CAAC,EAE/E,OACEO,EAAAA,IAACC,EAAAA,GAAA,CAAI,GAAGC,EAAAA,cAAcZ,CAAI,EACxB,SAAAa,EAAAA,KAACC,EAAA,CAAQ,WAAW,SAAS,SAAU,EACpC,SAAA,CAAAX,EAAM,QAAQ,qBAAuB,IAAQD,EAAI,gBAAkBF,EAAK,OAAO,SAAA,IAAe,GAC7FU,MAACK,EAAAA,kBAAA,CAAkB,QAASb,EAAI,cAAA,EAAiB,SAAUA,EAAI,2BAA4B,EAE5FE,EACDM,EAAAA,IAACM,EAAAA,SAAA,CAAS,WAAoBhB,EAAK,OAAO,SAAA,IAAe,GAAMQ,EAAqB,IAAAN,EAClF,SAAAQ,EAAAA,IAACI,EAAA,CACC,SAAU,EACV,WAAW,SACX,eAAiBP,GAAuC,gBAEvD,SAAAN,EAAQ,cAAc,SAASD,GAAM,OAAO,EAAiB,EAC5DU,EAAAA,IAACO,EAAAA,YAAA,CAAa,SAAAZ,CAAA,CAAY,EAE1BA,CAAA,CAAA,CAEJ,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../../../../../src/components/Table/components/BaseTable/Row.tsx"],"sourcesContent":["import { type Row as RowType, type RowData } from '@tanstack/react-table';\n\nimport type { IBaseTableElementProps } from './BaseTable.types';\nimport { Tr } from '../TableElements/TableElements';\nimport { Cell } from './Cell';\nimport { getRowHighlight } from '../../utils/rowHighlight';\n\nexport const Row = <TData extends RowData>({\n  row,\n  table,\n  options,\n}: IBaseTableElementProps<TData> & {\n  row: RowType<TData>;\n}) => {\n  const { highlight, disableRowHover } = options;\n\n  return (\n    <Tr\n      key={row.id}\n      highlight={getRowHighlight(row, highlight)}\n      disableRowHover={disableRowHover || row.getIsGrouped()}\n    >\n      {row.getVisibleCells().map((cell) => (\n        <Cell key={`${row.id}-${cell.column.id}-${cell.id}`} cell={cell} row={row} table={table} options={options} />\n      ))}\n    </Tr>\n  );\n};\n"],"names":["Row","row","table","options","highlight","disableRowHover","jsx","Tr","getRowHighlight","cell","Cell"],"mappings":"gQAOaA,EAAM,CAAwB,CACzC,IAAAC,EACA,MAAAC,EACA,QAAAC,CACF,IAEM,CACJ,KAAM,CAAE,UAAAC,EAAW,gBAAAC,CAAA,EAAoBF,EAEvC,OACEG,EAAAA,IAACC,EAAAA,GAAA,CAEC,UAAWC,EAAAA,gBAAgBP,EAAKG,CAAS,EACzC,gBAAiBC,GAAmBJ,EAAI,aAAA,EAEvC,SAAAA,EAAI,kBAAkB,IAAKQ,GAC1BH,EAAAA,IAACI,EAAAA,KAAA,CAAoD,KAAAD,EAAY,IAAAR,EAAU,MAAAC,EAAc,QAAAC,GAA9E,GAAGF,EAAI,EAAE,IAAIQ,EAAK,OAAO,EAAE,IAAIA,EAAK,EAAE,EAA0D,CAC5G,CAAA,EANIR,EAAI,EAAA,CASf"}
+{"version":3,"file":"Row.js","sources":["../../../../../../src/components/Table/components/BaseTable/Row.tsx"],"sourcesContent":["import { type Row as RowType, type RowData } from '@tanstack/react-table';\r\n\r\nimport type { IBaseTableElementProps } from './BaseTable.types';\r\nimport { Tr } from '../TableElements/TableElements';\r\nimport { Cell } from './Cell';\r\nimport { getRowHighlight } from '../../utils/rowHighlight';\r\n\r\nexport const Row = <TData extends RowData>({\r\n  row,\r\n  table,\r\n  options,\r\n}: IBaseTableElementProps<TData> & {\r\n  row: RowType<TData>;\r\n}) => {\r\n  const { highlight, disableRowHover } = options;\r\n\r\n  return (\r\n    <Tr\r\n      key={row.id}\r\n      highlight={getRowHighlight(row, highlight)}\r\n      disableRowHover={disableRowHover || row.getIsGrouped()}\r\n    >\r\n      {row.getVisibleCells().map((cell) => (\r\n        <Cell key={`${row.id}-${cell.column.id}-${cell.id}`} cell={cell} row={row} table={table} options={options} />\r\n      ))}\r\n    </Tr>\r\n  );\r\n};\r\n"],"names":["Row","row","table","options","highlight","disableRowHover","jsx","Tr","getRowHighlight","cell","Cell"],"mappings":"gQAOaA,EAAM,CAAwB,CACzC,IAAAC,EACA,MAAAC,EACA,QAAAC,CACF,IAEM,CACJ,KAAM,CAAE,UAAAC,EAAW,gBAAAC,CAAA,EAAoBF,EAEvC,OACEG,EAAAA,IAACC,EAAAA,GAAA,CAEC,UAAWC,EAAAA,gBAAgBP,EAAKG,CAAS,EACzC,gBAAiBC,GAAmBJ,EAAI,aAAA,EAEvC,SAAAA,EAAI,kBAAkB,IAAKQ,GAC1BH,EAAAA,IAACI,EAAAA,KAAA,CAAoD,KAAAD,EAAY,IAAAR,EAAU,MAAAC,EAAc,QAAAC,GAA9E,GAAGF,EAAI,EAAE,IAAIQ,EAAK,OAAO,EAAE,IAAIA,EAAK,EAAE,EAA0D,CAC5G,CAAA,EANIR,EAAI,EAAA,CASf"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableBody.tsx"],"sourcesContent":["import { Fragment, type PropsWithChildren } from 'react';\n\nimport { type RowData } from '@tanstack/react-table';\nimport { NOOP_COMPONENT, Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport type { IBaseTableElementProps, IRowElementProps } from './BaseTable.types';\nimport { Tr, Td, TBody, SpaceTR } from '../TableElements/TableElements';\nimport EmptyState from '../../../EmptyState/EmptyState';\nimport { useTable } from '../../hooks/useTable';\nimport type { IEmptyStateProps } from '../../../EmptyState/EmptyState.types';\nimport { Row as DefaultRow } from './Row';\n\nconst Body = <TData extends RowData>({\n  table,\n  RowProvider = NOOP_COMPONENT,\n  Row = DefaultRow,\n  options,\n  emptyStateProps,\n}: IBaseTableElementProps<TData> & {\n  RowProvider?: React.ComponentType<PropsWithChildren>;\n  Row?: React.ComponentType<IRowElementProps<TData>>;\n  emptyStateProps: IEmptyStateProps;\n}) => {\n  const { size = Sizes.Medium, empty } = useTable();\n\n  if (empty) {\n    return (\n      <TBody>\n        <Tr disableRowHover={true}>\n          <Td colSpan={table.getVisibleLeafColumns().length}>\n            <EmptyState size={size} {...emptyStateProps} />\n          </Td>\n        </Tr>\n      </TBody>\n    );\n  }\n\n  return (\n    <TBody>\n      <RowProvider>\n        {table.getRowModel().rows.map((row) => {\n          return (\n            <Fragment key={`${row.id}-fragment`}>\n              {row.getIsGrouped() && row.index > 0 && (\n                <SpaceTR key={`${row.id}-spacer`} disableRowHover={true}>\n                  <Td colSpan={table.getAllLeafColumns().length} />\n                </SpaceTR>\n              )}\n              <Row key={row.id} table={table} options={options} row={row} />\n            </Fragment>\n          );\n        })}\n      </RowProvider>\n    </TBody>\n  );\n};\n\nexport default Body;\n"],"names":["Body","table","RowProvider","NOOP_COMPONENT","Row","DefaultRow","options","emptyStateProps","size","Sizes","empty","useTable","jsx","TBody","Tr","Td","EmptyState","row","Fragment","SpaceTR"],"mappings":"sRAYMA,EAAO,CAAwB,CACnC,MAAAC,EACA,YAAAC,EAAcC,EAAAA,eAAA,IACdC,EAAMC,EAAAA,IACN,QAAAC,EACA,gBAAAC,CACF,IAIM,CACJ,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,OAAQ,MAAAC,CAAA,EAAUC,EAAAA,SAAA,EAEvC,OAAID,EAEAE,MAACC,EAAAA,OACC,SAAAD,EAAAA,IAACE,EAAAA,GAAA,CAAG,gBAAiB,GACnB,SAAAF,EAAAA,IAACG,EAAAA,IAAG,QAASd,EAAM,wBAAwB,OACzC,eAACe,EAAA,CAAW,KAAAR,EAAa,GAAGD,CAAA,CAAiB,EAC/C,EACF,CAAA,CACF,EAKFK,EAAAA,IAACC,EAAAA,MAAA,CACC,SAAAD,EAAAA,IAACV,EAAA,CACE,SAAAD,EAAM,cAAc,KAAK,IAAKgB,UAE1BC,WAAA,CACE,SAAA,CAAAD,EAAI,aAAA,GAAkBA,EAAI,MAAQ,GACjCL,EAAAA,IAACO,UAAA,CAAiC,gBAAiB,GACjD,SAAAP,EAAAA,IAACG,EAAAA,IAAG,QAASd,EAAM,oBAAoB,MAAA,CAAQ,GADnC,GAAGgB,EAAI,EAAE,SAEvB,QAEDb,EAAA,CAAiB,MAAAH,EAAc,QAAAK,EAAkB,IAAAW,CAAA,EAAxCA,EAAI,EAA8C,CAAA,CAAA,EAN/C,GAAGA,EAAI,EAAE,WAOxB,CAEH,EACH,EACF,CAEJ"}
+{"version":3,"file":"TableBody.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableBody.tsx"],"sourcesContent":["import { Fragment, type PropsWithChildren } from 'react';\r\n\r\nimport { type RowData } from '@tanstack/react-table';\r\nimport { NOOP_COMPONENT, Sizes } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type { IBaseTableElementProps, IRowElementProps } from './BaseTable.types';\r\nimport { Tr, Td, TBody, SpaceTR } from '../TableElements/TableElements';\r\nimport EmptyState from '../../../EmptyState/EmptyState';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport type { IEmptyStateProps } from '../../../EmptyState/EmptyState.types';\r\nimport { Row as DefaultRow } from './Row';\r\n\r\nconst Body = <TData extends RowData>({\r\n  table,\r\n  RowProvider = NOOP_COMPONENT,\r\n  Row = DefaultRow,\r\n  options,\r\n  emptyStateProps,\r\n}: IBaseTableElementProps<TData> & {\r\n  RowProvider?: React.ComponentType<PropsWithChildren>;\r\n  Row?: React.ComponentType<IRowElementProps<TData>>;\r\n  emptyStateProps: IEmptyStateProps;\r\n}) => {\r\n  const { size = Sizes.Medium, empty } = useTable();\r\n\r\n  if (empty) {\r\n    return (\r\n      <TBody>\r\n        <Tr disableRowHover={true}>\r\n          <Td colSpan={table.getVisibleLeafColumns().length}>\r\n            <EmptyState size={size} {...emptyStateProps} />\r\n          </Td>\r\n        </Tr>\r\n      </TBody>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <TBody>\r\n      <RowProvider>\r\n        {table.getRowModel().rows.map((row) => {\r\n          return (\r\n            <Fragment key={`${row.id}-fragment`}>\r\n              {row.getIsGrouped() && row.index > 0 && (\r\n                <SpaceTR key={`${row.id}-spacer`} disableRowHover={true}>\r\n                  <Td colSpan={table.getAllLeafColumns().length} />\r\n                </SpaceTR>\r\n              )}\r\n              <Row key={row.id} table={table} options={options} row={row} />\r\n            </Fragment>\r\n          );\r\n        })}\r\n      </RowProvider>\r\n    </TBody>\r\n  );\r\n};\r\n\r\nexport default Body;\r\n"],"names":["Body","table","RowProvider","NOOP_COMPONENT","Row","DefaultRow","options","emptyStateProps","size","Sizes","empty","useTable","jsx","TBody","Tr","Td","EmptyState","row","Fragment","SpaceTR"],"mappings":"sRAYMA,EAAO,CAAwB,CACnC,MAAAC,EACA,YAAAC,EAAcC,EAAAA,eAAA,IACdC,EAAMC,EAAAA,IACN,QAAAC,EACA,gBAAAC,CACF,IAIM,CACJ,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,OAAQ,MAAAC,CAAA,EAAUC,EAAAA,SAAA,EAEvC,OAAID,EAEAE,MAACC,EAAAA,OACC,SAAAD,EAAAA,IAACE,EAAAA,GAAA,CAAG,gBAAiB,GACnB,SAAAF,EAAAA,IAACG,EAAAA,IAAG,QAASd,EAAM,wBAAwB,OACzC,eAACe,EAAA,CAAW,KAAAR,EAAa,GAAGD,CAAA,CAAiB,EAC/C,EACF,CAAA,CACF,EAKFK,EAAAA,IAACC,EAAAA,MAAA,CACC,SAAAD,EAAAA,IAACV,EAAA,CACE,SAAAD,EAAM,cAAc,KAAK,IAAKgB,UAE1BC,WAAA,CACE,SAAA,CAAAD,EAAI,aAAA,GAAkBA,EAAI,MAAQ,GACjCL,EAAAA,IAACO,UAAA,CAAiC,gBAAiB,GACjD,SAAAP,EAAAA,IAACG,EAAAA,IAAG,QAASd,EAAM,oBAAoB,MAAA,CAAQ,GADnC,GAAGgB,EAAI,EAAE,SAEvB,QAEDb,EAAA,CAAiB,MAAAH,EAAc,QAAAK,EAAkB,IAAAW,CAAA,EAAxCA,EAAI,EAA8C,CAAA,CAAA,EAN/C,GAAGA,EAAI,EAAE,WAOxB,CAEH,EACH,EACF,CAEJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableBodyVirtualised.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableBodyVirtualised.tsx"],"sourcesContent":["import { Fragment, PropsWithChildren } from 'react';\n\nimport type { Row as RowType, RowData } from '@tanstack/react-table';\nimport { NOOP_COMPONENT, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { VirtualItem } from '@tanstack/react-virtual';\n\nimport type { IBaseTableElementProps, IRowElementProps } from './BaseTable.types';\nimport { Tr, Td, TBody, SpaceTR } from '../TableElements/TableElements';\nimport EmptyState from '../../../EmptyState/EmptyState';\nimport { useTable } from '../../hooks/useTable';\nimport type { IEmptyStateProps } from '../../../EmptyState/EmptyState.types';\nimport { EmptyRow } from '../../hooks/useVirtualized';\nimport { Row as DefaultRow } from './Row';\n\nconst defaultOptions = {};\n\nconst BodyVirtualised = <TData extends RowData>({\n  table,\n  RowProvider = NOOP_COMPONENT,\n  Row = DefaultRow,\n  virtualRows,\n  rows,\n  paddingTop,\n  paddingBottom,\n  options = defaultOptions,\n  emptyStateProps,\n}: IBaseTableElementProps<TData> & {\n  virtualRows: VirtualItem[];\n  rows: RowType<TData>[];\n  paddingTop: number;\n  paddingBottom: number;\n  RowProvider?: React.ComponentType<PropsWithChildren>;\n  Row?: React.ComponentType<IRowElementProps<TData>>;\n  emptyStateProps: IEmptyStateProps;\n}) => {\n  const { size = Sizes.Medium, empty } = useTable();\n\n  if (empty) {\n    return (\n      <TBody>\n        <Tr disableRowHover={true}>\n          <Td colSpan={table.getVisibleLeafColumns().length}>\n            <EmptyState size={size} {...emptyStateProps} />\n          </Td>\n        </Tr>\n      </TBody>\n    );\n  }\n\n  return (\n    <TBody>\n      <EmptyRow padding={paddingTop} />\n      <RowProvider>\n        {virtualRows.map((virtualRow) => {\n          const row = rows[virtualRow.index];\n\n          return (\n            <Fragment key={`${row.id}-fragment`}>\n              {row.getIsGrouped() && row.index > 0 && (\n                <SpaceTR key={`${row.id}-spacer`} disableRowHover={true}>\n                  <Td colSpan={table.getAllLeafColumns().length} />\n                </SpaceTR>\n              )}\n              <Row key={virtualRow.key} table={table} options={options} row={row} />\n            </Fragment>\n          );\n        })}\n      </RowProvider>\n      <EmptyRow padding={paddingBottom} />\n    </TBody>\n  );\n};\n\nexport default BodyVirtualised;\n"],"names":["defaultOptions","BodyVirtualised","table","RowProvider","NOOP_COMPONENT","Row","DefaultRow","virtualRows","rows","paddingTop","paddingBottom","options","emptyStateProps","size","Sizes","empty","useTable","jsx","TBody","Tr","Td","EmptyState","EmptyRow","virtualRow","row","Fragment","SpaceTR"],"mappings":"iUAcMA,EAAiB,CAAA,EAEjBC,EAAkB,CAAwB,CAC9C,MAAAC,EACA,YAAAC,EAAcC,EAAAA,eAAA,IACdC,EAAMC,EAAAA,IACN,YAAAC,EACA,KAAAC,EACA,WAAAC,EACA,cAAAC,EACA,QAAAC,EAAUX,EACV,gBAAAY,CACF,IAQM,CACJ,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,OAAQ,MAAAC,CAAA,EAAUC,EAAAA,SAAA,EAEvC,OAAID,EAEAE,MAACC,EAAAA,OACC,SAAAD,EAAAA,IAACE,EAAAA,GAAA,CAAG,gBAAiB,GACnB,SAAAF,EAAAA,IAACG,EAAAA,IAAG,QAASlB,EAAM,wBAAwB,OACzC,eAACmB,EAAA,CAAW,KAAAR,EAAa,GAAGD,CAAA,CAAiB,EAC/C,EACF,CAAA,CACF,SAKDM,QAAA,CACC,SAAA,CAAAD,EAAAA,IAACK,EAAAA,SAAA,CAAS,QAASb,CAAA,CAAY,EAC/BQ,EAAAA,IAACd,EAAA,CACE,SAAAI,EAAY,IAAKgB,GAAe,CAC/B,MAAMC,EAAMhB,EAAKe,EAAW,KAAK,EAEjC,cACGE,WAAA,CACE,SAAA,CAAAD,EAAI,aAAA,GAAkBA,EAAI,MAAQ,GACjCP,EAAAA,IAACS,UAAA,CAAiC,gBAAiB,GACjD,SAAAT,EAAAA,IAACG,EAAAA,IAAG,QAASlB,EAAM,oBAAoB,MAAA,CAAQ,GADnC,GAAGsB,EAAI,EAAE,SAEvB,QAEDnB,EAAA,CAAyB,MAAAH,EAAc,QAAAS,EAAkB,IAAAa,CAAA,EAAhDD,EAAW,GAA+C,CAAA,CAAA,EANvD,GAAGC,EAAI,EAAE,WAOxB,CAEJ,CAAC,CAAA,CACH,EACAP,EAAAA,IAACK,EAAAA,SAAA,CAAS,QAASZ,CAAA,CAAe,CAAA,EACpC,CAEJ"}
+{"version":3,"file":"TableBodyVirtualised.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableBodyVirtualised.tsx"],"sourcesContent":["import { Fragment, PropsWithChildren } from 'react';\r\n\r\nimport type { Row as RowType, RowData } from '@tanstack/react-table';\r\nimport { NOOP_COMPONENT, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { VirtualItem } from '@tanstack/react-virtual';\r\n\r\nimport type { IBaseTableElementProps, IRowElementProps } from './BaseTable.types';\r\nimport { Tr, Td, TBody, SpaceTR } from '../TableElements/TableElements';\r\nimport EmptyState from '../../../EmptyState/EmptyState';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport type { IEmptyStateProps } from '../../../EmptyState/EmptyState.types';\r\nimport { EmptyRow } from '../../hooks/useVirtualized';\r\nimport { Row as DefaultRow } from './Row';\r\n\r\nconst defaultOptions = {};\r\n\r\nconst BodyVirtualised = <TData extends RowData>({\r\n  table,\r\n  RowProvider = NOOP_COMPONENT,\r\n  Row = DefaultRow,\r\n  virtualRows,\r\n  rows,\r\n  paddingTop,\r\n  paddingBottom,\r\n  options = defaultOptions,\r\n  emptyStateProps,\r\n}: IBaseTableElementProps<TData> & {\r\n  virtualRows: VirtualItem[];\r\n  rows: RowType<TData>[];\r\n  paddingTop: number;\r\n  paddingBottom: number;\r\n  RowProvider?: React.ComponentType<PropsWithChildren>;\r\n  Row?: React.ComponentType<IRowElementProps<TData>>;\r\n  emptyStateProps: IEmptyStateProps;\r\n}) => {\r\n  const { size = Sizes.Medium, empty } = useTable();\r\n\r\n  if (empty) {\r\n    return (\r\n      <TBody>\r\n        <Tr disableRowHover={true}>\r\n          <Td colSpan={table.getVisibleLeafColumns().length}>\r\n            <EmptyState size={size} {...emptyStateProps} />\r\n          </Td>\r\n        </Tr>\r\n      </TBody>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <TBody>\r\n      <EmptyRow padding={paddingTop} />\r\n      <RowProvider>\r\n        {virtualRows.map((virtualRow) => {\r\n          const row = rows[virtualRow.index];\r\n\r\n          return (\r\n            <Fragment key={`${row.id}-fragment`}>\r\n              {row.getIsGrouped() && row.index > 0 && (\r\n                <SpaceTR key={`${row.id}-spacer`} disableRowHover={true}>\r\n                  <Td colSpan={table.getAllLeafColumns().length} />\r\n                </SpaceTR>\r\n              )}\r\n              <Row key={virtualRow.key} table={table} options={options} row={row} />\r\n            </Fragment>\r\n          );\r\n        })}\r\n      </RowProvider>\r\n      <EmptyRow padding={paddingBottom} />\r\n    </TBody>\r\n  );\r\n};\r\n\r\nexport default BodyVirtualised;\r\n"],"names":["defaultOptions","BodyVirtualised","table","RowProvider","NOOP_COMPONENT","Row","DefaultRow","virtualRows","rows","paddingTop","paddingBottom","options","emptyStateProps","size","Sizes","empty","useTable","jsx","TBody","Tr","Td","EmptyState","EmptyRow","virtualRow","row","Fragment","SpaceTR"],"mappings":"iUAcMA,EAAiB,CAAA,EAEjBC,EAAkB,CAAwB,CAC9C,MAAAC,EACA,YAAAC,EAAcC,EAAAA,eAAA,IACdC,EAAMC,EAAAA,IACN,YAAAC,EACA,KAAAC,EACA,WAAAC,EACA,cAAAC,EACA,QAAAC,EAAUX,EACV,gBAAAY,CACF,IAQM,CACJ,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,OAAQ,MAAAC,CAAA,EAAUC,EAAAA,SAAA,EAEvC,OAAID,EAEAE,MAACC,EAAAA,OACC,SAAAD,EAAAA,IAACE,EAAAA,GAAA,CAAG,gBAAiB,GACnB,SAAAF,EAAAA,IAACG,EAAAA,IAAG,QAASlB,EAAM,wBAAwB,OACzC,eAACmB,EAAA,CAAW,KAAAR,EAAa,GAAGD,CAAA,CAAiB,EAC/C,EACF,CAAA,CACF,SAKDM,QAAA,CACC,SAAA,CAAAD,EAAAA,IAACK,EAAAA,SAAA,CAAS,QAASb,CAAA,CAAY,EAC/BQ,EAAAA,IAACd,EAAA,CACE,SAAAI,EAAY,IAAKgB,GAAe,CAC/B,MAAMC,EAAMhB,EAAKe,EAAW,KAAK,EAEjC,cACGE,WAAA,CACE,SAAA,CAAAD,EAAI,aAAA,GAAkBA,EAAI,MAAQ,GACjCP,EAAAA,IAACS,UAAA,CAAiC,gBAAiB,GACjD,SAAAT,EAAAA,IAACG,EAAAA,IAAG,QAASlB,EAAM,oBAAoB,MAAA,CAAQ,GADnC,GAAGsB,EAAI,EAAE,SAEvB,QAEDnB,EAAA,CAAyB,MAAAH,EAAc,QAAAS,EAAkB,IAAAa,CAAA,EAAhDD,EAAW,GAA+C,CAAA,CAAA,EANvD,GAAGC,EAAI,EAAE,WAOxB,CAEJ,CAAC,CAAA,CACH,EACAP,EAAAA,IAACK,EAAAA,SAAA,CAAS,QAASZ,CAAA,CAAe,CAAA,EACpC,CAEJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableFooter.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { flexRender, RowData } from '@tanstack/react-table';\n\nimport type { IBaseTableElementProps } from './BaseTable.types';\nimport { Tr, Th, TFoot } from '../TableElements/TableElements';\nimport { useTable } from '../../hooks/useTable';\nimport { hasFooter, headerCellProps } from '../../utils/baseTableUtils';\n\nconst Footer = <TData extends RowData>({ table, options }: IBaseTableElementProps<TData>) => {\n  const { 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 data-sticky={options?.stickyFooter}>\n      {table\n        .getFooterGroups()\n        .filter((footerGroup) => footerGroup.headers.some((header) => Boolean(header.column.columnDef.footer)))\n        .map((footerGroup) => (\n          <Tr key={footerGroup.id} depth={footerGroup.depth} disableRowHover={true}>\n            {footerGroup?.headers.map((header) => (\n              <Th key={header.id} {...headerCellProps(header)}>\n                {header.isPlaceholder ? null : flexRender(header.column.columnDef.footer, header.getContext())}\n              </Th>\n            ))}\n          </Tr>\n        ))}\n    </TFoot>\n  );\n};\n\nexport default Footer;\n"],"names":["Footer","table","options","empty","useTable","withTableFooter","useMemo","hasFooter","withPagination","jsx","TFoot","footerGroup","header","Tr","Th","headerCellProps","flexRender"],"mappings":"uOASMA,EAAS,CAAwB,CAAE,MAAAC,EAAO,QAAAC,KAA6C,CAC3F,KAAM,CAAE,MAAAC,CAAA,EAAUC,WAAA,EACZC,EAAkBC,UAAQ,IAAMC,YAAUN,EAAOC,CAAO,EAAG,CAACD,EAAOC,CAAO,CAAC,EAC3EM,EAAiBF,EAAAA,QAAQ,IAAMJ,GAAS,YAAcD,EAAM,0BAA2B,CAACA,EAAOC,CAAO,CAAC,EAE7G,OAAIC,GAAU,CAACE,GAAmB,CAACG,EAC1B,KAIPC,EAAAA,IAACC,EAAAA,MAAA,CAAM,cAAaR,GAAS,aAC1B,SAAAD,EACE,gBAAA,EACA,OAAQU,GAAgBA,EAAY,QAAQ,KAAMC,GAAW,EAAQA,EAAO,OAAO,UAAU,MAAO,CAAC,EACrG,IAAKD,GACJF,EAAAA,IAACI,EAAAA,GAAA,CAAwB,MAAOF,EAAY,MAAO,gBAAiB,GACjE,SAAAA,GAAa,QAAQ,IAAKC,GACzBH,EAAAA,IAACK,EAAAA,GAAA,CAAoB,GAAGC,EAAAA,gBAAgBH,CAAM,EAC3C,SAAAA,EAAO,cAAgB,KAAOI,EAAAA,WAAWJ,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,CAAA,EADtFA,EAAO,EAEhB,CACD,CAAA,EALMD,EAAY,EAMrB,CACD,EACL,CAEJ"}
+{"version":3,"file":"TableFooter.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableFooter.tsx"],"sourcesContent":["import { useMemo } from 'react';\r\n\r\nimport { flexRender, RowData } from '@tanstack/react-table';\r\n\r\nimport type { IBaseTableElementProps } from './BaseTable.types';\r\nimport { Tr, Th, TFoot } from '../TableElements/TableElements';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { hasFooter, headerCellProps } from '../../utils/baseTableUtils';\r\n\r\nconst Footer = <TData extends RowData>({ table, options }: IBaseTableElementProps<TData>) => {\r\n  const { empty } = useTable();\r\n  const withTableFooter = useMemo(() => hasFooter(table, options), [table, options]);\r\n  const withPagination = useMemo(() => options?.pagination && table.getIsSomeColumnsVisible(), [table, options]);\r\n\r\n  if (empty || (!withTableFooter && !withPagination)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <TFoot data-sticky={options?.stickyFooter}>\r\n      {table\r\n        .getFooterGroups()\r\n        .filter((footerGroup) => footerGroup.headers.some((header) => Boolean(header.column.columnDef.footer)))\r\n        .map((footerGroup) => (\r\n          <Tr key={footerGroup.id} depth={footerGroup.depth} disableRowHover={true}>\r\n            {footerGroup?.headers.map((header) => (\r\n              <Th key={header.id} {...headerCellProps(header)}>\r\n                {header.isPlaceholder ? null : flexRender(header.column.columnDef.footer, header.getContext())}\r\n              </Th>\r\n            ))}\r\n          </Tr>\r\n        ))}\r\n    </TFoot>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n"],"names":["Footer","table","options","empty","useTable","withTableFooter","useMemo","hasFooter","withPagination","jsx","TFoot","footerGroup","header","Tr","Th","headerCellProps","flexRender"],"mappings":"uOASMA,EAAS,CAAwB,CAAE,MAAAC,EAAO,QAAAC,KAA6C,CAC3F,KAAM,CAAE,MAAAC,CAAA,EAAUC,WAAA,EACZC,EAAkBC,UAAQ,IAAMC,YAAUN,EAAOC,CAAO,EAAG,CAACD,EAAOC,CAAO,CAAC,EAC3EM,EAAiBF,EAAAA,QAAQ,IAAMJ,GAAS,YAAcD,EAAM,0BAA2B,CAACA,EAAOC,CAAO,CAAC,EAE7G,OAAIC,GAAU,CAACE,GAAmB,CAACG,EAC1B,KAIPC,EAAAA,IAACC,EAAAA,MAAA,CAAM,cAAaR,GAAS,aAC1B,SAAAD,EACE,gBAAA,EACA,OAAQU,GAAgBA,EAAY,QAAQ,KAAMC,GAAW,EAAQA,EAAO,OAAO,UAAU,MAAO,CAAC,EACrG,IAAKD,GACJF,EAAAA,IAACI,EAAAA,GAAA,CAAwB,MAAOF,EAAY,MAAO,gBAAiB,GACjE,SAAAA,GAAa,QAAQ,IAAKC,GACzBH,EAAAA,IAACK,EAAAA,GAAA,CAAoB,GAAGC,EAAAA,gBAAgBH,CAAM,EAC3C,SAAAA,EAAO,cAAgB,KAAOI,EAAAA,WAAWJ,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,CAAA,EADtFA,EAAO,EAEhB,CACD,CAAA,EALMD,EAAY,EAMrB,CACD,EACL,CAEJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableHeader.tsx"],"sourcesContent":["import { type PropsWithChildren, useMemo } from 'react';\n\nimport { type RowData, type Header as HeaderType } from '@tanstack/react-table';\nimport { NOOP_COMPONENT } from 'acinguiux-ds-react-base/consts';\n\nimport { Tr, Th, THead } from '../TableElements/TableElements';\nimport type { IBaseTableElementProps, IHeaderCellProps } from './BaseTable.types';\nimport { hasHeader, headerCellProps } from '../../utils/baseTableUtils';\nimport { useTable } from '../../hooks/useTable';\nimport { HeaderCell } from '../TableElements/HeaderCell';\n\nconst DefaultHeader = <TData extends RowData, TValue = unknown>({\n  header,\n  table,\n  options,\n}: IHeaderCellProps<TData, TValue>) => (\n  <Th {...headerCellProps(header)}>\n    <HeaderCell options={options} table={table} header={header} />\n  </Th>\n);\n\nconst Header = <TData extends RowData, TValue = unknown>({\n  table,\n  options,\n  HeaderProvider = NOOP_COMPONENT,\n  Header: HeaderComponent = DefaultHeader,\n}: IBaseTableElementProps<TData> & {\n  HeaderProvider?: React.ComponentType<PropsWithChildren>;\n  Header?: React.ComponentType<IHeaderCellProps<TData, TValue>>;\n}) => {\n  const { empty } = useTable();\n  const withTableHeader = useMemo(() => hasHeader(table, options), [table, options]);\n\n  if (empty || !withTableHeader) {\n    return null;\n  }\n\n  return (\n    <THead data-sticky={options?.stickyHeader}>\n      {!!withTableHeader &&\n        table.getHeaderGroups().map((headerGroup) => (\n          <Tr key={headerGroup.id} depth={headerGroup.depth} disableRowHover={true}>\n            <HeaderProvider>\n              {headerGroup.headers.map((hgHeader) => (\n                <HeaderComponent\n                  key={hgHeader.id}\n                  header={hgHeader as HeaderType<TData, TValue>}\n                  table={table}\n                  options={options}\n                />\n              ))}\n            </HeaderProvider>\n          </Tr>\n        ))}\n    </THead>\n  );\n};\n\nexport default Header;\n"],"names":["DefaultHeader","header","table","options","jsx","Th","headerCellProps","HeaderCell","Header","HeaderProvider","NOOP_COMPONENT","HeaderComponent","empty","useTable","withTableHeader","useMemo","hasHeader","THead","headerGroup","Tr","hgHeader"],"mappings":"wSAWMA,EAAgB,CAA0C,CAC9D,OAAAC,EACA,MAAAC,EACA,QAAAC,CACF,IACEC,EAAAA,IAACC,EAAAA,GAAA,CAAI,GAAGC,EAAAA,gBAAgBL,CAAM,EAC5B,SAAAG,EAAAA,IAACG,EAAAA,WAAA,CAAW,QAAAJ,EAAkB,MAAAD,EAAc,OAAAD,CAAA,CAAgB,CAAA,CAC9D,EAGIO,EAAS,CAA0C,CACvD,MAAAN,EACA,QAAAC,EACA,eAAAM,EAAiBC,EAAAA,eACjB,OAAQC,EAAkBX,CAC5B,IAGM,CACJ,KAAM,CAAE,MAAAY,CAAA,EAAUC,WAAA,EACZC,EAAkBC,UAAQ,IAAMC,YAAUd,EAAOC,CAAO,EAAG,CAACD,EAAOC,CAAO,CAAC,EAEjF,OAAIS,GAAS,CAACE,EACL,KAIPV,EAAAA,IAACa,EAAAA,MAAA,CAAM,cAAad,GAAS,aAC1B,SAAA,CAAC,CAACW,GACDZ,EAAM,gBAAA,EAAkB,IAAKgB,GAC3Bd,EAAAA,IAACe,EAAAA,GAAA,CAAwB,MAAOD,EAAY,MAAO,gBAAiB,GAClE,SAAAd,EAAAA,IAACK,EAAA,CACE,SAAAS,EAAY,QAAQ,IAAKE,GACxBhB,EAAAA,IAACO,EAAA,CAEC,OAAQS,EACR,MAAAlB,EACA,QAAAC,CAAA,EAHKiB,EAAS,EAAA,CAKjB,CAAA,CACH,CAAA,EAVOF,EAAY,EAWrB,CACD,CAAA,CACL,CAEJ"}
+{"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/Table/components/BaseTable/TableHeader.tsx"],"sourcesContent":["import { type PropsWithChildren, useMemo } from 'react';\r\n\r\nimport { type RowData, type Header as HeaderType } from '@tanstack/react-table';\r\nimport { NOOP_COMPONENT } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport { Tr, Th, THead } from '../TableElements/TableElements';\r\nimport type { IBaseTableElementProps, IHeaderCellProps } from './BaseTable.types';\r\nimport { hasHeader, headerCellProps } from '../../utils/baseTableUtils';\r\nimport { useTable } from '../../hooks/useTable';\r\nimport { HeaderCell } from '../TableElements/HeaderCell';\r\n\r\nconst DefaultHeader = <TData extends RowData, TValue = unknown>({\r\n  header,\r\n  table,\r\n  options,\r\n}: IHeaderCellProps<TData, TValue>) => (\r\n  <Th {...headerCellProps(header)}>\r\n    <HeaderCell options={options} table={table} header={header} />\r\n  </Th>\r\n);\r\n\r\nconst Header = <TData extends RowData, TValue = unknown>({\r\n  table,\r\n  options,\r\n  HeaderProvider = NOOP_COMPONENT,\r\n  Header: HeaderComponent = DefaultHeader,\r\n}: IBaseTableElementProps<TData> & {\r\n  HeaderProvider?: React.ComponentType<PropsWithChildren>;\r\n  Header?: React.ComponentType<IHeaderCellProps<TData, TValue>>;\r\n}) => {\r\n  const { empty } = useTable();\r\n  const withTableHeader = useMemo(() => hasHeader(table, options), [table, options]);\r\n\r\n  if (empty || !withTableHeader) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <THead data-sticky={options?.stickyHeader}>\r\n      {!!withTableHeader &&\r\n        table.getHeaderGroups().map((headerGroup) => (\r\n          <Tr key={headerGroup.id} depth={headerGroup.depth} disableRowHover={true}>\r\n            <HeaderProvider>\r\n              {headerGroup.headers.map((hgHeader) => (\r\n                <HeaderComponent\r\n                  key={hgHeader.id}\r\n                  header={hgHeader as HeaderType<TData, TValue>}\r\n                  table={table}\r\n                  options={options}\r\n                />\r\n              ))}\r\n            </HeaderProvider>\r\n          </Tr>\r\n        ))}\r\n    </THead>\r\n  );\r\n};\r\n\r\nexport default Header;\r\n"],"names":["DefaultHeader","header","table","options","jsx","Th","headerCellProps","HeaderCell","Header","HeaderProvider","NOOP_COMPONENT","HeaderComponent","empty","useTable","withTableHeader","useMemo","hasHeader","THead","headerGroup","Tr","hgHeader"],"mappings":"wSAWMA,EAAgB,CAA0C,CAC9D,OAAAC,EACA,MAAAC,EACA,QAAAC,CACF,IACEC,EAAAA,IAACC,EAAAA,GAAA,CAAI,GAAGC,EAAAA,gBAAgBL,CAAM,EAC5B,SAAAG,EAAAA,IAACG,EAAAA,WAAA,CAAW,QAAAJ,EAAkB,MAAAD,EAAc,OAAAD,CAAA,CAAgB,CAAA,CAC9D,EAGIO,EAAS,CAA0C,CACvD,MAAAN,EACA,QAAAC,EACA,eAAAM,EAAiBC,EAAAA,eACjB,OAAQC,EAAkBX,CAC5B,IAGM,CACJ,KAAM,CAAE,MAAAY,CAAA,EAAUC,WAAA,EACZC,EAAkBC,UAAQ,IAAMC,YAAUd,EAAOC,CAAO,EAAG,CAACD,EAAOC,CAAO,CAAC,EAEjF,OAAIS,GAAS,CAACE,EACL,KAIPV,EAAAA,IAACa,EAAAA,MAAA,CAAM,cAAad,GAAS,aAC1B,SAAA,CAAC,CAACW,GACDZ,EAAM,gBAAA,EAAkB,IAAKgB,GAC3Bd,EAAAA,IAACe,EAAAA,GAAA,CAAwB,MAAOD,EAAY,MAAO,gBAAiB,GAClE,SAAAd,EAAAA,IAACK,EAAA,CACE,SAAAS,EAAY,QAAQ,IAAKE,GACxBhB,EAAAA,IAACO,EAAA,CAEC,OAAQS,EACR,MAAAlB,EACA,QAAAC,CAAA,EAHKiB,EAAS,EAAA,CAKjB,CAAA,CACH,CAAA,EAVOF,EAAY,EAWrB,CACD,CAAA,CACL,CAEJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Table/components/Draggable/Cell.tsx"],"sourcesContent":["import type { RowData } from '@tanstack/react-table';\nimport type { DraggableAttributes } from '@dnd-kit/core';\nimport type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';\n\nimport DragIos from '../../../Icon/components/DragIos';\nimport type { ICellElementProps } from '../BaseTable/BaseTable.types';\nimport { DraggableButton } from '../TableElements/DraggableButton';\nimport { Cell } from '../BaseTable/Cell';\n\nexport const DraggableCell = <TData extends RowData, TValue = unknown>({\n  cell,\n  rowDragAttributes,\n  rowDragListeners,\n  options,\n  setNodeRef,\n  row,\n  table,\n}: ICellElementProps<TData, TValue> & {\n  rowDragAttributes?: DraggableAttributes;\n  rowDragListeners?: SyntheticListenerMap;\n  setNodeRef?: (node: HTMLElement | null) => void;\n}) => (\n  <Cell\n    cell={cell}\n    row={row}\n    table={table}\n    options={options}\n    prefix={\n      cell.column.getIndex() === 0 &&\n      table.getState().sorting.length === 0 && (\n        <DraggableButton\n          ref={setNodeRef}\n          {...rowDragAttributes}\n          {...rowDragListeners}\n          icon={<DragIos />}\n          iconOnly={true}\n        />\n      )\n    }\n  />\n);\n"],"names":["DraggableCell","cell","rowDragAttributes","rowDragListeners","options","setNodeRef","row","table","jsx","Cell","DraggableButton","DragIos"],"mappings":"qRASaA,EAAgB,CAA0C,CACrE,KAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,IAAAC,EACA,MAAAC,CACF,IAKEC,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAAR,EACA,IAAAK,EACA,MAAAC,EACA,QAAAH,EACA,OACEH,EAAK,OAAO,SAAA,IAAe,GAC3BM,EAAM,WAAW,QAAQ,SAAW,GAClCC,EAAAA,IAACE,EAAAA,gBAAA,CACC,IAAKL,EACJ,GAAGH,EACH,GAAGC,EACJ,WAAOQ,EAAA,EAAQ,EACf,SAAU,EAAA,CAAA,CACZ,CAGN"}
+{"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Table/components/Draggable/Cell.tsx"],"sourcesContent":["import type { RowData } from '@tanstack/react-table';\r\nimport type { DraggableAttributes } from '@dnd-kit/core';\r\nimport type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';\r\n\r\nimport DragIos from '../../../Icon/components/DragIos';\r\nimport type { ICellElementProps } from '../BaseTable/BaseTable.types';\r\nimport { DraggableButton } from '../TableElements/DraggableButton';\r\nimport { Cell } from '../BaseTable/Cell';\r\n\r\nexport const DraggableCell = <TData extends RowData, TValue = unknown>({\r\n  cell,\r\n  rowDragAttributes,\r\n  rowDragListeners,\r\n  options,\r\n  setNodeRef,\r\n  row,\r\n  table,\r\n}: ICellElementProps<TData, TValue> & {\r\n  rowDragAttributes?: DraggableAttributes;\r\n  rowDragListeners?: SyntheticListenerMap;\r\n  setNodeRef?: (node: HTMLElement | null) => void;\r\n}) => (\r\n  <Cell\r\n    cell={cell}\r\n    row={row}\r\n    table={table}\r\n    options={options}\r\n    prefix={\r\n      cell.column.getIndex() === 0 &&\r\n      table.getState().sorting.length === 0 && (\r\n        <DraggableButton\r\n          ref={setNodeRef}\r\n          {...rowDragAttributes}\r\n          {...rowDragListeners}\r\n          icon={<DragIos />}\r\n          iconOnly={true}\r\n        />\r\n      )\r\n    }\r\n  />\r\n);\r\n"],"names":["DraggableCell","cell","rowDragAttributes","rowDragListeners","options","setNodeRef","row","table","jsx","Cell","DraggableButton","DragIos"],"mappings":"qRASaA,EAAgB,CAA0C,CACrE,KAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,IAAAC,EACA,MAAAC,CACF,IAKEC,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAAR,EACA,IAAAK,EACA,MAAAC,EACA,QAAAH,EACA,OACEH,EAAK,OAAO,SAAA,IAAe,GAC3BM,EAAM,WAAW,QAAQ,SAAW,GAClCC,EAAAA,IAACE,EAAAA,gBAAA,CACC,IAAKL,EACJ,GAAGH,EACH,GAAGC,EACJ,WAAOQ,EAAA,EAAQ,EACf,SAAU,EAAA,CAAA,CACZ,CAGN"}

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

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.js","sources":["../../../../../../src/components/Table/components/Draggable/DragHandle.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\n\nimport { defaultDropAnimation, DragOverlay, DropAnimation } from '@dnd-kit/core';\nimport { CSS } from '@dnd-kit/utilities';\nimport { styled } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport ArrowDirection from '../../../Icon/components/ArrowDirection';\nimport Label from '../../../Text/components/Label/Label';\n\nconst TRANSFORM_FINAL_OFFSET = 5;\n\nconst dropAnimationConfig: DropAnimation = {\n  keyframes({ transform }) {\n    return [\n      { opacity: 1, transform: CSS.Transform.toString(transform.initial) },\n      {\n        opacity: 0,\n        transform: CSS.Transform.toString({\n          ...transform.final,\n          x: transform.final.x + TRANSFORM_FINAL_OFFSET,\n          y: transform.final.y + TRANSFORM_FINAL_OFFSET,\n        }),\n      },\n    ];\n  },\n  easing: 'ease-out',\n  sideEffects({ active }) {\n    active.node.animate([{ opacity: 0 }, { opacity: 1 }], {\n      duration: defaultDropAnimation.duration,\n      easing: defaultDropAnimation.easing,\n    });\n  },\n};\n\nconst DragHandleContainer = styled(Flexbox)(\n  ({ theme }) => `\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  position: relative;\n  white-space: nowrap;\n  gap: 4px;\n  background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n  filter: ${theme.dropShadows.low3};\n  border-radius: 4px;\n  padding: 6px 12px 6px 8px;\n`,\n);\n\nconst DragHandle = ({ show, children }: PropsWithChildren<{ show: boolean }>) => {\n  return (\n    <DragOverlay dropAnimation={dropAnimationConfig}>\n      {show && (\n        <DragHandleContainer>\n          <ArrowDirection />\n          <Label size=\"small\" bold={true}>\n            {children}\n          </Label>\n        </DragHandleContainer>\n      )}\n    </DragOverlay>\n  );\n};\n\nexport default DragHandle;\n"],"names":["TRANSFORM_FINAL_OFFSET","dropAnimationConfig","transform","CSS","active","defaultDropAnimation","DragHandleContainer","styled","Flexbox","theme","Variables","DragHandle","show","children","DragOverlay","jsx","ArrowDirection","Label"],"mappings":"+VAWMA,EAAyB,EAEzBC,EAAqC,CACzC,UAAU,CAAE,UAAAC,GAAa,CACvB,MAAO,CACL,CAAE,QAAS,EAAG,UAAWC,EAAAA,IAAI,UAAU,SAASD,EAAU,OAAO,CAAA,EACjE,CACE,QAAS,EACT,UAAWC,EAAAA,IAAI,UAAU,SAAS,CAChC,GAAGD,EAAU,MACb,EAAGA,EAAU,MAAM,EAAIF,EACvB,EAAGE,EAAU,MAAM,EAAIF,CAAA,CACxB,CAAA,CACH,CAEJ,EACA,OAAQ,WACR,YAAY,CAAE,OAAAI,GAAU,CACtBA,EAAO,KAAK,QAAQ,CAAC,CAAE,QAAS,CAAA,EAAK,CAAE,QAAS,CAAA,CAAG,EAAG,CACpD,SAAUC,EAAAA,qBAAqB,SAC/B,OAAQA,EAAAA,qBAAqB,MAAA,CAC9B,CACH,CACF,EAEMC,EAAsBC,EAAAA,OAAOC,CAAO,EACxC,CAAC,CAAE,MAAAC,CAAA,IAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOKA,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEC,EAAAA,UAAU,oBAAoB,CAAC;AAAA,YAChFD,EAAM,YAAY,IAAI;AAAA;AAAA;AAAA,CAIlC,EAEME,EAAa,CAAC,CAAE,KAAAC,EAAM,SAAAC,WAEvBC,EAAAA,YAAA,CAAY,cAAeb,EACzB,SAAAW,UACEN,EAAA,CACC,SAAA,CAAAS,EAAAA,IAACC,EAAA,EAAe,QACfC,EAAA,CAAM,KAAK,QAAQ,KAAM,GACvB,SAAAJ,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAEJ"}
+{"version":3,"file":"DragHandle.js","sources":["../../../../../../src/components/Table/components/Draggable/DragHandle.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\r\n\r\nimport { defaultDropAnimation, DragOverlay, DropAnimation } from '@dnd-kit/core';\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { styled } from 'styled-components';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\n\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport ArrowDirection from '../../../Icon/components/ArrowDirection';\r\nimport Label from '../../../Text/components/Label/Label';\r\n\r\nconst TRANSFORM_FINAL_OFFSET = 5;\r\n\r\nconst dropAnimationConfig: DropAnimation = {\r\n  keyframes({ transform }) {\r\n    return [\r\n      { opacity: 1, transform: CSS.Transform.toString(transform.initial) },\r\n      {\r\n        opacity: 0,\r\n        transform: CSS.Transform.toString({\r\n          ...transform.final,\r\n          x: transform.final.x + TRANSFORM_FINAL_OFFSET,\r\n          y: transform.final.y + TRANSFORM_FINAL_OFFSET,\r\n        }),\r\n      },\r\n    ];\r\n  },\r\n  easing: 'ease-out',\r\n  sideEffects({ active }) {\r\n    active.node.animate([{ opacity: 0 }, { opacity: 1 }], {\r\n      duration: defaultDropAnimation.duration,\r\n      easing: defaultDropAnimation.easing,\r\n    });\r\n  },\r\n};\r\n\r\nconst DragHandleContainer = styled(Flexbox)(\r\n  ({ theme }) => `\r\n  display: flex;\r\n  align-items: center;\r\n  width: fit-content;\r\n  position: relative;\r\n  white-space: nowrap;\r\n  gap: 4px;\r\n  background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\r\n  filter: ${theme.dropShadows.low3};\r\n  border-radius: 4px;\r\n  padding: 6px 12px 6px 8px;\r\n`,\r\n);\r\n\r\nconst DragHandle = ({ show, children }: PropsWithChildren<{ show: boolean }>) => {\r\n  return (\r\n    <DragOverlay dropAnimation={dropAnimationConfig}>\r\n      {show && (\r\n        <DragHandleContainer>\r\n          <ArrowDirection />\r\n          <Label size=\"small\" bold={true}>\r\n            {children}\r\n          </Label>\r\n        </DragHandleContainer>\r\n      )}\r\n    </DragOverlay>\r\n  );\r\n};\r\n\r\nexport default DragHandle;\r\n"],"names":["TRANSFORM_FINAL_OFFSET","dropAnimationConfig","transform","CSS","active","defaultDropAnimation","DragHandleContainer","styled","Flexbox","theme","Variables","DragHandle","show","children","DragOverlay","jsx","ArrowDirection","Label"],"mappings":"+VAWMA,EAAyB,EAEzBC,EAAqC,CACzC,UAAU,CAAE,UAAAC,GAAa,CACvB,MAAO,CACL,CAAE,QAAS,EAAG,UAAWC,EAAAA,IAAI,UAAU,SAASD,EAAU,OAAO,CAAA,EACjE,CACE,QAAS,EACT,UAAWC,EAAAA,IAAI,UAAU,SAAS,CAChC,GAAGD,EAAU,MACb,EAAGA,EAAU,MAAM,EAAIF,EACvB,EAAGE,EAAU,MAAM,EAAIF,CAAA,CACxB,CAAA,CACH,CAEJ,EACA,OAAQ,WACR,YAAY,CAAE,OAAAI,GAAU,CACtBA,EAAO,KAAK,QAAQ,CAAC,CAAE,QAAS,CAAA,EAAK,CAAE,QAAS,CAAA,CAAG,EAAG,CACpD,SAAUC,EAAAA,qBAAqB,SAC/B,OAAQA,EAAAA,qBAAqB,MAAA,CAC9B,CACH,CACF,EAEMC,EAAsBC,EAAAA,OAAOC,CAAO,EACxC,CAAC,CAAE,MAAAC,CAAA,IAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOKA,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEC,EAAAA,UAAU,oBAAoB,CAAC;AAAA,YAChFD,EAAM,YAAY,IAAI;AAAA;AAAA;AAAA,CAIlC,EAEME,EAAa,CAAC,CAAE,KAAAC,EAAM,SAAAC,WAEvBC,EAAAA,YAAA,CAAY,cAAeb,EACzB,SAAAW,UACEN,EAAA,CACC,SAAA,CAAAS,EAAAA,IAACC,EAAA,EAAe,QACfC,EAAA,CAAM,KAAK,QAAQ,KAAM,GACvB,SAAAJ,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAEJ"}