npm - acinguiux-ds-react-framework - Versions diffs - 0.1.26 → 0.1.28 - Mend

acinguiux-ds-react-framework 0.1.26 → 0.1.28

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

Files changed (4341) hide show

package/build/esm/components/Slider/Slider.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.styles.js","sources":["../../../../src/components/Slider/Slider.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Positions, Alignments, Sizes, ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { SliderConsts, type SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getLabelTypographySize, getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport { getFlexDirectionForLabel, getAlignItemsForLabel } from './utils/styleUtils';\n\ntype SliderPropKeys = 'prefixCls' \| 'size' \| 'labelAlignment' \| 'labelPosition' \| 'reverse' \| 'disabled';\ntype SliderProps = Required<PickTransient<SliderTypes.IProps, SliderPropKeys>>;\n\nconst Slider = styled.div<SliderProps>`\n ${({ $prefixCls, $size, theme, $labelAlignment, $labelPosition, $reverse, $disabled }) => {\n const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\n const sectionLayer = theme.layer({ foundation: 'section', disabled: $disabled });\n const raisedLayer = theme.layer({ foundation: 'raised', disabled: $disabled });\n\n return css`\n display: flex;\n flex-direction: ${getFlexDirectionForLabel($labelAlignment, $labelPosition)};\n align-items: ${getAlignItemsForLabel($labelAlignment, $labelPosition)};\n justify-content: ${($labelPosition === Positions.Bottom \|\| $labelPosition === Positions.Top) && 'center'};\n column-gap: ${SliderConsts.consts[$size].gap};\n width: 100%;\n color: ${layer[Variables.TextOnFoundationStrong]};\n\n ${$labelPosition === Positions.Side &&\n css`\n .${$prefixCls}-value {\n width: 32px;\n text-align: ${$labelAlignment === Alignments.Right ? 'left' : 'right'};\n }\n `}\n\n .${$prefixCls} {\n min-height: ${SliderConsts.consts[$size].handler.size};\n position: relative;\n width: 100%;\n margin-inline: 16px;\n cursor: pointer;\n\n .${$prefixCls}-rail, .${$prefixCls}-track {\n height: ${SliderConsts.consts[$size].rail.height};\n margin: ${`${SliderConsts.consts[$size].rail.margin} 0px`};\n border-radius: 3px;\n position: absolute;\n }\n\n .${$prefixCls}-rail {\n width: 100%;\n background-color: ${sectionLayer[Variables.BackgroundFoundation]};\n }\n\n .${$prefixCls}-track {\n background-color: ${layer[Variables.BackgroundSelected]};\n }\n\n .${$prefixCls}-handle, .${$prefixCls}-dot {\n height: ${SliderConsts.consts[$size].handler.size};\n width: ${SliderConsts.consts[$size].handler.size};\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n border-radius: 50%;\n cursor: pointer;\n position: absolute;\n\n &:focus-visible {\n ${getFocusStyles(theme)};\n }\n }\n\n .${$prefixCls}-handle {\n border: 1px solid\n ${$disabled\n ? theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]\n : layer[Variables.BorderOnFoundationMedium]};\n transition: transform 0.3s;\n\n ${!$disabled &&\n css`\n &:hover {\n background-color: ${layer[Variables.BackgroundFoundation]};\n transform: translateX(${$reverse ? '50%' : '-50%'}) scale(1.2) !important;\n }\n\n &.${$prefixCls}-handle-dragging {\n transform: translateX(${$reverse ? '50%' : '-50%'}) scale(1) !important;\n background-color: ${layer[Variables.BackgroundFoundation]};\n }\n `}\n }\n\n .${$prefixCls}-dot {\n height: ${SliderConsts.consts[$size].rail.height};\n width: ${SliderConsts.consts[$size].rail.height};\n transform: translateX(${$reverse ? '50%' : '-50%'});\n top: ${SliderConsts.consts[$size].rail.margin};\n outline: 3px solid ${sectionLayer[Variables.BackgroundFoundation]};\n }\n\n .${$prefixCls}-dot-active {\n outline-color: ${layer[Variables.BackgroundSelected]};\n }\n\n .${$prefixCls}-mark {\n position: relative;\n height: ${SliderConsts.consts[$size].handler.size};\n margin-top: ${SliderConsts.consts[$size].handler.size};\n }\n\n .${$prefixCls}-mark-text {\n position: absolute;\n ${theme.typography('label', getLabelTypographySize(getSmallerSize($size)))};\n }\n }\n\n .${$prefixCls}-tooltip-hidden {\n display: none;\n }\n\n .${$prefixCls}-tooltip {\n position: absolute;\n border-radius: 2px;\n background: ${raisedLayer[Variables.BackgroundFoundation]};\n filter: ${theme.dropShadows.low2};\n padding: 4px 8px;\n\n .${$prefixCls}-tooltip-inner {\n ${$size === Sizes.Small && theme.typography('paragraph', 'small')};\n }\n\n .${$prefixCls}-tooltip-arrow {\n position: relative;\n z-index: ${ZIndexes.ELEVATED};\n overflow: hidden;\n bottom: 0;\n\n &::before {\n left: 50%;\n position: absolute;\n content: '';\n display: block;\n width: 12px;\n height: 12px;\n background: ${raisedLayer[Variables.BackgroundFoundation]};\n box-shadow:\n rgb(0 0 0 / 2%) 0 0 4px 0,\n rgb(0 0 0 / 4%) 0 0 0 1px;\n }\n }\n }\n `;\n }}\n`;\n\nconst RangeLabels = styled.div<{ $grow: boolean; $disabled?: boolean }>`\n ${({ $grow, theme, $disabled }) => css`\n display: flex;\n justify-content: space-between;\n width: ${$grow && '100%'};\n color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n `}\n`;\n\nconst Tooltip = styled.div`\n ${({ theme }) => theme.typography('label', 'small')};\n padding: 4px 8px;\n`;\n\nexport { Slider, RangeLabels, Tooltip };\n"],"names":["Slider","styled","$prefixCls","$size","theme","$labelAlignment","$labelPosition","$reverse","$disabled","layer","sectionLayer","raisedLayer","css","getFlexDirectionForLabel","getAlignItemsForLabel","Positions","SliderConsts.consts","Variables","Alignments","getFocusStyles","getLabelTypographySize","getSmallerSize","Sizes","ZIndexes","RangeLabels","$grow"],"mappings":"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"}
1	+ {"version":3,"file":"Slider.styles.js","sources":["../../../../src/components/Slider/Slider.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Positions, Alignments, Sizes, ZIndexes } from 'acinguiux-ds-react-base/consts';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport { SliderConsts, type SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { getLabelTypographySize, getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport { getFlexDirectionForLabel, getAlignItemsForLabel } from './utils/styleUtils';\r\n\r\ntype SliderPropKeys = 'prefixCls' \| 'size' \| 'labelAlignment' \| 'labelPosition' \| 'reverse' \| 'disabled';\r\ntype SliderProps = Required<PickTransient<SliderTypes.IProps, SliderPropKeys>>;\r\n\r\nconst Slider = styled.div<SliderProps>`\r\n ${({ $prefixCls, $size, theme, $labelAlignment, $labelPosition, $reverse, $disabled }) => {\r\n const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\r\n const sectionLayer = theme.layer({ foundation: 'section', disabled: $disabled });\r\n const raisedLayer = theme.layer({ foundation: 'raised', disabled: $disabled });\r\n\r\n return css`\r\n display: flex;\r\n flex-direction: ${getFlexDirectionForLabel($labelAlignment, $labelPosition)};\r\n align-items: ${getAlignItemsForLabel($labelAlignment, $labelPosition)};\r\n justify-content: ${($labelPosition === Positions.Bottom \|\| $labelPosition === Positions.Top) && 'center'};\r\n column-gap: ${SliderConsts.consts[$size].gap};\r\n width: 100%;\r\n color: ${layer[Variables.TextOnFoundationStrong]};\r\n\r\n ${$labelPosition === Positions.Side &&\r\n css`\r\n .${$prefixCls}-value {\r\n width: 32px;\r\n text-align: ${$labelAlignment === Alignments.Right ? 'left' : 'right'};\r\n }\r\n `}\r\n\r\n .${$prefixCls} {\r\n min-height: ${SliderConsts.consts[$size].handler.size};\r\n position: relative;\r\n width: 100%;\r\n margin-inline: 16px;\r\n cursor: pointer;\r\n\r\n .${$prefixCls}-rail, .${$prefixCls}-track {\r\n height: ${SliderConsts.consts[$size].rail.height};\r\n margin: ${`${SliderConsts.consts[$size].rail.margin} 0px`};\r\n border-radius: 3px;\r\n position: absolute;\r\n }\r\n\r\n .${$prefixCls}-rail {\r\n width: 100%;\r\n background-color: ${sectionLayer[Variables.BackgroundFoundation]};\r\n }\r\n\r\n .${$prefixCls}-track {\r\n background-color: ${layer[Variables.BackgroundSelected]};\r\n }\r\n\r\n .${$prefixCls}-handle, .${$prefixCls}-dot {\r\n height: ${SliderConsts.consts[$size].handler.size};\r\n width: ${SliderConsts.consts[$size].handler.size};\r\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\r\n border-radius: 50%;\r\n cursor: pointer;\r\n position: absolute;\r\n\r\n &:focus-visible {\r\n ${getFocusStyles(theme)};\r\n }\r\n }\r\n\r\n .${$prefixCls}-handle {\r\n border: 1px solid\r\n ${$disabled\r\n ? theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]\r\n : layer[Variables.BorderOnFoundationMedium]};\r\n transition: transform 0.3s;\r\n\r\n ${!$disabled &&\r\n css`\r\n &:hover {\r\n background-color: ${layer[Variables.BackgroundFoundation]};\r\n transform: translateX(${$reverse ? '50%' : '-50%'}) scale(1.2) !important;\r\n }\r\n\r\n &.${$prefixCls}-handle-dragging {\r\n transform: translateX(${$reverse ? '50%' : '-50%'}) scale(1) !important;\r\n background-color: ${layer[Variables.BackgroundFoundation]};\r\n }\r\n `}\r\n }\r\n\r\n .${$prefixCls}-dot {\r\n height: ${SliderConsts.consts[$size].rail.height};\r\n width: ${SliderConsts.consts[$size].rail.height};\r\n transform: translateX(${$reverse ? '50%' : '-50%'});\r\n top: ${SliderConsts.consts[$size].rail.margin};\r\n outline: 3px solid ${sectionLayer[Variables.BackgroundFoundation]};\r\n }\r\n\r\n .${$prefixCls}-dot-active {\r\n outline-color: ${layer[Variables.BackgroundSelected]};\r\n }\r\n\r\n .${$prefixCls}-mark {\r\n position: relative;\r\n height: ${SliderConsts.consts[$size].handler.size};\r\n margin-top: ${SliderConsts.consts[$size].handler.size};\r\n }\r\n\r\n .${$prefixCls}-mark-text {\r\n position: absolute;\r\n ${theme.typography('label', getLabelTypographySize(getSmallerSize($size)))};\r\n }\r\n }\r\n\r\n .${$prefixCls}-tooltip-hidden {\r\n display: none;\r\n }\r\n\r\n .${$prefixCls}-tooltip {\r\n position: absolute;\r\n border-radius: 2px;\r\n background: ${raisedLayer[Variables.BackgroundFoundation]};\r\n filter: ${theme.dropShadows.low2};\r\n padding: 4px 8px;\r\n\r\n .${$prefixCls}-tooltip-inner {\r\n ${$size === Sizes.Small && theme.typography('paragraph', 'small')};\r\n }\r\n\r\n .${$prefixCls}-tooltip-arrow {\r\n position: relative;\r\n z-index: ${ZIndexes.ELEVATED};\r\n overflow: hidden;\r\n bottom: 0;\r\n\r\n &::before {\r\n left: 50%;\r\n position: absolute;\r\n content: '';\r\n display: block;\r\n width: 12px;\r\n height: 12px;\r\n background: ${raisedLayer[Variables.BackgroundFoundation]};\r\n box-shadow:\r\n rgb(0 0 0 / 2%) 0 0 4px 0,\r\n rgb(0 0 0 / 4%) 0 0 0 1px;\r\n }\r\n }\r\n }\r\n `;\r\n }}\r\n`;\r\n\r\nconst RangeLabels = styled.div<{ $grow: boolean; $disabled?: boolean }>`\r\n ${({ $grow, theme, $disabled }) => css`\r\n display: flex;\r\n justify-content: space-between;\r\n width: ${$grow && '100%'};\r\n color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\r\n `}\r\n`;\r\n\r\nconst Tooltip = styled.div`\r\n ${({ theme }) => theme.typography('label', 'small')};\r\n padding: 4px 8px;\r\n`;\r\n\r\nexport { Slider, RangeLabels, Tooltip };\r\n"],"names":["Slider","styled","$prefixCls","$size","theme","$labelAlignment","$labelPosition","$reverse","$disabled","layer","sectionLayer","raisedLayer","css","getFlexDirectionForLabel","getAlignItemsForLabel","Positions","SliderConsts.consts","Variables","Alignments","getFocusStyles","getLabelTypographySize","getSmallerSize","Sizes","ZIndexes","RangeLabels","$grow"],"mappings":"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"}

package/build/esm/components/Slider/components/Value/Value.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Value.js","sources":["../../../../../../src/components/Slider/components/Value/Value.tsx"],"sourcesContent":["import { Sizes, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport TextInput from '../../../TextInput/TextInput';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport type { IValueProps } from './Value.types';\nimport Label from '../../../Text/components/Label/Label';\n\nconst Value = ({ size = Sizes.Medium, value, inputValues, handleOnChange, disabled = false }: IValueProps) => (\n <Flexbox gap=\"12px\" alignItems=\"center\">\n {inputValues ? (\n <TextInput\n type=\"text\"\n pattern=\"\\d*\"\n inputMode=\"numeric\"\n size={size}\n value={value}\n onChange={handleOnChange}\n wrapperProps={{ style: { width: '100px' } }}\n disabled={disabled}\n />\n ) : (\n <Label className={`${SLIDER_CLASS}-value`} size={size} disabled={disabled}>\n {value}\n </Label>\n )}\n </Flexbox>\n);\n\nexport default Value;\n"],"names":["Value","size","Sizes","value","inputValues","handleOnChange","disabled","jsx","Flexbox","TextInput","Label","SLIDER_CLASS"],"mappings":";;;;;;AAOA,MAAMA,IAAQ,CAAC,EAAE,MAAAC,IAAOC,EAAM,QAAQ,OAAAC,GAAO,aAAAC,GAAa,gBAAAC,GAAgB,UAAAC,IAAW,GAAA,MACnF,gBAAAC,EAACC,GAAA,EAAQ,KAAI,QAAO,YAAW,UAC5B,UAAAJ,IACC,gBAAAG;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,WAAU;AAAA,IACV,MAAAR;AAAA,IACA,OAAAE;AAAA,IACA,UAAUE;AAAA,IACV,cAAc,EAAE,OAAO,EAAE,OAAO,UAAQ;AAAA,IACxC,UAAAC;AAAA,EAAA;AACF,IAEA,gBAAAC,EAACG,KAAM,WAAW,GAAGC,CAAY,UAAU,MAAAV,GAAY,UAAAK,GACpD,UAAAH,EAAA,CACH,EAAA,CAEJ;"}
1	+ {"version":3,"file":"Value.js","sources":["../../../../../../src/components/Slider/components/Value/Value.tsx"],"sourcesContent":["import { Sizes, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport TextInput from '../../../TextInput/TextInput';\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport type { IValueProps } from './Value.types';\r\nimport Label from '../../../Text/components/Label/Label';\r\n\r\nconst Value = ({ size = Sizes.Medium, value, inputValues, handleOnChange, disabled = false }: IValueProps) => (\r\n <Flexbox gap=\"12px\" alignItems=\"center\">\r\n {inputValues ? (\r\n <TextInput\r\n type=\"text\"\r\n pattern=\"\\d*\"\r\n inputMode=\"numeric\"\r\n size={size}\r\n value={value}\r\n onChange={handleOnChange}\r\n wrapperProps={{ style: { width: '100px' } }}\r\n disabled={disabled}\r\n />\r\n ) : (\r\n <Label className={`${SLIDER_CLASS}-value`} size={size} disabled={disabled}>\r\n {value}\r\n </Label>\r\n )}\r\n </Flexbox>\r\n);\r\n\r\nexport default Value;\r\n"],"names":["Value","size","Sizes","value","inputValues","handleOnChange","disabled","jsx","Flexbox","TextInput","Label","SLIDER_CLASS"],"mappings":";;;;;;AAOA,MAAMA,IAAQ,CAAC,EAAE,MAAAC,IAAOC,EAAM,QAAQ,OAAAC,GAAO,aAAAC,GAAa,gBAAAC,GAAgB,UAAAC,IAAW,GAAA,MACnF,gBAAAC,EAACC,GAAA,EAAQ,KAAI,QAAO,YAAW,UAC5B,UAAAJ,IACC,gBAAAG;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,WAAU;AAAA,IACV,MAAAR;AAAA,IACA,OAAAE;AAAA,IACA,UAAUE;AAAA,IACV,cAAc,EAAE,OAAO,EAAE,OAAO,UAAQ;AAAA,IACxC,UAAAC;AAAA,EAAA;AACF,IAEA,gBAAAC,EAACG,KAAM,WAAW,GAAGC,CAAY,UAAU,MAAAV,GAAY,UAAAK,GACpD,UAAAH,EAAA,CACH,EAAA,CAEJ;"}

package/build/esm/components/Slider/utils/styleUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styleUtils.js","sources":["../../../../../src/components/Slider/utils/styleUtils.ts"],"sourcesContent":["import { Positions, Alignments } from 'acinguiux-ds-react-base/consts';\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\n\nexport const getFlexDirectionForLabel = (\n alignment: SliderTypes.LabelAlignment,\n position: SliderTypes.LabelPosition,\n): string => {\n if (position === Positions.Top) {\n return 'column';\n }\n\n if (position === Positions.Bottom) {\n return 'column-reverse';\n }\n\n if (alignment === Alignments.Right) {\n return 'row-reverse';\n }\n\n return 'row';\n};\n\nexport const getAlignItemsForLabel = (\n alignment: SliderTypes.LabelAlignment,\n position: SliderTypes.LabelPosition,\n): string => {\n if (position === Positions.Side) {\n return 'center';\n }\n\n if (alignment === Alignments.Right) {\n return 'flex-end';\n }\n\n return 'flex-start';\n};\n"],"names":["getFlexDirectionForLabel","alignment","position","Positions","Alignments","getAlignItemsForLabel"],"mappings":";AAGO,MAAMA,IAA2B,CACtCC,GACAC,MAEIA,MAAaC,EAAU,MAClB,WAGLD,MAAaC,EAAU,SAClB,mBAGLF,MAAcG,EAAW,QACpB,gBAGF,OAGIC,IAAwB,CACnCJ,GACAC,MAEIA,MAAaC,EAAU,OAClB,WAGLF,MAAcG,EAAW,QACpB,aAGF;"}
1	+ {"version":3,"file":"styleUtils.js","sources":["../../../../../src/components/Slider/utils/styleUtils.ts"],"sourcesContent":["import { Positions, Alignments } from 'acinguiux-ds-react-base/consts';\r\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\r\n\r\nexport const getFlexDirectionForLabel = (\r\n alignment: SliderTypes.LabelAlignment,\r\n position: SliderTypes.LabelPosition,\r\n): string => {\r\n if (position === Positions.Top) {\r\n return 'column';\r\n }\r\n\r\n if (position === Positions.Bottom) {\r\n return 'column-reverse';\r\n }\r\n\r\n if (alignment === Alignments.Right) {\r\n return 'row-reverse';\r\n }\r\n\r\n return 'row';\r\n};\r\n\r\nexport const getAlignItemsForLabel = (\r\n alignment: SliderTypes.LabelAlignment,\r\n position: SliderTypes.LabelPosition,\r\n): string => {\r\n if (position === Positions.Side) {\r\n return 'center';\r\n }\r\n\r\n if (alignment === Alignments.Right) {\r\n return 'flex-end';\r\n }\r\n\r\n return 'flex-start';\r\n};\r\n"],"names":["getFlexDirectionForLabel","alignment","position","Positions","Alignments","getAlignItemsForLabel"],"mappings":";AAGO,MAAMA,IAA2B,CACtCC,GACAC,MAEIA,MAAaC,EAAU,MAClB,WAGLD,MAAaC,EAAU,SAClB,mBAGLF,MAAcG,EAAW,QACpB,gBAGF,OAGIC,IAAwB,CACnCJ,GACAC,MAEIA,MAAaC,EAAU,OAClB,WAGLF,MAAcG,EAAW,QACpB,aAGF;"}

package/build/esm/components/Stat/Stat.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stat.js","sources":["../../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport CountUp from 'react-countup';\nimport { Sizes, Alignments, STAT_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport AdditionalInfo from './components/AdditionalInfo/AdditionalInfo';\nimport StatIcon from './components/StatIcon/StatIcon';\nimport * as Styled from './Stat.styles';\nimport type { IStatProps } from './Stat.types';\n\nconst Stat = forwardRef<HTMLDivElement, IStatProps>(\n (\n {\n className = '',\n size = `${Sizes.Medium}`,\n labelText,\n label = true,\n value,\n alignment = `${Alignments.Left}`,\n icon,\n iconPosition = 'none',\n additionalInfo,\n suffix,\n prefix,\n valueAnimation = false,\n countUpProps = {},\n ...rest\n },\n ref,\n ): ReactElement => {\n const isLabelIconPosition = icon && iconPosition === 'label';\n const isValueIconPosition = icon && iconPosition === 'value';\n const isNextToStatIconPosition = icon && (iconPosition === 'stat' \|\| iconPosition === 'contained');\n\n return (\n <Styled.StatWrapper\n className={classNames(STAT_CLASS, className)}\n ref={ref}\n $size={size}\n $iconPosition={iconPosition}\n {...rest}\n >\n {!!isNextToStatIconPosition && alignment === `${Alignments.Left}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n\n <Styled.TextWrapper $size={size}>\n <Styled.LabelWrapper $alignment={alignment}>\n {!!isLabelIconPosition && label && alignment === `${Alignments.Left}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n\n {label && <Styled.Label $size={size}>{labelText}</Styled.Label>}\n\n {!!isLabelIconPosition && label && alignment === `${Alignments.Right}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n\n {additionalInfo && <AdditionalInfo size={size} additionalInfo={additionalInfo} />}\n </Styled.LabelWrapper>\n\n <Styled.ValueWrapperWithIcon>\n {!!isValueIconPosition && alignment === `${Alignments.Left}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n\n <Styled.ValueWrapper $alignment={alignment}>\n <Styled.Prefix $size={size}>{prefix}</Styled.Prefix>\n <Styled.Value $size={size}>\n {valueAnimation ? (\n <CountUp end={value} duration={2} {...countUpProps} />\n ) : (\n // eslint-disable-next-line new-cap\n Intl.NumberFormat(rest.lang ?? 'en-GB').format(value)\n )}\n </Styled.Value>\n <Styled.Suffix $size={size}>{suffix}</Styled.Suffix>\n </Styled.ValueWrapper>\n\n {!!isValueIconPosition && alignment === `${Alignments.Right}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n </Styled.ValueWrapperWithIcon>\n </Styled.TextWrapper>\n\n {!!isNextToStatIconPosition && alignment === `${Alignments.Right}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n </Styled.StatWrapper>\n );\n },\n);\n\nexport default Stat;\n"],"names":["Stat","forwardRef","className","size","Sizes","labelText","label","value","alignment","Alignments","icon","iconPosition","additionalInfo","suffix","prefix","valueAnimation","countUpProps","rest","ref","isLabelIconPosition","isValueIconPosition","isNextToStatIconPosition","jsxs","Styled.StatWrapper","classNames","STAT_CLASS","jsx","StatIcon","Styled.TextWrapper","Styled.LabelWrapper","Styled.Label","AdditionalInfo","Styled.ValueWrapperWithIcon","Styled.ValueWrapper","Styled.Prefix","Styled.Value","CountUp","Styled.Suffix"],"mappings":"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"}
1	+ {"version":3,"file":"Stat.js","sources":["../../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport CountUp from 'react-countup';\r\nimport { Sizes, Alignments, STAT_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport AdditionalInfo from './components/AdditionalInfo/AdditionalInfo';\r\nimport StatIcon from './components/StatIcon/StatIcon';\r\nimport * as Styled from './Stat.styles';\r\nimport type { IStatProps } from './Stat.types';\r\n\r\nconst Stat = forwardRef<HTMLDivElement, IStatProps>(\r\n (\r\n {\r\n className = '',\r\n size = `${Sizes.Medium}`,\r\n labelText,\r\n label = true,\r\n value,\r\n alignment = `${Alignments.Left}`,\r\n icon,\r\n iconPosition = 'none',\r\n additionalInfo,\r\n suffix,\r\n prefix,\r\n valueAnimation = false,\r\n countUpProps = {},\r\n ...rest\r\n },\r\n ref,\r\n ): ReactElement => {\r\n const isLabelIconPosition = icon && iconPosition === 'label';\r\n const isValueIconPosition = icon && iconPosition === 'value';\r\n const isNextToStatIconPosition = icon && (iconPosition === 'stat' \|\| iconPosition === 'contained');\r\n\r\n return (\r\n <Styled.StatWrapper\r\n className={classNames(STAT_CLASS, className)}\r\n ref={ref}\r\n $size={size}\r\n $iconPosition={iconPosition}\r\n {...rest}\r\n >\r\n {!!isNextToStatIconPosition && alignment === `${Alignments.Left}` && (\r\n <StatIcon size={size} icon={icon} position={iconPosition} />\r\n )}\r\n\r\n <Styled.TextWrapper $size={size}>\r\n <Styled.LabelWrapper $alignment={alignment}>\r\n {!!isLabelIconPosition && label && alignment === `${Alignments.Left}` && (\r\n <StatIcon size={size} icon={icon} position={iconPosition} />\r\n )}\r\n\r\n {label && <Styled.Label $size={size}>{labelText}</Styled.Label>}\r\n\r\n {!!isLabelIconPosition && label && alignment === `${Alignments.Right}` && (\r\n <StatIcon size={size} icon={icon} position={iconPosition} />\r\n )}\r\n\r\n {additionalInfo && <AdditionalInfo size={size} additionalInfo={additionalInfo} />}\r\n </Styled.LabelWrapper>\r\n\r\n <Styled.ValueWrapperWithIcon>\r\n {!!isValueIconPosition && alignment === `${Alignments.Left}` && (\r\n <StatIcon size={size} icon={icon} position={iconPosition} />\r\n )}\r\n\r\n <Styled.ValueWrapper $alignment={alignment}>\r\n <Styled.Prefix $size={size}>{prefix}</Styled.Prefix>\r\n <Styled.Value $size={size}>\r\n {valueAnimation ? (\r\n <CountUp end={value} duration={2} {...countUpProps} />\r\n ) : (\r\n // eslint-disable-next-line new-cap\r\n Intl.NumberFormat(rest.lang ?? 'en-GB').format(value)\r\n )}\r\n </Styled.Value>\r\n <Styled.Suffix $size={size}>{suffix}</Styled.Suffix>\r\n </Styled.ValueWrapper>\r\n\r\n {!!isValueIconPosition && alignment === `${Alignments.Right}` && (\r\n <StatIcon size={size} icon={icon} position={iconPosition} />\r\n )}\r\n </Styled.ValueWrapperWithIcon>\r\n </Styled.TextWrapper>\r\n\r\n {!!isNextToStatIconPosition && alignment === `${Alignments.Right}` && (\r\n <StatIcon size={size} icon={icon} position={iconPosition} />\r\n )}\r\n </Styled.StatWrapper>\r\n );\r\n },\r\n);\r\n\r\nexport default Stat;\r\n"],"names":["Stat","forwardRef","className","size","Sizes","labelText","label","value","alignment","Alignments","icon","iconPosition","additionalInfo","suffix","prefix","valueAnimation","countUpProps","rest","ref","isLabelIconPosition","isValueIconPosition","isNextToStatIconPosition","jsxs","Styled.StatWrapper","classNames","STAT_CLASS","jsx","StatIcon","Styled.TextWrapper","Styled.LabelWrapper","Styled.Label","AdditionalInfo","Styled.ValueWrapperWithIcon","Styled.ValueWrapper","Styled.Prefix","Styled.Value","CountUp","Styled.Suffix"],"mappings":"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"}

package/build/esm/components/Stat/Stat.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stat.styles.js","sources":["../../../../src/components/Stat/Stat.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Alignments, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { StatConsts, type StatTypes } from 'acinguiux-ds-react-base/components/Stat';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport type { IStatProps } from './Stat.types';\n\ninterface WrapperProps {\n iconAlign?: StatTypes.Alignment;\n iconPosition?: StatTypes.IconPosition;\n}\n\nconst LabelWrapper = styled.div<Required<PickTransient<IStatProps, 'alignment'>>>`\n ${({ $alignment }) => css`\n display: flex;\n align-items: center;\n justify-content: ${$alignment === `${Alignments.Right}` ? 'end' : 'start'};\n gap: 4px;\n `}\n`;\n\nconst Label = styled.span<Required<PickTransient<IStatProps, 'size'>>>`\n ${({ $size, theme }) => css`\n ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n `};\n`;\n\nconst PrefixSuffix = styled.span<Required<PickTransient<IStatProps, 'size'>>>`\n ${({ $size, theme }) => css`\n ${$size === Sizes.XSmall && theme.typography('label')};\n ${$size === Sizes.Small && theme.typography('heading', 'small')};\n ${$size === Sizes.Medium && theme.typography('heading', 'medium')};\n ${$size === Sizes.Large && theme.typography('heading', 'large')};\n `};\n`;\n\nconst Prefix = PrefixSuffix;\n\nconst Suffix = PrefixSuffix;\n\nconst Value = styled.span<Required<PickTransient<IStatProps, 'size'>>>`\n ${({ $size, theme }) => css`\n ${$size === Sizes.XSmall && theme.typography('heading', 'extraSmall')};\n ${$size === Sizes.Small && theme.typography('heading', 'medium')};\n ${$size === Sizes.Medium && theme.typography('display', 'extraSmall')};\n ${$size === Sizes.Large && theme.typography('display', 'medium')};\n `};\n`;\n\nconst StatWrapper = styled.div<Required<PickTransient<IStatProps, 'size' \| 'iconPosition'>>>`\n ${({ $size, $iconPosition }) => css`\n display: flex;\n align-items: center;\n gap: ${StatConsts.consts[$size].gap[$iconPosition === 'contained' ? 'contained' : 'default']}px;\n `}\n`;\n\nconst ValueWrapper = styled.div<Required<PickTransient<IStatProps, 'alignment'>>>`\n ${({ $alignment }) => css`\n display: flex;\n align-items: baseline;\n justify-content: ${$alignment === `${Alignments.Right}` ? 'end' : 'start'};\n gap: 2px;\n `}\n`;\n\nconst ValueWrapperWithIcon = styled.div<WrapperProps>`\n display: flex;\n align-items: center;\n gap: 4px;\n`;\n\nconst TextWrapper = styled.div<Required<PickTransient<IStatProps, 'size'>>>`\n ${({ $size }) => css`\n display: block;\n gap: ${StatConsts.consts[$size].gap.text}px;\n `}\n`;\n\nexport { LabelWrapper, Label, Prefix, Suffix, Value, StatWrapper, ValueWrapper, ValueWrapperWithIcon, TextWrapper };\n"],"names":["LabelWrapper","styled","$alignment","css","Alignments","Label","$size","theme","getLabelTypographySize","PrefixSuffix","Sizes","Prefix","Suffix","Value","StatWrapper","$iconPosition","StatConsts.consts","ValueWrapper","ValueWrapperWithIcon","TextWrapper"],"mappings":";;;;AAaA,MAAMA,IAAeC,EAAO;AAAA,IACxB,CAAC,EAAE,YAAAC,EAAA,MAAiBC;AAAA;AAAA;AAAA,uBAGDD,MAAe,GAAGE,EAAW,KAAK,KAAK,QAAQ,OAAO;AAAA;AAAA,GAE1E;AAAA,GAGGC,IAAQJ,EAAO;AAAA,IACjB,CAAC,EAAE,OAAAK,GAAO,OAAAC,EAAA,MAAYJ;AAAA,MACpBI,EAAM,WAAW,SAASC,EAAuBF,CAAK,GAAG,QAAQ,CAAC;AAAA,GACrE;AAAA,GAGGG,IAAeR,EAAO;AAAA,IACxB,CAAC,EAAE,OAAAK,GAAO,OAAAC,EAAA,MAAYJ;AAAA,MACpBG,MAAUI,EAAM,UAAUH,EAAM,WAAW,OAAO,CAAC;AAAA,MACnDD,MAAUI,EAAM,SAASH,EAAM,WAAW,WAAW,OAAO,CAAC;AAAA,MAC7DD,MAAUI,EAAM,UAAUH,EAAM,WAAW,WAAW,QAAQ,CAAC;AAAA,MAC/DD,MAAUI,EAAM,SAASH,EAAM,WAAW,WAAW,OAAO,CAAC;AAAA,GAChE;AAAA,GAGGI,IAASF,GAETG,IAASH,GAETI,IAAQZ,EAAO;AAAA,IACjB,CAAC,EAAE,OAAAK,GAAO,OAAAC,EAAA,MAAYJ;AAAA,MACpBG,MAAUI,EAAM,UAAUH,EAAM,WAAW,WAAW,YAAY,CAAC;AAAA,MACnED,MAAUI,EAAM,SAASH,EAAM,WAAW,WAAW,QAAQ,CAAC;AAAA,MAC9DD,MAAUI,EAAM,UAAUH,EAAM,WAAW,WAAW,YAAY,CAAC;AAAA,MACnED,MAAUI,EAAM,SAASH,EAAM,WAAW,WAAW,QAAQ,CAAC;AAAA,GACjE;AAAA,GAGGO,IAAcb,EAAO;AAAA,IACvB,CAAC,EAAE,OAAAK,GAAO,eAAAS,EAAA,MAAoBZ;AAAA;AAAA;AAAA,WAGvBa,EAAkBV,CAAK,EAAE,IAAIS,MAAkB,cAAc,cAAc,SAAS,CAAC;AAAA,GAC7F;AAAA,GAGGE,IAAehB,EAAO;AAAA,IACxB,CAAC,EAAE,YAAAC,EAAA,MAAiBC;AAAA;AAAA;AAAA,uBAGDD,MAAe,GAAGE,EAAW,KAAK,KAAK,QAAQ,OAAO;AAAA;AAAA,GAE1E;AAAA,GAGGc,IAAuBjB,EAAO;AAAA;AAAA;AAAA;AAAA,GAM9BkB,IAAclB,EAAO;AAAA,IACvB,CAAC,EAAE,OAAAK,EAAA,MAAYH;AAAA;AAAA,WAERa,EAAkBV,CAAK,EAAE,IAAI,IAAI;AAAA,GACzC;AAAA;"}
1	+ {"version":3,"file":"Stat.styles.js","sources":["../../../../src/components/Stat/Stat.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Alignments, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { StatConsts, type StatTypes } from 'acinguiux-ds-react-base/components/Stat';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport type { IStatProps } from './Stat.types';\r\n\r\ninterface WrapperProps {\r\n iconAlign?: StatTypes.Alignment;\r\n iconPosition?: StatTypes.IconPosition;\r\n}\r\n\r\nconst LabelWrapper = styled.div<Required<PickTransient<IStatProps, 'alignment'>>>`\r\n ${({ $alignment }) => css`\r\n display: flex;\r\n align-items: center;\r\n justify-content: ${$alignment === `${Alignments.Right}` ? 'end' : 'start'};\r\n gap: 4px;\r\n `}\r\n`;\r\n\r\nconst Label = styled.span<Required<PickTransient<IStatProps, 'size'>>>`\r\n ${({ $size, theme }) => css`\r\n ${theme.typography('label', getLabelTypographySize($size), 'strong')};\r\n `};\r\n`;\r\n\r\nconst PrefixSuffix = styled.span<Required<PickTransient<IStatProps, 'size'>>>`\r\n ${({ $size, theme }) => css`\r\n ${$size === Sizes.XSmall && theme.typography('label')};\r\n ${$size === Sizes.Small && theme.typography('heading', 'small')};\r\n ${$size === Sizes.Medium && theme.typography('heading', 'medium')};\r\n ${$size === Sizes.Large && theme.typography('heading', 'large')};\r\n `};\r\n`;\r\n\r\nconst Prefix = PrefixSuffix;\r\n\r\nconst Suffix = PrefixSuffix;\r\n\r\nconst Value = styled.span<Required<PickTransient<IStatProps, 'size'>>>`\r\n ${({ $size, theme }) => css`\r\n ${$size === Sizes.XSmall && theme.typography('heading', 'extraSmall')};\r\n ${$size === Sizes.Small && theme.typography('heading', 'medium')};\r\n ${$size === Sizes.Medium && theme.typography('display', 'extraSmall')};\r\n ${$size === Sizes.Large && theme.typography('display', 'medium')};\r\n `};\r\n`;\r\n\r\nconst StatWrapper = styled.div<Required<PickTransient<IStatProps, 'size' \| 'iconPosition'>>>`\r\n ${({ $size, $iconPosition }) => css`\r\n display: flex;\r\n align-items: center;\r\n gap: ${StatConsts.consts[$size].gap[$iconPosition === 'contained' ? 'contained' : 'default']}px;\r\n `}\r\n`;\r\n\r\nconst ValueWrapper = styled.div<Required<PickTransient<IStatProps, 'alignment'>>>`\r\n ${({ $alignment }) => css`\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: ${$alignment === `${Alignments.Right}` ? 'end' : 'start'};\r\n gap: 2px;\r\n `}\r\n`;\r\n\r\nconst ValueWrapperWithIcon = styled.div<WrapperProps>`\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n`;\r\n\r\nconst TextWrapper = styled.div<Required<PickTransient<IStatProps, 'size'>>>`\r\n ${({ $size }) => css`\r\n display: block;\r\n gap: ${StatConsts.consts[$size].gap.text}px;\r\n `}\r\n`;\r\n\r\nexport { LabelWrapper, Label, Prefix, Suffix, Value, StatWrapper, ValueWrapper, ValueWrapperWithIcon, TextWrapper };\r\n"],"names":["LabelWrapper","styled","$alignment","css","Alignments","Label","$size","theme","getLabelTypographySize","PrefixSuffix","Sizes","Prefix","Suffix","Value","StatWrapper","$iconPosition","StatConsts.consts","ValueWrapper","ValueWrapperWithIcon","TextWrapper"],"mappings":";;;;AAaA,MAAMA,IAAeC,EAAO;AAAA,IACxB,CAAC,EAAE,YAAAC,EAAA,MAAiBC;AAAA;AAAA;AAAA,uBAGDD,MAAe,GAAGE,EAAW,KAAK,KAAK,QAAQ,OAAO;AAAA;AAAA,GAE1E;AAAA,GAGGC,IAAQJ,EAAO;AAAA,IACjB,CAAC,EAAE,OAAAK,GAAO,OAAAC,EAAA,MAAYJ;AAAA,MACpBI,EAAM,WAAW,SAASC,EAAuBF,CAAK,GAAG,QAAQ,CAAC;AAAA,GACrE;AAAA,GAGGG,IAAeR,EAAO;AAAA,IACxB,CAAC,EAAE,OAAAK,GAAO,OAAAC,EAAA,MAAYJ;AAAA,MACpBG,MAAUI,EAAM,UAAUH,EAAM,WAAW,OAAO,CAAC;AAAA,MACnDD,MAAUI,EAAM,SAASH,EAAM,WAAW,WAAW,OAAO,CAAC;AAAA,MAC7DD,MAAUI,EAAM,UAAUH,EAAM,WAAW,WAAW,QAAQ,CAAC;AAAA,MAC/DD,MAAUI,EAAM,SAASH,EAAM,WAAW,WAAW,OAAO,CAAC;AAAA,GAChE;AAAA,GAGGI,IAASF,GAETG,IAASH,GAETI,IAAQZ,EAAO;AAAA,IACjB,CAAC,EAAE,OAAAK,GAAO,OAAAC,EAAA,MAAYJ;AAAA,MACpBG,MAAUI,EAAM,UAAUH,EAAM,WAAW,WAAW,YAAY,CAAC;AAAA,MACnED,MAAUI,EAAM,SAASH,EAAM,WAAW,WAAW,QAAQ,CAAC;AAAA,MAC9DD,MAAUI,EAAM,UAAUH,EAAM,WAAW,WAAW,YAAY,CAAC;AAAA,MACnED,MAAUI,EAAM,SAASH,EAAM,WAAW,WAAW,QAAQ,CAAC;AAAA,GACjE;AAAA,GAGGO,IAAcb,EAAO;AAAA,IACvB,CAAC,EAAE,OAAAK,GAAO,eAAAS,EAAA,MAAoBZ;AAAA;AAAA;AAAA,WAGvBa,EAAkBV,CAAK,EAAE,IAAIS,MAAkB,cAAc,cAAc,SAAS,CAAC;AAAA,GAC7F;AAAA,GAGGE,IAAehB,EAAO;AAAA,IACxB,CAAC,EAAE,YAAAC,EAAA,MAAiBC;AAAA;AAAA;AAAA,uBAGDD,MAAe,GAAGE,EAAW,KAAK,KAAK,QAAQ,OAAO;AAAA;AAAA,GAE1E;AAAA,GAGGc,IAAuBjB,EAAO;AAAA;AAAA;AAAA;AAAA,GAM9BkB,IAAclB,EAAO;AAAA,IACvB,CAAC,EAAE,OAAAK,EAAA,MAAYH;AAAA;AAAA,WAERa,EAAkBV,CAAK,EAAE,IAAI,IAAI;AAAA,GACzC;AAAA;"}

package/build/esm/components/Stat/components/AdditionalInfo/AdditionalInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdditionalInfo.js","sources":["../../../../../../src/components/Stat/components/AdditionalInfo/AdditionalInfo.tsx"],"sourcesContent":["import { StatConsts } from 'acinguiux-ds-react-base/components/Stat';\n\nimport InfoCircle from '../../../Icon/components/InfoCircle';\nimport Tooltip from '../../../Tooltip/Tooltip';\nimport type { IAdditionalInfoProps } from './AdditionalInfo.types';\nimport Styled from './AdditionalInfo.styles';\n\nconst AdditionalInfo = ({ size, additionalInfo }: IAdditionalInfoProps) => (\n <Tooltip\n trigger={<InfoCircle width={StatConsts.consts[size].icon.label} height={StatConsts.consts[size].icon.label} />}\n overlay={<Styled.Overlay>{additionalInfo}</Styled.Overlay>}\n />\n);\n\nexport default AdditionalInfo;\n"],"names":["AdditionalInfo","size","additionalInfo","jsx","Tooltip","InfoCircle","StatConsts.consts","Styled"],"mappings":";;;;;AAOA,MAAMA,IAAiB,CAAC,EAAE,MAAAC,GAAM,gBAAAC,QAC9B,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAS,gBAAAD,EAACE,GAAA,EAAW,OAAOC,EAAkBL,CAAI,EAAE,KAAK,OAAO,QAAQK,EAAkBL,CAAI,EAAE,KAAK,OAAO;AAAA,IAC5G,SAAS,gBAAAE,EAACI,EAAO,SAAP,EAAgB,UAAAL,EAAA,CAAe;AAAA,EAAA;AAC3C;"}
1	+ {"version":3,"file":"AdditionalInfo.js","sources":["../../../../../../src/components/Stat/components/AdditionalInfo/AdditionalInfo.tsx"],"sourcesContent":["import { StatConsts } from 'acinguiux-ds-react-base/components/Stat';\r\n\r\nimport InfoCircle from '../../../Icon/components/InfoCircle';\r\nimport Tooltip from '../../../Tooltip/Tooltip';\r\nimport type { IAdditionalInfoProps } from './AdditionalInfo.types';\r\nimport Styled from './AdditionalInfo.styles';\r\n\r\nconst AdditionalInfo = ({ size, additionalInfo }: IAdditionalInfoProps) => (\r\n <Tooltip\r\n trigger={<InfoCircle width={StatConsts.consts[size].icon.label} height={StatConsts.consts[size].icon.label} />}\r\n overlay={<Styled.Overlay>{additionalInfo}</Styled.Overlay>}\r\n />\r\n);\r\n\r\nexport default AdditionalInfo;\r\n"],"names":["AdditionalInfo","size","additionalInfo","jsx","Tooltip","InfoCircle","StatConsts.consts","Styled"],"mappings":";;;;;AAOA,MAAMA,IAAiB,CAAC,EAAE,MAAAC,GAAM,gBAAAC,QAC9B,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAS,gBAAAD,EAACE,GAAA,EAAW,OAAOC,EAAkBL,CAAI,EAAE,KAAK,OAAO,QAAQK,EAAkBL,CAAI,EAAE,KAAK,OAAO;AAAA,IAC5G,SAAS,gBAAAE,EAACI,EAAO,SAAP,EAAgB,UAAAL,EAAA,CAAe;AAAA,EAAA;AAC3C;"}

package/build/esm/components/Stat/components/AdditionalInfo/AdditionalInfo.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdditionalInfo.styles.js","sources":["../../../../../../src/components/Stat/components/AdditionalInfo/AdditionalInfo.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\n\nconst Overlay = styled.span`\n ${({ theme }) => theme.typography('label')};\n\n display: block;\n padding: 4px 8px;\n max-width: 240px;\n`;\n\nexport default { Overlay };\n"],"names":["Overlay","styled","theme","Styled"],"mappings":";AAEA,MAAMA,IAAUC,EAAO;AAAA,IACnB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5CC,IAAe,EAAE,SAAAH,EAAA;"}
1	+ {"version":3,"file":"AdditionalInfo.styles.js","sources":["../../../../../../src/components/Stat/components/AdditionalInfo/AdditionalInfo.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\n\r\nconst Overlay = styled.span`\r\n ${({ theme }) => theme.typography('label')};\r\n\r\n display: block;\r\n padding: 4px 8px;\r\n max-width: 240px;\r\n`;\r\n\r\nexport default { Overlay };\r\n"],"names":["Overlay","styled","theme","Styled"],"mappings":";AAEA,MAAMA,IAAUC,EAAO;AAAA,IACnB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5CC,IAAe,EAAE,SAAAH,EAAA;"}

package/build/esm/components/Stat/components/StatIcon/StatIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatIcon.js","sources":["../../../../../../src/components/Stat/components/StatIcon/StatIcon.tsx"],"sourcesContent":["import * as Styled from './StatIcon.styles';\nimport type { IStatIconProps } from './StatIcon.types';\n\nconst StatIcon = ({ size, icon, position }: IStatIconProps) => (\n <Styled.IconWrapper $size={size} $position={position}>\n {icon}\n </Styled.IconWrapper>\n);\n\nexport default StatIcon;\n"],"names":["StatIcon","size","icon","position","jsx","Styled.IconWrapper"],"mappings":";;AAGA,MAAMA,IAAW,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,UAAAC,EAAA,MAC9B,gBAAAC,EAACC,GAAA,EAAmB,OAAOJ,GAAM,WAAWE,GACzC,UAAAD,EAAA,CACH;"}
1	+ {"version":3,"file":"StatIcon.js","sources":["../../../../../../src/components/Stat/components/StatIcon/StatIcon.tsx"],"sourcesContent":["import * as Styled from './StatIcon.styles';\r\nimport type { IStatIconProps } from './StatIcon.types';\r\n\r\nconst StatIcon = ({ size, icon, position }: IStatIconProps) => (\r\n <Styled.IconWrapper $size={size} $position={position}>\r\n {icon}\r\n </Styled.IconWrapper>\r\n);\r\n\r\nexport default StatIcon;\r\n"],"names":["StatIcon","size","icon","position","jsx","Styled.IconWrapper"],"mappings":";;AAGA,MAAMA,IAAW,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,UAAAC,EAAA,MAC9B,gBAAAC,EAACC,GAAA,EAAmB,OAAOJ,GAAM,WAAWE,GACzC,UAAAD,EAAA,CACH;"}

package/build/esm/components/Stat/components/StatIcon/StatIcon.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatIcon.styles.js","sources":["../../../../../../src/components/Stat/components/StatIcon/StatIcon.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { StatConsts } from 'acinguiux-ds-react-base/components/Stat';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport type { IStatIconProps } from './StatIcon.types';\n\nconst IconWrapper = styled.span<Required<PickTransient<IStatIconProps, 'size' \| 'position'>>>`\n ${({ $size, $position, theme }) => {\n const layer = theme.layer({});\n\n return css`\n ${$position !== 'contained'\n ? css`\n width: ${StatConsts.consts[$size].icon[$position]}px;\n height: ${StatConsts.consts[$size].icon[$position]}px;\n `\n : css`\n display: flex;\n align-items: center;\n justify-content: center;\n width: ${StatConsts.consts[$size].icon.containedWrapper}px;\n height: ${StatConsts.consts[$size].icon.containedWrapper}px;\n border-radius: 8px;\n background-color: ${layer[Variables.BackgroundBrand]};\n `}\n\n > svg {\n display: block;\n width: ${StatConsts.consts[$size].icon[$position]}px;\n height: ${StatConsts.consts[$size].icon[$position]}px;\n }\n `;\n }}\n`;\n\nexport { IconWrapper };\n"],"names":["IconWrapper","styled","$size","$position","theme","layer","css","StatConsts.consts","Variables"],"mappings":";;;AAOA,MAAMA,IAAcC,EAAO;AAAA,IACvB,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAY;AACjC,QAAMC,IAAQD,EAAM,MAAM,EAAE;AAE5B,SAAOE;AAAA,QACHH,MAAc,cACZG;AAAA,qBACWC,EAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA,sBACvCI,EAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA,cAEpDG;AAAA;AAAA;AAAA;AAAA,qBAIWC,EAAkBL,CAAK,EAAE,KAAK,gBAAgB;AAAA,sBAC7CK,EAAkBL,CAAK,EAAE,KAAK,gBAAgB;AAAA;AAAA,gCAEpCG,EAAMG,EAAU,eAAe,CAAC;AAAA,WACrD;AAAA;AAAA;AAAA;AAAA,iBAIMD,EAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA,kBACvCI,EAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA;AAAA;AAGxD,CAAC;AAAA;"}
1	+ {"version":3,"file":"StatIcon.styles.js","sources":["../../../../../../src/components/Stat/components/StatIcon/StatIcon.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { StatConsts } from 'acinguiux-ds-react-base/components/Stat';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport type { IStatIconProps } from './StatIcon.types';\r\n\r\nconst IconWrapper = styled.span<Required<PickTransient<IStatIconProps, 'size' \| 'position'>>>`\r\n ${({ $size, $position, theme }) => {\r\n const layer = theme.layer({});\r\n\r\n return css`\r\n ${$position !== 'contained'\r\n ? css`\r\n width: ${StatConsts.consts[$size].icon[$position]}px;\r\n height: ${StatConsts.consts[$size].icon[$position]}px;\r\n `\r\n : css`\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: ${StatConsts.consts[$size].icon.containedWrapper}px;\r\n height: ${StatConsts.consts[$size].icon.containedWrapper}px;\r\n border-radius: 8px;\r\n background-color: ${layer[Variables.BackgroundBrand]};\r\n `}\r\n\r\n > svg {\r\n display: block;\r\n width: ${StatConsts.consts[$size].icon[$position]}px;\r\n height: ${StatConsts.consts[$size].icon[$position]}px;\r\n }\r\n `;\r\n }}\r\n`;\r\n\r\nexport { IconWrapper };\r\n"],"names":["IconWrapper","styled","$size","$position","theme","layer","css","StatConsts.consts","Variables"],"mappings":";;;AAOA,MAAMA,IAAcC,EAAO;AAAA,IACvB,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,QAAY;AACjC,QAAMC,IAAQD,EAAM,MAAM,EAAE;AAE5B,SAAOE;AAAA,QACHH,MAAc,cACZG;AAAA,qBACWC,EAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA,sBACvCI,EAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA,cAEpDG;AAAA;AAAA;AAAA;AAAA,qBAIWC,EAAkBL,CAAK,EAAE,KAAK,gBAAgB;AAAA,sBAC7CK,EAAkBL,CAAK,EAAE,KAAK,gBAAgB;AAAA;AAAA,gCAEpCG,EAAMG,EAAU,eAAe,CAAC;AAAA,WACrD;AAAA;AAAA;AAAA;AAAA,iBAIMD,EAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA,kBACvCI,EAAkBL,CAAK,EAAE,KAAKC,CAAS,CAAC;AAAA;AAAA;AAGxD,CAAC;AAAA;"}

package/build/esm/components/Stepper/Step.styles.js.map CHANGED Viewed

	@@ -1 +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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"}
1	+ {"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":";;;;;;;;;AAWA,MAAM;AAAA,EACJ,wBAAwB,EAAE,WAAAA,EAAA;AAAA,EAC1B,eAAe,EAAE,WAAAC,EAAA;AACnB,IAAIC,GAEEC,IAAqBC,EAAOC,CAAO;AAAA;AAAA;AAAA,SAGhCL,EAAU,GAAG;AAAA,mBACHA,EAAU,YAAY;AAAA,GAGnCM,IAAQF,EAAOG,CAAS,KACxBC,IAAUJ,EAAOK,CAAW,KAC5BC,IAAQN,EAAOO,CAAS,KAExBC,IAAgBR,EAAO,IAAI,MAAM;AAAA,EACrC,eAAe;AAAA,EACf,cAAc;AAChB,CAAC;AAAA,IACG,CAAC,EAAE,OAAAS,GAAO,YAAAC,EAAA,MAAiBC;AAAA;AAAA;AAAA,MAGzBD,MAAeE,EAAW,aACxBD;AAAA,oBACYd,EAAU,SAAS;AAAA;AAAA,YAG/Bc;AAAA;AAAA,mBAEWd,EAAU,SAAS;AAAA,SAC7B;AAAA;AAAA,MAEHY,MAAU,QACRE;AAAA,YACID,MAAeE,EAAW,YAAY,sBAAsB;AAAA;AAAA;AAAA,0BAG9Cf,EAAU,UAAUa,CAAU,EAAE,MAAM;AAAA;AAAA;AAAA;AAAA,0BAItCb,EAAU,UAAUa,CAAU,EAAE,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAWxDC;AAAA,2BACmBd,EAAU,YAAY;AAAA,SACxC;AAAA,GACN;AAAA,GAGGgB,IAAcb,EAAO;AAAA,IACvB,CAAC,EAAE,OAAAc,GAAO,YAAAJ,GAAY,QAAAK,GAAQ,UAAAC,GAAU,OAAAP,GAAO,OAAAQ,GAAO,SAAAC,GAAS,UAAAC,QAAe;AAC9E,QAAM;AAAA,IACJ,OAAOC;AAAA,IACP,SAASC;AAAA,IACT,OAAOC;AAAA,EAAA,IACLC,EAA8BT,GAAOC,GAAQN,GAAOO,GAAUG,CAAQ,GACpE;AAAA,IACJ,OAAOK;AAAA,IACP,SAASC;AAAA,IACT,OAAOC;AAAA,EAAA,IACLC,EAA2Bb,GAAOC,GAAQC,GAAUG,CAAQ,GAC1D;AAAA,IACJ,OAAOS;AAAA,IACP,SAASC;AAAA,IACT,OAAOC;AAAA,EAAA,IACLC,EAAgCjB,GAAOC,GAAQN,GAAOO,GAAUG,CAAQ;AAE5E,SAAOR;AAAA;AAAA;AAAA,QAGHD,MAAeE,EAAW,cAC5BD;AAAA;AAAA,OAEC;AAAA;AAAA,QAECD,MAAeE,EAAW,YAC5BD;AAAA;AAAA,OAEC;AAAA;AAAA,QAECO,KACFP;AAAA;AAAA;AAAA;AAAA,YAIMZ,CAAkB;AAAA,cAChBiC,EAAelB,CAAK,CAAC;AAAA;AAAA;AAAA,OAG5B;AAAA,QACCf,CAAkB;AAAA,mBACPH,EAAU,QAAQqB,CAAK,CAAC;AAAA,4BACfI,EAAoB,mBAAmB;AAAA;AAAA;AAAA,QAG3DnB,CAAK;AAAA,4BACemB,EAAoB,oBAAoB;AAAA,iBACnDA,EAAoB,UAAU;AAAA,kBAC7BA,EAAoB,WAAW;AAAA;AAAA;AAAA,QAGzCb,CAAa;AAAA,UACXqB,CAAsB;AAAA;AAAA;AAAA,QAGxBzB,CAAO;AAAA,iBACEqB,EAAkB,UAAU;AAAA;AAAA;AAAA,QAGrCnB,CAAK;AAAA,iBACImB,EAAkB,eAAe;AAAA;AAAA;AAAA;AAAA,UAIxCP,KACFP;AAAA;AAAA,SAEC;AAAA;AAAA,UAECZ,CAAkB;AAAA,8BACEuB,EAAkB,mBAAmB;AAAA;AAAA;AAAA,UAGzDpB,CAAK;AAAA,8BACeoB,EAAkB,oBAAoB;AAAA,mBACjDA,EAAkB,UAAU;AAAA,oBAC3BA,EAAkB,WAAW;AAAA;AAAA;AAAA,UAGvCd,CAAa;AAAA,YACXsB,CAAoB;AAAA;AAAA;AAAA,UAGtB1B,CAAO;AAAA,mBACEsB,EAAgB,UAAU;AAAA;AAAA;AAAA,UAGnCpB,CAAK;AAAA,mBACIoB,EAAgB,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,UAKxC3B,CAAkB;AAAA,8BACEqB,EAAmB,mBAAmB;AAAA;AAAA;AAAA,UAG1DlB,CAAK;AAAA,8BACekB,EAAmB,oBAAoB;AAAA,mBAClDA,EAAmB,UAAU;AAAA,oBAC5BA,EAAmB,WAAW;AAAA;AAAA;AAAA,UAGxCZ,CAAa;AAAA,YACXoB,CAAqB;AAAA;AAAA;AAAA,UAGvBxB,CAAO;AAAA,mBACEoB,EAAiB,UAAU;AAAA;AAAA;AAAA,UAGpClB,CAAK;AAAA,mBACIkB,EAAiB,eAAe;AAAA;AAAA;AAAA;AAIjD,CAAC;AAAA;"}

package/build/esm/components/Stepper/Stepper.consts.js.map CHANGED Viewed

	@@ -1 +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":";;AAQO,MAAMA,IAAiF;AAAA,EAC5F,SAASC;AAAA,EACT,WAAWC;AACb;"}
1	+ {"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":";;AAQO,MAAMA,IAAiF;AAAA,EAC5F,SAASC;AAAA,EACT,WAAWC;AACb;"}

package/build/esm/components/Stepper/Stepper.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;AAUA,MAAMA,IAAU,CAAC;AAAA,EACf,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAOC,EAAM;AAAA,EACb,WAAAC,IAAYC,EAAW;AAAA,EACvB,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAmC;AACjC,QAAMC,IAAgBC,EAAeb,CAAI;AAEzC,SACE,gBAAAc;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWC,EAAWC,GAAelB,CAAS;AAAA,MAC9C,YAAYI;AAAA,MACZ,YAAYO;AAAA,MACX,GAAGC;AAAA,MAEH,UAAAF,EAAM,IAAI,CAACS,GAAMC,MAChB,gBAAAL;AAAA,QAACF;AAAA,QAAA;AAAA,UAEC,MAAAX;AAAA,UACA,WAAAE;AAAA,UACA,eAAAG;AAAA,UACA,gBAAAC;AAAA,UACA,WAAAF;AAAA,UACC,GAAGe,EAAsB,EAAE,aAAaX,EAAM,QAAQ,SAAAD,GAAS,OAAAW,GAAO,MAAAD,GAAM,MAAAlB,EAAA,CAAM;AAAA,QAAA;AAAA,QAN9EkB,EAAK,OAAOA,EAAK;AAAA,MAAA,CAQzB;AAAA,IAAA;AAAA,EAAA;AAGP,GAEAG,IAAeC,EAAKxB,CAAO;"}
1	+ {"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":";;;;;;;;AAUA,MAAMA,IAAU,CAAC;AAAA,EACf,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAOC,EAAM;AAAA,EACb,WAAAC,IAAYC,EAAW;AAAA,EACvB,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AAAA,EACjB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAmC;AACjC,QAAMC,IAAgBC,EAAeb,CAAI;AAEzC,SACE,gBAAAc;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWC,EAAWC,GAAelB,CAAS;AAAA,MAC9C,YAAYI;AAAA,MACZ,YAAYO;AAAA,MACX,GAAGC;AAAA,MAEH,UAAAF,EAAM,IAAI,CAACS,GAAMC,MAChB,gBAAAL;AAAA,QAACF;AAAA,QAAA;AAAA,UAEC,MAAAX;AAAA,UACA,WAAAE;AAAA,UACA,eAAAG;AAAA,UACA,gBAAAC;AAAA,UACA,WAAAF;AAAA,UACC,GAAGe,EAAsB,EAAE,aAAaX,EAAM,QAAQ,SAAAD,GAAS,OAAAW,GAAO,MAAAD,GAAM,MAAAlB,EAAA,CAAM;AAAA,QAAA;AAAA,QAN9EkB,EAAK,OAAOA,EAAK;AAAA,MAAA,CAQzB;AAAA,IAAA;AAAA,EAAA;AAGP,GAEAG,IAAeC,EAAKxB,CAAO;"}

package/build/esm/components/Stepper/Stepper.styles.js.map CHANGED Viewed

	@@ -1 +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":";;;AAOA,MAAMA,IAAUC,EAAO;AAAA,IACnB,CAAC,EAAE,YAAAC,GAAY,YAAAC,QAAiB;AAChC,QAAMC,IAAQ,OAAOD,KAAe,WAAW,GAAGA,CAAU,OAAOA;AAEnE,SAAOE;AAAA;AAAA,aAEEC,EAA4B,iBAAiB;AAAA;AAAA;AAAA;AAAA,QAIlDJ,MAAeK,EAAW,cAC5BF;AAAA,6BACuBD,KAAS,KAAK;AAAA;AAAA,OAEpC;AAAA;AAEL,CAAC;AAAA;"}
1	+ {"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":";;;AAOA,MAAMA,IAAUC,EAAO;AAAA,IACnB,CAAC,EAAE,YAAAC,GAAY,YAAAC,QAAiB;AAChC,QAAMC,IAAQ,OAAOD,KAAe,WAAW,GAAGA,CAAU,OAAOA;AAEnE,SAAOE;AAAA;AAAA,aAEEC,EAA4B,iBAAiB;AAAA;AAAA;AAAA;AAAA,QAIlDJ,MAAeK,EAAW,cAC5BF;AAAA,6BACuBD,KAAS,KAAK;AAAA;AAAA,OAEpC;AAAA;AAEL,CAAC;AAAA;"}

package/build/esm/components/Stepper/_internalComponents/ContainedStep/ContainedStep.js.map CHANGED Viewed

	@@ -1 +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":";;;;AAOA,MAAMA,IAAgB,CAAC;AAAA,EACrB,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,eAAeC;AAAA,EACf,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,YAAYR;AAAA,IACZ,YAAYN;AAAA,IACZ,OAAOC;AAAA,IACP,UAAUG;AAAA,IACV,QAAQC;AAAA,IACP,GAAGO;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAA,EACE,UAAA;AAAA,QAAA,CAAC,CAACT,KACD,gBAAAU,EAACC,GAAA,EAAiB,MAAAhB,GAAY,MAAMU,GAAW,YAAY,IACxD,UAAAD,EAAA,CACH;AAAA,QAEF,gBAAAM,EAACE,GAAA,EACC,UAAA,gBAAAF,EAACG,KAAQ,OAAAjB,GAAc,gBAAAO,GAAgC,OAAAN,GAAc,MAAAF,EAAA,CAAY,EAAA,CACnF;AAAA,MAAA,GACF;AAAA,wBACCmB,GAAA,EAAyB,OAAM,QAAO,YAAYpB,EAAA,CAAW;AAAA,IAAA;AAAA,EAAA;AAChE;"}
1	+ {"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":";;;;AAOA,MAAMA,IAAgB,CAAC;AAAA,EACrB,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,eAAeC;AAAA,EACf,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,YAAYR;AAAA,IACZ,YAAYN;AAAA,IACZ,OAAOC;AAAA,IACP,UAAUG;AAAA,IACV,QAAQC;AAAA,IACP,GAAGO;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAA,EACE,UAAA;AAAA,QAAA,CAAC,CAACT,KACD,gBAAAU,EAACC,GAAA,EAAiB,MAAAhB,GAAY,MAAMU,GAAW,YAAY,IACxD,UAAAD,EAAA,CACH;AAAA,QAEF,gBAAAM,EAACE,GAAA,EACC,UAAA,gBAAAF,EAACG,KAAQ,OAAAjB,GAAc,gBAAAO,GAAgC,OAAAN,GAAc,MAAAF,EAAA,CAAY,EAAA,CACnF;AAAA,MAAA,GACF;AAAA,wBACCmB,GAAA,EAAyB,OAAM,QAAO,YAAYpB,EAAA,CAAW;AAAA,IAAA;AAAA,EAAA;AAChE;"}

package/build/esm/components/Stepper/_internalComponents/ContainedStep/ContainedStep.styles.js.map CHANGED Viewed

	@@ -1 +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":";;;AAKA,MAAM,EAAE,wBAAAA,MAA2BC,GAE7BC,IAAUC,EAAO;AAAA;AAAA;AAAA,GAKjBC,IAAuBD,EAAOE,CAAW;AAAA,SACtCL,EAAuB,QAAQ,GAAG;AAAA;AAAA,IAEvCM,CAAK;AAAA;AAAA;AAAA;"}
1	+ {"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":";;;AAKA,MAAM,EAAE,wBAAAA,MAA2BC,GAE7BC,IAAUC,EAAO;AAAA;AAAA;AAAA,GAKjBC,IAAuBD,EAAOE,CAAW;AAAA,SACtCL,EAAuB,QAAQ,GAAG;AAAA;AAAA,IAEvCM,CAAK;AAAA;AAAA;AAAA;"}

package/build/esm/components/Stepper/_internalComponents/Content/Content.js.map CHANGED Viewed

	@@ -1 +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","Content$1","memo"],"mappings":";;;;;AAQA,MAAMA,IAAU,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,gBAAAC,EAAA,MACrC,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,EAAA,CAAC,CAACF,KACD,gBAAAC,EAACE,GAAA,EAAiB,cAAY,QAAQL,CAAK,WAAW,MAAAD,GAAY,UAAA;AAAA,IAAA;AAAA,IAC1DC;AAAA,EAAA,GACR;AAAA,EAEF,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,cAAY,QAAQP,CAAK;AAAA,MACzB,OAAOQ,EAA2BT,CAAI;AAAA,MACtC,MAAMU,EAAiB;AAAA,MAEtB,UAAAR;AAAA,IAAA;AAAA,EAAA;AACH,GACF,GAGFS,IAAeC,EAAKb,CAAO;"}
1	+ {"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","Content$1","memo"],"mappings":";;;;;AAQA,MAAMA,IAAU,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,gBAAAC,EAAA,MACrC,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,EAAA,CAAC,CAACF,KACD,gBAAAC,EAACE,GAAA,EAAiB,cAAY,QAAQL,CAAK,WAAW,MAAAD,GAAY,UAAA;AAAA,IAAA;AAAA,IAC1DC;AAAA,EAAA,GACR;AAAA,EAEF,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,cAAY,QAAQP,CAAK;AAAA,MACzB,OAAOQ,EAA2BT,CAAI;AAAA,MACtC,MAAMU,EAAiB;AAAA,MAEtB,UAAAR;AAAA,IAAA;AAAA,EAAA;AACH,GACF,GAGFS,IAAeC,EAAKb,CAAO;"}

package/build/esm/components/Stepper/_internalComponents/DefaultStep/DefaultStep.js.map CHANGED Viewed

	@@ -1 +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":";;;;;AASA,MAAMA,IAAc,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAWC;AAAA,EACX,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAgC;AAC9B,QAAMC,IAAoB,CAACP,KAAcG;AAEzC,SACE,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,YAAYf;AAAA,MACZ,OAAOC;AAAA,MACP,UAAUG;AAAA,MACV,QAAQC;AAAA,MACP,GAAGO;AAAA,MAEJ,UAAA,gBAAAI,EAACC,GAAA,EAA8B,eAAejB,MAAckB,EAAW,WAAW,QAAQ,UACxF,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAiB,YAAYnB,GAC5B,UAAA;AAAA,UAAA,gBAAAc,EAACM,GAAA,EAAiB,MAAAnB,GAAY,MAAMU,GAAW,YAAY,IACxD,UAAAD,GACH;AAAA,UACC,CAAC,CAACG,KACD,gBAAAC,EAACO,GAAA,EAAyB,OAAOhB,MAAU,YAAY,QAAQ,QAAQ,YAAYL,EAAA,CAAW;AAAA,QAAA,GAElG;AAAA,0BACCsB,GAAA,EAAe,YAAYJ,EAAW,UAAU,OAAOjB,GAAM,iBAAiBO,GAC7E,UAAA,gBAAAM,EAACS,GAAA,EAAQ,OAAArB,GAAc,gBAAAM,GAAgC,OAAAL,GAAc,MAAAF,GAAY,EAAA,CACnF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"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":";;;;;AASA,MAAMA,IAAc,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAWC;AAAA,EACX,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAgC;AAC9B,QAAMC,IAAoB,CAACP,KAAcG;AAEzC,SACE,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,YAAYf;AAAA,MACZ,OAAOC;AAAA,MACP,UAAUG;AAAA,MACV,QAAQC;AAAA,MACP,GAAGO;AAAA,MAEJ,UAAA,gBAAAI,EAACC,GAAA,EAA8B,eAAejB,MAAckB,EAAW,WAAW,QAAQ,UACxF,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAiB,YAAYnB,GAC5B,UAAA;AAAA,UAAA,gBAAAc,EAACM,GAAA,EAAiB,MAAAnB,GAAY,MAAMU,GAAW,YAAY,IACxD,UAAAD,GACH;AAAA,UACC,CAAC,CAACG,KACD,gBAAAC,EAACO,GAAA,EAAyB,OAAOhB,MAAU,YAAY,QAAQ,QAAQ,YAAYL,EAAA,CAAW;AAAA,QAAA,GAElG;AAAA,0BACCsB,GAAA,EAAe,YAAYJ,EAAW,UAAU,OAAOjB,GAAM,iBAAiBO,GAC7E,UAAA,gBAAAM,EAACS,GAAA,EAAQ,OAAArB,GAAc,gBAAAM,GAAgC,OAAAL,GAAc,MAAAF,GAAY,EAAA,CACnF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/build/esm/components/Stepper/_internalComponents/DefaultStep/DefaultStep.styles.js.map CHANGED Viewed

	@@ -1 +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":";;;;AAOA,MAAM;AAAA,EACJ,eAAe,EAAE,SAAAA,GAAS,SAAAC,GAAS,WAAAC,EAAA;AACrC,IAAIC,GAEEC,IAAUC,EAAO;AAAA,IACnB,CAAC,EAAE,YAAAC,GAAY,OAAAC,GAAO,iBAAAC,QAAsBC;AAAA;AAAA,WAErCR,EAAQ,GAAG;AAAA,mBACHA,EAAQ,WAAWM,CAAK,CAAC;AAAA;AAAA,MAEtCD,MAAeI,EAAW,cAC5BD;AAAA;AAAA,KAEC;AAAA;AAAA,MAECH,MAAeI,EAAW,YAC5BD;AAAA;AAAA,QAEI,CAACD,KAAmB,mBAAmBP,EAAQ,iBAAiBM,CAAK,CAAC,KAAK;AAAA,KAC9E;AAAA,GACF;AAAA,GAGUI,IAAYN,EAAO;AAAA,IAC5B,CAAC,EAAE,YAAAC,EAAA,MAAiBG;AAAA;AAAA,WAEbP,EAAU,IAAII,CAAU,CAAC;AAAA;AAAA;AAAA,MAG9BA,MAAeI,EAAW,YAC5BD;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,GAGUG,IAAqBP,EAAOQ,CAAW;AAAA,IAChD,CAAC,EAAE,YAAAP,EAAA,MAAiBG;AAAA,qBACHT,EAAQ,YAAY;AAAA;AAAA,MAEnCc,CAAkB;AAAA,iBACPd,EAAQ,QAAQ,SAASM,CAAU,CAAC,MAAMN,EAAQ,QAAQ,WAAWM,CAAU,CAAC;AAAA,QACzFA,MAAeI,EAAW,YAC5BD;AAAA,0BACoBT,EAAQ,QAAQ,WAAWU,EAAW,QAAQ,CAAC;AAAA,OAClE;AAAA;AAAA,GAEJ;AAAA;"}
1	+ {"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":";;;;AAOA,MAAM;AAAA,EACJ,eAAe,EAAE,SAAAA,GAAS,SAAAC,GAAS,WAAAC,EAAA;AACrC,IAAIC,GAEEC,IAAUC,EAAO;AAAA,IACnB,CAAC,EAAE,YAAAC,GAAY,OAAAC,GAAO,iBAAAC,QAAsBC;AAAA;AAAA,WAErCR,EAAQ,GAAG;AAAA,mBACHA,EAAQ,WAAWM,CAAK,CAAC;AAAA;AAAA,MAEtCD,MAAeI,EAAW,cAC5BD;AAAA;AAAA,KAEC;AAAA;AAAA,MAECH,MAAeI,EAAW,YAC5BD;AAAA;AAAA,QAEI,CAACD,KAAmB,mBAAmBP,EAAQ,iBAAiBM,CAAK,CAAC,KAAK;AAAA,KAC9E;AAAA,GACF;AAAA,GAGUI,IAAYN,EAAO;AAAA,IAC5B,CAAC,EAAE,YAAAC,EAAA,MAAiBG;AAAA;AAAA,WAEbP,EAAU,IAAII,CAAU,CAAC;AAAA;AAAA;AAAA,MAG9BA,MAAeI,EAAW,YAC5BD;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,GAGUG,IAAqBP,EAAOQ,CAAW;AAAA,IAChD,CAAC,EAAE,YAAAP,EAAA,MAAiBG;AAAA,qBACHT,EAAQ,YAAY;AAAA;AAAA,MAEnCc,CAAkB;AAAA,iBACPd,EAAQ,QAAQ,SAASM,CAAU,CAAC,MAAMN,EAAQ,QAAQ,WAAWM,CAAU,CAAC;AAAA,QACzFA,MAAeI,EAAW,YAC5BD;AAAA,0BACoBT,EAAQ,QAAQ,WAAWU,EAAW,QAAQ,CAAC;AAAA,OAClE;AAAA;AAAA,GAEJ;AAAA;"}

package/build/esm/components/Stepper/utils/stepUtils.js.map CHANGED Viewed

	@@ -1 +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":";;;;AAgBO,MAAMA,IAAwB,CAAC;AAAA,EACpC,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,KAAAC,GAAK,YAAAC,GAAY,GAAGC,EAAA;AAC7C,MAAgG;AAO9F,QAAMC,IAAiB;AAAA,IACrB,GAAIL,KAAW;AAAA,MACb,UAAU;AAAA,MACV,WAToB,CAACM,MAAoC;AAC3D,QAAIN,MAAYM,EAAE,QAAQ,WAAWA,EAAE,SAAS,YAAYA,EAAE,iBAC5DA,EAAE,cAAc,MAAA;AAAA,MAEpB;AAAA,MAMI,SAAAN;AAAA,IAAA;AAAA,EACF,GAEIO,IAAQC,EAAsBX,GAASC,GAAOK,CAAU,GACxDM,IAAQX,IAAQ,GAChBY,IAAiB,CAACT,MAASM,MAAU,aAAc,CAACH,EAAS,WAAWG,MAAU;AAExF,MAAII,IAAYV;AAChB,QAAMW,IAAgBF,IAAiBD,IAAQ;AAE/C,SAAIL,EAAS,WAAWG,MAAU,YAChCI,sBAAaE,GAAA,EAAM,IACVN,MAAU,gBACnBI,sBAAaG,GAAA,EAAM,IAGd;AAAA,IACL,OAAAP;AAAA,IACA,OAAAE;AAAA,IACA,WAAAE;AAAA,IACA,eAAAC;AAAA,IACA,YAAYd,MAAUF,IAAc;AAAA,IACpC,cAAc,GAAGG,CAAI,UAAUU,CAAK,YAAYF,CAAK;AAAA,IACrD,GAAGF;AAAA,IACH,GAAGD;AAAA,EAAA;AAEP;"}
1	+ {"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":";;;;AAgBO,MAAMA,IAAwB,CAAC;AAAA,EACpC,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,KAAAC,GAAK,YAAAC,GAAY,GAAGC,EAAA;AAC7C,MAAgG;AAO9F,QAAMC,IAAiB;AAAA,IACrB,GAAIL,KAAW;AAAA,MACb,UAAU;AAAA,MACV,WAToB,CAACM,MAAoC;AAC3D,QAAIN,MAAYM,EAAE,QAAQ,WAAWA,EAAE,SAAS,YAAYA,EAAE,iBAC5DA,EAAE,cAAc,MAAA;AAAA,MAEpB;AAAA,MAMI,SAAAN;AAAA,IAAA;AAAA,EACF,GAEIO,IAAQC,EAAsBX,GAASC,GAAOK,CAAU,GACxDM,IAAQX,IAAQ,GAChBY,IAAiB,CAACT,MAASM,MAAU,aAAc,CAACH,EAAS,WAAWG,MAAU;AAExF,MAAII,IAAYV;AAChB,QAAMW,IAAgBF,IAAiBD,IAAQ;AAE/C,SAAIL,EAAS,WAAWG,MAAU,YAChCI,sBAAaE,GAAA,EAAM,IACVN,MAAU,gBACnBI,sBAAaG,GAAA,EAAM,IAGd;AAAA,IACL,OAAAP;AAAA,IACA,OAAAE;AAAA,IACA,WAAAE;AAAA,IACA,eAAAC;AAAA,IACA,YAAYd,MAAUF,IAAc;AAAA,IACpC,cAAc,GAAGG,CAAI,UAAUU,CAAK,YAAYF,CAAK;AAAA,IACrD,GAAGF;AAAA,IACH,GAAGD;AAAA,EAAA;AAEP;"}

package/build/esm/components/Table/Table.js.map CHANGED Viewed

	@@ -1 +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":";;;;;AAQA,MAAMA,IAAQC;AAAA,EACZ,CAAC,EAAE,MAAAC,IAAOC,EAAM,QAAQ,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAAsBC,MAAwC;AACzG,UAAMC,IAAQC;AAAA,MACZ,OAAoB;AAAA,QAClB,MAAAP;AAAA,QACA,WAAWE,KAAaM,EAAW;AAAA,QACnC,OAAAL;AAAA,MAAA;AAAA,MAEF,CAACH,GAAME,GAAWC,CAAK;AAAA,IAAA;AAGzB,6BACGM,EAAa,UAAb,EAAsB,OAAAH,GACrB,UAAA,gBAAAI,EAACC,GAAA,EAAa,KAAAN,GAAU,OAAOL,GAAM,YAAYE,GAAY,GAAGE,GAAO,aAAa,GAAG,GACzF;AAAA,EAEJ;AACF;"}
1	+ {"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":";;;;;AAQA,MAAMA,IAAQC;AAAA,EACZ,CAAC,EAAE,MAAAC,IAAOC,EAAM,QAAQ,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAAsBC,MAAwC;AACzG,UAAMC,IAAQC;AAAA,MACZ,OAAoB;AAAA,QAClB,MAAAP;AAAA,QACA,WAAWE,KAAaM,EAAW;AAAA,QACnC,OAAAL;AAAA,MAAA;AAAA,MAEF,CAACH,GAAME,GAAWC,CAAK;AAAA,IAAA;AAGzB,6BACGM,EAAa,UAAb,EAAsB,OAAAH,GACrB,UAAA,gBAAAI,EAACC,GAAA,EAAa,KAAAN,GAAU,OAAOL,GAAM,YAAYE,GAAY,GAAGE,GAAO,aAAa,GAAG,GACzF;AAAA,EAEJ;AACF;"}

package/build/esm/components/Table/Table.styles.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;;AAWA,MAAMA,IAAwD;AAAA,EAC5D,CAACC,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EACf,CAACA,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AACjB,GAEMC,IAAQC,EAAO;AAAA,EACnB,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,GAAGJ,EAAM,MAAM,IAAI,YAAAK,GAAY,QAAAC,QAAa;AAC5D,UAAMC,IAAQJ,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,WAAOK;AAAA,oCACyBC,EAAmBL,CAAK,EAAE,WAAW,MAAM;AAAA,yCACtCK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,OAAO,CAAC;AAAA,4CAClDK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,UAAU,CAAC;AAAA,0CAC1DK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,QAAQ,CAAC;AAAA,2CACrDK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,SAAS,CAAC;AAAA,iCACjEK,EAAmBL,CAAK,EAAE,WAAW,GAAG;AAAA,6BAC5CK,EAAmBL,CAAK,EAAE,KAAK,MAAM;AAAA,kCAChCK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,OAAO,CAAC;AAAA,qCAC5CK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,UAAU,CAAC;AAAA,mCACpDK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,QAAQ,CAAC;AAAA,oCAC/CK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,SAAS,CAAC;AAAA,0BAC3DK,EAAmBL,CAAK,EAAE,KAAK,GAAG;AAAA,0CAClBL,EAAgBK,CAAK,CAAC;AAAA;AAAA;AAAA,QAGxDM,CAAQ,KAAKA,CAAQ,SAASC,CAAY;AAAA,iBACjCJ,EAAMK,EAAU,sBAAsB,CAAC;AAAA,UAC9CT,EAAM,WAAW,SAASU,EAAuBT,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,eAE7DU,CAAuC;AAAA,mBACnCP,EAAMK,EAAU,sBAAsB,CAAC;AAAA,YAC9CT,EAAM,WAAW,SAASU,EAAuBE,EAAeX,CAAK,CAAC,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,QAI5EY,CAAQ;AAAA,UACNb,EAAM,WAAW,SAASU,EAAuBT,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAOxCG,EAAMK,EAAU,oBAAoB,CAAC;AAAA;AAAA,cAEjDK,CAAQ,MAAMP,CAAQ,MAAMQ,CAAO,WAAWD,CAAQ,MAAMD,CAAQ,MAAME,CAAO;AAAA,2BACpEb,CAAU;AAAA;AAAA;AAAA;AAAA,sBAIfA,CAAU;AAAA;AAAA,UAEtBC,KACFE;AAAA;AAAA,SAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOP;AACF;"}
1	+ {"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":";;;;;;;;AAWA,MAAMA,IAAwD;AAAA,EAC5D,CAACC,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EACf,CAACA,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AACjB,GAEMC,IAAQC,EAAO;AAAA,EACnB,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,GAAGJ,EAAM,MAAM,IAAI,YAAAK,GAAY,QAAAC,QAAa;AAC5D,UAAMC,IAAQJ,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,WAAOK;AAAA,oCACyBC,EAAmBL,CAAK,EAAE,WAAW,MAAM;AAAA,yCACtCK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,OAAO,CAAC;AAAA,4CAClDK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,UAAU,CAAC;AAAA,0CAC1DK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,QAAQ,CAAC;AAAA,2CACrDK,EAAmBL,CAAK,EAAE,WAAW,QAAQ,SAAS,CAAC;AAAA,iCACjEK,EAAmBL,CAAK,EAAE,WAAW,GAAG;AAAA,6BAC5CK,EAAmBL,CAAK,EAAE,KAAK,MAAM;AAAA,kCAChCK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,OAAO,CAAC;AAAA,qCAC5CK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,UAAU,CAAC;AAAA,mCACpDK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,QAAQ,CAAC;AAAA,oCAC/CK,EAAmBL,CAAK,EAAE,KAAK,QAAQ,SAAS,CAAC;AAAA,0BAC3DK,EAAmBL,CAAK,EAAE,KAAK,GAAG;AAAA,0CAClBL,EAAgBK,CAAK,CAAC;AAAA;AAAA;AAAA,QAGxDM,CAAQ,KAAKA,CAAQ,SAASC,CAAY;AAAA,iBACjCJ,EAAMK,EAAU,sBAAsB,CAAC;AAAA,UAC9CT,EAAM,WAAW,SAASU,EAAuBT,CAAK,GAAG,QAAQ,CAAC;AAAA;AAAA,eAE7DU,CAAuC;AAAA,mBACnCP,EAAMK,EAAU,sBAAsB,CAAC;AAAA,YAC9CT,EAAM,WAAW,SAASU,EAAuBE,EAAeX,CAAK,CAAC,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,QAI5EY,CAAQ;AAAA,UACNb,EAAM,WAAW,SAASU,EAAuBT,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAOxCG,EAAMK,EAAU,oBAAoB,CAAC;AAAA;AAAA,cAEjDK,CAAQ,MAAMP,CAAQ,MAAMQ,CAAO,WAAWD,CAAQ,MAAMD,CAAQ,MAAME,CAAO;AAAA,2BACpEb,CAAU;AAAA;AAAA;AAAA;AAAA,sBAIfA,CAAU;AAAA;AAAA,UAEtBC,KACFE;AAAA;AAAA,SAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOP;AACF;"}

package/build/esm/components/Table/components/BaseTable/BaseTable.js.map CHANGED Viewed

	@@ -1 +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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"}
1	+ {"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/esm/components/Table/components/BaseTable/BaseTablePagination.js.map CHANGED Viewed

	@@ -1 +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":";;;;;;;AAWA,MAAMA,IAAqC,IACrCC,IAAsC,IACtCC,IAAqC,IACrCC,IAAgC;AAAA,EACpCH;AAAA,EACAC;AAAA,EACAC;AACF,GAEME,IAAwB,CAAwBC,OAAiD;AAAA,EACrG,MAAMA,EAAM,SAAA,EAAW;AAAA,EACvB,SAASA,EAAM,SAAA,EAAW,WAAW,YAAY;AAAA,EACjD,OAAO,KAAK,KAAKA,EAAM,gBAAgBA,EAAM,SAAA,EAAW,WAAW,QAAQ;AAAA,EAC3E,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc,CAACC,MAAoBD,EAAM,aAAaC,IAAU,CAAC;AACnE,IAEMC,IAAyB,CAAwBF,OAAkD;AAAA,EACvG,MAAMA,EAAM,SAAA,EAAW;AAAA,EACvB,SAASA,EAAM,SAAA,EAAW,WAAW,YAAY;AAAA,EACjD,YAAYA,EAAM,YAAA;AAAA,EAClB,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc,CAACC,MAAoBD,EAAM,aAAaC,IAAU,CAAC;AAAA,EACjE,UAAUD,EAAM,SAAA,EAAW,WAAW;AAAA,EACtC,kBAAkB,CAACG,MAAaH,EAAM,cAAc,CAACI,OAAW,EAAE,GAAGA,GAAO,UAAAD,EAAA,EAAW;AAAA,EACvF,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,kBAAkBL;AACpB,IAEMO,IAAsBC,EAAO,IAAkD,CAAC,EAAE,OAAAC,GAAO,SAAAC,GAAS,OAAAC,QAAY;AAClH,QAAMC,IAAQD,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAO;AAAA,kBACSD,IAAU,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQhCG,EAAmBJ,CAAK,EAAE,eAAe,QAAQ,OAAO,CAAC,MAAMI,EAAmBJ,CAAK,EAAE,eAAe,QAAQ,QAAQ,CAAC,MAAMI,EAAmBJ,CAAK,EAAE,eAAe,QAAQ,UAAU,CAAC,MAAMI,EAAmBJ,CAAK,EAAE,eAAe,QAAQ,SAAS,CAAC;AAAA,oBACzPG,EAAME,EAAU,oBAAoB,CAAC;AAAA,8BAC3BF,EAAME,EAAU,wBAAwB,CAAC;AAAA,WAC5DC,CAAgB;AAAA;AAAA;AAAA;AAAA;AAK3B,CAAC,GAEKC,IAAiB,CAAA,GAEjBC,IAAsB,CAAwB;AAAA,EAClD,OAAAf;AAAA,EACA,SAAAgB,IAAUF;AACZ,MAAwC;AACtC,QAAM,EAAE,gBAAAG,IAAiB,WAAW,YAAAC,EAAA,IAAeF;AAGnD,SAFuBE,KAAclB,EAAM,wBAAA,IAOzC,gBAAAmB,EAACd,GAAA,EAAoB,OAAOL,EAAM,SAAA,EAAW,MAAM,SAAS,EAAQgB,EAAQ,kBACzE,UAAAC,MAAmB,WAClB,gBAAAE,EAACC,GAAA,EAAkB,GAAGrB,EAAsBC,CAAK,EAAA,CAAG,IAEpD,gBAAAmB,EAACE,GAAA,EAAmB,GAAGnB,EAAuBF,CAAK,EAAA,CAAG,EAAA,CAE1D,IAVO;AAYX;"}
1	+ {"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":";;;;;;;AAWA,MAAMA,IAAqC,IACrCC,IAAsC,IACtCC,IAAqC,IACrCC,IAAgC;AAAA,EACpCH;AAAA,EACAC;AAAA,EACAC;AACF,GAEME,IAAwB,CAAwBC,OAAiD;AAAA,EACrG,MAAMA,EAAM,SAAA,EAAW;AAAA,EACvB,SAASA,EAAM,SAAA,EAAW,WAAW,YAAY;AAAA,EACjD,OAAO,KAAK,KAAKA,EAAM,gBAAgBA,EAAM,SAAA,EAAW,WAAW,QAAQ;AAAA,EAC3E,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc,CAACC,MAAoBD,EAAM,aAAaC,IAAU,CAAC;AACnE,IAEMC,IAAyB,CAAwBF,OAAkD;AAAA,EACvG,MAAMA,EAAM,SAAA,EAAW;AAAA,EACvB,SAASA,EAAM,SAAA,EAAW,WAAW,YAAY;AAAA,EACjD,YAAYA,EAAM,YAAA;AAAA,EAClB,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc,CAACC,MAAoBD,EAAM,aAAaC,IAAU,CAAC;AAAA,EACjE,UAAUD,EAAM,SAAA,EAAW,WAAW;AAAA,EACtC,kBAAkB,CAACG,MAAaH,EAAM,cAAc,CAACI,OAAW,EAAE,GAAGA,GAAO,UAAAD,EAAA,EAAW;AAAA,EACvF,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,kBAAkBL;AACpB,IAEMO,IAAsBC,EAAO,IAAkD,CAAC,EAAE,OAAAC,GAAO,SAAAC,GAAS,OAAAC,QAAY;AAClH,QAAMC,IAAQD,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAO;AAAA,kBACSD,IAAU,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQhCG,EAAmBJ,CAAK,EAAE,eAAe,QAAQ,OAAO,CAAC,MAAMI,EAAmBJ,CAAK,EAAE,eAAe,QAAQ,QAAQ,CAAC,MAAMI,EAAmBJ,CAAK,EAAE,eAAe,QAAQ,UAAU,CAAC,MAAMI,EAAmBJ,CAAK,EAAE,eAAe,QAAQ,SAAS,CAAC;AAAA,oBACzPG,EAAME,EAAU,oBAAoB,CAAC;AAAA,8BAC3BF,EAAME,EAAU,wBAAwB,CAAC;AAAA,WAC5DC,CAAgB;AAAA;AAAA;AAAA;AAAA;AAK3B,CAAC,GAEKC,IAAiB,CAAA,GAEjBC,IAAsB,CAAwB;AAAA,EAClD,OAAAf;AAAA,EACA,SAAAgB,IAAUF;AACZ,MAAwC;AACtC,QAAM,EAAE,gBAAAG,IAAiB,WAAW,YAAAC,EAAA,IAAeF;AAGnD,SAFuBE,KAAclB,EAAM,wBAAA,IAOzC,gBAAAmB,EAACd,GAAA,EAAoB,OAAOL,EAAM,SAAA,EAAW,MAAM,SAAS,EAAQgB,EAAQ,kBACzE,UAAAC,MAAmB,WAClB,gBAAAE,EAACC,GAAA,EAAkB,GAAGrB,EAAsBC,CAAK,EAAA,CAAG,IAEpD,gBAAAmB,EAACE,GAAA,EAAmB,GAAGnB,EAAuBF,CAAK,EAAA,CAAG,EAAA,CAE1D,IAVO;AAYX;"}