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

acinguiux-ds-react-framework 0.1.26 → 0.1.27

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/DeprecatedSelect/Select.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.styles.js","sources":["../../../../src/components/DeprecatedSelect/Select.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes, ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { getPlaceholderFontStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { SelectConsts } from 'acinguiux-ds-react-base/components/Select';\nimport { TooltipUtils } from 'acinguiux-ds-react-base/components/Tooltip';\nimport { InputConsts, InputStyles, InputUtils } from 'acinguiux-ds-react-base/components/Input';\nimport { SelectProps } from 'rc-select';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { getParagraphTypographySize, getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport { rotate } from '../../utils/styleUtils';\nimport { rcSelectDropdownSlideUpIn, rcSelectDropdownSlideUpOut } from './utils/styleUtils';\nimport type { ISelectProps } from './Select.types';\nimport { getSelectedOptionTagStyles } from './utils/selectedOptionTagStyleUtils';\n\ninterface StyledSelectProps\n extends\n SelectProps,\n Required<PickTransient<ISelectProps, 'size'>>,\n PickTransient<ISelectProps, 'disabled' \| 'invalid'> {}\n\nconst Multiple = css<StyledSelectProps>`\n ${({ prefixCls, $size, allowClear, loading, disabled, theme }) => {\n const sizes = SelectConsts.consts[$size];\n const getStyles = (state: FabricsVariables.StateType = FabricsVariables.States.Resting) =>\n getSelectedOptionTagStyles(theme, state, disabled);\n\n return css<StyledSelectProps>`\n &-multiple .${prefixCls}-selector {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n min-height: ${InputConsts.consts[$size].containerHeight}px;\n\n .${prefixCls}-selection-overflow {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n gap: ${sizes.tag.gapContainer}px;\n width: 100%;\n\n --arrow-size: ${InputConsts.consts[$size].iconSize + InputConsts.consts[$size].padding.inline}px;\n\n ${allowClear\n ? css`\n --clear-size: ${InputConsts.consts[$size].iconSize + InputConsts.consts[$size].padding.inline * 2}px;\n `\n : ''};\n ${loading\n ? css`\n --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\n `\n : ''};\n max-width: calc(100% - (var(--arrow-size) + var(--clear-size, 0px) + var(--loading-size, 0px)));\n white-space: nowrap;\n padding: ${sizes.tag.paddingContainer}px;\n\n &-item {\n flex: 0 0 auto;\n max-width: 100%;\n align-self: center;\n }\n\n .${prefixCls}-selection-search-input {\n margin-left: ${InputConsts.consts[$size].padding.inline -\n InputConsts.consts[$size].containerPadding -\n sizes.tag.paddingContainer}px;\n }\n }\n\n .${prefixCls}-selection-item {\n ${theme.typography('label', getLabelTypographySize($size))};\n\n display: flex;\n align-items: center;\n gap: ${sizes.tag.gap}px;\n padding: ${sizes.tag.paddingTopBottom}px ${sizes.tag.paddingRight}px ${sizes.tag.paddingTopBottom}px\n ${sizes.tag.paddingLeft}px;\n border-radius: 4px;\n ${getStyles()};\n\n &:hover {\n ${getStyles(FabricsVariables.States.Hover)};\n\n ${disabled &&\n css`\n background-color: ${getStyles().backgroundColor};\n color: ${getStyles().color};\n `}\n }\n\n &:active {\n ${getStyles(FabricsVariables.States.Press)};\n }\n\n &:first-child {\n margin-left: 0;\n }\n\n &-content {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n &-remove {\n display: flex;\n cursor: pointer;\n }\n\n &-disabled {\n cursor: not-allowed;\n }\n }\n\n .${prefixCls}-selection-placeholder {\n position: absolute;\n top: 50%;\n left: ${InputConsts.consts[$size].padding.inline}px;\n\n --arrow-size: ${InputConsts.consts[$size].iconSize +\n InputConsts.consts[$size].padding.inline * 2 +\n InputConsts.consts[$size].containerPadding +\n InputConsts.consts[$size].containerGap}px;\n ${loading\n ? css`\n --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\n `\n : ''};\n right: calc(var(--loading-size, 0px) + var(--arrow-size));\n transform: translateY(-50%);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n min-width: 0;\n width: calc(100% - var(--arrow-size) - var(--loading-size, 0px));\n max-width: 100%;\n }\n\n .${prefixCls}-selection-search {\n position: relative;\n min-width: 0;\n max-width: 100%;\n\n &-input,\n &-mirror {\n padding: 0;\n font-family: system-ui;\n }\n\n &-mirror {\n z-index: ${ZIndexes.SELECT};\n white-space: nowrap;\n position: absolute;\n left: 10px;\n top: 0;\n visibility: hidden;\n }\n }\n }\n `;\n }}\n`;\n\nconst Single = css<StyledSelectProps>(({ prefixCls, $size, allowClear, loading }) => {\n const sizes = SelectConsts.consts[$size];\n\n return css<StyledSelectProps>`\n &-single .${prefixCls}-selector {\n .${prefixCls}-selection-search {\n width: 100%;\n\n &-input {\n width: 100%;\n }\n }\n\n .${prefixCls}-selection-item, .${prefixCls}-selection-placeholder {\n left: ${InputConsts.consts[$size].containerPadding + InputConsts.consts[$size].padding.inline}px;\n }\n\n .${prefixCls}-selection-item, .${prefixCls}-selection-placeholder {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .${prefixCls}-selection-placeholder {\n position: absolute;\n top: 50%;\n left: ${InputConsts.consts[$size].padding.inline + InputConsts.consts[$size].containerPadding}px;\n\n --arrow-size: ${InputConsts.consts[$size].iconSize +\n InputConsts.consts[$size].padding.inline * 2 +\n InputConsts.consts[$size].containerPadding +\n InputConsts.consts[$size].containerGap}px;\n ${loading\n ? css`\n --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\n `\n : ''};\n right: calc(var(--loading-size, 0px) + var(--arrow-size));\n transform: translateY(-50%);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n min-width: 0;\n width: calc(100% - var(--arrow-size) - var(--loading-size, 0px));\n max-width: 100%;\n }\n\n .${prefixCls}-selection-item {\n display: inline-block;\n\n --arrow-size: ${InputConsts.consts[$size].iconSize +\n InputConsts.consts[$size].padding.inline * 2 +\n InputConsts.consts[$size].containerPadding +\n InputConsts.consts[$size].containerGap}px;\n ${allowClear\n ? css`\n --clear-size: ${InputConsts.consts[$size].iconSize + InputConsts.consts[$size].padding.inline * 2}px;\n `\n : ''};\n ${loading\n ? css`\n --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\n `\n : ''};\n width: calc(100% - (var(--clear-size, 0px) + var(--loading-size, 0px) + var(--arrow-size)));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n `;\n});\n\nconst Option = css<StyledSelectProps>(({ $size, prefixCls, theme }) => {\n const sizes = InputConsts.consts[$size];\n const modes: ModesType = { foundation: 'surface', selectedProminence: 'subtle' };\n const layer = theme.layer(modes);\n\n return css`\n &-item {\n ${theme.typography('paragraph', getParagraphTypographySize($size))};\n &-group {\n ${theme.typography('label', getLabelTypographySize($size))};\n position: relative;\n padding: ${sizes.padding.block + sizes.containerPadding}px ${sizes.padding.inline}px;\n color: ${layer[Variables.TextOnFoundationSubtle]};\n\n ::after {\n content: '';\n position: absolute;\n height: 1px;\n bottom: 4px;\n left: ${sizes.padding.block + sizes.containerPadding}px;\n right: ${sizes.padding.block + sizes.containerPadding}px;\n background-color: ${layer[Variables.BorderOnFoundationSubtle]};\n }\n }\n\n &-option-content {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n &-option {\n ${theme.typography('label', getLabelTypographySize($size))};\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n position: relative;\n padding: ${sizes.padding.block + sizes.containerPadding}px ${sizes.padding.inline}px;\n border-radius: 4px;\n background: ${layer[Variables.BackgroundFoundation]};\n color: ${layer[Variables.TextOnFoundationStrong]};\n cursor: pointer;\n transition: background-color 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n\n /* NOTE: This should have &:hover style but for limitation we have in rc-select, we are implementing &-active instead /\n &-active {\n background: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\n Variables.BackgroundFoundation\n ]};\n\n &:active {\n background: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\n Variables.BackgroundFoundation\n ]};\n }\n }\n\n .${prefixCls}-item-option-state {\n display: none;\n position: relative;\n pointer-events: none;\n }\n\n &-selected {\n background: ${layer[Variables.BackgroundSelected]};\n\n &:hover {\n background: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\n Variables.BackgroundSelected\n ]};\n }\n\n &:active {\n background: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\n Variables.BackgroundSelected\n ]};\n }\n\n .${prefixCls}-item-option-state {\n display: inline-flex;\n }\n }\n\n &-disabled {\n color: ${theme.layer({ foundation: 'surface', disabled: true })[Variables.TextOnFoundationSubtle]};\n cursor: not-allowed;\n }\n }\n\n &-empty {\n text-align: center;\n }\n }\n `;\n});\n\nconst Select = styled.div<StyledSelectProps>`\n ${({ prefixCls, $size, $invalid, $disabled, theme }) => {\n const sizes = SelectConsts.consts[$size];\n const inputSizes = InputConsts.consts[$size];\n const dropdownStyles = TooltipUtils.useStyles(theme);\n const layer = theme.layer({ foundation: 'surface' });\n\n return css<StyledSelectProps>`\n ${InputStyles.WrapperStyles};\n padding: 0;\n min-width: 0;\n\n ${theme.typography('label', getLabelTypographySize($size))};\n .${prefixCls} {\n ${Option};\n }\n\n &.${prefixCls} {\n ${Single};\n ${Multiple};\n\n cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n\n .${prefixCls}-selector {\n padding: ${inputSizes.containerPadding}px;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n\n .${prefixCls}-selection-wrap {\n max-width: 100%;\n width: 100%;\n }\n }\n\n .${prefixCls}-selection-search-input {\n cursor: inherit;\n }\n\n .${prefixCls}-selection-placeholder {\n ${getPlaceholderFontStyles(theme, $disabled)};\n }\n\n .${prefixCls}-clear {\n --clear-right: ${InputConsts.consts[$size].containerGap 2 +\n InputConsts.consts[$size].iconSize +\n InputConsts.consts[$size].padding.inline}px;\n position: absolute;\n top: 0;\n right: var(--clear-right);\n width: 0;\n bottom: 0;\n }\n\n .${prefixCls}-arrow.${prefixCls}-arrow-loading + .${prefixCls}-clear {\n right: calc(\n var(--clear-right) +\n ${InputConsts.consts[$size].containerGap +\n InputConsts.consts[$size].padding.inline +\n sizes.default.loading}px\n );\n }\n\n &-show-arrow {\n .${prefixCls}-arrow {\n &,\n & svg {\n color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\n }\n position: absolute;\n right: ${InputConsts.consts[$size].containerGap}px;\n display: flex;\n gap: ${InputConsts.consts[$size].containerGap}px;\n pointer-events: none;\n top: ${InputConsts.consts[$size].containerGap}px;\n bottom: ${InputConsts.consts[$size].containerGap}px;\n ${$size === Sizes.XSmall &&\n css`\n top: ${InputUtils.getInputBorderStyles($size, $invalid && !$disabled ? 'invalid' : 'normal', false)\n .borderWidth}px;\n bottom: ${InputUtils.getInputBorderStyles($size, $invalid && !$disabled ? 'invalid' : 'normal', false)\n .borderWidth}px;\n `};\n align-items: flex-start;\n\n &-loading {\n &::before {\n content: '';\n display: inline-block;\n width: ${sizes.default.loading}px;\n height: ${sizes.default.loading}px;\n margin-top: ${InputConsts.consts[$size].containerGap}px;\n margin-right: ${InputConsts.consts[$size].padding.inline - InputConsts.consts[$size].containerGap}px;\n border-radius: 100%;\n border: 2px solid ${layer[Variables.BorderOnFoundationSubtle]};\n border-top-color: ${layer[Variables.BorderOnFoundationStrong]};\n animation: ${rotate} 0.8s linear infinite;\n box-sizing: border-box;\n }\n }\n }\n }\n\n /* ============== Dropdown =============== */\n &-dropdown {\n z-index: ${ZIndexes.SELECT};\n position: absolute;\n max-width: 100%;\n border: none;\n background-color: ${dropdownStyles.background};\n color: ${dropdownStyles.color};\n filter: ${dropdownStyles.dropShadow};\n will-change: filter;\n\n .rc-virtual-list-holder-inner {\n gap: ${inputSizes.padding.block}px;\n }\n\n &::before {\n display: none;\n }\n }\n\n &-dropdown > div,\n &-dropdown:hover > div {\n width: 100%;\n padding: ${inputSizes.padding.block}px;\n border-radius: ${inputSizes.affixBorderRadius}px;\n }\n\n &-dropdown-hidden,\n &-dropdown-hidden:hover {\n display: none;\n }\n }\n\n .${prefixCls}-dropdown {\n &-slide-up-enter,\n &-slide-up-appear {\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-play-state: paused;\n }\n\n &-slide-up-leave {\n opacity: 1;\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n animation-play-state: paused;\n }\n\n &-slide-up-enter.${prefixCls}-slide-up-enter-active, &-slide-up-appear.${prefixCls}-slide-up-appear-active {\n &.${prefixCls}-placement-bottomLeft {\n animation-name: ${rcSelectDropdownSlideUpIn};\n animation-play-state: running;\n }\n }\n\n &-slide-up-leave.${prefixCls}-slide-up-leave-active {\n &.${prefixCls}-placement-bottomLeft {\n animation-name: ${rcSelectDropdownSlideUpOut};\n animation-play-state: running;\n }\n }\n\n &-slide-up-enter.${prefixCls}-slide-up-enter-active, &-slide-up-appear.${prefixCls}-slide-up-appear-active {\n &.${prefixCls}-placement-topLeft {\n animation-name: rcSelectDropdownSlideDownIn;\n animation-play-state: running;\n }\n }\n\n &-slide-up-leave.${prefixCls}-slide-up-leave-active {\n &.${prefixCls}-placement-topLeft {\n animation-name: rcSelectDropdownSlideDownOut;\n animation-play-state: running;\n }\n }\n }\n `;\n }}\n`;\n\nexport { Select };\n"],"names":["Multiple","css","prefixCls","$size","allowClear","loading","disabled","theme","sizes","SelectConsts.consts","getStyles","state","FabricsVariables","getSelectedOptionTagStyles","InputConsts.consts","getLabelTypographySize","ZIndexes","Single","Option","modes","layer","getParagraphTypographySize","Variables","Select","styled","$invalid","$disabled","inputSizes","dropdownStyles","TooltipUtils.useStyles","InputStyles.WrapperStyles","getPlaceholderFontStyles","Sizes","InputUtils.getInputBorderStyles","rotate","rcSelectDropdownSlideUpIn","rcSelectDropdownSlideUpOut"],"mappings":"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"}
1	+ {"version":3,"file":"Select.styles.js","sources":["../../../../src/components/DeprecatedSelect/Select.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Sizes, ZIndexes } from 'acinguiux-ds-react-base/consts';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { getPlaceholderFontStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport { SelectConsts } from 'acinguiux-ds-react-base/components/Select';\r\nimport { TooltipUtils } from 'acinguiux-ds-react-base/components/Tooltip';\r\nimport { InputConsts, InputStyles, InputUtils } from 'acinguiux-ds-react-base/components/Input';\r\nimport { SelectProps } from 'rc-select';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport { getParagraphTypographySize, getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\n\r\nimport { rotate } from '../../utils/styleUtils';\r\nimport { rcSelectDropdownSlideUpIn, rcSelectDropdownSlideUpOut } from './utils/styleUtils';\r\nimport type { ISelectProps } from './Select.types';\r\nimport { getSelectedOptionTagStyles } from './utils/selectedOptionTagStyleUtils';\r\n\r\ninterface StyledSelectProps\r\n extends\r\n SelectProps,\r\n Required<PickTransient<ISelectProps, 'size'>>,\r\n PickTransient<ISelectProps, 'disabled' \| 'invalid'> {}\r\n\r\nconst Multiple = css<StyledSelectProps>`\r\n ${({ prefixCls, $size, allowClear, loading, disabled, theme }) => {\r\n const sizes = SelectConsts.consts[$size];\r\n const getStyles = (state: FabricsVariables.StateType = FabricsVariables.States.Resting) =>\r\n getSelectedOptionTagStyles(theme, state, disabled);\r\n\r\n return css<StyledSelectProps>`\r\n &-multiple .${prefixCls}-selector {\r\n position: relative;\r\n display: flex;\r\n flex-wrap: wrap;\r\n padding: 0;\r\n min-height: ${InputConsts.consts[$size].containerHeight}px;\r\n\r\n .${prefixCls}-selection-overflow {\r\n position: relative;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: ${sizes.tag.gapContainer}px;\r\n width: 100%;\r\n\r\n --arrow-size: ${InputConsts.consts[$size].iconSize + InputConsts.consts[$size].padding.inline}px;\r\n\r\n ${allowClear\r\n ? css`\r\n --clear-size: ${InputConsts.consts[$size].iconSize + InputConsts.consts[$size].padding.inline * 2}px;\r\n `\r\n : ''};\r\n ${loading\r\n ? css`\r\n --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\r\n `\r\n : ''};\r\n max-width: calc(100% - (var(--arrow-size) + var(--clear-size, 0px) + var(--loading-size, 0px)));\r\n white-space: nowrap;\r\n padding: ${sizes.tag.paddingContainer}px;\r\n\r\n &-item {\r\n flex: 0 0 auto;\r\n max-width: 100%;\r\n align-self: center;\r\n }\r\n\r\n .${prefixCls}-selection-search-input {\r\n margin-left: ${InputConsts.consts[$size].padding.inline -\r\n InputConsts.consts[$size].containerPadding -\r\n sizes.tag.paddingContainer}px;\r\n }\r\n }\r\n\r\n .${prefixCls}-selection-item {\r\n ${theme.typography('label', getLabelTypographySize($size))};\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: ${sizes.tag.gap}px;\r\n padding: ${sizes.tag.paddingTopBottom}px ${sizes.tag.paddingRight}px ${sizes.tag.paddingTopBottom}px\r\n ${sizes.tag.paddingLeft}px;\r\n border-radius: 4px;\r\n ${getStyles()};\r\n\r\n &:hover {\r\n ${getStyles(FabricsVariables.States.Hover)};\r\n\r\n ${disabled &&\r\n css`\r\n background-color: ${getStyles().backgroundColor};\r\n color: ${getStyles().color};\r\n `}\r\n }\r\n\r\n &:active {\r\n ${getStyles(FabricsVariables.States.Press)};\r\n }\r\n\r\n &:first-child {\r\n margin-left: 0;\r\n }\r\n\r\n &-content {\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n }\r\n\r\n &-remove {\r\n display: flex;\r\n cursor: pointer;\r\n }\r\n\r\n &-disabled {\r\n cursor: not-allowed;\r\n }\r\n }\r\n\r\n .${prefixCls}-selection-placeholder {\r\n position: absolute;\r\n top: 50%;\r\n left: ${InputConsts.consts[$size].padding.inline}px;\r\n\r\n --arrow-size: ${InputConsts.consts[$size].iconSize +\r\n InputConsts.consts[$size].padding.inline * 2 +\r\n InputConsts.consts[$size].containerPadding +\r\n InputConsts.consts[$size].containerGap}px;\r\n ${loading\r\n ? css`\r\n --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\r\n `\r\n : ''};\r\n right: calc(var(--loading-size, 0px) + var(--arrow-size));\r\n transform: translateY(-50%);\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n min-width: 0;\r\n width: calc(100% - var(--arrow-size) - var(--loading-size, 0px));\r\n max-width: 100%;\r\n }\r\n\r\n .${prefixCls}-selection-search {\r\n position: relative;\r\n min-width: 0;\r\n max-width: 100%;\r\n\r\n &-input,\r\n &-mirror {\r\n padding: 0;\r\n font-family: system-ui;\r\n }\r\n\r\n &-mirror {\r\n z-index: ${ZIndexes.SELECT};\r\n white-space: nowrap;\r\n position: absolute;\r\n left: 10px;\r\n top: 0;\r\n visibility: hidden;\r\n }\r\n }\r\n }\r\n `;\r\n }}\r\n`;\r\n\r\nconst Single = css<StyledSelectProps>(({ prefixCls, $size, allowClear, loading }) => {\r\n const sizes = SelectConsts.consts[$size];\r\n\r\n return css<StyledSelectProps>`\r\n &-single .${prefixCls}-selector {\r\n .${prefixCls}-selection-search {\r\n width: 100%;\r\n\r\n &-input {\r\n width: 100%;\r\n }\r\n }\r\n\r\n .${prefixCls}-selection-item, .${prefixCls}-selection-placeholder {\r\n left: ${InputConsts.consts[$size].containerPadding + InputConsts.consts[$size].padding.inline}px;\r\n }\r\n\r\n .${prefixCls}-selection-item, .${prefixCls}-selection-placeholder {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n }\r\n\r\n .${prefixCls}-selection-placeholder {\r\n position: absolute;\r\n top: 50%;\r\n left: ${InputConsts.consts[$size].padding.inline + InputConsts.consts[$size].containerPadding}px;\r\n\r\n --arrow-size: ${InputConsts.consts[$size].iconSize +\r\n InputConsts.consts[$size].padding.inline * 2 +\r\n InputConsts.consts[$size].containerPadding +\r\n InputConsts.consts[$size].containerGap}px;\r\n ${loading\r\n ? css`\r\n --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\r\n `\r\n : ''};\r\n right: calc(var(--loading-size, 0px) + var(--arrow-size));\r\n transform: translateY(-50%);\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n min-width: 0;\r\n width: calc(100% - var(--arrow-size) - var(--loading-size, 0px));\r\n max-width: 100%;\r\n }\r\n\r\n .${prefixCls}-selection-item {\r\n display: inline-block;\r\n\r\n --arrow-size: ${InputConsts.consts[$size].iconSize +\r\n InputConsts.consts[$size].padding.inline * 2 +\r\n InputConsts.consts[$size].containerPadding +\r\n InputConsts.consts[$size].containerGap}px;\r\n ${allowClear\r\n ? css`\r\n --clear-size: ${InputConsts.consts[$size].iconSize + InputConsts.consts[$size].padding.inline * 2}px;\r\n `\r\n : ''};\r\n ${loading\r\n ? css`\r\n --loading-size: ${sizes.default.loading + InputConsts.consts[$size].padding.inline * 2}px;\r\n `\r\n : ''};\r\n width: calc(100% - (var(--clear-size, 0px) + var(--loading-size, 0px) + var(--arrow-size)));\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n }\r\n `;\r\n});\r\n\r\nconst Option = css<StyledSelectProps>(({ $size, prefixCls, theme }) => {\r\n const sizes = InputConsts.consts[$size];\r\n const modes: ModesType = { foundation: 'surface', selectedProminence: 'subtle' };\r\n const layer = theme.layer(modes);\r\n\r\n return css`\r\n &-item {\r\n ${theme.typography('paragraph', getParagraphTypographySize($size))};\r\n &-group {\r\n ${theme.typography('label', getLabelTypographySize($size))};\r\n position: relative;\r\n padding: ${sizes.padding.block + sizes.containerPadding}px ${sizes.padding.inline}px;\r\n color: ${layer[Variables.TextOnFoundationSubtle]};\r\n\r\n ::after {\r\n content: '';\r\n position: absolute;\r\n height: 1px;\r\n bottom: 4px;\r\n left: ${sizes.padding.block + sizes.containerPadding}px;\r\n right: ${sizes.padding.block + sizes.containerPadding}px;\r\n background-color: ${layer[Variables.BorderOnFoundationSubtle]};\r\n }\r\n }\r\n\r\n &-option-content {\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n }\r\n\r\n &-option {\r\n ${theme.typography('label', getLabelTypographySize($size))};\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n position: relative;\r\n padding: ${sizes.padding.block + sizes.containerPadding}px ${sizes.padding.inline}px;\r\n border-radius: 4px;\r\n background: ${layer[Variables.BackgroundFoundation]};\r\n color: ${layer[Variables.TextOnFoundationStrong]};\r\n cursor: pointer;\r\n transition: background-color 0.3s cubic-bezier(0.35, 0, 0.25, 1);\r\n\r\n /* NOTE: This should have &:hover style but for limitation we have in rc-select, we are implementing &-active instead /\r\n &-active {\r\n background: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\r\n Variables.BackgroundFoundation\r\n ]};\r\n\r\n &:active {\r\n background: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\r\n Variables.BackgroundFoundation\r\n ]};\r\n }\r\n }\r\n\r\n .${prefixCls}-item-option-state {\r\n display: none;\r\n position: relative;\r\n pointer-events: none;\r\n }\r\n\r\n &-selected {\r\n background: ${layer[Variables.BackgroundSelected]};\r\n\r\n &:hover {\r\n background: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\r\n Variables.BackgroundSelected\r\n ]};\r\n }\r\n\r\n &:active {\r\n background: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\r\n Variables.BackgroundSelected\r\n ]};\r\n }\r\n\r\n .${prefixCls}-item-option-state {\r\n display: inline-flex;\r\n }\r\n }\r\n\r\n &-disabled {\r\n color: ${theme.layer({ foundation: 'surface', disabled: true })[Variables.TextOnFoundationSubtle]};\r\n cursor: not-allowed;\r\n }\r\n }\r\n\r\n &-empty {\r\n text-align: center;\r\n }\r\n }\r\n `;\r\n});\r\n\r\nconst Select = styled.div<StyledSelectProps>`\r\n ${({ prefixCls, $size, $invalid, $disabled, theme }) => {\r\n const sizes = SelectConsts.consts[$size];\r\n const inputSizes = InputConsts.consts[$size];\r\n const dropdownStyles = TooltipUtils.useStyles(theme);\r\n const layer = theme.layer({ foundation: 'surface' });\r\n\r\n return css<StyledSelectProps>`\r\n ${InputStyles.WrapperStyles};\r\n padding: 0;\r\n min-width: 0;\r\n\r\n ${theme.typography('label', getLabelTypographySize($size))};\r\n .${prefixCls} {\r\n ${Option};\r\n }\r\n\r\n &.${prefixCls} {\r\n ${Single};\r\n ${Multiple};\r\n\r\n cursor: ${$disabled ? 'not-allowed' : 'pointer'};\r\n\r\n .${prefixCls}-selector {\r\n padding: ${inputSizes.containerPadding}px;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n\r\n .${prefixCls}-selection-wrap {\r\n max-width: 100%;\r\n width: 100%;\r\n }\r\n }\r\n\r\n .${prefixCls}-selection-search-input {\r\n cursor: inherit;\r\n }\r\n\r\n .${prefixCls}-selection-placeholder {\r\n ${getPlaceholderFontStyles(theme, $disabled)};\r\n }\r\n\r\n .${prefixCls}-clear {\r\n --clear-right: ${InputConsts.consts[$size].containerGap 2 +\r\n InputConsts.consts[$size].iconSize +\r\n InputConsts.consts[$size].padding.inline}px;\r\n position: absolute;\r\n top: 0;\r\n right: var(--clear-right);\r\n width: 0;\r\n bottom: 0;\r\n }\r\n\r\n .${prefixCls}-arrow.${prefixCls}-arrow-loading + .${prefixCls}-clear {\r\n right: calc(\r\n var(--clear-right) +\r\n ${InputConsts.consts[$size].containerGap +\r\n InputConsts.consts[$size].padding.inline +\r\n sizes.default.loading}px\r\n );\r\n }\r\n\r\n &-show-arrow {\r\n .${prefixCls}-arrow {\r\n &,\r\n & svg {\r\n color: ${theme.layer({ foundation: 'surface', disabled: $disabled })[Variables.TextOnFoundationStrong]};\r\n }\r\n position: absolute;\r\n right: ${InputConsts.consts[$size].containerGap}px;\r\n display: flex;\r\n gap: ${InputConsts.consts[$size].containerGap}px;\r\n pointer-events: none;\r\n top: ${InputConsts.consts[$size].containerGap}px;\r\n bottom: ${InputConsts.consts[$size].containerGap}px;\r\n ${$size === Sizes.XSmall &&\r\n css`\r\n top: ${InputUtils.getInputBorderStyles($size, $invalid && !$disabled ? 'invalid' : 'normal', false)\r\n .borderWidth}px;\r\n bottom: ${InputUtils.getInputBorderStyles($size, $invalid && !$disabled ? 'invalid' : 'normal', false)\r\n .borderWidth}px;\r\n `};\r\n align-items: flex-start;\r\n\r\n &-loading {\r\n &::before {\r\n content: '';\r\n display: inline-block;\r\n width: ${sizes.default.loading}px;\r\n height: ${sizes.default.loading}px;\r\n margin-top: ${InputConsts.consts[$size].containerGap}px;\r\n margin-right: ${InputConsts.consts[$size].padding.inline - InputConsts.consts[$size].containerGap}px;\r\n border-radius: 100%;\r\n border: 2px solid ${layer[Variables.BorderOnFoundationSubtle]};\r\n border-top-color: ${layer[Variables.BorderOnFoundationStrong]};\r\n animation: ${rotate} 0.8s linear infinite;\r\n box-sizing: border-box;\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* ============== Dropdown =============== */\r\n &-dropdown {\r\n z-index: ${ZIndexes.SELECT};\r\n position: absolute;\r\n max-width: 100%;\r\n border: none;\r\n background-color: ${dropdownStyles.background};\r\n color: ${dropdownStyles.color};\r\n filter: ${dropdownStyles.dropShadow};\r\n will-change: filter;\r\n\r\n .rc-virtual-list-holder-inner {\r\n gap: ${inputSizes.padding.block}px;\r\n }\r\n\r\n &::before {\r\n display: none;\r\n }\r\n }\r\n\r\n &-dropdown > div,\r\n &-dropdown:hover > div {\r\n width: 100%;\r\n padding: ${inputSizes.padding.block}px;\r\n border-radius: ${inputSizes.affixBorderRadius}px;\r\n }\r\n\r\n &-dropdown-hidden,\r\n &-dropdown-hidden:hover {\r\n display: none;\r\n }\r\n }\r\n\r\n .${prefixCls}-dropdown {\r\n &-slide-up-enter,\r\n &-slide-up-appear {\r\n opacity: 0;\r\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\r\n animation-play-state: paused;\r\n }\r\n\r\n &-slide-up-leave {\r\n opacity: 1;\r\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\r\n animation-play-state: paused;\r\n }\r\n\r\n &-slide-up-enter.${prefixCls}-slide-up-enter-active, &-slide-up-appear.${prefixCls}-slide-up-appear-active {\r\n &.${prefixCls}-placement-bottomLeft {\r\n animation-name: ${rcSelectDropdownSlideUpIn};\r\n animation-play-state: running;\r\n }\r\n }\r\n\r\n &-slide-up-leave.${prefixCls}-slide-up-leave-active {\r\n &.${prefixCls}-placement-bottomLeft {\r\n animation-name: ${rcSelectDropdownSlideUpOut};\r\n animation-play-state: running;\r\n }\r\n }\r\n\r\n &-slide-up-enter.${prefixCls}-slide-up-enter-active, &-slide-up-appear.${prefixCls}-slide-up-appear-active {\r\n &.${prefixCls}-placement-topLeft {\r\n animation-name: rcSelectDropdownSlideDownIn;\r\n animation-play-state: running;\r\n }\r\n }\r\n\r\n &-slide-up-leave.${prefixCls}-slide-up-leave-active {\r\n &.${prefixCls}-placement-topLeft {\r\n animation-name: rcSelectDropdownSlideDownOut;\r\n animation-play-state: running;\r\n }\r\n }\r\n }\r\n `;\r\n }}\r\n`;\r\n\r\nexport { Select };\r\n"],"names":["Multiple","css","prefixCls","$size","allowClear","loading","disabled","theme","sizes","SelectConsts.consts","getStyles","state","FabricsVariables","getSelectedOptionTagStyles","InputConsts.consts","getLabelTypographySize","ZIndexes","Single","Option","modes","layer","getParagraphTypographySize","Variables","Select","styled","$invalid","$disabled","inputSizes","dropdownStyles","TooltipUtils.useStyles","InputStyles.WrapperStyles","getPlaceholderFontStyles","Sizes","InputUtils.getInputBorderStyles","rotate","rcSelectDropdownSlideUpIn","rcSelectDropdownSlideUpOut"],"mappings":"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"}

package/build/esm/components/DeprecatedSelect/components/Icons/Icons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icons.js","sources":["../../../../../../src/components/DeprecatedSelect/components/Icons/Icons.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { SelectConsts, type SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nimport Check from '../../../Icon/components/Check';\nimport ChevronDown from '../../../Icon/components/ChevronDown';\nimport Cross from '../../../Icon/components/Cross';\n\nexport type SelectIconProps = {\n size: SelectTypes.Size;\n};\n\nconst getDimensions = (size: SelectTypes.Size) => ({\n width: SelectConsts.consts[size].icon.size,\n height: SelectConsts.consts[size].icon.size,\n});\n\nexport const ArrowIcon = ({ size }: SelectIconProps): ReactElement => <ChevronDown {...getDimensions(size)} />;\n\nexport const SelectedIcon = ({ size }: SelectIconProps): ReactElement => <Check {...getDimensions(size)} />;\n\nexport const ClearIcon = ({ size }: SelectIconProps): ReactElement => <Cross {...getDimensions(size)} />;\n\nexport const RemoveIcon = ({ size }: SelectIconProps): ReactElement => <Cross {...getDimensions(size)} />;\n"],"names":["getDimensions","size","SelectConsts.consts","SelectedIcon","Check","RemoveIcon","Cross"],"mappings":";;;;AAYA,MAAMA,IAAgB,CAACC,OAA4B;AAAA,EACjD,OAAOC,EAAoBD,CAAI,EAAE,KAAK;AAAA,EACtC,QAAQC,EAAoBD,CAAI,EAAE,KAAK;AACzC,IAIaE,IAAe,CAAC,EAAE,MAAAF,0BAA2CG,GAAA,EAAO,GAAGJ,EAAcC,CAAI,EAAA,CAAG,GAI5FI,IAAa,CAAC,EAAE,MAAAJ,0BAA2CK,GAAA,EAAO,GAAGN,EAAcC,CAAI,EAAA,CAAG;"}
1	+ {"version":3,"file":"Icons.js","sources":["../../../../../../src/components/DeprecatedSelect/components/Icons/Icons.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\n\r\nimport { SelectConsts, type SelectTypes } from 'acinguiux-ds-react-base/components/Select';\r\n\r\nimport Check from '../../../Icon/components/Check';\r\nimport ChevronDown from '../../../Icon/components/ChevronDown';\r\nimport Cross from '../../../Icon/components/Cross';\r\n\r\nexport type SelectIconProps = {\r\n size: SelectTypes.Size;\r\n};\r\n\r\nconst getDimensions = (size: SelectTypes.Size) => ({\r\n width: SelectConsts.consts[size].icon.size,\r\n height: SelectConsts.consts[size].icon.size,\r\n});\r\n\r\nexport const ArrowIcon = ({ size }: SelectIconProps): ReactElement => <ChevronDown {...getDimensions(size)} />;\r\n\r\nexport const SelectedIcon = ({ size }: SelectIconProps): ReactElement => <Check {...getDimensions(size)} />;\r\n\r\nexport const ClearIcon = ({ size }: SelectIconProps): ReactElement => <Cross {...getDimensions(size)} />;\r\n\r\nexport const RemoveIcon = ({ size }: SelectIconProps): ReactElement => <Cross {...getDimensions(size)} />;\r\n"],"names":["getDimensions","size","SelectConsts.consts","SelectedIcon","Check","RemoveIcon","Cross"],"mappings":";;;;AAYA,MAAMA,IAAgB,CAACC,OAA4B;AAAA,EACjD,OAAOC,EAAoBD,CAAI,EAAE,KAAK;AAAA,EACtC,QAAQC,EAAoBD,CAAI,EAAE,KAAK;AACzC,IAIaE,IAAe,CAAC,EAAE,MAAAF,0BAA2CG,GAAA,EAAO,GAAGJ,EAAcC,CAAI,EAAA,CAAG,GAI5FI,IAAa,CAAC,EAAE,MAAAJ,0BAA2CK,GAAA,EAAO,GAAGN,EAAcC,CAAI,EAAA,CAAG;"}

package/build/esm/components/DeprecatedSelect/components/NativeSelect/NativeSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NativeSelect.js","sources":["../../../../../../src/components/DeprecatedSelect/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, SELECT_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport { ChevronSmallDown } from '../../../Icon/components';\nimport * as Styled from './NativeSelect.styles';\nimport type { INativeSelectProps } from './NativeSelect.types';\n\nconst NativeSelect = forwardRef(\n (\n {\n className,\n size = Sizes.Medium,\n disabled = false,\n invalid = false,\n wrapperProps,\n tabIndex = 0,\n ...rest\n }: INativeSelectProps,\n ref: ForwardedRef<HTMLSelectElement>,\n ) => (\n <Styled.NativeSelectWrapper\n className={classNames(SELECT_CLASS, className)}\n $size={size}\n $invalid={invalid}\n $disabled={disabled}\n tabIndex={tabIndex}\n {...wrapperProps}\n >\n <Styled.NativeSelect\n ref={ref}\n className={`${SELECT_CLASS}-select`}\n disabled={disabled}\n $selectSize={size}\n {...rest}\n />\n {!rest.multiple && <ChevronSmallDown width={24} height={24} />}\n </Styled.NativeSelectWrapper>\n ),\n);\n\nexport default NativeSelect;\n"],"names":["NativeSelect","forwardRef","className","size","Sizes","disabled","invalid","wrapperProps","tabIndex","rest","ref","jsxs","Styled.NativeSelectWrapper","classNames","SELECT_CLASS","jsx","Styled.NativeSelect","ChevronSmallDown"],"mappings":";;;;;;;AASA,MAAMA,IAAeC;AAAA,EACnB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAcZ,CAAS;AAAA,MAC7C,OAAOC;AAAA,MACP,UAAUG;AAAA,MACV,WAAWD;AAAA,MACX,UAAAG;AAAA,MACC,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAQ;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,KAAAN;AAAA,YACA,WAAW,GAAGI,CAAY;AAAA,YAC1B,UAAAT;AAAA,YACA,aAAaF;AAAA,YACZ,GAAGM;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,CAACA,EAAK,YAAY,gBAAAM,EAACE,KAAiB,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlE;"}
1	+ {"version":3,"file":"NativeSelect.js","sources":["../../../../../../src/components/DeprecatedSelect/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, SELECT_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport { ChevronSmallDown } from '../../../Icon/components';\r\nimport * as Styled from './NativeSelect.styles';\r\nimport type { INativeSelectProps } from './NativeSelect.types';\r\n\r\nconst NativeSelect = forwardRef(\r\n (\r\n {\r\n className,\r\n size = Sizes.Medium,\r\n disabled = false,\r\n invalid = false,\r\n wrapperProps,\r\n tabIndex = 0,\r\n ...rest\r\n }: INativeSelectProps,\r\n ref: ForwardedRef<HTMLSelectElement>,\r\n ) => (\r\n <Styled.NativeSelectWrapper\r\n className={classNames(SELECT_CLASS, className)}\r\n $size={size}\r\n $invalid={invalid}\r\n $disabled={disabled}\r\n tabIndex={tabIndex}\r\n {...wrapperProps}\r\n >\r\n <Styled.NativeSelect\r\n ref={ref}\r\n className={`${SELECT_CLASS}-select`}\r\n disabled={disabled}\r\n $selectSize={size}\r\n {...rest}\r\n />\r\n {!rest.multiple && <ChevronSmallDown width={24} height={24} />}\r\n </Styled.NativeSelectWrapper>\r\n ),\r\n);\r\n\r\nexport default NativeSelect;\r\n"],"names":["NativeSelect","forwardRef","className","size","Sizes","disabled","invalid","wrapperProps","tabIndex","rest","ref","jsxs","Styled.NativeSelectWrapper","classNames","SELECT_CLASS","jsx","Styled.NativeSelect","ChevronSmallDown"],"mappings":";;;;;;;AASA,MAAMA,IAAeC;AAAA,EACnB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAcZ,CAAS;AAAA,MAC7C,OAAOC;AAAA,MACP,UAAUG;AAAA,MACV,WAAWD;AAAA,MACX,UAAAG;AAAA,MACC,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAQ;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,KAAAN;AAAA,YACA,WAAW,GAAGI,CAAY;AAAA,YAC1B,UAAAT;AAAA,YACA,aAAaF;AAAA,YACZ,GAAGM;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,CAACA,EAAK,YAAY,gBAAAM,EAACE,KAAiB,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlE;"}

package/build/esm/components/DeprecatedSelect/components/NativeSelect/NativeSelect.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NativeSelect.styles.js","sources":["../../../../../../src/components/DeprecatedSelect/components/NativeSelect/NativeSelect.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { getLabelFontStyles, getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { type SelectTypes, SelectConsts } from 'acinguiux-ds-react-base/components/Select';\nimport { type InputTypes, InputUtils } from 'acinguiux-ds-react-base/components/Input';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nconst { getInputColorStyles, getBaseElementStyles, getWrapperStyles, getInputElementStyles, getInputBorderStyles } =\n InputUtils;\n\nconst NativeSelect = styled.select<{ $selectSize: SelectTypes.Size }>`\n ${({ $selectSize }) => {\n const sizes = SelectConsts.consts[$selectSize];\n\n return css`\n appearance: none;\n padding: ${sizes.default.paddingTopBottom}px ${sizes.default.paddingRight}px ${sizes.default.paddingTopBottom}px\n ${sizes.default.paddingLeft}px;\n cursor: pointer;\n\n &[multiple] option {\n padding: 8px 0;\n }\n\n &:not([multiple]) ~ svg {\n position: absolute;\n right: ${sizes.icon.right - 1}px;\n top: calc(50% - 12px);\n pointer-events: none;\n }\n `;\n }}\n`;\n\nconst NativeSelectWrapper = styled.div<InputTypes.IProps>`\n ${({ $size = `${Sizes.Medium}`, $disabled, $invalid, theme }) => {\n const getStyles = (state?: FabricsVariables.StateType) => getInputColorStyles(theme, state, $disabled, $invalid);\n\n return css`\n ${getWrapperStyles($size)};\n ${getInputBorderStyles($size, $invalid ? 'invalid' : 'normal')};\n\n ${NativeSelect} {\n ${getStyles()};\n ${getInputElementStyles($size)};\n ${getBaseElementStyles(theme, $size, $disabled)};\n ${getLabelFontStyles(theme, $disabled)};\n }\n\n &:focus-visible {\n ${NativeSelect} {\n ${getFocusStyles(theme)};\n }\n }\n\n &:hover {\n ${NativeSelect} {\n ${getStyles(FabricsVariables.States.Hover)};\n ${getLabelFontStyles(theme, $disabled)};\n }\n }\n\n ${$invalid &&\n css`\n svg {\n ${getLabelFontStyles(theme, $disabled)};\n }\n `}\n `;\n }}\n`;\n\nexport { NativeSelectWrapper, NativeSelect };\n"],"names":["getInputColorStyles","getBaseElementStyles","getWrapperStyles","getInputElementStyles","getInputBorderStyles","InputUtils","NativeSelect","styled","$selectSize","sizes","SelectConsts.consts","css","NativeSelectWrapper","$size","Sizes","$disabled","$invalid","theme","getStyles","state","getLabelFontStyles","getFocusStyles","FabricsVariables"],"mappings":";;;;;;AAOA,MAAM,EAAE,qBAAAA,GAAqB,sBAAAC,GAAsB,kBAAAC,GAAkB,uBAAAC,GAAuB,sBAAAC,MAC1FC,GAEIC,IAAeC,EAAO;AAAA,IACxB,CAAC,EAAE,aAAAC,QAAkB;AACrB,QAAMC,IAAQC,EAAoBF,CAAW;AAE7C,SAAOG;AAAA;AAAA,iBAEMF,EAAM,QAAQ,gBAAgB,MAAMA,EAAM,QAAQ,YAAY,MAAMA,EAAM,QAAQ,gBAAgB;AAAA,UACzGA,EAAM,QAAQ,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBASlBA,EAAM,KAAK,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAKnC,CAAC;AAAA,GAGGG,IAAsBL,EAAO;AAAA,IAC/B,CAAC,EAAE,OAAAM,IAAQ,GAAGC,EAAM,MAAM,IAAI,WAAAC,GAAW,UAAAC,GAAU,OAAAC,QAAY;AAC/D,QAAMC,IAAY,CAACC,MAAuCnB,EAAoBiB,GAAOE,GAAOJ,GAAWC,CAAQ;AAE/G,SAAOL;AAAA,QACHT,EAAiBW,CAAK,CAAC;AAAA,QACvBT,EAAqBS,GAAOG,IAAW,YAAY,QAAQ,CAAC;AAAA;AAAA,QAE5DV,CAAY;AAAA,UACVY,GAAW;AAAA,UACXf,EAAsBU,CAAK,CAAC;AAAA,UAC5BZ,EAAqBgB,GAAOJ,GAAOE,CAAS,CAAC;AAAA,UAC7CK,EAAmBH,GAAOF,CAAS,CAAC;AAAA;AAAA;AAAA;AAAA,UAIpCT,CAAY;AAAA,YACVe,EAAeJ,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAKvBX,CAAY;AAAA,YACVY,EAAUI,EAAiB,OAAO,KAAK,CAAC;AAAA,YACxCF,EAAmBH,GAAOF,CAAS,CAAC;AAAA;AAAA;AAAA;AAAA,QAIxCC,KACFL;AAAA;AAAA,YAEMS,EAAmBH,GAAOF,CAAS,CAAC;AAAA;AAAA,OAEzC;AAAA;AAEL,CAAC;AAAA;"}
1	+ {"version":3,"file":"NativeSelect.styles.js","sources":["../../../../../../src/components/DeprecatedSelect/components/NativeSelect/NativeSelect.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { getLabelFontStyles, getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport { type SelectTypes, SelectConsts } from 'acinguiux-ds-react-base/components/Select';\r\nimport { type InputTypes, InputUtils } from 'acinguiux-ds-react-base/components/Input';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nconst { getInputColorStyles, getBaseElementStyles, getWrapperStyles, getInputElementStyles, getInputBorderStyles } =\r\n InputUtils;\r\n\r\nconst NativeSelect = styled.select<{ $selectSize: SelectTypes.Size }>`\r\n ${({ $selectSize }) => {\r\n const sizes = SelectConsts.consts[$selectSize];\r\n\r\n return css`\r\n appearance: none;\r\n padding: ${sizes.default.paddingTopBottom}px ${sizes.default.paddingRight}px ${sizes.default.paddingTopBottom}px\r\n ${sizes.default.paddingLeft}px;\r\n cursor: pointer;\r\n\r\n &[multiple] option {\r\n padding: 8px 0;\r\n }\r\n\r\n &:not([multiple]) ~ svg {\r\n position: absolute;\r\n right: ${sizes.icon.right - 1}px;\r\n top: calc(50% - 12px);\r\n pointer-events: none;\r\n }\r\n `;\r\n }}\r\n`;\r\n\r\nconst NativeSelectWrapper = styled.div<InputTypes.IProps>`\r\n ${({ $size = `${Sizes.Medium}`, $disabled, $invalid, theme }) => {\r\n const getStyles = (state?: FabricsVariables.StateType) => getInputColorStyles(theme, state, $disabled, $invalid);\r\n\r\n return css`\r\n ${getWrapperStyles($size)};\r\n ${getInputBorderStyles($size, $invalid ? 'invalid' : 'normal')};\r\n\r\n ${NativeSelect} {\r\n ${getStyles()};\r\n ${getInputElementStyles($size)};\r\n ${getBaseElementStyles(theme, $size, $disabled)};\r\n ${getLabelFontStyles(theme, $disabled)};\r\n }\r\n\r\n &:focus-visible {\r\n ${NativeSelect} {\r\n ${getFocusStyles(theme)};\r\n }\r\n }\r\n\r\n &:hover {\r\n ${NativeSelect} {\r\n ${getStyles(FabricsVariables.States.Hover)};\r\n ${getLabelFontStyles(theme, $disabled)};\r\n }\r\n }\r\n\r\n ${$invalid &&\r\n css`\r\n svg {\r\n ${getLabelFontStyles(theme, $disabled)};\r\n }\r\n `}\r\n `;\r\n }}\r\n`;\r\n\r\nexport { NativeSelectWrapper, NativeSelect };\r\n"],"names":["getInputColorStyles","getBaseElementStyles","getWrapperStyles","getInputElementStyles","getInputBorderStyles","InputUtils","NativeSelect","styled","$selectSize","sizes","SelectConsts.consts","css","NativeSelectWrapper","$size","Sizes","$disabled","$invalid","theme","getStyles","state","getLabelFontStyles","getFocusStyles","FabricsVariables"],"mappings":";;;;;;AAOA,MAAM,EAAE,qBAAAA,GAAqB,sBAAAC,GAAsB,kBAAAC,GAAkB,uBAAAC,GAAuB,sBAAAC,MAC1FC,GAEIC,IAAeC,EAAO;AAAA,IACxB,CAAC,EAAE,aAAAC,QAAkB;AACrB,QAAMC,IAAQC,EAAoBF,CAAW;AAE7C,SAAOG;AAAA;AAAA,iBAEMF,EAAM,QAAQ,gBAAgB,MAAMA,EAAM,QAAQ,YAAY,MAAMA,EAAM,QAAQ,gBAAgB;AAAA,UACzGA,EAAM,QAAQ,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBASlBA,EAAM,KAAK,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAKnC,CAAC;AAAA,GAGGG,IAAsBL,EAAO;AAAA,IAC/B,CAAC,EAAE,OAAAM,IAAQ,GAAGC,EAAM,MAAM,IAAI,WAAAC,GAAW,UAAAC,GAAU,OAAAC,QAAY;AAC/D,QAAMC,IAAY,CAACC,MAAuCnB,EAAoBiB,GAAOE,GAAOJ,GAAWC,CAAQ;AAE/G,SAAOL;AAAA,QACHT,EAAiBW,CAAK,CAAC;AAAA,QACvBT,EAAqBS,GAAOG,IAAW,YAAY,QAAQ,CAAC;AAAA;AAAA,QAE5DV,CAAY;AAAA,UACVY,GAAW;AAAA,UACXf,EAAsBU,CAAK,CAAC;AAAA,UAC5BZ,EAAqBgB,GAAOJ,GAAOE,CAAS,CAAC;AAAA,UAC7CK,EAAmBH,GAAOF,CAAS,CAAC;AAAA;AAAA;AAAA;AAAA,UAIpCT,CAAY;AAAA,YACVe,EAAeJ,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAKvBX,CAAY;AAAA,YACVY,EAAUI,EAAiB,OAAO,KAAK,CAAC;AAAA,YACxCF,EAAmBH,GAAOF,CAAS,CAAC;AAAA;AAAA;AAAA;AAAA,QAIxCC,KACFL;AAAA;AAAA,YAEMS,EAAmBH,GAAOF,CAAS,CAAC;AAAA;AAAA,OAEzC;AAAA;AAEL,CAAC;AAAA;"}

package/build/esm/components/DeprecatedSelect/components/Option/Option.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Option.js","sources":["../../../../../../src/components/DeprecatedSelect/components/Option/Option.tsx"],"sourcesContent":["import { Option as RCOption } from 'rc-select';\nimport type { OptionProps } from 'rc-select/lib/Option';\n\nexport type IOptionProps = OptionProps;\n\nconst Option = RCOption;\n\nexport default Option;\n"],"names":["Option","RCOption"],"mappings":";AAKA,MAAMA,IAASC;"}
1	+ {"version":3,"file":"Option.js","sources":["../../../../../../src/components/DeprecatedSelect/components/Option/Option.tsx"],"sourcesContent":["import { Option as RCOption } from 'rc-select';\r\nimport type { OptionProps } from 'rc-select/lib/Option';\r\n\r\nexport type IOptionProps = OptionProps;\r\n\r\nconst Option = RCOption;\r\n\r\nexport default Option;\r\n"],"names":["Option","RCOption"],"mappings":";AAKA,MAAMA,IAASC;"}

package/build/esm/components/DeprecatedSelect/components/OptionGroup/OptionGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OptionGroup.js","sources":["../../../../../../src/components/DeprecatedSelect/components/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import { OptGroup as RCOptionGroup } from 'rc-select';\nimport type { OptGroupProps } from 'rc-select/lib/OptGroup';\n\nexport type IOptionGroupProps = OptGroupProps;\n\nconst OptionGroup = RCOptionGroup;\n\nexport default OptionGroup;\n"],"names":["OptionGroup","RCOptionGroup"],"mappings":";AAKA,MAAMA,IAAcC;"}
1	+ {"version":3,"file":"OptionGroup.js","sources":["../../../../../../src/components/DeprecatedSelect/components/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import { OptGroup as RCOptionGroup } from 'rc-select';\r\nimport type { OptGroupProps } from 'rc-select/lib/OptGroup';\r\n\r\nexport type IOptionGroupProps = OptGroupProps;\r\n\r\nconst OptionGroup = RCOptionGroup;\r\n\r\nexport default OptionGroup;\r\n"],"names":["OptionGroup","RCOptionGroup"],"mappings":";AAKA,MAAMA,IAAcC;"}

package/build/esm/components/DeprecatedSelect/utils/selectedOptionTagStyleUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"selectedOptionTagStyleUtils.js","sources":["../../../../../src/components/DeprecatedSelect/utils/selectedOptionTagStyleUtils.ts"],"sourcesContent":["import { type Theme, Variables } from 'acinguiux-ds-react-base/theme';\nimport type { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nexport const getSelectedOptionTagStyles = (theme: Theme, state?: FabricsVariables.StateType, disabled = false) => {\n const layer = theme.layer({\n foundation: 'section',\n state,\n disabled,\n });\n\n return {\n backgroundColor: layer[Variables.BackgroundSelected],\n color: layer[Variables.TextOnSelectedBackgroundStrong],\n };\n};\n"],"names":["getSelectedOptionTagStyles","theme","state","disabled","layer","Variables"],"mappings":";AAGO,MAAMA,IAA6B,CAACC,GAAcC,GAAoCC,IAAW,OAAU;AAChH,QAAMC,IAAQH,EAAM,MAAM;AAAA,IACxB,YAAY;AAAA,IACZ,OAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,iBAAiBC,EAAMC,EAAU,kBAAkB;AAAA,IACnD,OAAOD,EAAMC,EAAU,8BAA8B;AAAA,EAAA;AAEzD;"}
1	+ {"version":3,"file":"selectedOptionTagStyleUtils.js","sources":["../../../../../src/components/DeprecatedSelect/utils/selectedOptionTagStyleUtils.ts"],"sourcesContent":["import { type Theme, Variables } from 'acinguiux-ds-react-base/theme';\r\nimport type { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nexport const getSelectedOptionTagStyles = (theme: Theme, state?: FabricsVariables.StateType, disabled = false) => {\r\n const layer = theme.layer({\r\n foundation: 'section',\r\n state,\r\n disabled,\r\n });\r\n\r\n return {\r\n backgroundColor: layer[Variables.BackgroundSelected],\r\n color: layer[Variables.TextOnSelectedBackgroundStrong],\r\n };\r\n};\r\n"],"names":["getSelectedOptionTagStyles","theme","state","disabled","layer","Variables"],"mappings":";AAGO,MAAMA,IAA6B,CAACC,GAAcC,GAAoCC,IAAW,OAAU;AAChH,QAAMC,IAAQH,EAAM,MAAM;AAAA,IACxB,YAAY;AAAA,IACZ,OAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,iBAAiBC,EAAMC,EAAU,kBAAkB;AAAA,IACnD,OAAOD,EAAMC,EAAU,8BAA8B;AAAA,EAAA;AAEzD;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"styleUtils.js","sources":["../../../../../src/components/DeprecatedSelect/utils/styleUtils.ts"],"sourcesContent":["import { keyframes } from 'styled-components';\n\nexport const rcSelectDropdownSlideUpIn = keyframes`\n 0% {\n opacity: 0;\n transform-origin: 0 0;\n transform: scaleY(0);\n }\n\n 100% {\n opacity: 1;\n transform-origin: 0 0;\n transform: scaleY(1);\n }\n`;\n\nexport const rcSelectDropdownSlideUpOut = keyframes`\n 0% {\n opacity: 1;\n transform-origin: 0 0;\n transform: scaleY(1);\n }\n\n 100% {\n opacity: 0;\n transform-origin: 0 0;\n transform: scaleY(0);\n }\n`;\n"],"names":["rcSelectDropdownSlideUpIn","keyframes","rcSelectDropdownSlideUpOut"],"mappings":";AAEO,MAAMA,IAA4BC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAc5BC,IAA6BD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"styleUtils.js","sources":["../../../../../src/components/DeprecatedSelect/utils/styleUtils.ts"],"sourcesContent":["import { keyframes } from 'styled-components';\r\n\r\nexport const rcSelectDropdownSlideUpIn = keyframes`\r\n 0% {\r\n opacity: 0;\r\n transform-origin: 0 0;\r\n transform: scaleY(0);\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n transform-origin: 0 0;\r\n transform: scaleY(1);\r\n }\r\n`;\r\n\r\nexport const rcSelectDropdownSlideUpOut = keyframes`\r\n 0% {\r\n opacity: 1;\r\n transform-origin: 0 0;\r\n transform: scaleY(1);\r\n }\r\n\r\n 100% {\r\n opacity: 0;\r\n transform-origin: 0 0;\r\n transform: scaleY(0);\r\n }\r\n`;\r\n"],"names":["rcSelectDropdownSlideUpIn","keyframes","rcSelectDropdownSlideUpOut"],"mappings":";AAEO,MAAMA,IAA4BC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAc5BC,IAA6BD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.consts.js","sources":["../../../../src/components/DeprecatedTable/Table.consts.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport type { TableSize } from './Table.types';\n\ntype TableConstsProps = {\n [size in TableSize]: {\n height: string;\n };\n};\n\nexport const tableConsts: TableConstsProps = {\n [Sizes.XSmall]: {\n height: '32px',\n },\n [Sizes.Small]: {\n height: '40px',\n },\n [Sizes.Medium]: {\n height: '48px',\n },\n [Sizes.Large]: {\n height: '60px',\n },\n};\n"],"names":["tableConsts","Sizes"],"mappings":";AAUO,MAAMA,IAAgC;AAAA,EAC3C,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,QAAQ;AAAA,EAAA;AAAA,EAEV,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,QAAQ;AAAA,EAAA;AAAA,EAEV,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,QAAQ;AAAA,EAAA;AAAA,EAEV,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,QAAQ;AAAA,EAAA;AAEZ;"}
1	+ {"version":3,"file":"Table.consts.js","sources":["../../../../src/components/DeprecatedTable/Table.consts.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type { TableSize } from './Table.types';\r\n\r\ntype TableConstsProps = {\r\n [size in TableSize]: {\r\n height: string;\r\n };\r\n};\r\n\r\nexport const tableConsts: TableConstsProps = {\r\n [Sizes.XSmall]: {\r\n height: '32px',\r\n },\r\n [Sizes.Small]: {\r\n height: '40px',\r\n },\r\n [Sizes.Medium]: {\r\n height: '48px',\r\n },\r\n [Sizes.Large]: {\r\n height: '60px',\r\n },\r\n};\r\n"],"names":["tableConsts","Sizes"],"mappings":";AAUO,MAAMA,IAAgC;AAAA,EAC3C,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,QAAQ;AAAA,EAAA;AAAA,EAEV,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,QAAQ;AAAA,EAAA;AAAA,EAEV,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,QAAQ;AAAA,EAAA;AAAA,EAEV,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,QAAQ;AAAA,EAAA;AAEZ;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.js","sources":["../../../../src/components/DeprecatedTable/Table.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport ResizeObserver from 'rc-resize-observer';\nimport BaseTable from 'rc-table';\nimport type { DefaultRecordType } from 'rc-table/lib/interface';\nimport { Sizes, TABLE_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './Table.styles';\nimport type { ITableProps } from './Table.types';\n\n/*\n \n * @deprecated\n * Use `BaseTable` component instead\n */\nconst Table = <T extends DefaultRecordType>({\n className,\n size = `${Sizes.Medium}`,\n wrapperStyle,\n data,\n // eslint-disable-next-line react/no-object-type-as-default-prop\n columns = [],\n onResize,\n ...rest\n}: ITableProps<T>): ReactElement => (\n <Styled.BaseTableStyles prefixCls={TABLE_CLASS} size={size} style={wrapperStyle}>\n {onResize ? (\n <ResizeObserver onResize={onResize}>\n <BaseTable\n className={classNames(className, TABLE_CLASS)}\n prefixCls={TABLE_CLASS}\n columns={columns}\n data={data}\n {...rest}\n />\n </ResizeObserver>\n ) : (\n <BaseTable\n className={classNames(className, TABLE_CLASS)}\n prefixCls={TABLE_CLASS}\n columns={columns}\n data={data}\n {...rest}\n />\n )}\n </Styled.BaseTableStyles>\n);\n\nexport default Table;\n"],"names":["Table","className","size","Sizes","wrapperStyle","data","columns","onResize","rest","jsx","Styled.BaseTableStyles","TABLE_CLASS","ResizeObserver","BaseTable","classNames"],"mappings":";;;;;;;AAgBA,MAAMA,IAAQ,CAA8B;AAAA,EAC1C,WAAAC;AAAA,EACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,EACtB,cAAAC;AAAA,EACA,MAAAC;AAAA;AAAA,EAEA,SAAAC,IAAU,CAAA;AAAA,EACV,UAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC,EAACC,GAAA,EAAuB,WAAWC,GAAa,MAAAT,GAAY,OAAOE,GAChE,UAAAG,IACC,gBAAAE,EAACG,GAAA,EAAe,UAAAL,GACd,UAAA,gBAAAE;AAAA,EAACI;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWb,GAAWU,CAAW;AAAA,IAC5C,WAAWA;AAAA,IACX,SAAAL;AAAA,IACA,MAAAD;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,EAAA,CACF,IAEA,gBAAAC;AAAA,EAACI;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWb,GAAWU,CAAW;AAAA,IAC5C,WAAWA;AAAA,IACX,SAAAL;AAAA,IACA,MAAAD;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,EAAA,CAEJ;"}
1	+ {"version":3,"file":"Table.js","sources":["../../../../src/components/DeprecatedTable/Table.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport ResizeObserver from 'rc-resize-observer';\r\nimport BaseTable from 'rc-table';\r\nimport type { DefaultRecordType } from 'rc-table/lib/interface';\r\nimport { Sizes, TABLE_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport * as Styled from './Table.styles';\r\nimport type { ITableProps } from './Table.types';\r\n\r\n/*\r\n \r\n * @deprecated\r\n * Use `BaseTable` component instead\r\n */\r\nconst Table = <T extends DefaultRecordType>({\r\n className,\r\n size = `${Sizes.Medium}`,\r\n wrapperStyle,\r\n data,\r\n // eslint-disable-next-line react/no-object-type-as-default-prop\r\n columns = [],\r\n onResize,\r\n ...rest\r\n}: ITableProps<T>): ReactElement => (\r\n <Styled.BaseTableStyles prefixCls={TABLE_CLASS} size={size} style={wrapperStyle}>\r\n {onResize ? (\r\n <ResizeObserver onResize={onResize}>\r\n <BaseTable\r\n className={classNames(className, TABLE_CLASS)}\r\n prefixCls={TABLE_CLASS}\r\n columns={columns}\r\n data={data}\r\n {...rest}\r\n />\r\n </ResizeObserver>\r\n ) : (\r\n <BaseTable\r\n className={classNames(className, TABLE_CLASS)}\r\n prefixCls={TABLE_CLASS}\r\n columns={columns}\r\n data={data}\r\n {...rest}\r\n />\r\n )}\r\n </Styled.BaseTableStyles>\r\n);\r\n\r\nexport default Table;\r\n"],"names":["Table","className","size","Sizes","wrapperStyle","data","columns","onResize","rest","jsx","Styled.BaseTableStyles","TABLE_CLASS","ResizeObserver","BaseTable","classNames"],"mappings":";;;;;;;AAgBA,MAAMA,IAAQ,CAA8B;AAAA,EAC1C,WAAAC;AAAA,EACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,EACtB,cAAAC;AAAA,EACA,MAAAC;AAAA;AAAA,EAEA,SAAAC,IAAU,CAAA;AAAA,EACV,UAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC,EAACC,GAAA,EAAuB,WAAWC,GAAa,MAAAT,GAAY,OAAOE,GAChE,UAAAG,IACC,gBAAAE,EAACG,GAAA,EAAe,UAAAL,GACd,UAAA,gBAAAE;AAAA,EAACI;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWb,GAAWU,CAAW;AAAA,IAC5C,WAAWA;AAAA,IACX,SAAAL;AAAA,IACA,MAAAD;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,EAAA,CACF,IAEA,gBAAAC;AAAA,EAACI;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWb,GAAWU,CAAW;AAAA,IAC5C,WAAWA;AAAA,IACX,SAAAL;AAAA,IACA,MAAAD;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,EAAA,CAEJ;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.styles.js","sources":["../../../../src/components/DeprecatedTable/Table.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes, ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport { rgba2rgb } from '../../utils/colorUtils';\nimport { tableConsts } from './Table.consts';\nimport type { TableSize } from './Table.types';\n\ntype BaseTableProps = {\n prefixCls: string;\n size: TableSize;\n};\n\nconst BaseTableStyles = styled.div<BaseTableProps>(\n ({ prefixCls, size, theme }) => css`\n width: 100%;\n\n .${prefixCls} {\n &-container table {\n border-collapse: collapse;\n }\n\n &-content table {\n width: 100%;\n }\n\n &-header table {\n width: 100%;\n }\n\n & tr:hover td {\n background-color: ${rgba2rgb(\n theme.layer({ selectedProminence: 'subtle' })[Variables.BackgroundSelected],\n theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation],\n )};\n }\n\n &-cell,\n &-no-data {\n ${(size === Sizes.XSmall \|\| size === Sizes.Small \|\| size === Sizes.Medium) &&\n theme.typography('paragraph', 'small')};\n ${size === Sizes.Large && theme.typography('paragraph')};\n height: ${tableConsts[size].height};\n\n ${size === Sizes.XSmall &&\n css`\n padding: 0 14px;\n `};\n\n ${size === Sizes.Small &&\n css`\n padding: 3px 14px;\n `};\n\n ${(size === Sizes.Medium \|\| size === Sizes.Large) &&\n css`\n padding: 4px 14px;\n `};\n\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n box-sizing: border-box;\n overflow-wrap: break-word;\n }\n\n &-thead {\n .${prefixCls}-cell {\n background-color: ${theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]};\n ${(size === Sizes.XSmall \|\| size === Sizes.Small \|\| size === Sizes.Medium) &&\n theme.typography('label', 'medium', 'strong')};\n ${size === Sizes.Large && theme.typography('label', 'large', 'strong')};\n text-align: inherit;\n }\n\n th {\n position: relative;\n vertical-align: middle;\n border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n\n .react-resizable-handle-se {\n top: calc(50% - 9px);\n right: 14px;\n cursor: ew-resize;\n }\n\n .react-resizable-handle {\n position: absolute;\n width: 2px;\n height: 18px;\n border-radius: 1px;\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n }\n }\n }\n\n &-tbody {\n .${prefixCls}-row:not(:last-of-type) {\n border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n }\n\n div.${prefixCls}-cell {\n display: flex;\n align-items: center;\n }\n\n .row-checked {\n .${prefixCls}-cell, & + .${prefixCls}-expanded-row .${prefixCls}-cell {\n background-color: ${theme.globals('others').focus};\n }\n }\n\n .${prefixCls}-expanded-row {\n border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\n }\n }\n\n &-column-sorter,\n &-filter-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 0 0 5px;\n padding: 2px;\n border-radius: 2px;\n\n path {\n fill: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationSubtle]};\n }\n }\n\n &-column-sorters,\n &-filter-column {\n display: flex;\n align-items: center;\n }\n\n &-column-sorted,\n &-filter-trigger.active {\n background-color: ${theme.layer({ selectedProminence: 'strong' })[Variables.BackgroundSelected]};\n\n path {\n fill: ${theme.layer({ selectedProminence: 'strong' })[Variables.TextOnSelectedBackgroundStrong]};\n }\n }\n\n &-expand-icon-col {\n width: 20px;\n }\n\n &-cell-ellipsis {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &-cell-with-append {\n display: flex;\n align-items: center;\n\n > button {\n margin-right: 4px;\n }\n }\n\n &-cell-fix-left {\n z-index: ${ZIndexes.ELEVATED};\n }\n }\n `,\n);\n\nexport { BaseTableStyles };\n"],"names":["BaseTableStyles","styled","prefixCls","size","theme","css","rgba2rgb","Variables","Sizes","tableConsts","ZIndexes"],"mappings":";;;;;AAaA,MAAMA,IAAkBC,EAAO;AAAA,EAC7B,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,OAAAC,QAAYC;AAAA;AAAA;AAAA,OAG3BH,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAcYI;AAAA,IAClBF,EAAM,MAAM,EAAE,oBAAoB,UAAU,EAAEG,EAAU,kBAAkB;AAAA,IAC1EH,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,oBAAoB;AAAA,EAAA,CACtE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKEJ,MAASK,EAAM,UAAUL,MAASK,EAAM,SAASL,MAASK,EAAM,WACnEJ,EAAM,WAAW,aAAa,OAAO,CAAC;AAAA,UACpCD,MAASK,EAAM,SAASJ,EAAM,WAAW,WAAW,CAAC;AAAA,kBAC7CK,EAAYN,CAAI,EAAE,MAAM;AAAA;AAAA,UAEhCA,MAASK,EAAM,UACjBH;AAAA;AAAA,SAEC;AAAA;AAAA,UAECF,MAASK,EAAM,SACjBH;AAAA;AAAA,SAEC;AAAA;AAAA,WAEEF,MAASK,EAAM,UAAUL,MAASK,EAAM,UAC3CH;AAAA;AAAA,SAEC;AAAA;AAAA,4BAEmBD,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,oBAAoB,CAAC;AAAA,iBACjFH,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAM9EL,CAAS;AAAA,8BACUE,EAAM,MAAM,EAAE,YAAY,UAAU,EAAEG,EAAU,oBAAoB,CAAC;AAAA,aACtFJ,MAASK,EAAM,UAAUL,MAASK,EAAM,SAASL,MAASK,EAAM,WACnEJ,EAAM,WAAW,SAAS,UAAU,QAAQ,CAAC;AAAA,YAC3CD,MAASK,EAAM,SAASJ,EAAM,WAAW,SAAS,SAAS,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAO3CA,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAa/EH,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAM/FL,CAAS;AAAA,qCACiBE,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA,cAGjGL,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMVA,CAAS,eAAeA,CAAS,kBAAkBA,CAAS;AAAA,gCACzCE,EAAM,QAAQ,QAAQ,EAAE,KAAK;AAAA;AAAA;AAAA;AAAA,WAIlDF,CAAS;AAAA,qCACiBE,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAc7FH,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEG,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAY9DH,EAAM,MAAM,EAAE,oBAAoB,UAAU,EAAEG,EAAU,kBAAkB,CAAC;AAAA;AAAA;AAAA,kBAGrFH,EAAM,MAAM,EAAE,oBAAoB,UAAU,EAAEG,EAAU,8BAA8B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAwBtFG,EAAS,QAAQ;AAAA;AAAA;AAAA;AAIpC;"}
1	+ {"version":3,"file":"Table.styles.js","sources":["../../../../src/components/DeprecatedTable/Table.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Sizes, ZIndexes } from 'acinguiux-ds-react-base/consts';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\n\r\nimport { rgba2rgb } from '../../utils/colorUtils';\r\nimport { tableConsts } from './Table.consts';\r\nimport type { TableSize } from './Table.types';\r\n\r\ntype BaseTableProps = {\r\n prefixCls: string;\r\n size: TableSize;\r\n};\r\n\r\nconst BaseTableStyles = styled.div<BaseTableProps>(\r\n ({ prefixCls, size, theme }) => css`\r\n width: 100%;\r\n\r\n .${prefixCls} {\r\n &-container table {\r\n border-collapse: collapse;\r\n }\r\n\r\n &-content table {\r\n width: 100%;\r\n }\r\n\r\n &-header table {\r\n width: 100%;\r\n }\r\n\r\n & tr:hover td {\r\n background-color: ${rgba2rgb(\r\n theme.layer({ selectedProminence: 'subtle' })[Variables.BackgroundSelected],\r\n theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation],\r\n )};\r\n }\r\n\r\n &-cell,\r\n &-no-data {\r\n ${(size === Sizes.XSmall \|\| size === Sizes.Small \|\| size === Sizes.Medium) &&\r\n theme.typography('paragraph', 'small')};\r\n ${size === Sizes.Large && theme.typography('paragraph')};\r\n height: ${tableConsts[size].height};\r\n\r\n ${size === Sizes.XSmall &&\r\n css`\r\n padding: 0 14px;\r\n `};\r\n\r\n ${size === Sizes.Small &&\r\n css`\r\n padding: 3px 14px;\r\n `};\r\n\r\n ${(size === Sizes.Medium \|\| size === Sizes.Large) &&\r\n css`\r\n padding: 4px 14px;\r\n `};\r\n\r\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\r\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\r\n box-sizing: border-box;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n &-thead {\r\n .${prefixCls}-cell {\r\n background-color: ${theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]};\r\n ${(size === Sizes.XSmall \|\| size === Sizes.Small \|\| size === Sizes.Medium) &&\r\n theme.typography('label', 'medium', 'strong')};\r\n ${size === Sizes.Large && theme.typography('label', 'large', 'strong')};\r\n text-align: inherit;\r\n }\r\n\r\n th {\r\n position: relative;\r\n vertical-align: middle;\r\n border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\r\n\r\n .react-resizable-handle-se {\r\n top: calc(50% - 9px);\r\n right: 14px;\r\n cursor: ew-resize;\r\n }\r\n\r\n .react-resizable-handle {\r\n position: absolute;\r\n width: 2px;\r\n height: 18px;\r\n border-radius: 1px;\r\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\r\n }\r\n }\r\n }\r\n\r\n &-tbody {\r\n .${prefixCls}-row:not(:last-of-type) {\r\n border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\r\n }\r\n\r\n div.${prefixCls}-cell {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .row-checked {\r\n .${prefixCls}-cell, & + .${prefixCls}-expanded-row .${prefixCls}-cell {\r\n background-color: ${theme.globals('others').focus};\r\n }\r\n }\r\n\r\n .${prefixCls}-expanded-row {\r\n border-bottom: 1px solid ${theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle]};\r\n }\r\n }\r\n\r\n &-column-sorter,\r\n &-filter-trigger {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 0 0 5px;\r\n padding: 2px;\r\n border-radius: 2px;\r\n\r\n path {\r\n fill: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationSubtle]};\r\n }\r\n }\r\n\r\n &-column-sorters,\r\n &-filter-column {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &-column-sorted,\r\n &-filter-trigger.active {\r\n background-color: ${theme.layer({ selectedProminence: 'strong' })[Variables.BackgroundSelected]};\r\n\r\n path {\r\n fill: ${theme.layer({ selectedProminence: 'strong' })[Variables.TextOnSelectedBackgroundStrong]};\r\n }\r\n }\r\n\r\n &-expand-icon-col {\r\n width: 20px;\r\n }\r\n\r\n &-cell-ellipsis {\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n &-cell-with-append {\r\n display: flex;\r\n align-items: center;\r\n\r\n > button {\r\n margin-right: 4px;\r\n }\r\n }\r\n\r\n &-cell-fix-left {\r\n z-index: ${ZIndexes.ELEVATED};\r\n }\r\n }\r\n `,\r\n);\r\n\r\nexport { BaseTableStyles };\r\n"],"names":["BaseTableStyles","styled","prefixCls","size","theme","css","rgba2rgb","Variables","Sizes","tableConsts","ZIndexes"],"mappings":"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"}

package/build/esm/components/DeprecatedTable/_internalComponents/components/FilterDropdown/FilterDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterDropdown.js","sources":["../../../../../../../src/components/DeprecatedTable/_internalComponents/components/FilterDropdown/FilterDropdown.tsx"],"sourcesContent":["import { type Key, type ReactElement, type ReactNode, useEffect, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\nimport type { DefaultRecordType } from 'rc-table/lib/interface';\nimport { Variants, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { PopoverTrigger } from '@radix-ui/react-popover';\n\nimport { useSyncState } from '../../../../../hooks/useSyncState';\nimport Button from '../../../../Button/Button';\nimport type { ColumnType, FilterState } from '../../../Table.types';\nimport { setFilterIcon } from '../../../utils/filteringUtils';\nimport { renderFilterItems } from '../../../utils/renderUtils';\nimport FilterDropdownMenuWrapper from '../FilterDropdownMenuWrapper/FilterDropdownMenuWrapper';\nimport * as Styled from './FilterDropdown.styles';\nimport { Popover, PopoverContent } from '../../../../Popover/Popover';\n\ninterface FilterDropdownProps<T> {\n tablePrefixCls: string;\n prefixCls: string;\n column: ColumnType<T>;\n filterState?: FilterState<T>;\n filterMultiple: boolean;\n columnKey: Key;\n children: ReactNode;\n triggerFilter: (filterState: FilterState<T>) => void;\n}\n\nconst FilterDropdown = <T extends DefaultRecordType>({\n tablePrefixCls,\n prefixCls,\n column,\n columnKey,\n filterMultiple,\n filterState,\n triggerFilter,\n children,\n}: FilterDropdownProps<T>): ReactElement => {\n const propFilteredKeys = filterState?.filteredKeys;\n const filtered = !!(filterState && (filterState.filteredKeys?.length ?? filterState.forceFiltered));\n\n const [visible, setVisible] = useState(column.filterDropdownVisible ?? false);\n const [openKeys, setOpenKeys] = useState<string[]>([]);\n const [getFilteredKeysSync, setFilteredKeysSync] = useSyncState(propFilteredKeys ?? []);\n const openRef = useRef<number>();\n\n const onSelectKeys = ({ selectedKeys }: { selectedKeys?: string[] }) => {\n setFilteredKeysSync(selectedKeys ?? []);\n };\n\n const onDeselectKeys = ({ selectedKeys }: { selectedKeys?: string[] }) => {\n setFilteredKeysSync(selectedKeys ?? []);\n };\n\n const onOpenChange = (newOpenKeys: Key[]) => {\n openRef.current = window.setTimeout(() => {\n setOpenKeys(newOpenKeys.map((key) => key.toString()));\n });\n };\n\n const onMenuClick = () => {\n window.clearTimeout(openRef.current);\n };\n\n const internalTriggerFilter = (keys: string[] \| undefined \| null): void => {\n const mergedKeys = keys?.length ? keys : null;\n\n if (!(mergedKeys === null && !filterState?.filteredKeys)) {\n triggerFilter({\n column,\n key: columnKey,\n filteredKeys: mergedKeys,\n });\n }\n };\n\n const triggerVisible = (newVisible: boolean) => {\n setVisible(newVisible);\n column.onFilterDropdownVisibleChange?.(newVisible);\n };\n\n const onConfirm = () => {\n triggerVisible(false);\n internalTriggerFilter(getFilteredKeysSync());\n };\n\n const onReset = () => {\n setFilteredKeysSync([]);\n triggerVisible(false);\n internalTriggerFilter([]);\n };\n\n const doFilter = ({ closeDropdown } = { closeDropdown: true }) => {\n if (closeDropdown) {\n triggerVisible(false);\n }\n\n internalTriggerFilter(getFilteredKeysSync());\n };\n\n const onVisibleChange = (newVisible: boolean) => {\n if (newVisible && propFilteredKeys !== undefined) {\n setFilteredKeysSync(propFilteredKeys ?? []);\n }\n\n triggerVisible(newVisible);\n\n if (!newVisible && !column.filterDropdown) {\n onConfirm();\n }\n };\n\n useEffect(() => {\n if (typeof column.filterDropdownVisible === 'boolean') {\n setVisible(column.filterDropdownVisible);\n }\n }, [column]);\n\n useEffect(() => {\n onSelectKeys({ selectedKeys: propFilteredKeys ?? [] });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [propFilteredKeys]);\n\n useEffect(\n () => () => {\n window.clearTimeout(openRef.current);\n },\n [],\n );\n\n let dropdownContent: ReactNode;\n\n if (typeof column.filterDropdown === 'function') {\n dropdownContent = column.filterDropdown({\n prefixCls: '',\n setSelectedKeys: (selectedKeys: string[]) => onSelectKeys({ selectedKeys }),\n selectedKeys: getFilteredKeysSync(),\n confirm: doFilter,\n clearFilters: onReset,\n filters: column.filters,\n visible,\n });\n } else if (column.filterDropdown) {\n dropdownContent = column.filterDropdown;\n } else {\n const selectedKeys = getFilteredKeysSync();\n dropdownContent = (\n <>\n <Styled.FilterDropdownMenu\n multiple={filterMultiple}\n onClick={onMenuClick}\n onSelect={onSelectKeys}\n onDeselect={onDeselectKeys}\n selectedKeys={selectedKeys}\n openKeys={openKeys}\n onOpenChange={onOpenChange}\n >\n {renderFilterItems({\n filters: column.filters ?? [],\n prefixCls,\n filteredKeys: getFilteredKeysSync(),\n filterMultiple,\n })}\n </Styled.FilterDropdownMenu>\n <Styled.FilterDropdownButtons>\n <Button\n variant={Variants.Transparent}\n size={Sizes.Small}\n disabled={selectedKeys.length === 0}\n onClick={onReset}\n >\n Reset\n </Button>\n <Button\n variant={Variants.Transparent}\n size={Sizes.Small}\n disabled={selectedKeys.length === 0}\n onClick={onConfirm}\n >\n Confirm\n </Button>\n </Styled.FilterDropdownButtons>\n </>\n );\n }\n\n const customFilterIcon = setFilterIcon(column.filterIcon, column.filtered);\n\n return (\n <div className={`${prefixCls}-column`}>\n <span className={`${tablePrefixCls}-column-title`}>{children}</span>\n <Popover open={visible} onOpenChange={onVisibleChange}>\n <PopoverTrigger asChild={true}>\n <span\n role=\"button\"\n tabIndex={-1}\n className={classNames(`${prefixCls}-trigger`, {\n active: filtered,\n })}\n onClick={(e) => {\n e.stopPropagation();\n }}\n onKeyDown={(e) => {\n e.stopPropagation();\n }}\n >\n {customFilterIcon}\n </span>\n </PopoverTrigger>\n <PopoverContent>\n <FilterDropdownMenuWrapper className={`${prefixCls}-dropdown`}>{dropdownContent}</FilterDropdownMenuWrapper>\n </PopoverContent>\n </Popover>\n </div>\n );\n};\n\nexport default FilterDropdown;\n"],"names":["FilterDropdown","tablePrefixCls","prefixCls","column","columnKey","filterMultiple","filterState","triggerFilter","children","propFilteredKeys","filtered","visible","setVisible","useState","openKeys","setOpenKeys","getFilteredKeysSync","setFilteredKeysSync","useSyncState","openRef","useRef","onSelectKeys","selectedKeys","onDeselectKeys","onOpenChange","newOpenKeys","key","onMenuClick","internalTriggerFilter","keys","mergedKeys","triggerVisible","newVisible","onConfirm","onReset","doFilter","closeDropdown","onVisibleChange","useEffect","dropdownContent","jsxs","Fragment","jsx","Styled.FilterDropdownMenu","renderFilterItems","Styled.FilterDropdownButtons","Button","Variants","Sizes","customFilterIcon","setFilterIcon","Popover","PopoverTrigger","classNames","PopoverContent","FilterDropdownMenuWrapper"],"mappings":"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"}
1	+ {"version":3,"file":"FilterDropdown.js","sources":["../../../../../../../src/components/DeprecatedTable/_internalComponents/components/FilterDropdown/FilterDropdown.tsx"],"sourcesContent":["import { type Key, type ReactElement, type ReactNode, useEffect, useRef, useState } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport type { DefaultRecordType } from 'rc-table/lib/interface';\r\nimport { Variants, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { PopoverTrigger } from '@radix-ui/react-popover';\r\n\r\nimport { useSyncState } from '../../../../../hooks/useSyncState';\r\nimport Button from '../../../../Button/Button';\r\nimport type { ColumnType, FilterState } from '../../../Table.types';\r\nimport { setFilterIcon } from '../../../utils/filteringUtils';\r\nimport { renderFilterItems } from '../../../utils/renderUtils';\r\nimport FilterDropdownMenuWrapper from '../FilterDropdownMenuWrapper/FilterDropdownMenuWrapper';\r\nimport * as Styled from './FilterDropdown.styles';\r\nimport { Popover, PopoverContent } from '../../../../Popover/Popover';\r\n\r\ninterface FilterDropdownProps<T> {\r\n tablePrefixCls: string;\r\n prefixCls: string;\r\n column: ColumnType<T>;\r\n filterState?: FilterState<T>;\r\n filterMultiple: boolean;\r\n columnKey: Key;\r\n children: ReactNode;\r\n triggerFilter: (filterState: FilterState<T>) => void;\r\n}\r\n\r\nconst FilterDropdown = <T extends DefaultRecordType>({\r\n tablePrefixCls,\r\n prefixCls,\r\n column,\r\n columnKey,\r\n filterMultiple,\r\n filterState,\r\n triggerFilter,\r\n children,\r\n}: FilterDropdownProps<T>): ReactElement => {\r\n const propFilteredKeys = filterState?.filteredKeys;\r\n const filtered = !!(filterState && (filterState.filteredKeys?.length ?? filterState.forceFiltered));\r\n\r\n const [visible, setVisible] = useState(column.filterDropdownVisible ?? false);\r\n const [openKeys, setOpenKeys] = useState<string[]>([]);\r\n const [getFilteredKeysSync, setFilteredKeysSync] = useSyncState(propFilteredKeys ?? []);\r\n const openRef = useRef<number>();\r\n\r\n const onSelectKeys = ({ selectedKeys }: { selectedKeys?: string[] }) => {\r\n setFilteredKeysSync(selectedKeys ?? []);\r\n };\r\n\r\n const onDeselectKeys = ({ selectedKeys }: { selectedKeys?: string[] }) => {\r\n setFilteredKeysSync(selectedKeys ?? []);\r\n };\r\n\r\n const onOpenChange = (newOpenKeys: Key[]) => {\r\n openRef.current = window.setTimeout(() => {\r\n setOpenKeys(newOpenKeys.map((key) => key.toString()));\r\n });\r\n };\r\n\r\n const onMenuClick = () => {\r\n window.clearTimeout(openRef.current);\r\n };\r\n\r\n const internalTriggerFilter = (keys: string[] \| undefined \| null): void => {\r\n const mergedKeys = keys?.length ? keys : null;\r\n\r\n if (!(mergedKeys === null && !filterState?.filteredKeys)) {\r\n triggerFilter({\r\n column,\r\n key: columnKey,\r\n filteredKeys: mergedKeys,\r\n });\r\n }\r\n };\r\n\r\n const triggerVisible = (newVisible: boolean) => {\r\n setVisible(newVisible);\r\n column.onFilterDropdownVisibleChange?.(newVisible);\r\n };\r\n\r\n const onConfirm = () => {\r\n triggerVisible(false);\r\n internalTriggerFilter(getFilteredKeysSync());\r\n };\r\n\r\n const onReset = () => {\r\n setFilteredKeysSync([]);\r\n triggerVisible(false);\r\n internalTriggerFilter([]);\r\n };\r\n\r\n const doFilter = ({ closeDropdown } = { closeDropdown: true }) => {\r\n if (closeDropdown) {\r\n triggerVisible(false);\r\n }\r\n\r\n internalTriggerFilter(getFilteredKeysSync());\r\n };\r\n\r\n const onVisibleChange = (newVisible: boolean) => {\r\n if (newVisible && propFilteredKeys !== undefined) {\r\n setFilteredKeysSync(propFilteredKeys ?? []);\r\n }\r\n\r\n triggerVisible(newVisible);\r\n\r\n if (!newVisible && !column.filterDropdown) {\r\n onConfirm();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (typeof column.filterDropdownVisible === 'boolean') {\r\n setVisible(column.filterDropdownVisible);\r\n }\r\n }, [column]);\r\n\r\n useEffect(() => {\r\n onSelectKeys({ selectedKeys: propFilteredKeys ?? [] });\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [propFilteredKeys]);\r\n\r\n useEffect(\r\n () => () => {\r\n window.clearTimeout(openRef.current);\r\n },\r\n [],\r\n );\r\n\r\n let dropdownContent: ReactNode;\r\n\r\n if (typeof column.filterDropdown === 'function') {\r\n dropdownContent = column.filterDropdown({\r\n prefixCls: '',\r\n setSelectedKeys: (selectedKeys: string[]) => onSelectKeys({ selectedKeys }),\r\n selectedKeys: getFilteredKeysSync(),\r\n confirm: doFilter,\r\n clearFilters: onReset,\r\n filters: column.filters,\r\n visible,\r\n });\r\n } else if (column.filterDropdown) {\r\n dropdownContent = column.filterDropdown;\r\n } else {\r\n const selectedKeys = getFilteredKeysSync();\r\n dropdownContent = (\r\n <>\r\n <Styled.FilterDropdownMenu\r\n multiple={filterMultiple}\r\n onClick={onMenuClick}\r\n onSelect={onSelectKeys}\r\n onDeselect={onDeselectKeys}\r\n selectedKeys={selectedKeys}\r\n openKeys={openKeys}\r\n onOpenChange={onOpenChange}\r\n >\r\n {renderFilterItems({\r\n filters: column.filters ?? [],\r\n prefixCls,\r\n filteredKeys: getFilteredKeysSync(),\r\n filterMultiple,\r\n })}\r\n </Styled.FilterDropdownMenu>\r\n <Styled.FilterDropdownButtons>\r\n <Button\r\n variant={Variants.Transparent}\r\n size={Sizes.Small}\r\n disabled={selectedKeys.length === 0}\r\n onClick={onReset}\r\n >\r\n Reset\r\n </Button>\r\n <Button\r\n variant={Variants.Transparent}\r\n size={Sizes.Small}\r\n disabled={selectedKeys.length === 0}\r\n onClick={onConfirm}\r\n >\r\n Confirm\r\n </Button>\r\n </Styled.FilterDropdownButtons>\r\n </>\r\n );\r\n }\r\n\r\n const customFilterIcon = setFilterIcon(column.filterIcon, column.filtered);\r\n\r\n return (\r\n <div className={`${prefixCls}-column`}>\r\n <span className={`${tablePrefixCls}-column-title`}>{children}</span>\r\n <Popover open={visible} onOpenChange={onVisibleChange}>\r\n <PopoverTrigger asChild={true}>\r\n <span\r\n role=\"button\"\r\n tabIndex={-1}\r\n className={classNames(`${prefixCls}-trigger`, {\r\n active: filtered,\r\n })}\r\n onClick={(e) => {\r\n e.stopPropagation();\r\n }}\r\n onKeyDown={(e) => {\r\n e.stopPropagation();\r\n }}\r\n >\r\n {customFilterIcon}\r\n </span>\r\n </PopoverTrigger>\r\n <PopoverContent>\r\n <FilterDropdownMenuWrapper className={`${prefixCls}-dropdown`}>{dropdownContent}</FilterDropdownMenuWrapper>\r\n </PopoverContent>\r\n </Popover>\r\n </div>\r\n );\r\n};\r\n\r\nexport default FilterDropdown;\r\n"],"names":["FilterDropdown","tablePrefixCls","prefixCls","column","columnKey","filterMultiple","filterState","triggerFilter","children","propFilteredKeys","filtered","visible","setVisible","useState","openKeys","setOpenKeys","getFilteredKeysSync","setFilteredKeysSync","useSyncState","openRef","useRef","onSelectKeys","selectedKeys","onDeselectKeys","onOpenChange","newOpenKeys","key","onMenuClick","internalTriggerFilter","keys","mergedKeys","triggerVisible","newVisible","onConfirm","onReset","doFilter","closeDropdown","onVisibleChange","useEffect","dropdownContent","jsxs","Fragment","jsx","Styled.FilterDropdownMenu","renderFilterItems","Styled.FilterDropdownButtons","Button","Variants","Sizes","customFilterIcon","setFilterIcon","Popover","PopoverTrigger","classNames","PopoverContent","FilterDropdownMenuWrapper"],"mappings":"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"}

package/build/esm/components/DeprecatedTable/_internalComponents/components/FilterDropdown/FilterDropdown.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterDropdown.styles.js","sources":["../../../../../../../src/components/DeprecatedTable/_internalComponents/components/FilterDropdown/FilterDropdown.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport Menu from '../../../../Menu/Menu';\n\nconst FilterDropdownMenu = styled(Menu)`\n height: auto;\n`;\n\nconst FilterDropdownButtons = styled.div`\n padding: 5px;\n`;\n\nexport { FilterDropdownMenu, FilterDropdownButtons };\n"],"names":["FilterDropdownMenu","styled","Menu","FilterDropdownButtons"],"mappings":";;AAIA,MAAMA,IAAqBC,EAAOC,CAAI;AAAA;AAAA,GAIhCC,IAAwBF,EAAO;AAAA;AAAA;"}
1	+ {"version":3,"file":"FilterDropdown.styles.js","sources":["../../../../../../../src/components/DeprecatedTable/_internalComponents/components/FilterDropdown/FilterDropdown.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\n\r\nimport Menu from '../../../../Menu/Menu';\r\n\r\nconst FilterDropdownMenu = styled(Menu)`\r\n height: auto;\r\n`;\r\n\r\nconst FilterDropdownButtons = styled.div`\r\n padding: 5px;\r\n`;\r\n\r\nexport { FilterDropdownMenu, FilterDropdownButtons };\r\n"],"names":["FilterDropdownMenu","styled","Menu","FilterDropdownButtons"],"mappings":";;AAIA,MAAMA,IAAqBC,EAAOC,CAAI;AAAA;AAAA,GAIhCC,IAAwBF,EAAO;AAAA;AAAA;"}

package/build/esm/components/DeprecatedTable/_internalComponents/components/FilterDropdownMenuWrapper/FilterDropdownMenuWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterDropdownMenuWrapper.js","sources":["../../../../../../../src/components/DeprecatedTable/_internalComponents/components/FilterDropdownMenuWrapper/FilterDropdownMenuWrapper.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\n\nimport * as Styled from './FilterDropdownMenuWrapper.styles';\n\ninterface FilterDropdownMenuProps {\n children?: ReactNode;\n className?: string;\n}\n\nconst FilterDropdownMenuWrapper = ({ className, children }: FilterDropdownMenuProps): ReactElement => (\n <Styled.FilterDropdownMenuWrapper\n className={className}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => e.stopPropagation()}\n aria-hidden=\"true\"\n >\n {children}\n </Styled.FilterDropdownMenuWrapper>\n);\n\nexport default FilterDropdownMenuWrapper;\n"],"names":["FilterDropdownMenuWrapper","className","children","jsx","Styled.FilterDropdownMenuWrapper","e"],"mappings":";;AASA,MAAMA,IAA4B,CAAC,EAAE,WAAAC,GAAW,UAAAC,QAC9C,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAAH;AAAA,IACA,SAAS,CAACI,MAAMA,EAAE,gBAAA;AAAA,IAClB,WAAW,CAACA,MAAMA,EAAE,gBAAA;AAAA,IACpB,eAAY;AAAA,IAEX,UAAAH;AAAA,EAAA;AACH;"}
1	+ {"version":3,"file":"FilterDropdownMenuWrapper.js","sources":["../../../../../../../src/components/DeprecatedTable/_internalComponents/components/FilterDropdownMenuWrapper/FilterDropdownMenuWrapper.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\r\n\r\nimport * as Styled from './FilterDropdownMenuWrapper.styles';\r\n\r\ninterface FilterDropdownMenuProps {\r\n children?: ReactNode;\r\n className?: string;\r\n}\r\n\r\nconst FilterDropdownMenuWrapper = ({ className, children }: FilterDropdownMenuProps): ReactElement => (\r\n <Styled.FilterDropdownMenuWrapper\r\n className={className}\r\n onClick={(e) => e.stopPropagation()}\r\n onKeyDown={(e) => e.stopPropagation()}\r\n aria-hidden=\"true\"\r\n >\r\n {children}\r\n </Styled.FilterDropdownMenuWrapper>\r\n);\r\n\r\nexport default FilterDropdownMenuWrapper;\r\n"],"names":["FilterDropdownMenuWrapper","className","children","jsx","Styled.FilterDropdownMenuWrapper","e"],"mappings":";;AASA,MAAMA,IAA4B,CAAC,EAAE,WAAAC,GAAW,UAAAC,QAC9C,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAAH;AAAA,IACA,SAAS,CAACI,MAAMA,EAAE,gBAAA;AAAA,IAClB,WAAW,CAACA,MAAMA,EAAE,gBAAA;AAAA,IACpB,eAAY;AAAA,IAEX,UAAAH;AAAA,EAAA;AACH;"}

package/build/esm/components/DeprecatedTable/_internalComponents/components/FilterDropdownMenuWrapper/FilterDropdownMenuWrapper.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterDropdownMenuWrapper.styles.js","sources":["../../../../../../../src/components/DeprecatedTable/_internalComponents/components/FilterDropdownMenuWrapper/FilterDropdownMenuWrapper.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\n\nconst FilterDropdownMenuWrapper = styled.div`\n height: 100%;\n`;\n\nexport { FilterDropdownMenuWrapper };\n"],"names":["FilterDropdownMenuWrapper","styled"],"mappings":";AAEA,MAAMA,IAA4BC,EAAO;AAAA;AAAA;"}
1	+ {"version":3,"file":"FilterDropdownMenuWrapper.styles.js","sources":["../../../../../../../src/components/DeprecatedTable/_internalComponents/components/FilterDropdownMenuWrapper/FilterDropdownMenuWrapper.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\n\r\nconst FilterDropdownMenuWrapper = styled.div`\r\n height: 100%;\r\n`;\r\n\r\nexport { FilterDropdownMenuWrapper };\r\n"],"names":["FilterDropdownMenuWrapper","styled"],"mappings":";AAEA,MAAMA,IAA4BC,EAAO;AAAA;AAAA;"}

package/build/esm/components/DeprecatedTable/hooks/useFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFilter.js","sources":["../../../../../src/components/DeprecatedTable/hooks/useFilter.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\n\nimport type { DefaultRecordType } from 'rc-table/lib/interface';\n\nimport FilterDropdown from '../_internalComponents/components/FilterDropdown/FilterDropdown';\nimport type { ColumnsType, ColumnType, FilterKey, FilterState, TransformColumns } from '../Table.types';\nimport { getColumnKey } from '../utils/filteringUtils';\n\ninterface FilterConfig<T> {\n prefixCls: string;\n columns: ColumnsType<T>;\n}\n\nconst injectFilter = <T extends DefaultRecordType>(\n prefixCls: string,\n columns: ColumnsType<T>,\n filterStates: FilterState<T>[],\n triggerFilter: (filterState: FilterState<T>) => void,\n): ColumnsType<T> =>\n columns.map((column, index) => {\n const columnPos = index.toString();\n const { filterMultiple = true } = column as ColumnType<T>;\n\n let newColumn: ColumnsType<T>[number] = column;\n\n if (newColumn.filters \|\| newColumn.filterDropdown) {\n const columnKey = getColumnKey(newColumn, columnPos);\n const filterState = filterStates.find(({ key }) => columnKey === key);\n\n newColumn = {\n ...newColumn,\n title: (\n <FilterDropdown\n tablePrefixCls={prefixCls}\n prefixCls={`${prefixCls}-filter`}\n column={newColumn}\n columnKey={columnKey}\n filterState={filterState}\n filterMultiple={filterMultiple}\n triggerFilter={triggerFilter}\n >\n {column.title}\n </FilterDropdown>\n ),\n };\n }\n\n return newColumn;\n });\n\nconst collectFilterStates = <T extends DefaultRecordType>(columns: ColumnsType<T>, init: boolean): FilterState<T>[] => {\n let filterStates: FilterState<T>[] = [];\n\n (columns \|\| []).forEach((column, index) => {\n const columnPos = index.toString();\n\n if (column.filters \|\| 'filterDropdown' in column \|\| 'onFilter' in column) {\n if ('filteredValue' in column) {\n // Controlled\n let filteredValues = column.filteredValue;\n if (!('filterDropdown' in column)) {\n filteredValues = filteredValues?.map(String) ?? filteredValues;\n }\n filterStates.push({\n column,\n key: getColumnKey(column, columnPos),\n filteredKeys: filteredValues as FilterKey,\n forceFiltered: column.filtered,\n });\n } else {\n // Uncontrolled\n filterStates.push({\n column,\n key: getColumnKey(column, columnPos),\n filteredKeys: (init && column.defaultFilteredValue ? column.defaultFilteredValue : undefined) as FilterKey,\n forceFiltered: column.filtered,\n });\n }\n }\n\n if ('children' in column) {\n filterStates = [...filterStates, ...collectFilterStates(column.children, init)];\n }\n });\n\n return filterStates;\n};\n\n/*\n useFilter for DeprecatedTable\n \n @deprecated use `BaseTable` component instead\n */\nconst useFilter = <T extends DefaultRecordType>({\n prefixCls,\n columns,\n}: FilterConfig<T>): [TransformColumns<T>, FilterState<T>[]] => {\n const [filterStates, setFilterStates] = useState<FilterState<T>[]>(collectFilterStates(columns, true));\n\n const mergedFilterStates = useMemo(() => {\n const collectedStates = collectFilterStates(columns, false);\n\n const filteredKeysIsNotControlled = collectedStates.every(({ filteredKeys }) => filteredKeys === undefined);\n\n // Return if not controlled\n if (filteredKeysIsNotControlled) {\n return filterStates;\n }\n\n return collectedStates;\n }, [columns, filterStates]);\n\n const triggerFilter = (filterState: FilterState<T>) => {\n const newFilterStates = mergedFilterStates.filter(({ key }) => key !== filterState.key);\n newFilterStates.push(filterState);\n setFilterStates(newFilterStates);\n };\n\n const transformColumns = (innerColumns: ColumnsType<T>) =>\n injectFilter(prefixCls, innerColumns, mergedFilterStates, triggerFilter);\n\n return [transformColumns, mergedFilterStates];\n};\n\nexport default useFilter;\n"],"names":["injectFilter","prefixCls","columns","filterStates","triggerFilter","column","index","columnPos","filterMultiple","newColumn","columnKey","getColumnKey","filterState","key","jsx","FilterDropdown","collectFilterStates","init","filteredValues","useFilter","setFilterStates","useState","mergedFilterStates","useMemo","collectedStates","filteredKeys","newFilterStates","innerColumns"],"mappings":";;;;AAaA,MAAMA,IAAe,CACnBC,GACAC,GACAC,GACAC,MAEAF,EAAQ,IAAI,CAACG,GAAQC,MAAU;AAC7B,QAAMC,IAAYD,EAAM,SAAA,GAClB,EAAE,gBAAAE,IAAiB,GAAA,IAASH;AAElC,MAAII,IAAoCJ;AAExC,MAAII,EAAU,WAAWA,EAAU,gBAAgB;AACjD,UAAMC,IAAYC,EAAaF,GAAWF,CAAS,GAC7CK,IAAcT,EAAa,KAAK,CAAC,EAAE,KAAAU,EAAA,MAAUH,MAAcG,CAAG;AAEpE,IAAAJ,IAAY;AAAA,MACV,GAAGA;AAAA,MACH,OACE,gBAAAK;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,gBAAgBd;AAAA,UAChB,WAAW,GAAGA,CAAS;AAAA,UACvB,QAAQQ;AAAA,UACR,WAAAC;AAAA,UACA,aAAAE;AAAA,UACA,gBAAAJ;AAAA,UACA,eAAAJ;AAAA,UAEC,UAAAC,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACV;AAAA,EAGN;AAEA,SAAOI;AACT,CAAC,GAEGO,IAAsB,CAA8Bd,GAAyBe,MAAoC;AACrH,MAAId,IAAiC,CAAA;AAErC,UAACD,KAAW,CAAA,GAAI,QAAQ,CAACG,GAAQC,MAAU;AACzC,UAAMC,IAAYD,EAAM,SAAA;AAExB,QAAID,EAAO,WAAW,oBAAoBA,KAAU,cAAcA;AAChE,UAAI,mBAAmBA,GAAQ;AAE7B,YAAIa,IAAiBb,EAAO;AAC5B,QAAM,oBAAoBA,MACxBa,IAAiBA,GAAgB,IAAI,MAAM,KAAKA,IAElDf,EAAa,KAAK;AAAA,UAChB,QAAAE;AAAA,UACA,KAAKM,EAAaN,GAAQE,CAAS;AAAA,UACnC,cAAcW;AAAA,UACd,eAAeb,EAAO;AAAA,QAAA,CACvB;AAAA,MACH;AAEE,QAAAF,EAAa,KAAK;AAAA,UAChB,QAAAE;AAAA,UACA,KAAKM,EAAaN,GAAQE,CAAS;AAAA,UACnC,cAAeU,KAAQZ,EAAO,uBAAuBA,EAAO,uBAAuB;AAAA,UACnF,eAAeA,EAAO;AAAA,QAAA,CACvB;AAIL,IAAI,cAAcA,MAChBF,IAAe,CAAC,GAAGA,GAAc,GAAGa,EAAoBX,EAAO,UAAUY,CAAI,CAAC;AAAA,EAElF,CAAC,GAEMd;AACT,GAOMgB,IAAY,CAA8B;AAAA,EAC9C,WAAAlB;AAAA,EACA,SAAAC;AACF,MAAgE;AAC9D,QAAM,CAACC,GAAciB,CAAe,IAAIC,EAA2BL,EAAoBd,GAAS,EAAI,CAAC,GAE/FoB,IAAqBC,EAAQ,MAAM;AACvC,UAAMC,IAAkBR,EAAoBd,GAAS,EAAK;AAK1D,WAHoCsB,EAAgB,MAAM,CAAC,EAAE,cAAAC,EAAA,MAAmBA,MAAiB,MAAS,IAIjGtB,IAGFqB;AAAA,EACT,GAAG,CAACtB,GAASC,CAAY,CAAC,GAEpBC,IAAgB,CAACQ,MAAgC;AACrD,UAAMc,IAAkBJ,EAAmB,OAAO,CAAC,EAAE,KAAAT,QAAUA,MAAQD,EAAY,GAAG;AACtF,IAAAc,EAAgB,KAAKd,CAAW,GAChCQ,EAAgBM,CAAe;AAAA,EACjC;AAKA,SAAO,CAHkB,CAACC,MACxB3B,EAAaC,GAAW0B,GAAcL,GAAoBlB,CAAa,GAE/CkB,CAAkB;AAC9C;"}
1	+ {"version":3,"file":"useFilter.js","sources":["../../../../../src/components/DeprecatedTable/hooks/useFilter.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\r\n\r\nimport type { DefaultRecordType } from 'rc-table/lib/interface';\r\n\r\nimport FilterDropdown from '../_internalComponents/components/FilterDropdown/FilterDropdown';\r\nimport type { ColumnsType, ColumnType, FilterKey, FilterState, TransformColumns } from '../Table.types';\r\nimport { getColumnKey } from '../utils/filteringUtils';\r\n\r\ninterface FilterConfig<T> {\r\n prefixCls: string;\r\n columns: ColumnsType<T>;\r\n}\r\n\r\nconst injectFilter = <T extends DefaultRecordType>(\r\n prefixCls: string,\r\n columns: ColumnsType<T>,\r\n filterStates: FilterState<T>[],\r\n triggerFilter: (filterState: FilterState<T>) => void,\r\n): ColumnsType<T> =>\r\n columns.map((column, index) => {\r\n const columnPos = index.toString();\r\n const { filterMultiple = true } = column as ColumnType<T>;\r\n\r\n let newColumn: ColumnsType<T>[number] = column;\r\n\r\n if (newColumn.filters \|\| newColumn.filterDropdown) {\r\n const columnKey = getColumnKey(newColumn, columnPos);\r\n const filterState = filterStates.find(({ key }) => columnKey === key);\r\n\r\n newColumn = {\r\n ...newColumn,\r\n title: (\r\n <FilterDropdown\r\n tablePrefixCls={prefixCls}\r\n prefixCls={`${prefixCls}-filter`}\r\n column={newColumn}\r\n columnKey={columnKey}\r\n filterState={filterState}\r\n filterMultiple={filterMultiple}\r\n triggerFilter={triggerFilter}\r\n >\r\n {column.title}\r\n </FilterDropdown>\r\n ),\r\n };\r\n }\r\n\r\n return newColumn;\r\n });\r\n\r\nconst collectFilterStates = <T extends DefaultRecordType>(columns: ColumnsType<T>, init: boolean): FilterState<T>[] => {\r\n let filterStates: FilterState<T>[] = [];\r\n\r\n (columns \|\| []).forEach((column, index) => {\r\n const columnPos = index.toString();\r\n\r\n if (column.filters \|\| 'filterDropdown' in column \|\| 'onFilter' in column) {\r\n if ('filteredValue' in column) {\r\n // Controlled\r\n let filteredValues = column.filteredValue;\r\n if (!('filterDropdown' in column)) {\r\n filteredValues = filteredValues?.map(String) ?? filteredValues;\r\n }\r\n filterStates.push({\r\n column,\r\n key: getColumnKey(column, columnPos),\r\n filteredKeys: filteredValues as FilterKey,\r\n forceFiltered: column.filtered,\r\n });\r\n } else {\r\n // Uncontrolled\r\n filterStates.push({\r\n column,\r\n key: getColumnKey(column, columnPos),\r\n filteredKeys: (init && column.defaultFilteredValue ? column.defaultFilteredValue : undefined) as FilterKey,\r\n forceFiltered: column.filtered,\r\n });\r\n }\r\n }\r\n\r\n if ('children' in column) {\r\n filterStates = [...filterStates, ...collectFilterStates(column.children, init)];\r\n }\r\n });\r\n\r\n return filterStates;\r\n};\r\n\r\n/*\r\n useFilter for DeprecatedTable\r\n \r\n @deprecated use `BaseTable` component instead\r\n */\r\nconst useFilter = <T extends DefaultRecordType>({\r\n prefixCls,\r\n columns,\r\n}: FilterConfig<T>): [TransformColumns<T>, FilterState<T>[]] => {\r\n const [filterStates, setFilterStates] = useState<FilterState<T>[]>(collectFilterStates(columns, true));\r\n\r\n const mergedFilterStates = useMemo(() => {\r\n const collectedStates = collectFilterStates(columns, false);\r\n\r\n const filteredKeysIsNotControlled = collectedStates.every(({ filteredKeys }) => filteredKeys === undefined);\r\n\r\n // Return if not controlled\r\n if (filteredKeysIsNotControlled) {\r\n return filterStates;\r\n }\r\n\r\n return collectedStates;\r\n }, [columns, filterStates]);\r\n\r\n const triggerFilter = (filterState: FilterState<T>) => {\r\n const newFilterStates = mergedFilterStates.filter(({ key }) => key !== filterState.key);\r\n newFilterStates.push(filterState);\r\n setFilterStates(newFilterStates);\r\n };\r\n\r\n const transformColumns = (innerColumns: ColumnsType<T>) =>\r\n injectFilter(prefixCls, innerColumns, mergedFilterStates, triggerFilter);\r\n\r\n return [transformColumns, mergedFilterStates];\r\n};\r\n\r\nexport default useFilter;\r\n"],"names":["injectFilter","prefixCls","columns","filterStates","triggerFilter","column","index","columnPos","filterMultiple","newColumn","columnKey","getColumnKey","filterState","key","jsx","FilterDropdown","collectFilterStates","init","filteredValues","useFilter","setFilterStates","useState","mergedFilterStates","useMemo","collectedStates","filteredKeys","newFilterStates","innerColumns"],"mappings":";;;;AAaA,MAAMA,IAAe,CACnBC,GACAC,GACAC,GACAC,MAEAF,EAAQ,IAAI,CAACG,GAAQC,MAAU;AAC7B,QAAMC,IAAYD,EAAM,SAAA,GAClB,EAAE,gBAAAE,IAAiB,GAAA,IAASH;AAElC,MAAII,IAAoCJ;AAExC,MAAII,EAAU,WAAWA,EAAU,gBAAgB;AACjD,UAAMC,IAAYC,EAAaF,GAAWF,CAAS,GAC7CK,IAAcT,EAAa,KAAK,CAAC,EAAE,KAAAU,EAAA,MAAUH,MAAcG,CAAG;AAEpE,IAAAJ,IAAY;AAAA,MACV,GAAGA;AAAA,MACH,OACE,gBAAAK;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,gBAAgBd;AAAA,UAChB,WAAW,GAAGA,CAAS;AAAA,UACvB,QAAQQ;AAAA,UACR,WAAAC;AAAA,UACA,aAAAE;AAAA,UACA,gBAAAJ;AAAA,UACA,eAAAJ;AAAA,UAEC,UAAAC,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACV;AAAA,EAGN;AAEA,SAAOI;AACT,CAAC,GAEGO,IAAsB,CAA8Bd,GAAyBe,MAAoC;AACrH,MAAId,IAAiC,CAAA;AAErC,UAACD,KAAW,CAAA,GAAI,QAAQ,CAACG,GAAQC,MAAU;AACzC,UAAMC,IAAYD,EAAM,SAAA;AAExB,QAAID,EAAO,WAAW,oBAAoBA,KAAU,cAAcA;AAChE,UAAI,mBAAmBA,GAAQ;AAE7B,YAAIa,IAAiBb,EAAO;AAC5B,QAAM,oBAAoBA,MACxBa,IAAiBA,GAAgB,IAAI,MAAM,KAAKA,IAElDf,EAAa,KAAK;AAAA,UAChB,QAAAE;AAAA,UACA,KAAKM,EAAaN,GAAQE,CAAS;AAAA,UACnC,cAAcW;AAAA,UACd,eAAeb,EAAO;AAAA,QAAA,CACvB;AAAA,MACH;AAEE,QAAAF,EAAa,KAAK;AAAA,UAChB,QAAAE;AAAA,UACA,KAAKM,EAAaN,GAAQE,CAAS;AAAA,UACnC,cAAeU,KAAQZ,EAAO,uBAAuBA,EAAO,uBAAuB;AAAA,UACnF,eAAeA,EAAO;AAAA,QAAA,CACvB;AAIL,IAAI,cAAcA,MAChBF,IAAe,CAAC,GAAGA,GAAc,GAAGa,EAAoBX,EAAO,UAAUY,CAAI,CAAC;AAAA,EAElF,CAAC,GAEMd;AACT,GAOMgB,IAAY,CAA8B;AAAA,EAC9C,WAAAlB;AAAA,EACA,SAAAC;AACF,MAAgE;AAC9D,QAAM,CAACC,GAAciB,CAAe,IAAIC,EAA2BL,EAAoBd,GAAS,EAAI,CAAC,GAE/FoB,IAAqBC,EAAQ,MAAM;AACvC,UAAMC,IAAkBR,EAAoBd,GAAS,EAAK;AAK1D,WAHoCsB,EAAgB,MAAM,CAAC,EAAE,cAAAC,EAAA,MAAmBA,MAAiB,MAAS,IAIjGtB,IAGFqB;AAAA,EACT,GAAG,CAACtB,GAASC,CAAY,CAAC,GAEpBC,IAAgB,CAACQ,MAAgC;AACrD,UAAMc,IAAkBJ,EAAmB,OAAO,CAAC,EAAE,KAAAT,QAAUA,MAAQD,EAAY,GAAG;AACtF,IAAAc,EAAgB,KAAKd,CAAW,GAChCQ,EAAgBM,CAAe;AAAA,EACjC;AAKA,SAAO,CAHkB,CAACC,MACxB3B,EAAaC,GAAW0B,GAAcL,GAAoBlB,CAAa,GAE/CkB,CAAkB;AAC9C;"}

package/build/esm/components/DeprecatedTable/hooks/useSorter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSorter.js","sources":["../../../../../src/components/DeprecatedTable/hooks/useSorter.tsx"],"sourcesContent":["import { type HTMLAttributes, type MouseEvent, useState } from 'react';\n\nimport classNames from 'classnames';\nimport type { DefaultRecordType } from 'rc-table/lib/interface';\nimport { Sorts } from 'acinguiux-ds-react-base/consts';\n\nimport ArrowDown from '../../Icon/components/ArrowDown';\nimport ArrowUp from '../../Icon/components/ArrowUp';\nimport ChevronUpDown from '../../Icon/components/ChevronUpDown';\nimport type { ColumnGroup, ColumnsType, ColumnType, TableSortOrder, SortState, TransformColumns } from '../Table.types';\nimport { getColumnKey } from '../utils/filteringUtils';\n\ninterface SorterConfig<T> {\n prefixCls: string;\n columns: ColumnsType<T>;\n}\n\nconst getMultiplePriority = <T extends DefaultRecordType>(column: ColumnType<T>): number \| false => {\n if (typeof column.sorter === 'object' && typeof column.sorter.multiple === 'number') {\n return column.sorter.multiple;\n }\n\n return false;\n};\n\nconst collectSortStates = <T extends DefaultRecordType>(columns: ColumnsType<T>, init: boolean): SortState<T>[] => {\n let sortStates: SortState<T>[] = [];\n\n const pushState = (column: ColumnType<T>, columnPos: string) => {\n sortStates.push({\n column,\n key: getColumnKey(column, columnPos),\n multiplePriority: getMultiplePriority(column),\n sortOrder: column.sortOrder ?? null,\n });\n };\n\n (columns \|\| []).forEach((column, index) => {\n const columnPos = index.toString();\n\n if ((column as ColumnGroup<T>).children) {\n if ('sortOrder' in column) {\n pushState(column, columnPos);\n }\n sortStates = [...sortStates, ...collectSortStates((column as ColumnGroup<T>).children, init)];\n } else if (column.sorter) {\n if ('sortOrder' in column) {\n pushState(column, columnPos);\n } else if (init && column.defaultSortOrder) {\n sortStates.push({\n column,\n key: getColumnKey(column, columnPos),\n multiplePriority: getMultiplePriority(column),\n sortOrder: column.defaultSortOrder \|\| null,\n });\n }\n }\n });\n\n return sortStates;\n};\n\nconst nextSortDirection = (sortDirections: TableSortOrder[], current: TableSortOrder \| null): TableSortOrder => {\n if (!current) {\n return sortDirections[0];\n }\n\n return sortDirections[sortDirections.indexOf(current) + 1];\n};\n\nconst getSortDirections = <T,>(column: ColumnGroup<T> \| ColumnType<T>): TableSortOrder[] =>\n column.sortDirections && column.sortDirections.length > 0 ? column.sortDirections : [Sorts.Asc, Sorts.Desc];\n\nconst injectSorter = <T extends DefaultRecordType>(\n prefixCls: string,\n columns: ColumnsType<T>,\n sorterStates: SortState<T>[],\n triggerSorter: (sorterSates: SortState<T>) => void,\n): ColumnsType<T> =>\n (columns \|\| []).map((column, index) => {\n if (!column.sorter) {\n return column;\n }\n\n const sortDirections = getSortDirections(column);\n const columnKey = getColumnKey(column, index.toString());\n const sorterState = sorterStates.find(({ key }) => key === columnKey);\n const sorterOrder = sorterState ? sorterState.sortOrder : null;\n const nextSortOrder = nextSortDirection(sortDirections, sorterOrder);\n\n return {\n ...column,\n title: (\n <div className={`${prefixCls}-column-sorters`}>\n <span className={`${prefixCls}-column-title`}>{column.title}</span>\n <span\n className={classNames(`${prefixCls}-column-sorter`, {\n [`${prefixCls}-column-sorted`]: sorterOrder === Sorts.Desc \|\| sorterOrder === Sorts.Asc,\n })}\n >\n {!sorterOrder && <ChevronUpDown width={16} height={16} />}\n {sorterOrder === Sorts.Asc && <ArrowDown width={16} height={16} />}\n {sorterOrder === Sorts.Desc && <ArrowUp width={16} height={16} />}\n </span>\n </div>\n ),\n onHeaderCell: (col) => {\n const cell: HTMLAttributes<HTMLElement> = column.onHeaderCell?.(col) ?? {};\n const originOnClick = cell.onClick;\n cell.onClick = (event: MouseEvent<HTMLElement>) => {\n triggerSorter({\n column,\n key: columnKey,\n sortOrder: nextSortOrder,\n multiplePriority: getMultiplePriority(column),\n });\n\n if (originOnClick) {\n originOnClick(event);\n }\n };\n\n return cell;\n },\n };\n });\n\n/*\n useSorter for DeprecatedTable\n \n @deprecated use `BaseTable` component instead\n */\nconst useSorter = <T extends DefaultRecordType>({\n prefixCls,\n columns,\n}: SorterConfig<T>): [TransformColumns<T>, SortState<T>[]] => {\n const [sortStates, setSortStates] = useState<SortState<T>[]>(collectSortStates(columns, true));\n\n const triggerSorter = (sortState: SortState<T>) => {\n let newSorterStates;\n\n if (sortState.multiplePriority === false \|\| !sortStates.length \|\| sortStates[0].multiplePriority === false) {\n newSorterStates = [sortState];\n } else {\n newSorterStates = [...sortStates.filter(({ key }) => key !== sortState.key), sortState];\n }\n\n setSortStates(newSorterStates);\n };\n\n const transformColumns = (innerColumns: ColumnsType<T>) =>\n injectSorter(prefixCls, innerColumns, sortStates, triggerSorter);\n\n return [transformColumns, sortStates];\n};\n\nexport default useSorter;\n"],"names":["getMultiplePriority","column","collectSortStates","columns","init","sortStates","pushState","columnPos","getColumnKey","index","nextSortDirection","sortDirections","current","getSortDirections","Sorts","injectSorter","prefixCls","sorterStates","triggerSorter","columnKey","sorterState","key","sorterOrder","nextSortOrder","jsxs","jsx","classNames","ChevronUpDown","ArrowDown","ArrowUp","col","cell","originOnClick","event","useSorter","setSortStates","useState","sortState","newSorterStates","innerColumns"],"mappings":"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"}
1	+ {"version":3,"file":"useSorter.js","sources":["../../../../../src/components/DeprecatedTable/hooks/useSorter.tsx"],"sourcesContent":["import { type HTMLAttributes, type MouseEvent, useState } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport type { DefaultRecordType } from 'rc-table/lib/interface';\r\nimport { Sorts } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport ArrowDown from '../../Icon/components/ArrowDown';\r\nimport ArrowUp from '../../Icon/components/ArrowUp';\r\nimport ChevronUpDown from '../../Icon/components/ChevronUpDown';\r\nimport type { ColumnGroup, ColumnsType, ColumnType, TableSortOrder, SortState, TransformColumns } from '../Table.types';\r\nimport { getColumnKey } from '../utils/filteringUtils';\r\n\r\ninterface SorterConfig<T> {\r\n prefixCls: string;\r\n columns: ColumnsType<T>;\r\n}\r\n\r\nconst getMultiplePriority = <T extends DefaultRecordType>(column: ColumnType<T>): number \| false => {\r\n if (typeof column.sorter === 'object' && typeof column.sorter.multiple === 'number') {\r\n return column.sorter.multiple;\r\n }\r\n\r\n return false;\r\n};\r\n\r\nconst collectSortStates = <T extends DefaultRecordType>(columns: ColumnsType<T>, init: boolean): SortState<T>[] => {\r\n let sortStates: SortState<T>[] = [];\r\n\r\n const pushState = (column: ColumnType<T>, columnPos: string) => {\r\n sortStates.push({\r\n column,\r\n key: getColumnKey(column, columnPos),\r\n multiplePriority: getMultiplePriority(column),\r\n sortOrder: column.sortOrder ?? null,\r\n });\r\n };\r\n\r\n (columns \|\| []).forEach((column, index) => {\r\n const columnPos = index.toString();\r\n\r\n if ((column as ColumnGroup<T>).children) {\r\n if ('sortOrder' in column) {\r\n pushState(column, columnPos);\r\n }\r\n sortStates = [...sortStates, ...collectSortStates((column as ColumnGroup<T>).children, init)];\r\n } else if (column.sorter) {\r\n if ('sortOrder' in column) {\r\n pushState(column, columnPos);\r\n } else if (init && column.defaultSortOrder) {\r\n sortStates.push({\r\n column,\r\n key: getColumnKey(column, columnPos),\r\n multiplePriority: getMultiplePriority(column),\r\n sortOrder: column.defaultSortOrder \|\| null,\r\n });\r\n }\r\n }\r\n });\r\n\r\n return sortStates;\r\n};\r\n\r\nconst nextSortDirection = (sortDirections: TableSortOrder[], current: TableSortOrder \| null): TableSortOrder => {\r\n if (!current) {\r\n return sortDirections[0];\r\n }\r\n\r\n return sortDirections[sortDirections.indexOf(current) + 1];\r\n};\r\n\r\nconst getSortDirections = <T,>(column: ColumnGroup<T> \| ColumnType<T>): TableSortOrder[] =>\r\n column.sortDirections && column.sortDirections.length > 0 ? column.sortDirections : [Sorts.Asc, Sorts.Desc];\r\n\r\nconst injectSorter = <T extends DefaultRecordType>(\r\n prefixCls: string,\r\n columns: ColumnsType<T>,\r\n sorterStates: SortState<T>[],\r\n triggerSorter: (sorterSates: SortState<T>) => void,\r\n): ColumnsType<T> =>\r\n (columns \|\| []).map((column, index) => {\r\n if (!column.sorter) {\r\n return column;\r\n }\r\n\r\n const sortDirections = getSortDirections(column);\r\n const columnKey = getColumnKey(column, index.toString());\r\n const sorterState = sorterStates.find(({ key }) => key === columnKey);\r\n const sorterOrder = sorterState ? sorterState.sortOrder : null;\r\n const nextSortOrder = nextSortDirection(sortDirections, sorterOrder);\r\n\r\n return {\r\n ...column,\r\n title: (\r\n <div className={`${prefixCls}-column-sorters`}>\r\n <span className={`${prefixCls}-column-title`}>{column.title}</span>\r\n <span\r\n className={classNames(`${prefixCls}-column-sorter`, {\r\n [`${prefixCls}-column-sorted`]: sorterOrder === Sorts.Desc \|\| sorterOrder === Sorts.Asc,\r\n })}\r\n >\r\n {!sorterOrder && <ChevronUpDown width={16} height={16} />}\r\n {sorterOrder === Sorts.Asc && <ArrowDown width={16} height={16} />}\r\n {sorterOrder === Sorts.Desc && <ArrowUp width={16} height={16} />}\r\n </span>\r\n </div>\r\n ),\r\n onHeaderCell: (col) => {\r\n const cell: HTMLAttributes<HTMLElement> = column.onHeaderCell?.(col) ?? {};\r\n const originOnClick = cell.onClick;\r\n cell.onClick = (event: MouseEvent<HTMLElement>) => {\r\n triggerSorter({\r\n column,\r\n key: columnKey,\r\n sortOrder: nextSortOrder,\r\n multiplePriority: getMultiplePriority(column),\r\n });\r\n\r\n if (originOnClick) {\r\n originOnClick(event);\r\n }\r\n };\r\n\r\n return cell;\r\n },\r\n };\r\n });\r\n\r\n/*\r\n useSorter for DeprecatedTable\r\n \r\n @deprecated use `BaseTable` component instead\r\n */\r\nconst useSorter = <T extends DefaultRecordType>({\r\n prefixCls,\r\n columns,\r\n}: SorterConfig<T>): [TransformColumns<T>, SortState<T>[]] => {\r\n const [sortStates, setSortStates] = useState<SortState<T>[]>(collectSortStates(columns, true));\r\n\r\n const triggerSorter = (sortState: SortState<T>) => {\r\n let newSorterStates;\r\n\r\n if (sortState.multiplePriority === false \|\| !sortStates.length \|\| sortStates[0].multiplePriority === false) {\r\n newSorterStates = [sortState];\r\n } else {\r\n newSorterStates = [...sortStates.filter(({ key }) => key !== sortState.key), sortState];\r\n }\r\n\r\n setSortStates(newSorterStates);\r\n };\r\n\r\n const transformColumns = (innerColumns: ColumnsType<T>) =>\r\n injectSorter(prefixCls, innerColumns, sortStates, triggerSorter);\r\n\r\n return [transformColumns, sortStates];\r\n};\r\n\r\nexport default useSorter;\r\n"],"names":["getMultiplePriority","column","collectSortStates","columns","init","sortStates","pushState","columnPos","getColumnKey","index","nextSortDirection","sortDirections","current","getSortDirections","Sorts","injectSorter","prefixCls","sorterStates","triggerSorter","columnKey","sorterState","key","sorterOrder","nextSortOrder","jsxs","jsx","classNames","ChevronUpDown","ArrowDown","ArrowUp","col","cell","originOnClick","event","useSorter","setSortStates","useState","sortState","newSorterStates","innerColumns"],"mappings":"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"}

package/build/esm/components/DeprecatedTable/utils/filteringUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"filteringUtils.js","sources":["../../../../../src/components/DeprecatedTable/utils/filteringUtils.tsx"],"sourcesContent":["import type { Key, ReactNode } from 'react';\n\nimport type { DefaultRecordType } from 'rc-table/lib/interface';\n\nimport Filter from '../../Icon/components/Filter';\nimport type { ColumnFilterItem, ColumnType, FilterState, FilterValue } from '../Table.types';\n\nconst getColumnKey = <T extends DefaultRecordType>(_column: ColumnType<T>, defaultKey: string): Key => defaultKey;\n\nconst flattenKeys = (filters?: ColumnFilterItem[]) => {\n let keys: FilterValue = [];\n\n (filters ?? []).forEach(({ value, children }) => {\n keys.push(value);\n if (children) {\n keys = [...keys, ...flattenKeys(children)];\n }\n });\n\n return keys;\n};\n\n/*\n getFilterData for DeprecatedTable\n \n @deprecated use `BaseTable` component instead\n */\nconst getFilterData = <T extends DefaultRecordType>(data: T[], filterStates: FilterState<T>[]): T[] =>\n filterStates.reduce((currentData, filterState) => {\n const {\n column: { onFilter, filters },\n filteredKeys,\n } = filterState;\n\n if (onFilter && filteredKeys?.length) {\n return currentData.filter((record) =>\n filteredKeys.some((filteredKey) => {\n const keys = flattenKeys(filters);\n // eslint-disable-next-line sonarjs/no-nested-functions\n const keyIndex = keys.findIndex((key) => String(key) === String(filteredKey));\n const realKey = keyIndex !== -1 ? keys[keyIndex] : filteredKey;\n\n return onFilter(realKey, record);\n }),\n );\n }\n\n return currentData;\n }, data);\n\nconst setFilterIcon = (filterIcon: ReactNode \| ((filtered: boolean) => ReactNode), filtered = false): ReactNode => {\n if (typeof filterIcon === 'function') {\n return filterIcon(filtered);\n }\n if (filterIcon) {\n return filterIcon;\n }\n\n return <Filter width={16} height={16} />;\n};\n\nexport { getColumnKey, getFilterData, setFilterIcon };\n"],"names":["getColumnKey","_column","defaultKey","flattenKeys","filters","keys","value","children","getFilterData","data","filterStates","currentData","filterState","onFilter","filteredKeys","record","filteredKey","keyIndex","key","realKey","setFilterIcon","filterIcon","filtered","jsx","Filter"],"mappings":";;AAOA,MAAMA,IAAe,CAA8BC,GAAwBC,MAA4BA,GAEjGC,IAAc,CAACC,MAAiC;AACpD,MAAIC,IAAoB,CAAA;AAExB,UAACD,KAAW,CAAA,GAAI,QAAQ,CAAC,EAAE,OAAAE,GAAO,UAAAC,QAAe;AAC/C,IAAAF,EAAK,KAAKC,CAAK,GACXC,MACFF,IAAO,CAAC,GAAGA,GAAM,GAAGF,EAAYI,CAAQ,CAAC;AAAA,EAE7C,CAAC,GAEMF;AACT,GAOMG,IAAgB,CAA8BC,GAAWC,MAC7DA,EAAa,OAAO,CAACC,GAAaC,MAAgB;AAChD,QAAM;AAAA,IACJ,QAAQ,EAAE,UAAAC,GAAU,SAAAT,EAAA;AAAA,IACpB,cAAAU;AAAA,EAAA,IACEF;AAEJ,SAAIC,KAAYC,GAAc,SACrBH,EAAY;AAAA,IAAO,CAACI,MACzBD,EAAa,KAAK,CAACE,MAAgB;AACjC,YAAMX,IAAOF,EAAYC,CAAO,GAE1Ba,IAAWZ,EAAK,UAAU,CAACa,MAAQ,OAAOA,CAAG,MAAM,OAAOF,CAAW,CAAC,GACtEG,IAAUF,MAAa,KAAKZ,EAAKY,CAAQ,IAAID;AAEnD,aAAOH,EAASM,GAASJ,CAAM;AAAA,IACjC,CAAC;AAAA,EAAA,IAIEJ;AACT,GAAGF,CAAI,GAEHW,IAAgB,CAACC,GAA4DC,IAAW,OACxF,OAAOD,KAAe,aACjBA,EAAWC,CAAQ,IAExBD,KAIG,gBAAAE,EAACC,GAAA,EAAO,OAAO,IAAI,QAAQ,IAAI;"}
1	+ {"version":3,"file":"filteringUtils.js","sources":["../../../../../src/components/DeprecatedTable/utils/filteringUtils.tsx"],"sourcesContent":["import type { Key, ReactNode } from 'react';\r\n\r\nimport type { DefaultRecordType } from 'rc-table/lib/interface';\r\n\r\nimport Filter from '../../Icon/components/Filter';\r\nimport type { ColumnFilterItem, ColumnType, FilterState, FilterValue } from '../Table.types';\r\n\r\nconst getColumnKey = <T extends DefaultRecordType>(_column: ColumnType<T>, defaultKey: string): Key => defaultKey;\r\n\r\nconst flattenKeys = (filters?: ColumnFilterItem[]) => {\r\n let keys: FilterValue = [];\r\n\r\n (filters ?? []).forEach(({ value, children }) => {\r\n keys.push(value);\r\n if (children) {\r\n keys = [...keys, ...flattenKeys(children)];\r\n }\r\n });\r\n\r\n return keys;\r\n};\r\n\r\n/*\r\n getFilterData for DeprecatedTable\r\n \r\n @deprecated use `BaseTable` component instead\r\n */\r\nconst getFilterData = <T extends DefaultRecordType>(data: T[], filterStates: FilterState<T>[]): T[] =>\r\n filterStates.reduce((currentData, filterState) => {\r\n const {\r\n column: { onFilter, filters },\r\n filteredKeys,\r\n } = filterState;\r\n\r\n if (onFilter && filteredKeys?.length) {\r\n return currentData.filter((record) =>\r\n filteredKeys.some((filteredKey) => {\r\n const keys = flattenKeys(filters);\r\n // eslint-disable-next-line sonarjs/no-nested-functions\r\n const keyIndex = keys.findIndex((key) => String(key) === String(filteredKey));\r\n const realKey = keyIndex !== -1 ? keys[keyIndex] : filteredKey;\r\n\r\n return onFilter(realKey, record);\r\n }),\r\n );\r\n }\r\n\r\n return currentData;\r\n }, data);\r\n\r\nconst setFilterIcon = (filterIcon: ReactNode \| ((filtered: boolean) => ReactNode), filtered = false): ReactNode => {\r\n if (typeof filterIcon === 'function') {\r\n return filterIcon(filtered);\r\n }\r\n if (filterIcon) {\r\n return filterIcon;\r\n }\r\n\r\n return <Filter width={16} height={16} />;\r\n};\r\n\r\nexport { getColumnKey, getFilterData, setFilterIcon };\r\n"],"names":["getColumnKey","_column","defaultKey","flattenKeys","filters","keys","value","children","getFilterData","data","filterStates","currentData","filterState","onFilter","filteredKeys","record","filteredKey","keyIndex","key","realKey","setFilterIcon","filterIcon","filtered","jsx","Filter"],"mappings":";;AAOA,MAAMA,IAAe,CAA8BC,GAAwBC,MAA4BA,GAEjGC,IAAc,CAACC,MAAiC;AACpD,MAAIC,IAAoB,CAAA;AAExB,UAACD,KAAW,CAAA,GAAI,QAAQ,CAAC,EAAE,OAAAE,GAAO,UAAAC,QAAe;AAC/C,IAAAF,EAAK,KAAKC,CAAK,GACXC,MACFF,IAAO,CAAC,GAAGA,GAAM,GAAGF,EAAYI,CAAQ,CAAC;AAAA,EAE7C,CAAC,GAEMF;AACT,GAOMG,IAAgB,CAA8BC,GAAWC,MAC7DA,EAAa,OAAO,CAACC,GAAaC,MAAgB;AAChD,QAAM;AAAA,IACJ,QAAQ,EAAE,UAAAC,GAAU,SAAAT,EAAA;AAAA,IACpB,cAAAU;AAAA,EAAA,IACEF;AAEJ,SAAIC,KAAYC,GAAc,SACrBH,EAAY;AAAA,IAAO,CAACI,MACzBD,EAAa,KAAK,CAACE,MAAgB;AACjC,YAAMX,IAAOF,EAAYC,CAAO,GAE1Ba,IAAWZ,EAAK,UAAU,CAACa,MAAQ,OAAOA,CAAG,MAAM,OAAOF,CAAW,CAAC,GACtEG,IAAUF,MAAa,KAAKZ,EAAKY,CAAQ,IAAID;AAEnD,aAAOH,EAASM,GAASJ,CAAM;AAAA,IACjC,CAAC;AAAA,EAAA,IAIEJ;AACT,GAAGF,CAAI,GAEHW,IAAgB,CAACC,GAA4DC,IAAW,OACxF,OAAOD,KAAe,aACjBA,EAAWC,CAAQ,IAExBD,KAIG,gBAAAE,EAACC,GAAA,EAAO,OAAO,IAAI,QAAQ,IAAI;"}

package/build/esm/components/DeprecatedTable/utils/renderUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderUtils.js","sources":["../../../../../src/components/DeprecatedTable/utils/renderUtils.tsx"],"sourcesContent":["import type { Key, ReactElement } from 'react';\n\nimport type { DefaultRecordType } from 'rc-table/lib/interface';\nimport { styled } from 'styled-components';\nimport { Sizes, Variants } from 'acinguiux-ds-react-base/consts';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Button from '../../Button/Button';\nimport Checkbox from '../../Checkbox/Checkbox';\nimport ComposeAlt from '../../Icon/components/ComposeAlt';\nimport EllipsisVertical from '../../Icon/components/EllipsisVertical';\nimport Trash from '../../Icon/components/Trash';\nimport MenuItem from '../../Menu/components/MenuItem';\nimport SubMenu from '../../Menu/components/SubMenu';\nimport Menu from '../../Menu/Menu';\nimport RadioButton from '../../RadioButton/RadioButton';\nimport Option from '../../Select/components/Option/Option';\nimport Select from '../../Select/Select';\nimport Tag from '../../Tag/Tag';\nimport type { ColumnFilterItem } from '../Table.types';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../Popover/Popover';\n\nconst StyledTag = styled.div`\n display: flex;\n align-items: center;\n\n > * {\n margin-right: 6px;\n\n &:last-of-type {\n margin-right: 0;\n }\n }\n`;\n\nconst StyledButton = styled(Button)`\n margin-right: 4px;\n`;\n\nexport const renderSelect = (): ReactElement => (\n <Select placeholder=\"Placeholder\" disabled={false} size={Sizes.Small} aria-label=\"Select\">\n <Option value=\"1\">Type A</Option>\n <Option value=\"2\">Type B</Option>\n <Option value=\"3\">Type C</Option>\n <Option value=\"4\">Type D</Option>\n </Select>\n);\n\nexport const renderOperations = (): ReactElement => (\n <>\n <Button\n iconOnly={true}\n icon={<ComposeAlt />}\n variant={Variants.Transparent}\n onClick={(e) => {\n e.stopPropagation();\n }}\n size={Sizes.Small}\n aria-label=\"Compose\"\n />\n <Button\n iconOnly={true}\n icon={<Trash />}\n variant={Variants.Transparent}\n onClick={(e) => {\n e.stopPropagation();\n }}\n size={Sizes.Small}\n aria-label=\"Delete\"\n />\n </>\n);\n\nexport const renderDropdown = (): ReactElement => {\n const overlay = (\n <Menu>\n <MenuItem>Option 1</MenuItem>\n <MenuItem>Option 2</MenuItem>\n </Menu>\n );\n\n return (\n <Popover>\n <PopoverTrigger asChild={true}>\n <Button variant={Variants.Transparent} icon={<EllipsisVertical />} iconOnly={true} aria-label=\"Options\" />\n </PopoverTrigger>\n <PopoverContent>{overlay}</PopoverContent>\n </Popover>\n );\n};\n\nexport const renderTag = <T extends DefaultRecordType>(_: unknown, { product }: T, index: number): ReactElement => {\n if (index === 0) {\n return (\n <StyledTag>\n <Tag sentiment={FabricsVariables.Sentiments.Neutral} size={Sizes.Small}>\n Label 1\n </Tag>\n <div>{product}</div>\n </StyledTag>\n );\n }\n\n if (index === 1) {\n return (\n <StyledTag>\n <div>{product}</div>\n <Tag sentiment={FabricsVariables.Sentiments.Neutral} size={Sizes.Small}>\n Label 2\n </Tag>\n </StyledTag>\n );\n }\n\n if (index === 2) {\n return (\n <StyledTag>\n <Tag sentiment={FabricsVariables.Sentiments.Neutral} size={Sizes.Small}>\n Label 3\n </Tag>\n </StyledTag>\n );\n }\n\n return (\n <StyledTag>\n <div>{product}</div>\n </StyledTag>\n );\n};\n\nexport const renderFilterItems = ({\n filters,\n prefixCls,\n filteredKeys,\n filterMultiple,\n}: {\n filters: ColumnFilterItem[];\n prefixCls: string;\n filteredKeys: Key[];\n filterMultiple: boolean;\n}): ReactElement \| ReactElement[] => {\n if (filters.length === 0) {\n return (\n <MenuItem key=\"empty\">\n <div style={{ margin: '16px 0' }}>Empty filter</div>\n </MenuItem>\n );\n }\n\n return filters.map((filter, index) => {\n const key = String(filter.value);\n\n if (filter.children) {\n return (\n <SubMenu key={key \|\| index} title={filter.text} popupClassName={`${prefixCls}-dropdown-submenu`}>\n {renderFilterItems({\n filters: filter.children,\n prefixCls,\n filteredKeys,\n filterMultiple,\n })}\n </SubMenu>\n );\n }\n\n const Component = filterMultiple\n ? () => (\n <Checkbox\n defaultChecked={filteredKeys.includes(key)}\n label={filter.value.toString()}\n checked={filteredKeys.includes(key)}\n />\n )\n : () => <RadioButton checked={filteredKeys.includes(key)} label={filter.value.toString()} />;\n\n return (\n <MenuItem key={key}>\n <Component />\n </MenuItem>\n );\n });\n};\n\nconst StyledFooter = styled.div`\n display: flex;\n justify-content: space-between;\n padding: 8px;\n`;\n\nexport const renderFilterMenu = () => (\n <div>\n <Menu>\n <MenuItem>Custom filter item 1</MenuItem>\n <MenuItem>Custom filter item 2</MenuItem>\n </Menu>\n <StyledFooter>\n <StyledButton variant={Variants.Outlined} size={Sizes.XSmall}>\n Reset\n </StyledButton>\n <Button size={Sizes.XSmall}>Confirm</Button>\n </StyledFooter>\n </div>\n);\n"],"names":["styled","Button","renderFilterItems","filters","prefixCls","filteredKeys","filterMultiple","jsx","MenuItem","filter","index","key","SubMenu","Checkbox","RadioButton"],"mappings":";;;;;;;;AAsBkBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaJA,EAAOC,CAAM;AAAA;AAAA;AAgG3B,MAAMC,IAAoB,CAAC;AAAA,EAChC,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,MAMMH,EAAQ,WAAW,IAEnB,gBAAAI,EAACC,GAAA,EACC,UAAA,gBAAAD,EAAC,OAAA,EAAI,OAAO,EAAE,QAAQ,SAAA,GAAY,UAAA,eAAA,CAAY,EAAA,GADlC,OAEd,IAIGJ,EAAQ,IAAI,CAACM,GAAQC,MAAU;AACpC,QAAMC,IAAM,OAAOF,EAAO,KAAK;AAE/B,SAAIA,EAAO,WAEP,gBAAAF,EAACK,KAA2B,OAAOH,EAAO,MAAM,gBAAgB,GAAGL,CAAS,qBACzE,UAAAF,EAAkB;AAAA,IACjB,SAASO,EAAO;AAAA,IAChB,WAAAL;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,EAAA,GANWK,KAAOD,CAOrB,IAeF,gBAAAH,EAACC,GAAA,EACC,UAAA,gBAAAD,EAZcD,IACd,MACE,gBAAAC;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,gBAAgBR,EAAa,SAASM,CAAG;AAAA,MACzC,OAAOF,EAAO,MAAM,SAAA;AAAA,MACpB,SAASJ,EAAa,SAASM,CAAG;AAAA,IAAA;AAAA,EAAA,IAGtC,MAAM,gBAAAJ,EAACO,GAAA,EAAY,SAAST,EAAa,SAASM,CAAG,GAAG,OAAOF,EAAO,MAAM,WAAS,CAAG,GAIvF,CAAA,CAAU,KADEE,CAEf;AAEJ,CAAC;AAGkBX,EAAO;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"renderUtils.js","sources":["../../../../../src/components/DeprecatedTable/utils/renderUtils.tsx"],"sourcesContent":["import type { Key, ReactElement } from 'react';\r\n\r\nimport type { DefaultRecordType } from 'rc-table/lib/interface';\r\nimport { styled } from 'styled-components';\r\nimport { Sizes, Variants } from 'acinguiux-ds-react-base/consts';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport Button from '../../Button/Button';\r\nimport Checkbox from '../../Checkbox/Checkbox';\r\nimport ComposeAlt from '../../Icon/components/ComposeAlt';\r\nimport EllipsisVertical from '../../Icon/components/EllipsisVertical';\r\nimport Trash from '../../Icon/components/Trash';\r\nimport MenuItem from '../../Menu/components/MenuItem';\r\nimport SubMenu from '../../Menu/components/SubMenu';\r\nimport Menu from '../../Menu/Menu';\r\nimport RadioButton from '../../RadioButton/RadioButton';\r\nimport Option from '../../Select/components/Option/Option';\r\nimport Select from '../../Select/Select';\r\nimport Tag from '../../Tag/Tag';\r\nimport type { ColumnFilterItem } from '../Table.types';\r\nimport { Popover, PopoverContent, PopoverTrigger } from '../../Popover/Popover';\r\n\r\nconst StyledTag = styled.div`\r\n display: flex;\r\n align-items: center;\r\n\r\n > * {\r\n margin-right: 6px;\r\n\r\n &:last-of-type {\r\n margin-right: 0;\r\n }\r\n }\r\n`;\r\n\r\nconst StyledButton = styled(Button)`\r\n margin-right: 4px;\r\n`;\r\n\r\nexport const renderSelect = (): ReactElement => (\r\n <Select placeholder=\"Placeholder\" disabled={false} size={Sizes.Small} aria-label=\"Select\">\r\n <Option value=\"1\">Type A</Option>\r\n <Option value=\"2\">Type B</Option>\r\n <Option value=\"3\">Type C</Option>\r\n <Option value=\"4\">Type D</Option>\r\n </Select>\r\n);\r\n\r\nexport const renderOperations = (): ReactElement => (\r\n <>\r\n <Button\r\n iconOnly={true}\r\n icon={<ComposeAlt />}\r\n variant={Variants.Transparent}\r\n onClick={(e) => {\r\n e.stopPropagation();\r\n }}\r\n size={Sizes.Small}\r\n aria-label=\"Compose\"\r\n />\r\n <Button\r\n iconOnly={true}\r\n icon={<Trash />}\r\n variant={Variants.Transparent}\r\n onClick={(e) => {\r\n e.stopPropagation();\r\n }}\r\n size={Sizes.Small}\r\n aria-label=\"Delete\"\r\n />\r\n </>\r\n);\r\n\r\nexport const renderDropdown = (): ReactElement => {\r\n const overlay = (\r\n <Menu>\r\n <MenuItem>Option 1</MenuItem>\r\n <MenuItem>Option 2</MenuItem>\r\n </Menu>\r\n );\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild={true}>\r\n <Button variant={Variants.Transparent} icon={<EllipsisVertical />} iconOnly={true} aria-label=\"Options\" />\r\n </PopoverTrigger>\r\n <PopoverContent>{overlay}</PopoverContent>\r\n </Popover>\r\n );\r\n};\r\n\r\nexport const renderTag = <T extends DefaultRecordType>(_: unknown, { product }: T, index: number): ReactElement => {\r\n if (index === 0) {\r\n return (\r\n <StyledTag>\r\n <Tag sentiment={FabricsVariables.Sentiments.Neutral} size={Sizes.Small}>\r\n Label 1\r\n </Tag>\r\n <div>{product}</div>\r\n </StyledTag>\r\n );\r\n }\r\n\r\n if (index === 1) {\r\n return (\r\n <StyledTag>\r\n <div>{product}</div>\r\n <Tag sentiment={FabricsVariables.Sentiments.Neutral} size={Sizes.Small}>\r\n Label 2\r\n </Tag>\r\n </StyledTag>\r\n );\r\n }\r\n\r\n if (index === 2) {\r\n return (\r\n <StyledTag>\r\n <Tag sentiment={FabricsVariables.Sentiments.Neutral} size={Sizes.Small}>\r\n Label 3\r\n </Tag>\r\n </StyledTag>\r\n );\r\n }\r\n\r\n return (\r\n <StyledTag>\r\n <div>{product}</div>\r\n </StyledTag>\r\n );\r\n};\r\n\r\nexport const renderFilterItems = ({\r\n filters,\r\n prefixCls,\r\n filteredKeys,\r\n filterMultiple,\r\n}: {\r\n filters: ColumnFilterItem[];\r\n prefixCls: string;\r\n filteredKeys: Key[];\r\n filterMultiple: boolean;\r\n}): ReactElement \| ReactElement[] => {\r\n if (filters.length === 0) {\r\n return (\r\n <MenuItem key=\"empty\">\r\n <div style={{ margin: '16px 0' }}>Empty filter</div>\r\n </MenuItem>\r\n );\r\n }\r\n\r\n return filters.map((filter, index) => {\r\n const key = String(filter.value);\r\n\r\n if (filter.children) {\r\n return (\r\n <SubMenu key={key \|\| index} title={filter.text} popupClassName={`${prefixCls}-dropdown-submenu`}>\r\n {renderFilterItems({\r\n filters: filter.children,\r\n prefixCls,\r\n filteredKeys,\r\n filterMultiple,\r\n })}\r\n </SubMenu>\r\n );\r\n }\r\n\r\n const Component = filterMultiple\r\n ? () => (\r\n <Checkbox\r\n defaultChecked={filteredKeys.includes(key)}\r\n label={filter.value.toString()}\r\n checked={filteredKeys.includes(key)}\r\n />\r\n )\r\n : () => <RadioButton checked={filteredKeys.includes(key)} label={filter.value.toString()} />;\r\n\r\n return (\r\n <MenuItem key={key}>\r\n <Component />\r\n </MenuItem>\r\n );\r\n });\r\n};\r\n\r\nconst StyledFooter = styled.div`\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 8px;\r\n`;\r\n\r\nexport const renderFilterMenu = () => (\r\n <div>\r\n <Menu>\r\n <MenuItem>Custom filter item 1</MenuItem>\r\n <MenuItem>Custom filter item 2</MenuItem>\r\n </Menu>\r\n <StyledFooter>\r\n <StyledButton variant={Variants.Outlined} size={Sizes.XSmall}>\r\n Reset\r\n </StyledButton>\r\n <Button size={Sizes.XSmall}>Confirm</Button>\r\n </StyledFooter>\r\n </div>\r\n);\r\n"],"names":["styled","Button","renderFilterItems","filters","prefixCls","filteredKeys","filterMultiple","jsx","MenuItem","filter","index","key","SubMenu","Checkbox","RadioButton"],"mappings":";;;;;;;;AAsBkBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaJA,EAAOC,CAAM;AAAA;AAAA;AAgG3B,MAAMC,IAAoB,CAAC;AAAA,EAChC,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,MAMMH,EAAQ,WAAW,IAEnB,gBAAAI,EAACC,GAAA,EACC,UAAA,gBAAAD,EAAC,OAAA,EAAI,OAAO,EAAE,QAAQ,SAAA,GAAY,UAAA,eAAA,CAAY,EAAA,GADlC,OAEd,IAIGJ,EAAQ,IAAI,CAACM,GAAQC,MAAU;AACpC,QAAMC,IAAM,OAAOF,EAAO,KAAK;AAE/B,SAAIA,EAAO,WAEP,gBAAAF,EAACK,KAA2B,OAAOH,EAAO,MAAM,gBAAgB,GAAGL,CAAS,qBACzE,UAAAF,EAAkB;AAAA,IACjB,SAASO,EAAO;AAAA,IAChB,WAAAL;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,EAAA,GANWK,KAAOD,CAOrB,IAeF,gBAAAH,EAACC,GAAA,EACC,UAAA,gBAAAD,EAZcD,IACd,MACE,gBAAAC;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,gBAAgBR,EAAa,SAASM,CAAG;AAAA,MACzC,OAAOF,EAAO,MAAM,SAAA;AAAA,MACpB,SAASJ,EAAa,SAASM,CAAG;AAAA,IAAA;AAAA,EAAA,IAGtC,MAAM,gBAAAJ,EAACO,GAAA,EAAY,SAAST,EAAa,SAASM,CAAG,GAAG,OAAOF,EAAO,MAAM,WAAS,CAAG,GAIvF,CAAA,CAAU,KADEE,CAEf;AAEJ,CAAC;AAGkBX,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/build/esm/components/DeprecatedTable/utils/sortingUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sortingUtils.js","sources":["../../../../../src/components/DeprecatedTable/utils/sortingUtils.ts"],"sourcesContent":["import type { DefaultRecordType } from 'rc-table/lib/interface';\nimport { Sorts } from 'acinguiux-ds-react-base/consts';\n\nimport type { ColumnType, CompareFn, SortState } from '../Table.types';\n\nconst getSortFunction = <T extends DefaultRecordType>(sorter: ColumnType<T>['sorter']): CompareFn<T> \| false => {\n if (typeof sorter === 'function') {\n return sorter;\n }\n\n if (sorter && typeof sorter === 'object' && sorter.compare) {\n return sorter.compare;\n }\n\n return false;\n};\n\nconst sortCallback =\n <T extends DefaultRecordType>(runningSorters: SortState<T>[]) =>\n (record1: T, record2: T) => {\n for (const sorterState of runningSorters) {\n const {\n column: { sorter },\n sortOrder,\n } = sorterState;\n\n const compareFn = getSortFunction(sorter);\n\n if (compareFn && sortOrder) {\n const compareResult = compareFn(record1, record2, sortOrder);\n\n if (compareResult !== 0) {\n return sortOrder === Sorts.Asc ? compareResult : -compareResult;\n }\n }\n }\n\n return 0;\n };\n\n/*\n getSortData for DeprecatedTable\n \n @deprecated use `BaseTable` component instead\n */\nconst getSortData = <T extends DefaultRecordType>(data: readonly T[], sortStates: SortState<T>[]): T[] => {\n const innerSorterStates = sortStates\n .slice()\n .sort(\n (sortState1, sortState2) => (sortState2.multiplePriority as number) - (sortState1.multiplePriority as number),\n );\n\n const cloneData = data.slice();\n\n const runningSorters = innerSorterStates.filter(\n ({ column: { sorter }, sortOrder }) => getSortFunction(sorter) && sortOrder,\n );\n\n if (!runningSorters.length) {\n return cloneData;\n }\n\n return cloneData.sort(sortCallback(runningSorters));\n};\n\nexport { getSortData };\n"],"names":["getSortFunction","sorter","sortCallback","runningSorters","record1","record2","sorterState","sortOrder","compareFn","compareResult","Sorts","getSortData","data","sortStates","innerSorterStates","sortState1","sortState2","cloneData"],"mappings":";AAKA,MAAMA,IAAkB,CAA8BC,MAChD,OAAOA,KAAW,aACbA,IAGLA,KAAU,OAAOA,KAAW,YAAYA,EAAO,UAC1CA,EAAO,UAGT,IAGHC,IACJ,CAA8BC,MAC9B,CAACC,GAAYC,MAAe;AAC1B,aAAWC,KAAeH,GAAgB;AACxC,UAAM;AAAA,MACJ,QAAQ,EAAE,QAAAF,EAAA;AAAA,MACV,WAAAM;AAAA,IAAA,IACED,GAEEE,IAAYR,EAAgBC,CAAM;AAExC,QAAIO,KAAaD,GAAW;AAC1B,YAAME,IAAgBD,EAAUJ,GAASC,GAASE,CAAS;AAE3D,UAAIE,MAAkB;AACpB,eAAOF,MAAcG,EAAM,MAAMD,IAAgB,CAACA;AAAA,IAEtD;AAAA,EACF;AAEA,SAAO;AACT,GAOIE,IAAc,CAA8BC,GAAoBC,MAAoC;AACxG,QAAMC,IAAoBD,EACvB,MAAA,EACA;AAAA,IACC,CAACE,GAAYC,MAAgBA,EAAW,mBAA+BD,EAAW;AAAA,EAAA,GAGhFE,IAAYL,EAAK,MAAA,GAEjBT,IAAiBW,EAAkB;AAAA,IACvC,CAAC,EAAE,QAAQ,EAAE,QAAAb,EAAA,GAAU,WAAAM,QAAgBP,EAAgBC,CAAM,KAAKM;AAAA,EAAA;AAGpE,SAAKJ,EAAe,SAIbc,EAAU,KAAKf,EAAaC,CAAc,CAAC,IAHzCc;AAIX;"}
1	+ {"version":3,"file":"sortingUtils.js","sources":["../../../../../src/components/DeprecatedTable/utils/sortingUtils.ts"],"sourcesContent":["import type { DefaultRecordType } from 'rc-table/lib/interface';\r\nimport { Sorts } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type { ColumnType, CompareFn, SortState } from '../Table.types';\r\n\r\nconst getSortFunction = <T extends DefaultRecordType>(sorter: ColumnType<T>['sorter']): CompareFn<T> \| false => {\r\n if (typeof sorter === 'function') {\r\n return sorter;\r\n }\r\n\r\n if (sorter && typeof sorter === 'object' && sorter.compare) {\r\n return sorter.compare;\r\n }\r\n\r\n return false;\r\n};\r\n\r\nconst sortCallback =\r\n <T extends DefaultRecordType>(runningSorters: SortState<T>[]) =>\r\n (record1: T, record2: T) => {\r\n for (const sorterState of runningSorters) {\r\n const {\r\n column: { sorter },\r\n sortOrder,\r\n } = sorterState;\r\n\r\n const compareFn = getSortFunction(sorter);\r\n\r\n if (compareFn && sortOrder) {\r\n const compareResult = compareFn(record1, record2, sortOrder);\r\n\r\n if (compareResult !== 0) {\r\n return sortOrder === Sorts.Asc ? compareResult : -compareResult;\r\n }\r\n }\r\n }\r\n\r\n return 0;\r\n };\r\n\r\n/*\r\n getSortData for DeprecatedTable\r\n \r\n @deprecated use `BaseTable` component instead\r\n */\r\nconst getSortData = <T extends DefaultRecordType>(data: readonly T[], sortStates: SortState<T>[]): T[] => {\r\n const innerSorterStates = sortStates\r\n .slice()\r\n .sort(\r\n (sortState1, sortState2) => (sortState2.multiplePriority as number) - (sortState1.multiplePriority as number),\r\n );\r\n\r\n const cloneData = data.slice();\r\n\r\n const runningSorters = innerSorterStates.filter(\r\n ({ column: { sorter }, sortOrder }) => getSortFunction(sorter) && sortOrder,\r\n );\r\n\r\n if (!runningSorters.length) {\r\n return cloneData;\r\n }\r\n\r\n return cloneData.sort(sortCallback(runningSorters));\r\n};\r\n\r\nexport { getSortData };\r\n"],"names":["getSortFunction","sorter","sortCallback","runningSorters","record1","record2","sorterState","sortOrder","compareFn","compareResult","Sorts","getSortData","data","sortStates","innerSorterStates","sortState1","sortState2","cloneData"],"mappings":";AAKA,MAAMA,IAAkB,CAA8BC,MAChD,OAAOA,KAAW,aACbA,IAGLA,KAAU,OAAOA,KAAW,YAAYA,EAAO,UAC1CA,EAAO,UAGT,IAGHC,IACJ,CAA8BC,MAC9B,CAACC,GAAYC,MAAe;AAC1B,aAAWC,KAAeH,GAAgB;AACxC,UAAM;AAAA,MACJ,QAAQ,EAAE,QAAAF,EAAA;AAAA,MACV,WAAAM;AAAA,IAAA,IACED,GAEEE,IAAYR,EAAgBC,CAAM;AAExC,QAAIO,KAAaD,GAAW;AAC1B,YAAME,IAAgBD,EAAUJ,GAASC,GAASE,CAAS;AAE3D,UAAIE,MAAkB;AACpB,eAAOF,MAAcG,EAAM,MAAMD,IAAgB,CAACA;AAAA,IAEtD;AAAA,EACF;AAEA,SAAO;AACT,GAOIE,IAAc,CAA8BC,GAAoBC,MAAoC;AACxG,QAAMC,IAAoBD,EACvB,MAAA,EACA;AAAA,IACC,CAACE,GAAYC,MAAgBA,EAAW,mBAA+BD,EAAW;AAAA,EAAA,GAGhFE,IAAYL,EAAK,MAAA,GAEjBT,IAAiBW,EAAkB;AAAA,IACvC,CAAC,EAAE,QAAQ,EAAE,QAAAb,EAAA,GAAU,WAAAM,QAAgBP,EAAgBC,CAAM,KAAKM;AAAA,EAAA;AAGpE,SAAKJ,EAAe,SAIbc,EAAU,KAAKf,EAAaC,CAAc,CAAC,IAHzCc;AAIX;"}