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/Table/components/TableElements/TableElements.js.map CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TableWrapper.js","sources":["../../../../../../src/components/Table/components/TableElements/TableWrapper.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef, type RefObject } from 'react';\n\nimport { styled, css } from 'styled-components';\nimport type { TransientAll } from 'acinguiux-ds-react-base/types';\nimport { Variables } from 'acinguiux-ds-react-base/theme/types/layer';\n\nimport type { ITableWrapperProps } from './TableElements.types';\n\nconst StyledTableWrapper = styled.div<TransientAll<ITableWrapperProps>>`\n ${({ $maxWidth, $maxHeight, $stickyRows, $virtualized, theme }) => css`\n display: flex;\n flex-direction: column;\n position: relative;\n width: 100%;\n max-width: 100%;\n overflow: auto;\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n\n ${$maxWidth &&\n css`\n max-width: ${$maxWidth}px;\n overflow-x: auto;\n `}\n\n ${$maxHeight &&\n css`\n max-height: ${$maxHeight}px;\n overflow-y: auto;\n `}\n\n ${$stickyRows &&\n css`\n overflow-y: auto;\n `}\n\n ${$virtualized &&\n css`\n overflow: auto;\n `}\n `}\n`;\n\nexport const TableWrapper = forwardRef(\n (\n {\n children,\n maxHeight,\n maxWidth,\n stickyRows,\n virtualized,\n ...rest\n }: ITableWrapperProps & ComponentPropsWithoutRef<'div'>,\n ref: ((instance: HTMLDivElement \| null) => void) \| RefObject<HTMLDivElement> \| null \| undefined,\n ) => (\n <StyledTableWrapper\n ref={ref}\n $maxHeight={maxHeight}\n $maxWidth={maxWidth}\n $stickyRows={stickyRows}\n $virtualized={virtualized}\n {...rest}\n >\n {children}\n </StyledTableWrapper>\n ),\n);\n"],"names":["StyledTableWrapper","styled","$maxWidth","$maxHeight","$stickyRows","$virtualized","theme","css","Variables","TableWrapper","forwardRef","children","maxHeight","maxWidth","stickyRows","virtualized","rest","ref","jsx"],"mappings":";;;;AAQA,MAAMA,IAAqBC,EAAO;AAAA,IAC9B,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,aAAAC,GAAa,cAAAC,GAAc,OAAAC,QAAYC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAO7CD,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEE,EAAU,oBAAoB,CAAC;AAAA;AAAA,MAExFN,KACFK;AAAA,mBACeL,CAAS;AAAA;AAAA,KAEvB;AAAA;AAAA,MAECC,KACFI;AAAA,oBACgBJ,CAAU;AAAA;AAAA,KAEzB;AAAA;AAAA,MAECC,KACFG;AAAA;AAAA,KAEC;AAAA;AAAA,MAECF,KACFE;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,GAGUE,IAAeC;AAAA,EAC1B,CACE;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAAClB;AAAA,IAAA;AAAA,MACC,KAAAiB;AAAA,MACA,YAAYL;AAAA,MACZ,WAAWC;AAAA,MACX,aAAaC;AAAA,MACb,cAAcC;AAAA,MACb,GAAGC;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;"}
1	+ {"version":3,"file":"TableWrapper.js","sources":["../../../../../../src/components/Table/components/TableElements/TableWrapper.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef, type RefObject } from 'react';\r\n\r\nimport { styled, css } from 'styled-components';\r\nimport type { TransientAll } from 'acinguiux-ds-react-base/types';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme/types/layer';\r\n\r\nimport type { ITableWrapperProps } from './TableElements.types';\r\n\r\nconst StyledTableWrapper = styled.div<TransientAll<ITableWrapperProps>>`\r\n ${({ $maxWidth, $maxHeight, $stickyRows, $virtualized, theme }) => css`\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n width: 100%;\r\n max-width: 100%;\r\n overflow: auto;\r\n background-color: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\r\n\r\n ${$maxWidth &&\r\n css`\r\n max-width: ${$maxWidth}px;\r\n overflow-x: auto;\r\n `}\r\n\r\n ${$maxHeight &&\r\n css`\r\n max-height: ${$maxHeight}px;\r\n overflow-y: auto;\r\n `}\r\n\r\n ${$stickyRows &&\r\n css`\r\n overflow-y: auto;\r\n `}\r\n\r\n ${$virtualized &&\r\n css`\r\n overflow: auto;\r\n `}\r\n `}\r\n`;\r\n\r\nexport const TableWrapper = forwardRef(\r\n (\r\n {\r\n children,\r\n maxHeight,\r\n maxWidth,\r\n stickyRows,\r\n virtualized,\r\n ...rest\r\n }: ITableWrapperProps & ComponentPropsWithoutRef<'div'>,\r\n ref: ((instance: HTMLDivElement \| null) => void) \| RefObject<HTMLDivElement> \| null \| undefined,\r\n ) => (\r\n <StyledTableWrapper\r\n ref={ref}\r\n $maxHeight={maxHeight}\r\n $maxWidth={maxWidth}\r\n $stickyRows={stickyRows}\r\n $virtualized={virtualized}\r\n {...rest}\r\n >\r\n {children}\r\n </StyledTableWrapper>\r\n ),\r\n);\r\n"],"names":["StyledTableWrapper","styled","$maxWidth","$maxHeight","$stickyRows","$virtualized","theme","css","Variables","TableWrapper","forwardRef","children","maxHeight","maxWidth","stickyRows","virtualized","rest","ref","jsx"],"mappings":";;;;AAQA,MAAMA,IAAqBC,EAAO;AAAA,IAC9B,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,aAAAC,GAAa,cAAAC,GAAc,OAAAC,QAAYC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAO7CD,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEE,EAAU,oBAAoB,CAAC;AAAA;AAAA,MAExFN,KACFK;AAAA,mBACeL,CAAS;AAAA;AAAA,KAEvB;AAAA;AAAA,MAECC,KACFI;AAAA,oBACgBJ,CAAU;AAAA;AAAA,KAEzB;AAAA;AAAA,MAECC,KACFG;AAAA;AAAA,KAEC;AAAA;AAAA,MAECF,KACFE;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,GAGUE,IAAeC;AAAA,EAC1B,CACE;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAAClB;AAAA,IAAA;AAAA,MACC,KAAAiB;AAAA,MACA,YAAYL;AAAA,MACZ,WAAWC;AAAA,MACX,aAAaC;AAAA,MACb,cAAcC;AAAA,MACb,GAAGC;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"drag.js","sources":["../../../../../src/components/Table/consts/drag.ts"],"sourcesContent":["import type { RowData } from '@tanstack/react-table';\nimport { NOOP_COMPONENT } from 'acinguiux-ds-react-base/consts';\n\nimport type { DragAndDropHookResult } from '../components/BaseTable/BaseTable.types';\n\nexport const NO_DRAG = <TData extends RowData, TValue = unknown>(): DragAndDropHookResult<TData, TValue> => ({\n draggable: false,\n Components: {\n Provider: NOOP_COMPONENT,\n },\n});\n"],"names":["NO_DRAG","NOOP_COMPONENT"],"mappings":";AAKO,MAAMA,IAAU,OAAsF;AAAA,EAC3G,WAAW;AAAA,EACX,YAAY;AAAA,IACV,UAAUC;AAAA,EAAA;AAEd;"}
1	+ {"version":3,"file":"drag.js","sources":["../../../../../src/components/Table/consts/drag.ts"],"sourcesContent":["import type { RowData } from '@tanstack/react-table';\r\nimport { NOOP_COMPONENT } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type { DragAndDropHookResult } from '../components/BaseTable/BaseTable.types';\r\n\r\nexport const NO_DRAG = <TData extends RowData, TValue = unknown>(): DragAndDropHookResult<TData, TValue> => ({\r\n draggable: false,\r\n Components: {\r\n Provider: NOOP_COMPONENT,\r\n },\r\n});\r\n"],"names":["NO_DRAG","NOOP_COMPONENT"],"mappings":";AAKO,MAAMA,IAAU,OAAsF;AAAA,EAC3G,WAAW;AAAA,EACX,YAAY;AAAA,IACV,UAAUC;AAAA,EAAA;AAEd;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"sized.js","sources":["../../../../../src/components/Table/features/sized.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type, @typescript-eslint/no-unused-vars */\n// TypeScript setup for our new feature with all of the same type-safety as stock TanStack Table features\n// Expanded from the original code from https://tanstack.com/table/latest/docs/framework/react/examples/custom-features\n\nimport { TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport {\n functionalUpdate,\n makeStateUpdater,\n OnChangeFn,\n RowData,\n Table,\n TableFeature,\n Updater,\n} from '@tanstack/react-table';\n\n// define types for our new feature's custom state\nexport interface SizedTableState {\n size: TableTypes.Size;\n}\n\n// define types for our new feature's table options\nexport interface SizeOptions {\n onSizeChange?: OnChangeFn<TableTypes.Size>;\n}\n\n// Define types for our new feature's table APIs\nexport interface SizeInstance {\n setSize: (updater: Updater<TableTypes.Size>) => void;\n}\n\n// Use declaration merging to add our new feature APIs and state types to TanStack Table's existing types.\ndeclare module '@tanstack/react-table' {\n //merge our new feature's state with the existing table state\n interface TableState extends SizedTableState {}\n //merge our new feature's options with the existing table options\n interface TableOptionsResolved<TData extends RowData> extends SizeOptions {}\n //merge our new feature's instance APIs with the existing table instance APIs\n interface Table<TData extends RowData> extends SizeInstance {}\n}\n\n// end of TS setup!\n\n// Here is all of the actual javascript code for our new feature\nexport const SizedFeature: TableFeature<{}> = {\n // define the new feature's initial state\n getInitialState: (state): SizedTableState => {\n return {\n size: 'medium',\n ...state,\n };\n },\n\n // define the new feature's default options\n getDefaultOptions: <TData extends RowData>(table: Table<TData>): SizeOptions => {\n return {\n onSizeChange: makeStateUpdater('size', table),\n };\n },\n\n createTable: <TData extends RowData>(table: Table<TData>): void => {\n table.setSize = (updater) => {\n const safeUpdater: Updater<TableTypes.Size> = (old) => functionalUpdate(updater, old);\n\n return table.options.onSizeChange?.(safeUpdater);\n };\n },\n};\n"],"names":["SizedFeature","state","table","makeStateUpdater","updater","safeUpdater","old","functionalUpdate"],"mappings":";AA2CO,MAAMA,IAAiC;AAAA;AAAA,EAE5C,iBAAiB,CAACC,OACT;AAAA,IACL,MAAM;AAAA,IACN,GAAGA;AAAA,EAAA;AAAA;AAAA,EAKP,mBAAmB,CAAwBC,OAClC;AAAA,IACL,cAAcC,EAAiB,QAAQD,CAAK;AAAA,EAAA;AAAA,EAIhD,aAAa,CAAwBA,MAA8B;AACjE,IAAAA,EAAM,UAAU,CAACE,MAAY;AAC3B,YAAMC,IAAwC,CAACC,MAAQC,EAAiBH,GAASE,CAAG;AAEpF,aAAOJ,EAAM,QAAQ,eAAeG,CAAW;AAAA,IACjD;AAAA,EACF;AACF;"}
1	+ {"version":3,"file":"sized.js","sources":["../../../../../src/components/Table/features/sized.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type, @typescript-eslint/no-unused-vars */\r\n// TypeScript setup for our new feature with all of the same type-safety as stock TanStack Table features\r\n// Expanded from the original code from https://tanstack.com/table/latest/docs/framework/react/examples/custom-features\r\n\r\nimport { TableTypes } from 'acinguiux-ds-react-base/components/Table';\r\nimport {\r\n functionalUpdate,\r\n makeStateUpdater,\r\n OnChangeFn,\r\n RowData,\r\n Table,\r\n TableFeature,\r\n Updater,\r\n} from '@tanstack/react-table';\r\n\r\n// define types for our new feature's custom state\r\nexport interface SizedTableState {\r\n size: TableTypes.Size;\r\n}\r\n\r\n// define types for our new feature's table options\r\nexport interface SizeOptions {\r\n onSizeChange?: OnChangeFn<TableTypes.Size>;\r\n}\r\n\r\n// Define types for our new feature's table APIs\r\nexport interface SizeInstance {\r\n setSize: (updater: Updater<TableTypes.Size>) => void;\r\n}\r\n\r\n// Use declaration merging to add our new feature APIs and state types to TanStack Table's existing types.\r\ndeclare module '@tanstack/react-table' {\r\n //merge our new feature's state with the existing table state\r\n interface TableState extends SizedTableState {}\r\n //merge our new feature's options with the existing table options\r\n interface TableOptionsResolved<TData extends RowData> extends SizeOptions {}\r\n //merge our new feature's instance APIs with the existing table instance APIs\r\n interface Table<TData extends RowData> extends SizeInstance {}\r\n}\r\n\r\n// end of TS setup!\r\n\r\n// Here is all of the actual javascript code for our new feature\r\nexport const SizedFeature: TableFeature<{}> = {\r\n // define the new feature's initial state\r\n getInitialState: (state): SizedTableState => {\r\n return {\r\n size: 'medium',\r\n ...state,\r\n };\r\n },\r\n\r\n // define the new feature's default options\r\n getDefaultOptions: <TData extends RowData>(table: Table<TData>): SizeOptions => {\r\n return {\r\n onSizeChange: makeStateUpdater('size', table),\r\n };\r\n },\r\n\r\n createTable: <TData extends RowData>(table: Table<TData>): void => {\r\n table.setSize = (updater) => {\r\n const safeUpdater: Updater<TableTypes.Size> = (old) => functionalUpdate(updater, old);\r\n\r\n return table.options.onSizeChange?.(safeUpdater);\r\n };\r\n },\r\n};\r\n"],"names":["SizedFeature","state","table","makeStateUpdater","updater","safeUpdater","old","functionalUpdate"],"mappings":";AA2CO,MAAMA,IAAiC;AAAA;AAAA,EAE5C,iBAAiB,CAACC,OACT;AAAA,IACL,MAAM;AAAA,IACN,GAAGA;AAAA,EAAA;AAAA;AAAA,EAKP,mBAAmB,CAAwBC,OAClC;AAAA,IACL,cAAcC,EAAiB,QAAQD,CAAK;AAAA,EAAA;AAAA,EAIhD,aAAa,CAAwBA,MAA8B;AACjE,IAAAA,EAAM,UAAU,CAACE,MAAY;AAC3B,YAAMC,IAAwC,CAACC,MAAQC,EAAiBH,GAASE,CAAG;AAEpF,aAAOJ,EAAM,QAAQ,eAAeG,CAAW;AAAA,IACjD;AAAA,EACF;AACF;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useTable.js","sources":["../../../../../src/components/Table/hooks/useTable.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { ITableProps } from '../Table.types';\n\nexport const TableContext = createContext<ITableProps \| null>(null);\n\nexport const useTable = () => {\n const tabData = useContext(TableContext);\n\n if (tabData === null) {\n throw Error('A table must have a Table parent');\n }\n\n return tabData;\n};\n"],"names":["TableContext","createContext","useTable","tabData","useContext"],"mappings":";AAIO,MAAMA,IAAeC,EAAkC,IAAI,GAErDC,IAAW,MAAM;AAC5B,QAAMC,IAAUC,EAAWJ,CAAY;AAEvC,MAAIG,MAAY;AACd,UAAM,MAAM,kCAAkC;AAGhD,SAAOA;AACT;"}
1	+ {"version":3,"file":"useTable.js","sources":["../../../../../src/components/Table/hooks/useTable.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\r\n\r\nimport type { ITableProps } from '../Table.types';\r\n\r\nexport const TableContext = createContext<ITableProps \| null>(null);\r\n\r\nexport const useTable = () => {\r\n const tabData = useContext(TableContext);\r\n\r\n if (tabData === null) {\r\n throw Error('A table must have a Table parent');\r\n }\r\n\r\n return tabData;\r\n};\r\n"],"names":["TableContext","createContext","useTable","tabData","useContext"],"mappings":";AAIO,MAAMA,IAAeC,EAAkC,IAAI,GAErDC,IAAW,MAAM;AAC5B,QAAMC,IAAUC,EAAWJ,CAAY;AAEvC,MAAIG,MAAY;AACd,UAAM,MAAM,kCAAkC;AAGhD,SAAOA;AACT;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useVirtualized.js","sources":["../../../../../src/components/Table/hooks/useVirtualized.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport type { Table } from '@tanstack/react-table';\nimport { TableConsts } from 'acinguiux-ds-react-base/components/Table';\n\nexport const EmptyRow = ({ padding }: { padding: number }) =>\n padding > 0 && (\n <tr>\n <td style={{ height: `${padding}px` }} aria-label=\"hidden row\" aria-hidden={true} />\n </tr>\n );\n\nconst DEFAULT_ROW_HEIGHT = 30;\n\nexport const useVirtualized = <T,>(table: Table<T>) => {\n const tableContainerRef = useRef<HTMLDivElement>(null);\n const { rows } = table.getRowModel();\n const rowVirtualizer = useVirtualizer({\n count: rows.length,\n getScrollElement: () => tableContainerRef.current,\n estimateSize: () =>\n table.getState().size ? TableConsts.consts[table.getState().size].cell.height : DEFAULT_ROW_HEIGHT,\n overscan: 10,\n });\n\n const { getVirtualItems, getTotalSize } = rowVirtualizer;\n const virtualRows = getVirtualItems();\n const totalSize = getTotalSize();\n\n const paddingTop = virtualRows.length > 0 ? virtualRows?.[0]?.start \|\| 0 : 0;\n const paddingBottom = virtualRows.length > 0 ? totalSize - (virtualRows?.[virtualRows.length - 1]?.end \|\| 0) : 0;\n\n return {\n virtualRows,\n rows,\n tableContainerRef,\n paddingTop,\n paddingBottom,\n EmptyRow,\n };\n};\n"],"names":["EmptyRow","padding","jsx","DEFAULT_ROW_HEIGHT","useVirtualized","table","tableContainerRef","useRef","rows","rowVirtualizer","useVirtualizer","TableConsts.consts","getVirtualItems","getTotalSize","virtualRows","totalSize","paddingTop","paddingBottom"],"mappings":";;;;AAMO,MAAMA,IAAW,CAAC,EAAE,SAAAC,EAAA,MACzBA,IAAU,KACR,gBAAAC,EAAC,MAAA,EACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,OAAO,EAAE,QAAQ,GAAGD,CAAO,QAAQ,cAAW,cAAa,eAAa,GAAA,CAAM,EAAA,CACpF,GAGEE,IAAqB,IAEdC,IAAiB,CAAKC,MAAoB;AACrD,QAAMC,IAAoBC,EAAuB,IAAI,GAC/C,EAAE,MAAAC,EAAA,IAASH,EAAM,YAAA,GACjBI,IAAiBC,EAAe;AAAA,IACpC,OAAOF,EAAK;AAAA,IACZ,kBAAkB,MAAMF,EAAkB;AAAA,IAC1C,cAAc,MACZD,EAAM,SAAA,EAAW,OAAOM,EAAmBN,EAAM,SAAA,EAAW,IAAI,EAAE,KAAK,SAASF;AAAA,IAClF,UAAU;AAAA,EAAA,CACX,GAEK,EAAE,iBAAAS,GAAiB,cAAAC,EAAA,IAAiBJ,GACpCK,IAAcF,EAAA,GACdG,IAAYF,EAAA,GAEZG,IAAaF,EAAY,SAAS,KAAIA,IAAc,CAAC,GAAG,SAAS,GACjEG,IAAgBH,EAAY,SAAS,IAAIC,KAAaD,IAAcA,EAAY,SAAS,CAAC,GAAG,OAAO,KAAK;AAE/G,SAAO;AAAA,IACL,aAAAA;AAAA,IACA,MAAAN;AAAA,IACA,mBAAAF;AAAA,IACA,YAAAU;AAAA,IACA,eAAAC;AAAA,IACA,UAAAjB;AAAA,EAAA;AAEJ;"}
1	+ {"version":3,"file":"useVirtualized.js","sources":["../../../../../src/components/Table/hooks/useVirtualized.tsx"],"sourcesContent":["import { useRef } from 'react';\r\n\r\nimport { useVirtualizer } from '@tanstack/react-virtual';\r\nimport type { Table } from '@tanstack/react-table';\r\nimport { TableConsts } from 'acinguiux-ds-react-base/components/Table';\r\n\r\nexport const EmptyRow = ({ padding }: { padding: number }) =>\r\n padding > 0 && (\r\n <tr>\r\n <td style={{ height: `${padding}px` }} aria-label=\"hidden row\" aria-hidden={true} />\r\n </tr>\r\n );\r\n\r\nconst DEFAULT_ROW_HEIGHT = 30;\r\n\r\nexport const useVirtualized = <T,>(table: Table<T>) => {\r\n const tableContainerRef = useRef<HTMLDivElement>(null);\r\n const { rows } = table.getRowModel();\r\n const rowVirtualizer = useVirtualizer({\r\n count: rows.length,\r\n getScrollElement: () => tableContainerRef.current,\r\n estimateSize: () =>\r\n table.getState().size ? TableConsts.consts[table.getState().size].cell.height : DEFAULT_ROW_HEIGHT,\r\n overscan: 10,\r\n });\r\n\r\n const { getVirtualItems, getTotalSize } = rowVirtualizer;\r\n const virtualRows = getVirtualItems();\r\n const totalSize = getTotalSize();\r\n\r\n const paddingTop = virtualRows.length > 0 ? virtualRows?.[0]?.start \|\| 0 : 0;\r\n const paddingBottom = virtualRows.length > 0 ? totalSize - (virtualRows?.[virtualRows.length - 1]?.end \|\| 0) : 0;\r\n\r\n return {\r\n virtualRows,\r\n rows,\r\n tableContainerRef,\r\n paddingTop,\r\n paddingBottom,\r\n EmptyRow,\r\n };\r\n};\r\n"],"names":["EmptyRow","padding","jsx","DEFAULT_ROW_HEIGHT","useVirtualized","table","tableContainerRef","useRef","rows","rowVirtualizer","useVirtualizer","TableConsts.consts","getVirtualItems","getTotalSize","virtualRows","totalSize","paddingTop","paddingBottom"],"mappings":";;;;AAMO,MAAMA,IAAW,CAAC,EAAE,SAAAC,EAAA,MACzBA,IAAU,KACR,gBAAAC,EAAC,MAAA,EACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,OAAO,EAAE,QAAQ,GAAGD,CAAO,QAAQ,cAAW,cAAa,eAAa,GAAA,CAAM,EAAA,CACpF,GAGEE,IAAqB,IAEdC,IAAiB,CAAKC,MAAoB;AACrD,QAAMC,IAAoBC,EAAuB,IAAI,GAC/C,EAAE,MAAAC,EAAA,IAASH,EAAM,YAAA,GACjBI,IAAiBC,EAAe;AAAA,IACpC,OAAOF,EAAK;AAAA,IACZ,kBAAkB,MAAMF,EAAkB;AAAA,IAC1C,cAAc,MACZD,EAAM,SAAA,EAAW,OAAOM,EAAmBN,EAAM,SAAA,EAAW,IAAI,EAAE,KAAK,SAASF;AAAA,IAClF,UAAU;AAAA,EAAA,CACX,GAEK,EAAE,iBAAAS,GAAiB,cAAAC,EAAA,IAAiBJ,GACpCK,IAAcF,EAAA,GACdG,IAAYF,EAAA,GAEZG,IAAaF,EAAY,SAAS,KAAIA,IAAc,CAAC,GAAG,SAAS,GACjEG,IAAgBH,EAAY,SAAS,IAAIC,KAAaD,IAAcA,EAAY,SAAS,CAAC,GAAG,OAAO,KAAK;AAE/G,SAAO;AAAA,IACL,aAAAA;AAAA,IACA,MAAAN;AAAA,IACA,mBAAAF;AAAA,IACA,YAAAU;AAAA,IACA,eAAAC;AAAA,IACA,UAAAjB;AAAA,EAAA;AAEJ;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"baseTableUtils.js","sources":["../../../../../src/components/Table/utils/baseTableUtils.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport type { Table, Header, Cell, Column, RowData } from '@tanstack/react-table';\n\nimport type { BaseTableOptions } from '../components/BaseTable/BaseTable.types';\nimport { type ITableHeaderProps, type ITableCellProps } from '../components/TableElements/TableElements.types';\n\nexport const hasHeader = <TData extends RowData>(table: Table<TData>, options?: BaseTableOptions<TData>): boolean =>\n table\n .getHeaderGroups()\n .map((headerGroup) => headerGroup.headers.filter((headerItem) => headerItem.column.columnDef.header))[0] &&\n !options?.noHeader;\n\nexport const hasFooter = <TData extends RowData>(table: Table<TData>, options?: BaseTableOptions<TData>): boolean =>\n table\n .getFooterGroups()\n .map((footerGroup) => footerGroup?.headers?.filter(({ column }) => column?.columnDef?.footer))[0]?.length > 0 &&\n !options?.noFooter;\n\nexport const cellPinningProps = <TData extends RowData, TValue = unknown>(\n column?: Column<TData, TValue>,\n): Pick<ITableCellProps, 'isPinned' \| 'width' \| 'pinAnchorOffset'> => {\n const isPinned = column?.getIsPinned();\n\n return {\n ...(column &&\n isPinned && {\n isPinned,\n width: `calc(var(--col-${column?.id}-size) * 1px)`,\n pinAnchorOffset: isPinned === 'left' ? column.getStart(isPinned) : column.getAfter(isPinned),\n }),\n };\n};\n\nconst cellHighlightProps = <TData extends RowData, TValue = unknown>(\n cell: Cell<TData, TValue>,\n highlight?: ITableHeaderProps<TData, TValue>['highlight'],\n): Pick<ITableCellProps, 'highlight'> => {\n const highlightValue = typeof highlight === 'function' ? highlight(cell.getContext()) : highlight;\n\n if (highlightValue) {\n return { highlight: highlightValue };\n }\n\n return {};\n};\n\nexport const headerCellProps = <TData extends RowData, TValue = unknown>(\n header: Header<TData, TValue>,\n): Pick<ITableCellProps, 'highlight' \| 'isPinned' \| 'pinAnchorOffset' \| 'alignment'> &\n ComponentPropsWithoutRef<'th'> => {\n const { column, colSpan } = header;\n const { alignment } = header.column.columnDef;\n\n return {\n alignment,\n colSpan,\n width: `calc(var(--header-${header.id}-size) * 1px)`,\n ...cellPinningProps(column),\n };\n};\n\nexport const bodyCellProps = <TData extends RowData, TValue = unknown>(\n cell: Cell<TData, TValue>,\n): Pick<ITableCellProps, 'highlight' \| 'isPinned' \| 'pinAnchorOffset' \| 'alignment'> => {\n const { column } = cell;\n const { highlight, alignment } = column.columnDef;\n\n return {\n alignment,\n width: `calc(var(--col-${column?.id}-size) * 1px)`,\n ...cellHighlightProps(cell, highlight),\n ...cellPinningProps(column),\n };\n};\n"],"names":["hasHeader","table","options","headerGroup","headerItem","hasFooter","footerGroup","column","cellPinningProps","isPinned","cellHighlightProps","cell","highlight","highlightValue","headerCellProps","header","colSpan","alignment","bodyCellProps"],"mappings":"AAOO,MAAMA,IAAY,CAAwBC,GAAqBC,MACpED,EACG,kBACA,IAAI,CAACE,MAAgBA,EAAY,QAAQ,OAAO,CAACC,MAAeA,EAAW,OAAO,UAAU,MAAM,CAAC,EAAE,CAAC,KACzG,CAACF,GAAS,UAECG,IAAY,CAAwBJ,GAAqBC,MACpED,EACG,kBACA,IAAI,CAACK,MAAgBA,GAAa,SAAS,OAAO,CAAC,EAAE,QAAAC,EAAA,MAAaA,GAAQ,WAAW,MAAM,CAAC,EAAE,CAAC,GAAG,SAAS,KAC9G,CAACL,GAAS,UAECM,IAAmB,CAC9BD,MACoE;AACpE,QAAME,IAAWF,GAAQ,YAAA;AAEzB,SAAO;AAAA,IACL,GAAIA,KACFE,KAAY;AAAA,MACV,UAAAA;AAAA,MACA,OAAO,kBAAkBF,GAAQ,EAAE;AAAA,MACnC,iBAAiBE,MAAa,SAASF,EAAO,SAASE,CAAQ,IAAIF,EAAO,SAASE,CAAQ;AAAA,IAAA;AAAA,EAC7F;AAEN,GAEMC,IAAqB,CACzBC,GACAC,MACuC;AACvC,QAAMC,IAAiB,OAAOD,KAAc,aAAaA,EAAUD,EAAK,WAAA,CAAY,IAAIC;AAExF,SAAIC,IACK,EAAE,WAAWA,EAAA,IAGf,CAAA;AACT,GAEaC,IAAkB,CAC7BC,MAEkC;AAClC,QAAM,EAAE,QAAAR,GAAQ,SAAAS,EAAA,IAAYD,GACtB,EAAE,WAAAE,EAAA,IAAcF,EAAO,OAAO;AAEpC,SAAO;AAAA,IACL,WAAAE;AAAA,IACA,SAAAD;AAAA,IACA,OAAO,qBAAqBD,EAAO,EAAE;AAAA,IACrC,GAAGP,EAAiBD,CAAM;AAAA,EAAA;AAE9B,GAEaW,IAAgB,CAC3BP,MACsF;AACtF,QAAM,EAAE,QAAAJ,MAAWI,GACb,EAAE,WAAAC,GAAW,WAAAK,EAAA,IAAcV,EAAO;AAExC,SAAO;AAAA,IACL,WAAAU;AAAA,IACA,OAAO,kBAAkBV,GAAQ,EAAE;AAAA,IACnC,GAAGG,EAAmBC,GAAMC,CAAS;AAAA,IACrC,GAAGJ,EAAiBD,CAAM;AAAA,EAAA;AAE9B;"}
1	+ {"version":3,"file":"baseTableUtils.js","sources":["../../../../../src/components/Table/utils/baseTableUtils.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\r\n\r\nimport type { Table, Header, Cell, Column, RowData } from '@tanstack/react-table';\r\n\r\nimport type { BaseTableOptions } from '../components/BaseTable/BaseTable.types';\r\nimport { type ITableHeaderProps, type ITableCellProps } from '../components/TableElements/TableElements.types';\r\n\r\nexport const hasHeader = <TData extends RowData>(table: Table<TData>, options?: BaseTableOptions<TData>): boolean =>\r\n table\r\n .getHeaderGroups()\r\n .map((headerGroup) => headerGroup.headers.filter((headerItem) => headerItem.column.columnDef.header))[0] &&\r\n !options?.noHeader;\r\n\r\nexport const hasFooter = <TData extends RowData>(table: Table<TData>, options?: BaseTableOptions<TData>): boolean =>\r\n table\r\n .getFooterGroups()\r\n .map((footerGroup) => footerGroup?.headers?.filter(({ column }) => column?.columnDef?.footer))[0]?.length > 0 &&\r\n !options?.noFooter;\r\n\r\nexport const cellPinningProps = <TData extends RowData, TValue = unknown>(\r\n column?: Column<TData, TValue>,\r\n): Pick<ITableCellProps, 'isPinned' \| 'width' \| 'pinAnchorOffset'> => {\r\n const isPinned = column?.getIsPinned();\r\n\r\n return {\r\n ...(column &&\r\n isPinned && {\r\n isPinned,\r\n width: `calc(var(--col-${column?.id}-size) * 1px)`,\r\n pinAnchorOffset: isPinned === 'left' ? column.getStart(isPinned) : column.getAfter(isPinned),\r\n }),\r\n };\r\n};\r\n\r\nconst cellHighlightProps = <TData extends RowData, TValue = unknown>(\r\n cell: Cell<TData, TValue>,\r\n highlight?: ITableHeaderProps<TData, TValue>['highlight'],\r\n): Pick<ITableCellProps, 'highlight'> => {\r\n const highlightValue = typeof highlight === 'function' ? highlight(cell.getContext()) : highlight;\r\n\r\n if (highlightValue) {\r\n return { highlight: highlightValue };\r\n }\r\n\r\n return {};\r\n};\r\n\r\nexport const headerCellProps = <TData extends RowData, TValue = unknown>(\r\n header: Header<TData, TValue>,\r\n): Pick<ITableCellProps, 'highlight' \| 'isPinned' \| 'pinAnchorOffset' \| 'alignment'> &\r\n ComponentPropsWithoutRef<'th'> => {\r\n const { column, colSpan } = header;\r\n const { alignment } = header.column.columnDef;\r\n\r\n return {\r\n alignment,\r\n colSpan,\r\n width: `calc(var(--header-${header.id}-size) * 1px)`,\r\n ...cellPinningProps(column),\r\n };\r\n};\r\n\r\nexport const bodyCellProps = <TData extends RowData, TValue = unknown>(\r\n cell: Cell<TData, TValue>,\r\n): Pick<ITableCellProps, 'highlight' \| 'isPinned' \| 'pinAnchorOffset' \| 'alignment'> => {\r\n const { column } = cell;\r\n const { highlight, alignment } = column.columnDef;\r\n\r\n return {\r\n alignment,\r\n width: `calc(var(--col-${column?.id}-size) * 1px)`,\r\n ...cellHighlightProps(cell, highlight),\r\n ...cellPinningProps(column),\r\n };\r\n};\r\n"],"names":["hasHeader","table","options","headerGroup","headerItem","hasFooter","footerGroup","column","cellPinningProps","isPinned","cellHighlightProps","cell","highlight","highlightValue","headerCellProps","header","colSpan","alignment","bodyCellProps"],"mappings":"AAOO,MAAMA,IAAY,CAAwBC,GAAqBC,MACpED,EACG,kBACA,IAAI,CAACE,MAAgBA,EAAY,QAAQ,OAAO,CAACC,MAAeA,EAAW,OAAO,UAAU,MAAM,CAAC,EAAE,CAAC,KACzG,CAACF,GAAS,UAECG,IAAY,CAAwBJ,GAAqBC,MACpED,EACG,kBACA,IAAI,CAACK,MAAgBA,GAAa,SAAS,OAAO,CAAC,EAAE,QAAAC,EAAA,MAAaA,GAAQ,WAAW,MAAM,CAAC,EAAE,CAAC,GAAG,SAAS,KAC9G,CAACL,GAAS,UAECM,IAAmB,CAC9BD,MACoE;AACpE,QAAME,IAAWF,GAAQ,YAAA;AAEzB,SAAO;AAAA,IACL,GAAIA,KACFE,KAAY;AAAA,MACV,UAAAA;AAAA,MACA,OAAO,kBAAkBF,GAAQ,EAAE;AAAA,MACnC,iBAAiBE,MAAa,SAASF,EAAO,SAASE,CAAQ,IAAIF,EAAO,SAASE,CAAQ;AAAA,IAAA;AAAA,EAC7F;AAEN,GAEMC,IAAqB,CACzBC,GACAC,MACuC;AACvC,QAAMC,IAAiB,OAAOD,KAAc,aAAaA,EAAUD,EAAK,WAAA,CAAY,IAAIC;AAExF,SAAIC,IACK,EAAE,WAAWA,EAAA,IAGf,CAAA;AACT,GAEaC,IAAkB,CAC7BC,MAEkC;AAClC,QAAM,EAAE,QAAAR,GAAQ,SAAAS,EAAA,IAAYD,GACtB,EAAE,WAAAE,EAAA,IAAcF,EAAO,OAAO;AAEpC,SAAO;AAAA,IACL,WAAAE;AAAA,IACA,SAAAD;AAAA,IACA,OAAO,qBAAqBD,EAAO,EAAE;AAAA,IACrC,GAAGP,EAAiBD,CAAM;AAAA,EAAA;AAE9B,GAEaW,IAAgB,CAC3BP,MACsF;AACtF,QAAM,EAAE,QAAAJ,MAAWI,GACb,EAAE,WAAAC,GAAW,WAAAK,EAAA,IAAcV,EAAO;AAExC,SAAO;AAAA,IACL,WAAAU;AAAA,IACA,OAAO,kBAAkBV,GAAQ,EAAE;AAAA,IACnC,GAAGG,EAAmBC,GAAMC,CAAS;AAAA,IACrC,GAAGJ,EAAiBD,CAAM;AAAA,EAAA;AAE9B;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"draggable.js","sources":["../../../../../src/components/Table/utils/draggable.tsx"],"sourcesContent":["import { type PropsWithChildren, useCallback, useMemo } from 'react';\n\nimport type { RowData, Table } from '@tanstack/react-table';\nimport {\n closestCenter,\n DndContext,\n KeyboardSensor,\n MouseSensor,\n TouchSensor,\n useSensor,\n useSensors,\n type DragEndEvent,\n} from '@dnd-kit/core';\nimport {\n arrayMove,\n horizontalListSortingStrategy,\n SortableContext,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\n\nimport type { DragAndDropHookResult } from '../components/BaseTable/BaseTable.types';\nimport { DraggableHeader } from '../components/Draggable/Header';\nimport { DraggableRow } from '../components/Draggable/Row';\n\nexport const withDragOptions = <TData extends RowData, TValue = unknown>(\n dragAndDrop: 'row' \| 'column' \| 'both',\n { onDataMove }: { onDataMove?: (data: TData[]) => void } = {},\n) => {\n return {\n useDraggable: (table: Table<TData>, data: TData[]): DragAndDropHookResult<TData, TValue> => {\n const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));\n const tableState = table.getState();\n const tableRowsById = table.getRowModel().rowsById;\n\n const tableDataIds = useMemo(() => Object.keys(tableRowsById), [tableRowsById]);\n const columnsOrder = useMemo(() => tableState.columnOrder, [tableState]);\n\n const handleDragEnd = useCallback(\n (event: DragEndEvent) => {\n const { active, over } = event;\n // must account for columns as well as rows\n if (active && over && active.id !== over.id && active.data.current?.kind === 'column') {\n const oldIndex = columnsOrder.indexOf(active.id as string);\n const newIndex = columnsOrder.indexOf(over.id as string);\n table.setColumnOrder(arrayMove(columnsOrder, oldIndex, newIndex));\n return;\n }\n if (active && over && active.id !== over.id && active.data.current?.kind === 'row') {\n const oldIndex = tableRowsById[`${active.id}`].index;\n const newIndex = tableRowsById[`${over.id}`].index;\n onDataMove?.(arrayMove(data, oldIndex, newIndex));\n }\n },\n [columnsOrder, table, tableRowsById, data],\n );\n\n return useMemo(\n (): DragAndDropHookResult<TData, TValue> => ({\n draggable: dragAndDrop,\n Components: {\n Provider: ({ children }: PropsWithChildren) => (\n <DndContext collisionDetection={closestCenter} onDragEnd={handleDragEnd} sensors={sensors}>\n {children}\n </DndContext>\n ),\n Row: DraggableRow,\n RowProvider: ({ children }: PropsWithChildren) => (\n <SortableContext items={tableDataIds} strategy={verticalListSortingStrategy}>\n {children}\n </SortableContext>\n ),\n Header: DraggableHeader,\n HeaderProvider: ({ children }: PropsWithChildren) => (\n <SortableContext id=\"columns\" items={columnsOrder} strategy={horizontalListSortingStrategy}>\n {children}\n </SortableContext>\n ),\n },\n }),\n [handleDragEnd, sensors, tableDataIds, columnsOrder],\n );\n },\n };\n};\n"],"names":["withDragOptions","dragAndDrop","onDataMove","table","data","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","tableState","tableRowsById","tableDataIds","useMemo","columnsOrder","handleDragEnd","useCallback","event","active","over","oldIndex","newIndex","arrayMove","children","jsx","DndContext","closestCenter","DraggableRow","SortableContext","verticalListSortingStrategy","DraggableHeader","horizontalListSortingStrategy"],"mappings":";;;;;;AAwBO,MAAMA,IAAkB,CAC7BC,GACA,EAAE,YAAAC,EAAA,IAAyD,CAAA,OAEpD;AAAA,EACL,cAAc,CAACC,GAAqBC,MAAwD;AAC1F,UAAMC,IAAUC,EAAWC,EAAUC,GAAa,CAAA,CAAE,GAAGD,EAAUE,GAAa,CAAA,CAAE,GAAGF,EAAUG,GAAgB,CAAA,CAAE,CAAC,GAC1GC,IAAaR,EAAM,SAAA,GACnBS,IAAgBT,EAAM,YAAA,EAAc,UAEpCU,IAAeC,EAAQ,MAAM,OAAO,KAAKF,CAAa,GAAG,CAACA,CAAa,CAAC,GACxEG,IAAeD,EAAQ,MAAMH,EAAW,aAAa,CAACA,CAAU,CAAC,GAEjEK,IAAgBC;AAAA,MACpB,CAACC,MAAwB;AACvB,cAAM,EAAE,QAAAC,GAAQ,MAAAC,EAAA,IAASF;AAEzB,YAAIC,KAAUC,KAAQD,EAAO,OAAOC,EAAK,MAAMD,EAAO,KAAK,SAAS,SAAS,UAAU;AACrF,gBAAME,IAAWN,EAAa,QAAQI,EAAO,EAAY,GACnDG,IAAWP,EAAa,QAAQK,EAAK,EAAY;AACvD,UAAAjB,EAAM,eAAeoB,EAAUR,GAAcM,GAAUC,CAAQ,CAAC;AAChE;AAAA,QACF;AACA,YAAIH,KAAUC,KAAQD,EAAO,OAAOC,EAAK,MAAMD,EAAO,KAAK,SAAS,SAAS,OAAO;AAClF,gBAAME,IAAWT,EAAc,GAAGO,EAAO,EAAE,EAAE,EAAE,OACzCG,IAAWV,EAAc,GAAGQ,EAAK,EAAE,EAAE,EAAE;AAC7C,UAAAlB,IAAaqB,EAAUnB,GAAMiB,GAAUC,CAAQ,CAAC;AAAA,QAClD;AAAA,MACF;AAAA,MACA,CAACP,GAAcZ,GAAOS,GAAeR,CAAI;AAAA,IAAA;AAG3C,WAAOU;AAAA,MACL,OAA6C;AAAA,QAC3C,WAAWb;AAAA,QACX,YAAY;AAAA,UACV,UAAU,CAAC,EAAE,UAAAuB,QACX,gBAAAC,EAACC,GAAA,EAAW,oBAAoBC,GAAe,WAAWX,GAAe,SAAAX,GACtE,UAAAmB,EAAA,CACH;AAAA,UAEF,KAAKI;AAAA,UACL,aAAa,CAAC,EAAE,UAAAJ,EAAA,MACd,gBAAAC,EAACI,GAAA,EAAgB,OAAOhB,GAAc,UAAUiB,GAC7C,UAAAN,EAAA,CACH;AAAA,UAEF,QAAQO;AAAA,UACR,gBAAgB,CAAC,EAAE,UAAAP,QACjB,gBAAAC,EAACI,GAAA,EAAgB,IAAG,WAAU,OAAOd,GAAc,UAAUiB,GAC1D,UAAAR,EAAA,CACH;AAAA,QAAA;AAAA,MAEJ;AAAA,MAEF,CAACR,GAAeX,GAASQ,GAAcE,CAAY;AAAA,IAAA;AAAA,EAEvD;AAAA;"}
1	+ {"version":3,"file":"draggable.js","sources":["../../../../../src/components/Table/utils/draggable.tsx"],"sourcesContent":["import { type PropsWithChildren, useCallback, useMemo } from 'react';\r\n\r\nimport type { RowData, Table } from '@tanstack/react-table';\r\nimport {\r\n closestCenter,\r\n DndContext,\r\n KeyboardSensor,\r\n MouseSensor,\r\n TouchSensor,\r\n useSensor,\r\n useSensors,\r\n type DragEndEvent,\r\n} from '@dnd-kit/core';\r\nimport {\r\n arrayMove,\r\n horizontalListSortingStrategy,\r\n SortableContext,\r\n verticalListSortingStrategy,\r\n} from '@dnd-kit/sortable';\r\n\r\nimport type { DragAndDropHookResult } from '../components/BaseTable/BaseTable.types';\r\nimport { DraggableHeader } from '../components/Draggable/Header';\r\nimport { DraggableRow } from '../components/Draggable/Row';\r\n\r\nexport const withDragOptions = <TData extends RowData, TValue = unknown>(\r\n dragAndDrop: 'row' \| 'column' \| 'both',\r\n { onDataMove }: { onDataMove?: (data: TData[]) => void } = {},\r\n) => {\r\n return {\r\n useDraggable: (table: Table<TData>, data: TData[]): DragAndDropHookResult<TData, TValue> => {\r\n const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));\r\n const tableState = table.getState();\r\n const tableRowsById = table.getRowModel().rowsById;\r\n\r\n const tableDataIds = useMemo(() => Object.keys(tableRowsById), [tableRowsById]);\r\n const columnsOrder = useMemo(() => tableState.columnOrder, [tableState]);\r\n\r\n const handleDragEnd = useCallback(\r\n (event: DragEndEvent) => {\r\n const { active, over } = event;\r\n // must account for columns as well as rows\r\n if (active && over && active.id !== over.id && active.data.current?.kind === 'column') {\r\n const oldIndex = columnsOrder.indexOf(active.id as string);\r\n const newIndex = columnsOrder.indexOf(over.id as string);\r\n table.setColumnOrder(arrayMove(columnsOrder, oldIndex, newIndex));\r\n return;\r\n }\r\n if (active && over && active.id !== over.id && active.data.current?.kind === 'row') {\r\n const oldIndex = tableRowsById[`${active.id}`].index;\r\n const newIndex = tableRowsById[`${over.id}`].index;\r\n onDataMove?.(arrayMove(data, oldIndex, newIndex));\r\n }\r\n },\r\n [columnsOrder, table, tableRowsById, data],\r\n );\r\n\r\n return useMemo(\r\n (): DragAndDropHookResult<TData, TValue> => ({\r\n draggable: dragAndDrop,\r\n Components: {\r\n Provider: ({ children }: PropsWithChildren) => (\r\n <DndContext collisionDetection={closestCenter} onDragEnd={handleDragEnd} sensors={sensors}>\r\n {children}\r\n </DndContext>\r\n ),\r\n Row: DraggableRow,\r\n RowProvider: ({ children }: PropsWithChildren) => (\r\n <SortableContext items={tableDataIds} strategy={verticalListSortingStrategy}>\r\n {children}\r\n </SortableContext>\r\n ),\r\n Header: DraggableHeader,\r\n HeaderProvider: ({ children }: PropsWithChildren) => (\r\n <SortableContext id=\"columns\" items={columnsOrder} strategy={horizontalListSortingStrategy}>\r\n {children}\r\n </SortableContext>\r\n ),\r\n },\r\n }),\r\n [handleDragEnd, sensors, tableDataIds, columnsOrder],\r\n );\r\n },\r\n };\r\n};\r\n"],"names":["withDragOptions","dragAndDrop","onDataMove","table","data","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","tableState","tableRowsById","tableDataIds","useMemo","columnsOrder","handleDragEnd","useCallback","event","active","over","oldIndex","newIndex","arrayMove","children","jsx","DndContext","closestCenter","DraggableRow","SortableContext","verticalListSortingStrategy","DraggableHeader","horizontalListSortingStrategy"],"mappings":";;;;;;AAwBO,MAAMA,IAAkB,CAC7BC,GACA,EAAE,YAAAC,EAAA,IAAyD,CAAA,OAEpD;AAAA,EACL,cAAc,CAACC,GAAqBC,MAAwD;AAC1F,UAAMC,IAAUC,EAAWC,EAAUC,GAAa,CAAA,CAAE,GAAGD,EAAUE,GAAa,CAAA,CAAE,GAAGF,EAAUG,GAAgB,CAAA,CAAE,CAAC,GAC1GC,IAAaR,EAAM,SAAA,GACnBS,IAAgBT,EAAM,YAAA,EAAc,UAEpCU,IAAeC,EAAQ,MAAM,OAAO,KAAKF,CAAa,GAAG,CAACA,CAAa,CAAC,GACxEG,IAAeD,EAAQ,MAAMH,EAAW,aAAa,CAACA,CAAU,CAAC,GAEjEK,IAAgBC;AAAA,MACpB,CAACC,MAAwB;AACvB,cAAM,EAAE,QAAAC,GAAQ,MAAAC,EAAA,IAASF;AAEzB,YAAIC,KAAUC,KAAQD,EAAO,OAAOC,EAAK,MAAMD,EAAO,KAAK,SAAS,SAAS,UAAU;AACrF,gBAAME,IAAWN,EAAa,QAAQI,EAAO,EAAY,GACnDG,IAAWP,EAAa,QAAQK,EAAK,EAAY;AACvD,UAAAjB,EAAM,eAAeoB,EAAUR,GAAcM,GAAUC,CAAQ,CAAC;AAChE;AAAA,QACF;AACA,YAAIH,KAAUC,KAAQD,EAAO,OAAOC,EAAK,MAAMD,EAAO,KAAK,SAAS,SAAS,OAAO;AAClF,gBAAME,IAAWT,EAAc,GAAGO,EAAO,EAAE,EAAE,EAAE,OACzCG,IAAWV,EAAc,GAAGQ,EAAK,EAAE,EAAE,EAAE;AAC7C,UAAAlB,IAAaqB,EAAUnB,GAAMiB,GAAUC,CAAQ,CAAC;AAAA,QAClD;AAAA,MACF;AAAA,MACA,CAACP,GAAcZ,GAAOS,GAAeR,CAAI;AAAA,IAAA;AAG3C,WAAOU;AAAA,MACL,OAA6C;AAAA,QAC3C,WAAWb;AAAA,QACX,YAAY;AAAA,UACV,UAAU,CAAC,EAAE,UAAAuB,QACX,gBAAAC,EAACC,GAAA,EAAW,oBAAoBC,GAAe,WAAWX,GAAe,SAAAX,GACtE,UAAAmB,EAAA,CACH;AAAA,UAEF,KAAKI;AAAA,UACL,aAAa,CAAC,EAAE,UAAAJ,EAAA,MACd,gBAAAC,EAACI,GAAA,EAAgB,OAAOhB,GAAc,UAAUiB,GAC7C,UAAAN,EAAA,CACH;AAAA,UAEF,QAAQO;AAAA,UACR,gBAAgB,CAAC,EAAE,UAAAP,QACjB,gBAAAC,EAACI,GAAA,EAAgB,IAAG,WAAU,OAAOd,GAAc,UAAUiB,GAC1D,UAAAR,EAAA,CACH;AAAA,QAAA;AAAA,MAEJ;AAAA,MAEF,CAACR,GAAeX,GAASQ,GAAcE,CAAY;AAAA,IAAA;AAAA,EAEvD;AAAA;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"isDraggable.js","sources":["../../../../../src/components/Table/utils/isDraggable.ts"],"sourcesContent":["import { DragAndDrop } from '../components/BaseTable/BaseTable.types';\n\nexport const isRowDraggable = (draggable: DragAndDrop): draggable is 'row' \| 'both' => {\n return draggable === 'row' \|\| draggable === 'both';\n};\n\nexport const isColumnDraggable = (draggable: DragAndDrop): draggable is 'column' \| 'both' => {\n return draggable === 'column' \|\| draggable === 'both';\n};\n"],"names":["isRowDraggable","draggable","isColumnDraggable"],"mappings":"AAEO,MAAMA,IAAiB,CAACC,MACtBA,MAAc,SAASA,MAAc,QAGjCC,IAAoB,CAACD,MACzBA,MAAc,YAAYA,MAAc;"}
1	+ {"version":3,"file":"isDraggable.js","sources":["../../../../../src/components/Table/utils/isDraggable.ts"],"sourcesContent":["import { DragAndDrop } from '../components/BaseTable/BaseTable.types';\r\n\r\nexport const isRowDraggable = (draggable: DragAndDrop): draggable is 'row' \| 'both' => {\r\n return draggable === 'row' \|\| draggable === 'both';\r\n};\r\n\r\nexport const isColumnDraggable = (draggable: DragAndDrop): draggable is 'column' \| 'both' => {\r\n return draggable === 'column' \|\| draggable === 'both';\r\n};\r\n"],"names":["isRowDraggable","draggable","isColumnDraggable"],"mappings":"AAEO,MAAMA,IAAiB,CAACC,MACtBA,MAAc,SAASA,MAAc,QAGjCC,IAAoB,CAACD,MACzBA,MAAc,YAAYA,MAAc;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"rowHighlight.js","sources":["../../../../../src/components/Table/utils/rowHighlight.ts"],"sourcesContent":["import type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport type { Row, RowData } from '@tanstack/react-table';\n\nexport const getRowHighlight = <TData extends RowData>(\n row: Row<TData>,\n highlight?: (r: Row<TData>) => TableTypes.Highlight \| null,\n) => {\n const highlightValue = highlight?.(row);\n const selectedValue = row.getIsSelected() ? { type: 'selected' as const, indicator: 'left' as const } : null;\n\n return highlightValue ?? selectedValue;\n};\n"],"names":["getRowHighlight","row","highlight","highlightValue","selectedValue"],"mappings":"AAGO,MAAMA,IAAkB,CAC7BC,GACAC,MACG;AACH,QAAMC,IAAiBD,IAAYD,CAAG,GAChCG,IAAgBH,EAAI,kBAAkB,EAAE,MAAM,YAAqB,WAAW,OAAA,IAAoB;AAExG,SAAOE,KAAkBC;AAC3B;"}
1	+ {"version":3,"file":"rowHighlight.js","sources":["../../../../../src/components/Table/utils/rowHighlight.ts"],"sourcesContent":["import type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\r\nimport type { Row, RowData } from '@tanstack/react-table';\r\n\r\nexport const getRowHighlight = <TData extends RowData>(\r\n row: Row<TData>,\r\n highlight?: (r: Row<TData>) => TableTypes.Highlight \| null,\r\n) => {\r\n const highlightValue = highlight?.(row);\r\n const selectedValue = row.getIsSelected() ? { type: 'selected' as const, indicator: 'left' as const } : null;\r\n\r\n return highlightValue ?? selectedValue;\r\n};\r\n"],"names":["getRowHighlight","row","highlight","highlightValue","selectedValue"],"mappings":"AAGO,MAAMA,IAAkB,CAC7BC,GACAC,MACG;AACH,QAAMC,IAAiBD,IAAYD,CAAG,GAChCG,IAAgBH,EAAI,kBAAkB,EAAE,MAAM,YAAqB,WAAW,OAAA,IAAoB;AAExG,SAAOE,KAAkBC;AAC3B;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tableUtils.js","sources":["../../../../../src/components/Table/utils/tableUtils.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { type TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nexport const getSize = (size: TableTypes.Size) => {\n switch (size) {\n case Sizes.Medium:\n return Sizes.Small;\n case Sizes.Large:\n return Sizes.Medium;\n default:\n return Sizes.XSmall;\n }\n};\n\nexport const getInfoBarSize = (size: TableTypes.Size) => {\n switch (size) {\n case Sizes.XSmall:\n case Sizes.Small:\n return Sizes.Small;\n case Sizes.Large:\n return Sizes.Large;\n case Sizes.Medium:\n default:\n return Sizes.Medium;\n }\n};\n\nexport const getExpanderPaddingSize = (size: TableTypes.Size) => {\n if (size === Sizes.XSmall) {\n return Sizes.Small;\n }\n return size;\n};\n"],"names":["getSize","size","Sizes","getExpanderPaddingSize"],"mappings":";AAGO,MAAMA,IAAU,CAACC,MAA0B;AAChD,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAOA,EAAM;AAAA,IACf,KAAKA,EAAM;AACT,aAAOA,EAAM;AAAA,IACf;AACE,aAAOA,EAAM;AAAA,EAAA;AAEnB,GAeaC,IAAyB,CAACF,MACjCA,MAASC,EAAM,SACVA,EAAM,QAERD;"}
1	+ {"version":3,"file":"tableUtils.js","sources":["../../../../../src/components/Table/utils/tableUtils.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { type TableTypes } from 'acinguiux-ds-react-base/components/Table';\r\n\r\nexport const getSize = (size: TableTypes.Size) => {\r\n switch (size) {\r\n case Sizes.Medium:\r\n return Sizes.Small;\r\n case Sizes.Large:\r\n return Sizes.Medium;\r\n default:\r\n return Sizes.XSmall;\r\n }\r\n};\r\n\r\nexport const getInfoBarSize = (size: TableTypes.Size) => {\r\n switch (size) {\r\n case Sizes.XSmall:\r\n case Sizes.Small:\r\n return Sizes.Small;\r\n case Sizes.Large:\r\n return Sizes.Large;\r\n case Sizes.Medium:\r\n default:\r\n return Sizes.Medium;\r\n }\r\n};\r\n\r\nexport const getExpanderPaddingSize = (size: TableTypes.Size) => {\r\n if (size === Sizes.XSmall) {\r\n return Sizes.Small;\r\n }\r\n return size;\r\n};\r\n"],"names":["getSize","size","Sizes","getExpanderPaddingSize"],"mappings":";AAGO,MAAMA,IAAU,CAACC,MAA0B;AAChD,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAOA,EAAM;AAAA,IACf,KAAKA,EAAM;AACT,aAAOA,EAAM;AAAA,IACf;AACE,aAAOA,EAAM;AAAA,EAAA;AAEnB,GAeaC,IAAyB,CAACF,MACjCA,MAASC,EAAM,SACVA,EAAM,QAERD;"}

package/build/esm/components/Tabs/Tabs.hooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.hooks.js","sources":["../../../../src/components/Tabs/Tabs.hooks.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { TABS_CLASS } from 'acinguiux-ds-react-base/consts';\n\nexport const useAccessibilitySetup = () => {\n useEffect(() => {\n const tabListElements = document.querySelectorAll(`.${TABS_CLASS}-nav`);\n\n tabListElements.forEach((tabListElement) => {\n const tabsElementNavWrap = tabListElement.querySelector(`.${TABS_CLASS}-nav-wrap`);\n const tabsElementNavList = tabListElement.querySelector(`.${TABS_CLASS}-nav-list`);\n\n if (tabsElementNavWrap) {\n tabsElementNavWrap.setAttribute('role', 'presentation');\n }\n if (tabsElementNavList) {\n tabsElementNavList.setAttribute('role', 'presentation');\n const tabElements = tabsElementNavList.querySelectorAll(`.${TABS_CLASS}-tab`);\n tabElements.forEach((tabElement) => {\n tabElement.setAttribute('role', 'presentation');\n });\n }\n });\n }, []);\n};\n"],"names":["useAccessibilitySetup","useEffect","TABS_CLASS","tabListElement","tabsElementNavWrap","tabsElementNavList","tabElement"],"mappings":";;AAIO,MAAMA,IAAwB,MAAM;AACzC,EAAAC,EAAU,MAAM;AAGd,IAFwB,SAAS,iBAAiB,IAAIC,CAAU,MAAM,EAEtD,QAAQ,CAACC,MAAmB;AAC1C,YAAMC,IAAqBD,EAAe,cAAc,IAAID,CAAU,WAAW,GAC3EG,IAAqBF,EAAe,cAAc,IAAID,CAAU,WAAW;AAEjF,MAAIE,KACFA,EAAmB,aAAa,QAAQ,cAAc,GAEpDC,MACFA,EAAmB,aAAa,QAAQ,cAAc,GAClCA,EAAmB,iBAAiB,IAAIH,CAAU,MAAM,EAChE,QAAQ,CAACI,MAAe;AAClC,QAAAA,EAAW,aAAa,QAAQ,cAAc;AAAA,MAChD,CAAC;AAAA,IAEL,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AACP;"}
1	+ {"version":3,"file":"Tabs.hooks.js","sources":["../../../../src/components/Tabs/Tabs.hooks.ts"],"sourcesContent":["import { useEffect } from 'react';\r\n\r\nimport { TABS_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nexport const useAccessibilitySetup = () => {\r\n useEffect(() => {\r\n const tabListElements = document.querySelectorAll(`.${TABS_CLASS}-nav`);\r\n\r\n tabListElements.forEach((tabListElement) => {\r\n const tabsElementNavWrap = tabListElement.querySelector(`.${TABS_CLASS}-nav-wrap`);\r\n const tabsElementNavList = tabListElement.querySelector(`.${TABS_CLASS}-nav-list`);\r\n\r\n if (tabsElementNavWrap) {\r\n tabsElementNavWrap.setAttribute('role', 'presentation');\r\n }\r\n if (tabsElementNavList) {\r\n tabsElementNavList.setAttribute('role', 'presentation');\r\n const tabElements = tabsElementNavList.querySelectorAll(`.${TABS_CLASS}-tab`);\r\n tabElements.forEach((tabElement) => {\r\n tabElement.setAttribute('role', 'presentation');\r\n });\r\n }\r\n });\r\n }, []);\r\n};\r\n"],"names":["useAccessibilitySetup","useEffect","TABS_CLASS","tabListElement","tabsElementNavWrap","tabsElementNavList","tabElement"],"mappings":";;AAIO,MAAMA,IAAwB,MAAM;AACzC,EAAAC,EAAU,MAAM;AAGd,IAFwB,SAAS,iBAAiB,IAAIC,CAAU,MAAM,EAEtD,QAAQ,CAACC,MAAmB;AAC1C,YAAMC,IAAqBD,EAAe,cAAc,IAAID,CAAU,WAAW,GAC3EG,IAAqBF,EAAe,cAAc,IAAID,CAAU,WAAW;AAEjF,MAAIE,KACFA,EAAmB,aAAa,QAAQ,cAAc,GAEpDC,MACFA,EAAmB,aAAa,QAAQ,cAAc,GAClCA,EAAmB,iBAAiB,IAAIH,CAAU,MAAM,EAChE,QAAQ,CAACI,MAAe;AAClC,QAAAA,EAAW,aAAa,QAAQ,cAAc;AAAA,MAChD,CAAC;AAAA,IAEL,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AACP;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type ReactNode } from 'react';\n\nimport { Sizes, Positions } from 'acinguiux-ds-react-base/consts';\nimport type { TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\n\nimport * as Styled from './Tabs.styles';\nimport type { ITabsProps } from './Tabs.types';\nimport Badge from '../Badge/Badge';\nimport { useAccessibilitySetup } from './Tabs.hooks';\n\nconst TabsLabel = ({\n size,\n label,\n icon,\n badge,\n iconPosition,\n}: {\n size: TabsTypes.Size;\n label: ReactNode;\n icon?: ReactNode;\n badge?: BadgeTypes.IProps;\n iconPosition?: TabsTypes.IconPosition;\n}) => (\n <Styled.TabsLabel $size={size} $iconPosition={iconPosition} $icon={icon}>\n <Styled.TabsLabelTextContainer>\n {icon}\n <span>{label}</span>\n </Styled.TabsLabelTextContainer>\n {!!badge && <Badge size={size} {...badge} />}\n </Styled.TabsLabel>\n);\n\nconst Tabs = forwardRef<HTMLDivElement, ITabsProps>(\n (\n { className, size = `${Sizes.Medium}`, indicatorPosition, placement = `${Positions.Top}`, items, ...rest },\n ref,\n ): ReactElement => {\n const itemsWithBadges = items?.map((item) => ({\n ...item,\n icon: null,\n label: (\n <TabsLabel\n size={size}\n label={item.label}\n icon={item.icon}\n iconPosition={item.iconPosition}\n badge={item.badge}\n />\n ),\n }));\n\n useAccessibilitySetup();\n\n return (\n <Styled.Tabs\n className={className}\n $size={size}\n tabPosition={placement}\n $indicatorPosition={indicatorPosition}\n ref={ref}\n items={itemsWithBadges}\n {...rest}\n />\n );\n },\n);\n\nexport default Tabs;\n"],"names":["TabsLabel","size","label","icon","badge","iconPosition","jsxs","Styled.TabsLabel","Styled.TabsLabelTextContainer","jsx","Badge","Tabs","forwardRef","className","Sizes","indicatorPosition","placement","Positions","items","rest","ref","itemsWithBadges","item","useAccessibilitySetup","Styled.Tabs"],"mappings":";;;;;;AAWA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AACF,MAOE,gBAAAC,EAACC,GAAA,EAAiB,OAAON,GAAM,eAAeI,GAAc,OAAOF,GACjE,UAAA;AAAA,EAAA,gBAAAG,EAACE,GAAA,EACE,UAAA;AAAA,IAAAL;AAAA,IACD,gBAAAM,EAAC,UAAM,UAAAP,EAAA,CAAM;AAAA,EAAA,GACf;AAAA,EACC,CAAC,CAACE,uBAAUM,GAAA,EAAM,MAAAT,GAAa,GAAGG,EAAA,CAAO;AAAA,GAC5C,GAGIO,IAAOC;AAAA,EACX,CACE,EAAE,WAAAC,GAAW,MAAAZ,IAAO,GAAGa,EAAM,MAAM,IAAI,mBAAAC,GAAmB,WAAAC,IAAY,GAAGC,EAAU,GAAG,IAAI,OAAAC,GAAO,GAAGC,EAAA,GACpGC,MACiB;AACjB,UAAMC,IAAkBH,GAAO,IAAI,CAACI,OAAU;AAAA,MAC5C,GAAGA;AAAA,MACH,MAAM;AAAA,MACN,OACE,gBAAAb;AAAA,QAACT;AAAA,QAAA;AAAA,UACC,MAAAC;AAAA,UACA,OAAOqB,EAAK;AAAA,UACZ,MAAMA,EAAK;AAAA,UACX,cAAcA,EAAK;AAAA,UACnB,OAAOA,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,EAEF;AAEF,WAAAC,EAAA,GAGE,gBAAAd;AAAA,MAACe;AAAAA,MAAA;AAAA,QACC,WAAAX;AAAA,QACA,OAAOZ;AAAA,QACP,aAAae;AAAA,QACb,oBAAoBD;AAAA,QACpB,KAAAK;AAAA,QACA,OAAOC;AAAA,QACN,GAAGF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}
1	+ {"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type ReactNode } from 'react';\r\n\r\nimport { Sizes, Positions } from 'acinguiux-ds-react-base/consts';\r\nimport type { TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\r\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\r\n\r\nimport * as Styled from './Tabs.styles';\r\nimport type { ITabsProps } from './Tabs.types';\r\nimport Badge from '../Badge/Badge';\r\nimport { useAccessibilitySetup } from './Tabs.hooks';\r\n\r\nconst TabsLabel = ({\r\n size,\r\n label,\r\n icon,\r\n badge,\r\n iconPosition,\r\n}: {\r\n size: TabsTypes.Size;\r\n label: ReactNode;\r\n icon?: ReactNode;\r\n badge?: BadgeTypes.IProps;\r\n iconPosition?: TabsTypes.IconPosition;\r\n}) => (\r\n <Styled.TabsLabel $size={size} $iconPosition={iconPosition} $icon={icon}>\r\n <Styled.TabsLabelTextContainer>\r\n {icon}\r\n <span>{label}</span>\r\n </Styled.TabsLabelTextContainer>\r\n {!!badge && <Badge size={size} {...badge} />}\r\n </Styled.TabsLabel>\r\n);\r\n\r\nconst Tabs = forwardRef<HTMLDivElement, ITabsProps>(\r\n (\r\n { className, size = `${Sizes.Medium}`, indicatorPosition, placement = `${Positions.Top}`, items, ...rest },\r\n ref,\r\n ): ReactElement => {\r\n const itemsWithBadges = items?.map((item) => ({\r\n ...item,\r\n icon: null,\r\n label: (\r\n <TabsLabel\r\n size={size}\r\n label={item.label}\r\n icon={item.icon}\r\n iconPosition={item.iconPosition}\r\n badge={item.badge}\r\n />\r\n ),\r\n }));\r\n\r\n useAccessibilitySetup();\r\n\r\n return (\r\n <Styled.Tabs\r\n className={className}\r\n $size={size}\r\n tabPosition={placement}\r\n $indicatorPosition={indicatorPosition}\r\n ref={ref}\r\n items={itemsWithBadges}\r\n {...rest}\r\n />\r\n );\r\n },\r\n);\r\n\r\nexport default Tabs;\r\n"],"names":["TabsLabel","size","label","icon","badge","iconPosition","jsxs","Styled.TabsLabel","Styled.TabsLabelTextContainer","jsx","Badge","Tabs","forwardRef","className","Sizes","indicatorPosition","placement","Positions","items","rest","ref","itemsWithBadges","item","useAccessibilitySetup","Styled.Tabs"],"mappings":";;;;;;AAWA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AACF,MAOE,gBAAAC,EAACC,GAAA,EAAiB,OAAON,GAAM,eAAeI,GAAc,OAAOF,GACjE,UAAA;AAAA,EAAA,gBAAAG,EAACE,GAAA,EACE,UAAA;AAAA,IAAAL;AAAA,IACD,gBAAAM,EAAC,UAAM,UAAAP,EAAA,CAAM;AAAA,EAAA,GACf;AAAA,EACC,CAAC,CAACE,uBAAUM,GAAA,EAAM,MAAAT,GAAa,GAAGG,EAAA,CAAO;AAAA,GAC5C,GAGIO,IAAOC;AAAA,EACX,CACE,EAAE,WAAAC,GAAW,MAAAZ,IAAO,GAAGa,EAAM,MAAM,IAAI,mBAAAC,GAAmB,WAAAC,IAAY,GAAGC,EAAU,GAAG,IAAI,OAAAC,GAAO,GAAGC,EAAA,GACpGC,MACiB;AACjB,UAAMC,IAAkBH,GAAO,IAAI,CAACI,OAAU;AAAA,MAC5C,GAAGA;AAAA,MACH,MAAM;AAAA,MACN,OACE,gBAAAb;AAAA,QAACT;AAAA,QAAA;AAAA,UACC,MAAAC;AAAA,UACA,OAAOqB,EAAK;AAAA,UACZ,MAAMA,EAAK;AAAA,UACX,cAAcA,EAAK;AAAA,UACnB,OAAOA,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,EAEF;AAEF,WAAAC,EAAA,GAGE,gBAAAd;AAAA,MAACe;AAAAA,MAAA;AAAA,QACC,WAAAX;AAAA,QACA,OAAOZ;AAAA,QACP,aAAae;AAAA,QACb,oBAAoBD;AAAA,QACpB,KAAAK;AAAA,QACA,OAAOC;AAAA,QACN,GAAGF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/Tabs/Tabs.styles.ts"],"sourcesContent":["import TabsRC from 'rc-tabs';\nimport { styled, css } from 'styled-components';\nimport { Positions, TABS_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { TabsConsts, type TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport Flexbox from '../Flexbox/Flexbox';\n\nconst TabsLabelTextContainer = styled(Flexbox).attrs({ alignItems: 'center', justifyContent: 'center' })``;\n\nconst TabsLabel = styled(Flexbox).attrs({ alignItems: 'center', justifyContent: 'center' })<\n Required<PickTransient<TabsTypes.IProps, 'size'>> &\n PickTransient<TabsTypes.ItemType, 'iconPosition' \| 'icon' \| 'iconOnly'>\n>(\n ({ $size, $iconPosition, $icon, $iconOnly }) => `\n &, & > ${TabsLabelTextContainer} {\n gap: ${TabsConsts.consts[$size].gap}px;\n flex-direction: row;\n }\n & > ${TabsLabelTextContainer} {\n ${\n $iconPosition === Positions.Right &&\n css`\n flex-direction: row-reverse;\n `\n };\n\n ${\n $iconOnly &&\n $icon &&\n css`\n & > span {\n visibility: hidden;\n display: none;\n }\n `\n };\n\n ${\n $iconPosition === Positions.Top &&\n css`\n flex-direction: column;\n `\n };\n }\n`,\n);\n\nconst Tabs = styled(TabsRC).attrs({ prefixCls: TABS_CLASS })<\n Required<PickTransient<TabsTypes.IProps, 'size'>> & PickTransient<TabsTypes.IProps, 'indicatorPosition'>\n>(({ prefixCls, tabPosition, $size, $indicatorPosition, theme }) => {\n const modes: ModesType = { foundation: 'surface' };\n const layer = theme.layer(modes);\n const disabledLayer = theme.layer({ ...modes, disabled: true });\n\n return css`\n &.${prefixCls} {\n ${theme.typography('paragraph')};\n\n position: relative;\n display: flex;\n color: ${layer[Variables.TextOnFoundationStrong]};\n\n & .${prefixCls}-nav {\n display: flex;\n flex: none;\n position: relative;\n\n &-measure,\n &-wrap {\n position: relative;\n display: flex;\n transform: translate(0);\n white-space: nowrap;\n }\n\n &-list {\n position: relative;\n display: flex;\n transition: transform 0.3s;\n }\n\n &-operations {\n display: none;\n\n &-hidden {\n position: absolute;\n visibility: hidden;\n display: none;\n pointer-events: none;\n }\n }\n }\n\n & .${prefixCls}-tab {\n position: relative;\n display: flex;\n align-items: center;\n border: 0;\n outline: none;\n cursor: pointer;\n color: ${layer[Variables.TextOnFoundationSubtle]};\n transition: 0.3s;\n\n &-btn {\n ${theme.typography('label', getLabelTypographySize($size))};\n\n display: flex;\n align-items: center;\n justify-content: center;\n height: ${TabsConsts.consts[$size].height}px;\n position: relative;\n padding-block: ${TabsConsts.consts[$size].paddingBlock}px;\n padding-inline: ${TabsConsts.consts[$size].paddingInline}px;\n\n &::after {\n content: '';\n position: absolute;\n background: ${layer[Variables.BorderOnFoundationMedium]};\n transition: all 0.2s;\n }\n\n &:focus-visible {\n ${getFocusStyles(theme)};\n }\n\n & svg {\n width: ${TabsConsts.consts[$size].icon}px;\n height: ${TabsConsts.consts[$size].icon}px;\n }\n }\n\n &-active {\n color: ${layer[Variables.TextOnFoundationStrong]};\n transition: all 0.1s;\n }\n\n &-disabled {\n background: transparent;\n color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n cursor: default;\n\n .${prefixCls}-tab-btn::after {\n display: none;\n }\n\n .${prefixCls}-tab-btn:hover {\n background: transparent;\n cursor: not-allowed;\n }\n }\n }\n\n & .${prefixCls}-ink-bar {\n position: absolute;\n background: ${layer[Variables.BackgroundBrand]};\n pointer-events: none;\n\n &-animated {\n transition: all 0.15s;\n }\n\n ${$indicatorPosition === Positions.Left &&\n tabPosition === Positions.Left &&\n css`\n left: 0;\n right: unset;\n `}\n\n ${$indicatorPosition === Positions.Right &&\n tabPosition === Positions.Right &&\n css`\n left: unset;\n right: 0;\n `}\n }\n\n & .${prefixCls}-extra-content {\n flex: none;\n }\n\n .${prefixCls}-content {\n display: flex;\n width: 100%;\n height: 100%;\n\n &-holder {\n flex: auto;\n }\n\n &-animated {\n transition: margin 0.3s;\n }\n }\n\n .${prefixCls}-tabpane {\n width: 100%;\n height: 100%;\n flex: none;\n\n &-hidden {\n display: none;\n }\n }\n\n &-top,\n &-bottom {\n flex-direction: column;\n\n .${prefixCls}-tab-btn {\n &::after {\n left: 50%;\n right: 50%;\n }\n\n &:not([aria-selected='true']):hover::after {\n left: ${TabsConsts.consts[$size].paddingInline}px;\n right: ${TabsConsts.consts[$size].paddingInline}px;\n }\n\n &[aria-selected='true']::after,\n &:active::after {\n left: 0;\n right: 0;\n }\n }\n }\n\n &-top .${prefixCls}-ink-bar, &-top .${prefixCls}-tab-btn::after {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n bottom: 0;\n }\n\n &-top\n .${prefixCls}-ink-bar,\n &-bottom\n .${prefixCls}-ink-bar,\n &-top\n .${prefixCls}-tab-btn::after,\n &-bottom\n .${prefixCls}-tab-btn::after {\n height: 3px;\n }\n\n &-bottom .${prefixCls}-nav {\n order: 1;\n }\n\n &-bottom .${prefixCls}-content {\n order: 0;\n }\n\n &-bottom .${prefixCls}-ink-bar, &-bottom .${prefixCls}-tab-btn::after {\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n top: 0;\n }\n\n &-left .${prefixCls}-nav-wrap, &-right .${prefixCls}-nav-wrap {\n flex-direction: column;\n width: 100%;\n }\n\n &-left,\n &-right {\n .${prefixCls}-tab-btn {\n &::after {\n top: 50%;\n bottom: 50%;\n }\n\n &:hover::after {\n top: ${TabsConsts.consts[$size].paddingBlock}px;\n bottom: ${TabsConsts.consts[$size].paddingBlock}px;\n }\n\n &[aria-selected='true']::after,\n &:active::after {\n top: 0;\n bottom: 0;\n }\n }\n }\n\n &-left\n .${prefixCls}-ink-bar,\n &-right\n .${prefixCls}-ink-bar,\n &-left\n .${prefixCls}-tab-btn::after,\n &-right\n .${prefixCls}-tab-btn::after {\n width: 3px;\n }\n\n &-left .${prefixCls}-nav, &-right .${prefixCls}-nav {\n flex-direction: column;\n min-width: 50px;\n }\n\n &-left .${prefixCls}-nav-list, &-right .${prefixCls}-nav-list {\n flex: 1 0 auto;\n flex-direction: column;\n }\n\n &-left .${prefixCls}-ink-bar, &-left .${prefixCls}-tab-btn::after {\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n right: 0;\n }\n\n &-right .${prefixCls}-nav {\n order: 1;\n }\n\n &-right .${prefixCls}-content {\n order: 0;\n }\n\n &-right .${prefixCls}-ink-bar, &-right .${prefixCls}-tab-btn::after {\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n left: 0;\n }\n\n &-right .${prefixCls}-tab, &-left .${prefixCls}-tab {\n .${prefixCls}-tab-btn {\n justify-content: flex-start;\n width: 100%;\n }\n }\n }\n `;\n});\n\nexport { Tabs, TabsLabel, TabsLabelTextContainer };\n"],"names":["TabsLabelTextContainer","styled","Flexbox","TabsLabel","$size","$iconPosition","$icon","$iconOnly","TabsConsts.consts","Positions","css","Tabs","TabsRC","TABS_CLASS","prefixCls","tabPosition","$indicatorPosition","theme","modes","layer","disabledLayer","Variables","getLabelTypographySize","getFocusStyles"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAyBC,EAAOC,CAAO,EAAE,MAAM,EAAE,YAAY,UAAU,gBAAgB,SAAA,CAAU,KAEjGC,IAAYF,EAAOC,CAAO,EAAE,MAAM,EAAE,YAAY,UAAU,gBAAgB,UAAU;AAAA,EAIxF,CAAC,EAAE,OAAAE,GAAO,eAAAC,GAAe,OAAAC,GAAO,WAAAC,QAAgB;AAAA,WACvCP,CAAsB;AAAA,WACtBQ,EAAkBJ,CAAK,EAAE,GAAG;AAAA;AAAA;AAAA,QAG/BJ,CAAsB;AAAA,MAExBK,MAAkBI,EAAU,SAC5BC;AAAA;AAAA,OAGF;AAAA;AAAA,MAGEH,KACAD,KACAI;AAAA;AAAA;AAAA;AAAA;AAAA,OAMF;AAAA;AAAA,MAGEL,MAAkBI,EAAU,OAC5BC;AAAA;AAAA,OAGF;AAAA;AAAA;AAGJ,GAEMC,IAAOV,EAAOW,CAAM,EAAE,MAAM,EAAE,WAAWC,EAAA,CAAY,EAEzD,CAAC,EAAE,WAAAC,GAAW,aAAAC,GAAa,OAAAX,GAAO,oBAAAY,GAAoB,OAAAC,QAAY;AAClE,QAAMC,IAAmB,EAAE,YAAY,UAAA,GACjCC,IAAQF,EAAM,MAAMC,CAAK,GACzBE,IAAgBH,EAAM,MAAM,EAAE,GAAGC,GAAO,UAAU,IAAM;AAE9D,SAAOR;AAAA,QACDI,CAAS;AAAA,QACTG,EAAM,WAAW,WAAW,CAAC;AAAA;AAAA;AAAA;AAAA,eAItBE,EAAME,EAAU,sBAAsB,CAAC;AAAA;AAAA,WAE3CP,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WA+BTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAOHK,EAAME,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA,YAI5CJ,EAAM,WAAW,SAASK,EAAuBlB,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKhDI,EAAkBJ,CAAK,EAAE,MAAM;AAAA;AAAA,2BAExBI,EAAkBJ,CAAK,EAAE,YAAY;AAAA,4BACpCI,EAAkBJ,CAAK,EAAE,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKxCe,EAAME,EAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKrDE,EAAeN,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA,qBAIdT,EAAkBJ,CAAK,EAAE,IAAI;AAAA,sBAC5BI,EAAkBJ,CAAK,EAAE,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKhCe,EAAME,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMvCD,EAAcC,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA,aAGrDP,CAAS;AAAA;AAAA;AAAA;AAAA,aAITA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOXA,CAAS;AAAA;AAAA,sBAEEK,EAAME,EAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAO5CL,MAAuBP,EAAU,QACnCM,MAAgBN,EAAU,QAC1BC;AAAA;AAAA;AAAA,SAGC;AAAA;AAAA,UAECM,MAAuBP,EAAU,SACnCM,MAAgBN,EAAU,SAC1BC;AAAA;AAAA;AAAA,SAGC;AAAA;AAAA;AAAA,WAGEI,CAAS;AAAA;AAAA;AAAA;AAAA,SAIXA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAcTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAcPA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAOAN,EAAkBJ,CAAK,EAAE,aAAa;AAAA,qBACrCI,EAAkBJ,CAAK,EAAE,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAW5CU,CAAS,oBAAoBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAO1CA,CAAS;AAAA;AAAA,WAETA,CAAS;AAAA;AAAA,WAETA,CAAS;AAAA;AAAA,WAETA,CAAS;AAAA;AAAA;AAAA;AAAA,kBAIFA,CAAS;AAAA;AAAA;AAAA;AAAA,kBAITA,CAAS;AAAA;AAAA;AAAA;AAAA,kBAITA,CAAS,uBAAuBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAM3CA,CAAS,uBAAuBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAO9CA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAODN,EAAkBJ,CAAK,EAAE,YAAY;AAAA,sBAClCI,EAAkBJ,CAAK,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAYhDU,CAAS;AAAA;AAAA,WAETA,CAAS;AAAA;AAAA,WAETA,CAAS;AAAA;AAAA,WAETA,CAAS;AAAA;AAAA;AAAA;AAAA,gBAIJA,CAAS,kBAAkBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKpCA,CAAS,uBAAuBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKzCA,CAAS,qBAAqBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMtCA,CAAS;AAAA;AAAA;AAAA;AAAA,iBAITA,CAAS;AAAA;AAAA;AAAA;AAAA,iBAITA,CAAS,sBAAsBA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMxCA,CAAS,iBAAiBA,CAAS;AAAA,WACzCA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpB,CAAC;"}
1	+ {"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/Tabs/Tabs.styles.ts"],"sourcesContent":["import TabsRC from 'rc-tabs';\r\nimport { styled, css } from 'styled-components';\r\nimport { Positions, TABS_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { ModesType, Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { TabsConsts, type TabsTypes } from 'acinguiux-ds-react-base/components/Tabs';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport Flexbox from '../Flexbox/Flexbox';\r\n\r\nconst TabsLabelTextContainer = styled(Flexbox).attrs({ alignItems: 'center', justifyContent: 'center' })``;\r\n\r\nconst TabsLabel = styled(Flexbox).attrs({ alignItems: 'center', justifyContent: 'center' })<\r\n Required<PickTransient<TabsTypes.IProps, 'size'>> &\r\n PickTransient<TabsTypes.ItemType, 'iconPosition' \| 'icon' \| 'iconOnly'>\r\n>(\r\n ({ $size, $iconPosition, $icon, $iconOnly }) => `\r\n &, & > ${TabsLabelTextContainer} {\r\n gap: ${TabsConsts.consts[$size].gap}px;\r\n flex-direction: row;\r\n }\r\n & > ${TabsLabelTextContainer} {\r\n ${\r\n $iconPosition === Positions.Right &&\r\n css`\r\n flex-direction: row-reverse;\r\n `\r\n };\r\n\r\n ${\r\n $iconOnly &&\r\n $icon &&\r\n css`\r\n & > span {\r\n visibility: hidden;\r\n display: none;\r\n }\r\n `\r\n };\r\n\r\n ${\r\n $iconPosition === Positions.Top &&\r\n css`\r\n flex-direction: column;\r\n `\r\n };\r\n }\r\n`,\r\n);\r\n\r\nconst Tabs = styled(TabsRC).attrs({ prefixCls: TABS_CLASS })<\r\n Required<PickTransient<TabsTypes.IProps, 'size'>> & PickTransient<TabsTypes.IProps, 'indicatorPosition'>\r\n>(({ prefixCls, tabPosition, $size, $indicatorPosition, theme }) => {\r\n const modes: ModesType = { foundation: 'surface' };\r\n const layer = theme.layer(modes);\r\n const disabledLayer = theme.layer({ ...modes, disabled: true });\r\n\r\n return css`\r\n &.${prefixCls} {\r\n ${theme.typography('paragraph')};\r\n\r\n position: relative;\r\n display: flex;\r\n color: ${layer[Variables.TextOnFoundationStrong]};\r\n\r\n & .${prefixCls}-nav {\r\n display: flex;\r\n flex: none;\r\n position: relative;\r\n\r\n &-measure,\r\n &-wrap {\r\n position: relative;\r\n display: flex;\r\n transform: translate(0);\r\n white-space: nowrap;\r\n }\r\n\r\n &-list {\r\n position: relative;\r\n display: flex;\r\n transition: transform 0.3s;\r\n }\r\n\r\n &-operations {\r\n display: none;\r\n\r\n &-hidden {\r\n position: absolute;\r\n visibility: hidden;\r\n display: none;\r\n pointer-events: none;\r\n }\r\n }\r\n }\r\n\r\n & .${prefixCls}-tab {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n border: 0;\r\n outline: none;\r\n cursor: pointer;\r\n color: ${layer[Variables.TextOnFoundationSubtle]};\r\n transition: 0.3s;\r\n\r\n &-btn {\r\n ${theme.typography('label', getLabelTypographySize($size))};\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: ${TabsConsts.consts[$size].height}px;\r\n position: relative;\r\n padding-block: ${TabsConsts.consts[$size].paddingBlock}px;\r\n padding-inline: ${TabsConsts.consts[$size].paddingInline}px;\r\n\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n background: ${layer[Variables.BorderOnFoundationMedium]};\r\n transition: all 0.2s;\r\n }\r\n\r\n &:focus-visible {\r\n ${getFocusStyles(theme)};\r\n }\r\n\r\n & svg {\r\n width: ${TabsConsts.consts[$size].icon}px;\r\n height: ${TabsConsts.consts[$size].icon}px;\r\n }\r\n }\r\n\r\n &-active {\r\n color: ${layer[Variables.TextOnFoundationStrong]};\r\n transition: all 0.1s;\r\n }\r\n\r\n &-disabled {\r\n background: transparent;\r\n color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\r\n cursor: default;\r\n\r\n .${prefixCls}-tab-btn::after {\r\n display: none;\r\n }\r\n\r\n .${prefixCls}-tab-btn:hover {\r\n background: transparent;\r\n cursor: not-allowed;\r\n }\r\n }\r\n }\r\n\r\n & .${prefixCls}-ink-bar {\r\n position: absolute;\r\n background: ${layer[Variables.BackgroundBrand]};\r\n pointer-events: none;\r\n\r\n &-animated {\r\n transition: all 0.15s;\r\n }\r\n\r\n ${$indicatorPosition === Positions.Left &&\r\n tabPosition === Positions.Left &&\r\n css`\r\n left: 0;\r\n right: unset;\r\n `}\r\n\r\n ${$indicatorPosition === Positions.Right &&\r\n tabPosition === Positions.Right &&\r\n css`\r\n left: unset;\r\n right: 0;\r\n `}\r\n }\r\n\r\n & .${prefixCls}-extra-content {\r\n flex: none;\r\n }\r\n\r\n .${prefixCls}-content {\r\n display: flex;\r\n width: 100%;\r\n height: 100%;\r\n\r\n &-holder {\r\n flex: auto;\r\n }\r\n\r\n &-animated {\r\n transition: margin 0.3s;\r\n }\r\n }\r\n\r\n .${prefixCls}-tabpane {\r\n width: 100%;\r\n height: 100%;\r\n flex: none;\r\n\r\n &-hidden {\r\n display: none;\r\n }\r\n }\r\n\r\n &-top,\r\n &-bottom {\r\n flex-direction: column;\r\n\r\n .${prefixCls}-tab-btn {\r\n &::after {\r\n left: 50%;\r\n right: 50%;\r\n }\r\n\r\n &:not([aria-selected='true']):hover::after {\r\n left: ${TabsConsts.consts[$size].paddingInline}px;\r\n right: ${TabsConsts.consts[$size].paddingInline}px;\r\n }\r\n\r\n &[aria-selected='true']::after,\r\n &:active::after {\r\n left: 0;\r\n right: 0;\r\n }\r\n }\r\n }\r\n\r\n &-top .${prefixCls}-ink-bar, &-top .${prefixCls}-tab-btn::after {\r\n border-top-left-radius: 3px;\r\n border-top-right-radius: 3px;\r\n bottom: 0;\r\n }\r\n\r\n &-top\r\n .${prefixCls}-ink-bar,\r\n &-bottom\r\n .${prefixCls}-ink-bar,\r\n &-top\r\n .${prefixCls}-tab-btn::after,\r\n &-bottom\r\n .${prefixCls}-tab-btn::after {\r\n height: 3px;\r\n }\r\n\r\n &-bottom .${prefixCls}-nav {\r\n order: 1;\r\n }\r\n\r\n &-bottom .${prefixCls}-content {\r\n order: 0;\r\n }\r\n\r\n &-bottom .${prefixCls}-ink-bar, &-bottom .${prefixCls}-tab-btn::after {\r\n border-bottom-left-radius: 3px;\r\n border-bottom-right-radius: 3px;\r\n top: 0;\r\n }\r\n\r\n &-left .${prefixCls}-nav-wrap, &-right .${prefixCls}-nav-wrap {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n\r\n &-left,\r\n &-right {\r\n .${prefixCls}-tab-btn {\r\n &::after {\r\n top: 50%;\r\n bottom: 50%;\r\n }\r\n\r\n &:hover::after {\r\n top: ${TabsConsts.consts[$size].paddingBlock}px;\r\n bottom: ${TabsConsts.consts[$size].paddingBlock}px;\r\n }\r\n\r\n &[aria-selected='true']::after,\r\n &:active::after {\r\n top: 0;\r\n bottom: 0;\r\n }\r\n }\r\n }\r\n\r\n &-left\r\n .${prefixCls}-ink-bar,\r\n &-right\r\n .${prefixCls}-ink-bar,\r\n &-left\r\n .${prefixCls}-tab-btn::after,\r\n &-right\r\n .${prefixCls}-tab-btn::after {\r\n width: 3px;\r\n }\r\n\r\n &-left .${prefixCls}-nav, &-right .${prefixCls}-nav {\r\n flex-direction: column;\r\n min-width: 50px;\r\n }\r\n\r\n &-left .${prefixCls}-nav-list, &-right .${prefixCls}-nav-list {\r\n flex: 1 0 auto;\r\n flex-direction: column;\r\n }\r\n\r\n &-left .${prefixCls}-ink-bar, &-left .${prefixCls}-tab-btn::after {\r\n border-top-left-radius: 3px;\r\n border-bottom-left-radius: 3px;\r\n right: 0;\r\n }\r\n\r\n &-right .${prefixCls}-nav {\r\n order: 1;\r\n }\r\n\r\n &-right .${prefixCls}-content {\r\n order: 0;\r\n }\r\n\r\n &-right .${prefixCls}-ink-bar, &-right .${prefixCls}-tab-btn::after {\r\n border-top-right-radius: 3px;\r\n border-bottom-right-radius: 3px;\r\n left: 0;\r\n }\r\n\r\n &-right .${prefixCls}-tab, &-left .${prefixCls}-tab {\r\n .${prefixCls}-tab-btn {\r\n justify-content: flex-start;\r\n width: 100%;\r\n }\r\n }\r\n }\r\n `;\r\n});\r\n\r\nexport { Tabs, TabsLabel, TabsLabelTextContainer };\r\n"],"names":["TabsLabelTextContainer","styled","Flexbox","TabsLabel","$size","$iconPosition","$icon","$iconOnly","TabsConsts.consts","Positions","css","Tabs","TabsRC","TABS_CLASS","prefixCls","tabPosition","$indicatorPosition","theme","modes","layer","disabledLayer","Variables","getLabelTypographySize","getFocusStyles"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Variants, Sizes, TAG_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TagUtils } from 'acinguiux-ds-react-base/components/Tag';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './Tag.styles';\nimport type { ITagProps } from './Tag.types';\nimport Label from '../Text/components/Label/Label';\n\nconst Tag = forwardRef<HTMLDivElement, ITagProps>(\n ({ children, className, icon, closeButtonTitle = 'Close', ...props }, ref): ReactElement => {\n const { size, shape, variant, sentiment, closeButton, onCloseClick, iconPosition, iconOnly, ...rest } =\n TagUtils.useProps(props);\n\n return (\n <Styled.Tag\n className={classNames(TAG_CLASS, className)}\n $shape={shape}\n $variant={variant}\n $size={size}\n $sentiment={sentiment}\n $icon={Boolean(icon)}\n $iconOnly={iconOnly}\n $iconPosition={iconPosition}\n ref={ref}\n {...rest}\n >\n <Styled.TagLabelContainer>\n {icon}\n {!iconOnly && <Label size={size}>{children}</Label>}\n </Styled.TagLabelContainer>\n {!!closeButton && (\n <Styled.TagButton\n title={closeButtonTitle}\n sentiment={sentiment}\n size={Sizes.XSmall}\n iconOnly={true}\n aria-label={`remove tag ${children}`}\n icon={<Cross className={`${TAG_CLASS}-close-button-icon`} />}\n onClick={onCloseClick}\n variant={Variants.Transparent}\n />\n )}\n </Styled.Tag>\n );\n },\n);\n\nexport default Tag;\n"],"names":["Tag","forwardRef","children","className","icon","closeButtonTitle","props","ref","size","shape","variant","sentiment","closeButton","onCloseClick","iconPosition","iconOnly","rest","TagUtils.useProps","jsxs","Styled.Tag","classNames","TAG_CLASS","Styled.TagLabelContainer","jsx","Label","Styled.TagButton","Sizes","Cross","Variants"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAMC;AAAA,EACV,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,MAAAC,GAAM,kBAAAC,IAAmB,SAAS,GAAGC,EAAA,GAASC,MAAsB;AAC1F,UAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,SAAAC,GAAS,WAAAC,GAAW,aAAAC,GAAa,cAAAC,GAAc,cAAAC,GAAc,UAAAC,GAAU,GAAGC,EAAA,IAC7FC,EAAkBX,CAAK;AAEzB,WACE,gBAAAY;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAWlB,CAAS;AAAA,QAC1C,QAAQM;AAAA,QACR,UAAUC;AAAA,QACV,OAAOF;AAAA,QACP,YAAYG;AAAA,QACZ,OAAO,EAAQP;AAAA,QACf,WAAWW;AAAA,QACX,eAAeD;AAAA,QACf,KAAAP;AAAA,QACC,GAAGS;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAE,EAACI,GAAA,EACE,UAAA;AAAA,YAAAlB;AAAA,YACA,CAACW,KAAY,gBAAAQ,EAACC,GAAA,EAAM,MAAAhB,GAAa,UAAAN,EAAA,CAAS;AAAA,UAAA,GAC7C;AAAA,UACC,CAAC,CAACU,KACD,gBAAAW;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,OAAOpB;AAAA,cACP,WAAAM;AAAA,cACA,MAAMe,EAAM;AAAA,cACZ,UAAU;AAAA,cACV,cAAY,cAAcxB,CAAQ;AAAA,cAClC,MAAM,gBAAAqB,EAACI,GAAA,EAAM,WAAW,GAAGN,CAAS,sBAAsB;AAAA,cAC1D,SAASR;AAAA,cACT,SAASe,EAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
1	+ {"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Variants, Sizes, TAG_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { TagUtils } from 'acinguiux-ds-react-base/components/Tag';\r\n\r\nimport Cross from '../Icon/components/Cross';\r\nimport * as Styled from './Tag.styles';\r\nimport type { ITagProps } from './Tag.types';\r\nimport Label from '../Text/components/Label/Label';\r\n\r\nconst Tag = forwardRef<HTMLDivElement, ITagProps>(\r\n ({ children, className, icon, closeButtonTitle = 'Close', ...props }, ref): ReactElement => {\r\n const { size, shape, variant, sentiment, closeButton, onCloseClick, iconPosition, iconOnly, ...rest } =\r\n TagUtils.useProps(props);\r\n\r\n return (\r\n <Styled.Tag\r\n className={classNames(TAG_CLASS, className)}\r\n $shape={shape}\r\n $variant={variant}\r\n $size={size}\r\n $sentiment={sentiment}\r\n $icon={Boolean(icon)}\r\n $iconOnly={iconOnly}\r\n $iconPosition={iconPosition}\r\n ref={ref}\r\n {...rest}\r\n >\r\n <Styled.TagLabelContainer>\r\n {icon}\r\n {!iconOnly && <Label size={size}>{children}</Label>}\r\n </Styled.TagLabelContainer>\r\n {!!closeButton && (\r\n <Styled.TagButton\r\n title={closeButtonTitle}\r\n sentiment={sentiment}\r\n size={Sizes.XSmall}\r\n iconOnly={true}\r\n aria-label={`remove tag ${children}`}\r\n icon={<Cross className={`${TAG_CLASS}-close-button-icon`} />}\r\n onClick={onCloseClick}\r\n variant={Variants.Transparent}\r\n />\r\n )}\r\n </Styled.Tag>\r\n );\r\n },\r\n);\r\n\r\nexport default Tag;\r\n"],"names":["Tag","forwardRef","children","className","icon","closeButtonTitle","props","ref","size","shape","variant","sentiment","closeButton","onCloseClick","iconPosition","iconOnly","rest","TagUtils.useProps","jsxs","Styled.Tag","classNames","TAG_CLASS","Styled.TagLabelContainer","jsx","Label","Styled.TagButton","Sizes","Cross","Variants"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAMC;AAAA,EACV,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,MAAAC,GAAM,kBAAAC,IAAmB,SAAS,GAAGC,EAAA,GAASC,MAAsB;AAC1F,UAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,SAAAC,GAAS,WAAAC,GAAW,aAAAC,GAAa,cAAAC,GAAc,cAAAC,GAAc,UAAAC,GAAU,GAAGC,EAAA,IAC7FC,EAAkBX,CAAK;AAEzB,WACE,gBAAAY;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAWlB,CAAS;AAAA,QAC1C,QAAQM;AAAA,QACR,UAAUC;AAAA,QACV,OAAOF;AAAA,QACP,YAAYG;AAAA,QACZ,OAAO,EAAQP;AAAA,QACf,WAAWW;AAAA,QACX,eAAeD;AAAA,QACf,KAAAP;AAAA,QACC,GAAGS;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAE,EAACI,GAAA,EACE,UAAA;AAAA,YAAAlB;AAAA,YACA,CAACW,KAAY,gBAAAQ,EAACC,GAAA,EAAM,MAAAhB,GAAa,UAAAN,EAAA,CAAS;AAAA,UAAA,GAC7C;AAAA,UACC,CAAC,CAACU,KACD,gBAAAW;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,OAAOpB;AAAA,cACP,WAAAM;AAAA,cACA,MAAMe,EAAM;AAAA,cACZ,UAAU;AAAA,cACV,cAAY,cAAcxB,CAAQ;AAAA,cAClC,MAAM,gBAAAqB,EAACI,GAAA,EAAM,WAAW,GAAGN,CAAS,sBAAsB;AAAA,cAC1D,SAASR;AAAA,cACT,SAASe,EAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.styles.js","sources":["../../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { TagUtils } from 'acinguiux-ds-react-base/components/Tag';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport { ITagProps } from './Tag.types';\nimport OnSentimentButton from '../Button/OnSentimentButton';\nimport { Label } from '../Text/components/Label/Label.styles';\n\ntype StylePropsRequired = 'size' \| 'shape' \| 'sentiment' \| 'variant' \| 'iconPosition' \| 'icon' \| 'iconOnly';\n\nexport const TagButton = styled(OnSentimentButton)`\n width: auto;\n min-width: auto;\n height: auto;\n min-height: auto;\n padding: 0;\n\n &:not(:disabled):hover,\n &:not(:disabled):active {\n background-color: inherit;\n color: inherit;\n }\n`;\n\nexport const TagLabelContainer = styled.div``;\n\nexport const Tag = styled.div<Required<PickTransient<ITagProps, StylePropsRequired>>>`\n ${({ theme, $sentiment, $shape, $size, $variant, $iconPosition, $icon, $iconOnly }) => {\n const {\n backgroundColor,\n color,\n borderColor,\n minHeight,\n gap,\n borderRadius,\n borderWidth,\n borderStyle,\n labelPaddingInline,\n paddingInline,\n iconSize,\n } = TagUtils.useStyles({\n theme,\n sentiment: $sentiment,\n variant: $variant,\n size: $size,\n icon: $icon,\n iconOnly: $iconOnly,\n iconPosition: $iconPosition,\n shape: $shape,\n });\n\n return css`\n display: flex;\n align-items: center;\n width: fit-content;\n gap: ${gap}px;\n min-height: ${minHeight}px;\n padding-inline: ${paddingInline}px;\n border-radius: ${borderRadius}px;\n border-width: ${borderWidth}px;\n border-style: ${borderStyle};\n background-color: ${backgroundColor};\n color: ${color};\n border-color: ${borderColor};\n\n & > ${TagLabelContainer} {\n display: flex;\n align-items: center;\n gap: ${gap}px;\n padding-inline: ${labelPaddingInline};\n\n ${$iconPosition === 'right' &&\n css`\n flex-direction: row-reverse;\n `};\n &,\n & > ${Label} {\n color: ${color};\n }\n }\n\n & > ${TagButton} {\n border-radius: ${borderRadius}px;\n }\n\n & > ${TagButton} > svg,\n & > ${TagLabelContainer} > svg {\n width: ${iconSize}px;\n height: ${iconSize}px;\n }\n `;\n }}\n`;\n"],"names":["TagButton","styled","OnSentimentButton","TagLabelContainer","Tag","theme","$sentiment","$shape","$size","$variant","$iconPosition","$icon","$iconOnly","backgroundColor","color","borderColor","minHeight","gap","borderRadius","borderWidth","borderStyle","labelPaddingInline","paddingInline","iconSize","TagUtils.useStyles","css","Label"],"mappings":";;;;AAUO,MAAMA,IAAYC,EAAOC,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcpCC,IAAoBF,EAAO,OAE3BG,IAAMH,EAAO;AAAA,IACtB,CAAC,EAAE,OAAAI,GAAO,YAAAC,GAAY,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,GAAU,eAAAC,GAAe,OAAAC,GAAO,WAAAC,QAAgB;AACrF,QAAM;AAAA,IACJ,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEC,EAAmB;AAAA,IACrB,OAAAnB;AAAA,IACA,WAAWC;AAAA,IACX,SAASG;AAAA,IACT,MAAMD;AAAA,IACN,MAAMG;AAAA,IACN,UAAUC;AAAA,IACV,cAAcF;AAAA,IACd,OAAOH;AAAA,EAAA,CACR;AAED,SAAOkB;AAAA;AAAA;AAAA;AAAA,aAIER,CAAG;AAAA,oBACID,CAAS;AAAA,wBACLM,CAAa;AAAA,uBACdJ,CAAY;AAAA,sBACbC,CAAW;AAAA,sBACXC,CAAW;AAAA,0BACPP,CAAe;AAAA,eAC1BC,CAAK;AAAA,sBACEC,CAAW;AAAA;AAAA,YAErBZ,CAAiB;AAAA;AAAA;AAAA,eAGdc,CAAG;AAAA,0BACQI,CAAkB;AAAA;AAAA,UAElCX,MAAkB,WACpBe;AAAA;AAAA,SAEC;AAAA;AAAA,cAEKC,CAAK;AAAA,mBACAZ,CAAK;AAAA;AAAA;AAAA;AAAA,YAIZd,CAAS;AAAA,yBACIkB,CAAY;AAAA;AAAA;AAAA,YAGzBlB,CAAS;AAAA,YACTG,CAAiB;AAAA,iBACZoB,CAAQ;AAAA,kBACPA,CAAQ;AAAA;AAAA;AAGxB,CAAC;AAAA;"}
1	+ {"version":3,"file":"Tag.styles.js","sources":["../../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { TagUtils } from 'acinguiux-ds-react-base/components/Tag';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport { ITagProps } from './Tag.types';\r\nimport OnSentimentButton from '../Button/OnSentimentButton';\r\nimport { Label } from '../Text/components/Label/Label.styles';\r\n\r\ntype StylePropsRequired = 'size' \| 'shape' \| 'sentiment' \| 'variant' \| 'iconPosition' \| 'icon' \| 'iconOnly';\r\n\r\nexport const TagButton = styled(OnSentimentButton)`\r\n width: auto;\r\n min-width: auto;\r\n height: auto;\r\n min-height: auto;\r\n padding: 0;\r\n\r\n &:not(:disabled):hover,\r\n &:not(:disabled):active {\r\n background-color: inherit;\r\n color: inherit;\r\n }\r\n`;\r\n\r\nexport const TagLabelContainer = styled.div``;\r\n\r\nexport const Tag = styled.div<Required<PickTransient<ITagProps, StylePropsRequired>>>`\r\n ${({ theme, $sentiment, $shape, $size, $variant, $iconPosition, $icon, $iconOnly }) => {\r\n const {\r\n backgroundColor,\r\n color,\r\n borderColor,\r\n minHeight,\r\n gap,\r\n borderRadius,\r\n borderWidth,\r\n borderStyle,\r\n labelPaddingInline,\r\n paddingInline,\r\n iconSize,\r\n } = TagUtils.useStyles({\r\n theme,\r\n sentiment: $sentiment,\r\n variant: $variant,\r\n size: $size,\r\n icon: $icon,\r\n iconOnly: $iconOnly,\r\n iconPosition: $iconPosition,\r\n shape: $shape,\r\n });\r\n\r\n return css`\r\n display: flex;\r\n align-items: center;\r\n width: fit-content;\r\n gap: ${gap}px;\r\n min-height: ${minHeight}px;\r\n padding-inline: ${paddingInline}px;\r\n border-radius: ${borderRadius}px;\r\n border-width: ${borderWidth}px;\r\n border-style: ${borderStyle};\r\n background-color: ${backgroundColor};\r\n color: ${color};\r\n border-color: ${borderColor};\r\n\r\n & > ${TagLabelContainer} {\r\n display: flex;\r\n align-items: center;\r\n gap: ${gap}px;\r\n padding-inline: ${labelPaddingInline};\r\n\r\n ${$iconPosition === 'right' &&\r\n css`\r\n flex-direction: row-reverse;\r\n `};\r\n &,\r\n & > ${Label} {\r\n color: ${color};\r\n }\r\n }\r\n\r\n & > ${TagButton} {\r\n border-radius: ${borderRadius}px;\r\n }\r\n\r\n & > ${TagButton} > svg,\r\n & > ${TagLabelContainer} > svg {\r\n width: ${iconSize}px;\r\n height: ${iconSize}px;\r\n }\r\n `;\r\n }}\r\n`;\r\n"],"names":["TagButton","styled","OnSentimentButton","TagLabelContainer","Tag","theme","$sentiment","$shape","$size","$variant","$iconPosition","$icon","$iconOnly","backgroundColor","color","borderColor","minHeight","gap","borderRadius","borderWidth","borderStyle","labelPaddingInline","paddingInline","iconSize","TagUtils.useStyles","css","Label"],"mappings":";;;;AAUO,MAAMA,IAAYC,EAAOC,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcpCC,IAAoBF,EAAO,OAE3BG,IAAMH,EAAO;AAAA,IACtB,CAAC,EAAE,OAAAI,GAAO,YAAAC,GAAY,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,GAAU,eAAAC,GAAe,OAAAC,GAAO,WAAAC,QAAgB;AACrF,QAAM;AAAA,IACJ,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEC,EAAmB;AAAA,IACrB,OAAAnB;AAAA,IACA,WAAWC;AAAA,IACX,SAASG;AAAA,IACT,MAAMD;AAAA,IACN,MAAMG;AAAA,IACN,UAAUC;AAAA,IACV,cAAcF;AAAA,IACd,OAAOH;AAAA,EAAA,CACR;AAED,SAAOkB;AAAA;AAAA;AAAA;AAAA,aAIER,CAAG;AAAA,oBACID,CAAS;AAAA,wBACLM,CAAa;AAAA,uBACdJ,CAAY;AAAA,sBACbC,CAAW;AAAA,sBACXC,CAAW;AAAA,0BACPP,CAAe;AAAA,eAC1BC,CAAK;AAAA,sBACEC,CAAW;AAAA;AAAA,YAErBZ,CAAiB;AAAA;AAAA;AAAA,eAGdc,CAAG;AAAA,0BACQI,CAAkB;AAAA;AAAA,UAElCX,MAAkB,WACpBe;AAAA;AAAA,SAEC;AAAA;AAAA,cAEKC,CAAK;AAAA,mBACAZ,CAAK;AAAA;AAAA;AAAA;AAAA,YAIZd,CAAS;AAAA,yBACIkB,CAAY;AAAA;AAAA;AAAA,YAGzBlB,CAAS;AAAA,YACTG,CAAiB;AAAA,iBACZoB,CAAQ;AAAA,kBACPA,CAAQ;AAAA;AAAA;AAGxB,CAAC;AAAA;"}

package/build/esm/components/Text/components/Display/Display.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Display.js","sources":["../../../../../../src/components/Text/components/Display/Display.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { DISPLAY_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { DisplayUtils } from 'acinguiux-ds-react-base/components/Text';\n\nimport * as Styled from './Display.styles';\nimport type { IDisplayProps } from './Display.types';\n\nconst Display = forwardRef<HTMLSpanElement, IDisplayProps>(({ className = '', ...props }, ref): ReactElement => {\n const { type, ...rest } = DisplayUtils.useProps(props);\n\n return <Styled.Display {...rest} className={classNames(DISPLAY_CLASS, className)} as={type} ref={ref} />;\n});\n\nexport default Display;\n"],"names":["Display","forwardRef","className","props","ref","type","rest","DisplayUtils.useProps","jsx","Styled.Display","classNames","DISPLAY_CLASS"],"mappings":";;;;;;AASA,MAAMA,IAAUC,EAA2C,CAAC,EAAE,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAsB;AAC9G,QAAM,EAAE,MAAAC,GAAM,GAAGC,MAASC,EAAsBJ,CAAK;AAErD,SAAO,gBAAAK,EAACC,GAAA,EAAgB,GAAGH,GAAM,WAAWI,EAAWC,GAAeT,CAAS,GAAG,IAAIG,GAAM,KAAAD,EAAA,CAAU;AACxG,CAAC;"}
1	+ {"version":3,"file":"Display.js","sources":["../../../../../../src/components/Text/components/Display/Display.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { DISPLAY_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { DisplayUtils } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nimport * as Styled from './Display.styles';\r\nimport type { IDisplayProps } from './Display.types';\r\n\r\nconst Display = forwardRef<HTMLSpanElement, IDisplayProps>(({ className = '', ...props }, ref): ReactElement => {\r\n const { type, ...rest } = DisplayUtils.useProps(props);\r\n\r\n return <Styled.Display {...rest} className={classNames(DISPLAY_CLASS, className)} as={type} ref={ref} />;\r\n});\r\n\r\nexport default Display;\r\n"],"names":["Display","forwardRef","className","props","ref","type","rest","DisplayUtils.useProps","jsx","Styled.Display","classNames","DISPLAY_CLASS"],"mappings":";;;;;;AASA,MAAMA,IAAUC,EAA2C,CAAC,EAAE,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAsB;AAC9G,QAAM,EAAE,MAAAC,GAAM,GAAGC,MAASC,EAAsBJ,CAAK;AAErD,SAAO,gBAAAK,EAACC,GAAA,EAAgB,GAAGH,GAAM,WAAWI,EAAWC,GAAeT,CAAS,GAAG,IAAIG,GAAM,KAAAD,EAAA,CAAU;AACxG,CAAC;"}

package/build/esm/components/Text/components/Display/Display.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Display.styles.js","sources":["../../../../../../src/components/Text/components/Display/Display.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\nimport { DisplayStyles } from 'acinguiux-ds-react-base/components/Text';\n\nconst Display = styled.span<DisplayStyles.StylesProps>`\n ${DisplayStyles.Styles};\n`;\n\nexport { Display };\n"],"names":["Display","styled","DisplayStyles.Styles"],"mappings":";;AAGA,MAAMA,IAAUC,EAAO;AAAA,IACnBC,CAAoB;AAAA;"}
1	+ {"version":3,"file":"Display.styles.js","sources":["../../../../../../src/components/Text/components/Display/Display.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\nimport { DisplayStyles } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nconst Display = styled.span<DisplayStyles.StylesProps>`\r\n ${DisplayStyles.Styles};\r\n`;\r\n\r\nexport { Display };\r\n"],"names":["Display","styled","DisplayStyles.Styles"],"mappings":";;AAGA,MAAMA,IAAUC,EAAO;AAAA,IACnBC,CAAoB;AAAA;"}

package/build/esm/components/Text/components/Heading/Heading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Heading.js","sources":["../../../../../../src/components/Text/components/Heading/Heading.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { HEADING_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { HeadingUtils } from 'acinguiux-ds-react-base/components/Text';\n\nimport * as Styled from './Heading.styles';\nimport type { IHeadingProps } from './Heading.types';\n\nconst Heading = forwardRef<HTMLHeadingElement \| HTMLLabelElement \| HTMLSpanElement, IHeadingProps>(\n ({ className = '', ...props }, ref): ReactElement => {\n const { type, ...rest } = HeadingUtils.useProps(props);\n\n return <Styled.Heading {...rest} className={classNames(HEADING_CLASS, className)} as={type} ref={ref} />;\n },\n);\n\nexport default Heading;\n"],"names":["Heading","forwardRef","className","props","ref","type","rest","HeadingUtils.useProps","jsx","Styled.Heading","classNames","HEADING_CLASS"],"mappings":";;;;;;AASA,MAAMA,IAAUC;AAAA,EACd,CAAC,EAAE,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAsB;AACnD,UAAM,EAAE,MAAAC,GAAM,GAAGC,MAASC,EAAsBJ,CAAK;AAErD,WAAO,gBAAAK,EAACC,GAAA,EAAgB,GAAGH,GAAM,WAAWI,EAAWC,GAAeT,CAAS,GAAG,IAAIG,GAAM,KAAAD,EAAA,CAAU;AAAA,EACxG;AACF;"}
1	+ {"version":3,"file":"Heading.js","sources":["../../../../../../src/components/Text/components/Heading/Heading.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { HEADING_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { HeadingUtils } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nimport * as Styled from './Heading.styles';\r\nimport type { IHeadingProps } from './Heading.types';\r\n\r\nconst Heading = forwardRef<HTMLHeadingElement \| HTMLLabelElement \| HTMLSpanElement, IHeadingProps>(\r\n ({ className = '', ...props }, ref): ReactElement => {\r\n const { type, ...rest } = HeadingUtils.useProps(props);\r\n\r\n return <Styled.Heading {...rest} className={classNames(HEADING_CLASS, className)} as={type} ref={ref} />;\r\n },\r\n);\r\n\r\nexport default Heading;\r\n"],"names":["Heading","forwardRef","className","props","ref","type","rest","HeadingUtils.useProps","jsx","Styled.Heading","classNames","HEADING_CLASS"],"mappings":";;;;;;AASA,MAAMA,IAAUC;AAAA,EACd,CAAC,EAAE,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAsB;AACnD,UAAM,EAAE,MAAAC,GAAM,GAAGC,MAASC,EAAsBJ,CAAK;AAErD,WAAO,gBAAAK,EAACC,GAAA,EAAgB,GAAGH,GAAM,WAAWI,EAAWC,GAAeT,CAAS,GAAG,IAAIG,GAAM,KAAAD,EAAA,CAAU;AAAA,EACxG;AACF;"}

package/build/esm/components/Text/components/Heading/Heading.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Heading.styles.js","sources":["../../../../../../src/components/Text/components/Heading/Heading.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\nimport { HeadingStyles } from 'acinguiux-ds-react-base/components/Text';\n\nconst Heading = styled.h1<HeadingStyles.StylesProps>`\n ${HeadingStyles.Styles};\n`;\n\nexport { Heading };\n"],"names":["Heading","styled","HeadingStyles.Styles"],"mappings":";;AAGA,MAAMA,IAAUC,EAAO;AAAA,IACnBC,CAAoB;AAAA;"}
1	+ {"version":3,"file":"Heading.styles.js","sources":["../../../../../../src/components/Text/components/Heading/Heading.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\nimport { HeadingStyles } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nconst Heading = styled.h1<HeadingStyles.StylesProps>`\r\n ${HeadingStyles.Styles};\r\n`;\r\n\r\nexport { Heading };\r\n"],"names":["Heading","styled","HeadingStyles.Styles"],"mappings":";;AAGA,MAAMA,IAAUC,EAAO;AAAA,IACnBC,CAAoB;AAAA;"}

package/build/esm/components/Text/components/Label/Label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Label.js","sources":["../../../../../../src/components/Text/components/Label/Label.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { LABEL_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { LabelUtils } from 'acinguiux-ds-react-base/components/Text';\n\nimport * as Styled from './Label.styles';\nimport type { ILabelProps } from './Label.types';\n\nconst Label = forwardRef<HTMLSpanElement, ILabelProps>(({ className = '', ...props }, ref): ReactElement => {\n const { type, ...rest } = LabelUtils.useProps(props);\n\n return <Styled.Label className={classNames(LABEL_CLASS, className)} as={type} ref={ref} {...rest} />;\n});\n\nexport default Label;\n"],"names":["Label","forwardRef","className","props","ref","type","rest","LabelUtils.useProps","jsx","Styled.Label","classNames","LABEL_CLASS"],"mappings":";;;;;;AASA,MAAMA,IAAQC,EAAyC,CAAC,EAAE,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAsB;AAC1G,QAAM,EAAE,MAAAC,GAAM,GAAGC,MAASC,EAAoBJ,CAAK;AAEnD,SAAO,gBAAAK,EAACC,GAAA,EAAa,WAAWC,EAAWC,GAAaT,CAAS,GAAG,IAAIG,GAAM,KAAAD,GAAW,GAAGE,EAAA,CAAM;AACpG,CAAC;"}
1	+ {"version":3,"file":"Label.js","sources":["../../../../../../src/components/Text/components/Label/Label.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { LABEL_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { LabelUtils } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nimport * as Styled from './Label.styles';\r\nimport type { ILabelProps } from './Label.types';\r\n\r\nconst Label = forwardRef<HTMLSpanElement, ILabelProps>(({ className = '', ...props }, ref): ReactElement => {\r\n const { type, ...rest } = LabelUtils.useProps(props);\r\n\r\n return <Styled.Label className={classNames(LABEL_CLASS, className)} as={type} ref={ref} {...rest} />;\r\n});\r\n\r\nexport default Label;\r\n"],"names":["Label","forwardRef","className","props","ref","type","rest","LabelUtils.useProps","jsx","Styled.Label","classNames","LABEL_CLASS"],"mappings":";;;;;;AASA,MAAMA,IAAQC,EAAyC,CAAC,EAAE,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAsB;AAC1G,QAAM,EAAE,MAAAC,GAAM,GAAGC,MAASC,EAAoBJ,CAAK;AAEnD,SAAO,gBAAAK,EAACC,GAAA,EAAa,WAAWC,EAAWC,GAAaT,CAAS,GAAG,IAAIG,GAAM,KAAAD,GAAW,GAAGE,EAAA,CAAM;AACpG,CAAC;"}

package/build/esm/components/Text/components/Label/Label.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Label.styles.js","sources":["../../../../../../src/components/Text/components/Label/Label.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\nimport { LabelStyles } from 'acinguiux-ds-react-base/components/Text';\n\nconst Label = styled.span<LabelStyles.StylesProps>`\n ${LabelStyles.Styles};\n`;\n\nexport { Label };\n"],"names":["Label","styled","LabelStyles.Styles"],"mappings":";;AAGA,MAAMA,IAAQC,EAAO;AAAA,IACjBC,CAAkB;AAAA;"}
1	+ {"version":3,"file":"Label.styles.js","sources":["../../../../../../src/components/Text/components/Label/Label.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\nimport { LabelStyles } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nconst Label = styled.span<LabelStyles.StylesProps>`\r\n ${LabelStyles.Styles};\r\n`;\r\n\r\nexport { Label };\r\n"],"names":["Label","styled","LabelStyles.Styles"],"mappings":";;AAGA,MAAMA,IAAQC,EAAO;AAAA,IACjBC,CAAkB;AAAA;"}

package/build/esm/components/Text/components/Link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../../../../src/components/Text/components/Link/Link.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { LINK_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { LinkUtils } from 'acinguiux-ds-react-base/components/Text';\n\nimport * as Styled from './Link.styles';\nimport type { ILinkProps } from './Link.types';\n\nconst Link = forwardRef<HTMLLinkElement, ILinkProps>(({ className, children, ...rest }, ref): ReactElement => {\n const { hoverStyles, visitedStyles, defaultStyles, pressStyles, disabledStyles } = LinkUtils.useProps();\n\n return (\n <Styled.Link\n $defaultStyles={defaultStyles}\n $hoverStyles={hoverStyles}\n $pressStyles={pressStyles}\n $visitedStyles={visitedStyles}\n $disabledStyles={disabledStyles}\n className={classNames(LINK_CLASS, className)}\n ref={ref}\n {...rest}\n >\n {children}\n </Styled.Link>\n );\n});\n\nexport default Link;\n"],"names":["Link","forwardRef","className","children","rest","ref","hoverStyles","visitedStyles","defaultStyles","pressStyles","disabledStyles","LinkUtils.useProps","jsx","Styled.Link","classNames","LINK_CLASS"],"mappings":";;;;;;AASA,MAAMA,IAAOC,EAAwC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAsB;AAC5G,QAAM,EAAE,aAAAC,GAAa,eAAAC,GAAe,eAAAC,GAAe,aAAAC,GAAa,gBAAAC,EAAA,IAAmBC,EAAU;AAE7F,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAgBL;AAAA,MAChB,cAAcF;AAAA,MACd,cAAcG;AAAA,MACd,gBAAgBF;AAAA,MAChB,iBAAiBG;AAAA,MACjB,WAAWI,EAAWC,GAAYb,CAAS;AAAA,MAC3C,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
1	+ {"version":3,"file":"Link.js","sources":["../../../../../../src/components/Text/components/Link/Link.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { LINK_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { LinkUtils } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nimport * as Styled from './Link.styles';\r\nimport type { ILinkProps } from './Link.types';\r\n\r\nconst Link = forwardRef<HTMLLinkElement, ILinkProps>(({ className, children, ...rest }, ref): ReactElement => {\r\n const { hoverStyles, visitedStyles, defaultStyles, pressStyles, disabledStyles } = LinkUtils.useProps();\r\n\r\n return (\r\n <Styled.Link\r\n $defaultStyles={defaultStyles}\r\n $hoverStyles={hoverStyles}\r\n $pressStyles={pressStyles}\r\n $visitedStyles={visitedStyles}\r\n $disabledStyles={disabledStyles}\r\n className={classNames(LINK_CLASS, className)}\r\n ref={ref}\r\n {...rest}\r\n >\r\n {children}\r\n </Styled.Link>\r\n );\r\n});\r\n\r\nexport default Link;\r\n"],"names":["Link","forwardRef","className","children","rest","ref","hoverStyles","visitedStyles","defaultStyles","pressStyles","disabledStyles","LinkUtils.useProps","jsx","Styled.Link","classNames","LINK_CLASS"],"mappings":";;;;;;AASA,MAAMA,IAAOC,EAAwC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAsB;AAC5G,QAAM,EAAE,aAAAC,GAAa,eAAAC,GAAe,eAAAC,GAAe,aAAAC,GAAa,gBAAAC,EAAA,IAAmBC,EAAU;AAE7F,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAgBL;AAAA,MAChB,cAAcF;AAAA,MACd,cAAcG;AAAA,MACd,gBAAgBF;AAAA,MAChB,iBAAiBG;AAAA,MACjB,WAAWI,EAAWC,GAAYb,CAAS;AAAA,MAC3C,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/build/esm/components/Text/components/Link/Link.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.styles.js","sources":["../../../../../../src/components/Text/components/Link/Link.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport type { TransientAll } from 'acinguiux-ds-react-base/types';\nimport { LinkUtils } from 'acinguiux-ds-react-base/components/Text';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nconst Link = styled.span<TransientAll<ReturnType<typeof LinkUtils.useProps>>>`\n ${({ theme, $defaultStyles, $hoverStyles, $pressStyles, $visitedStyles, $disabledStyles }) => css`\n a {\n ${$defaultStyles};\n &:visited {\n ${$visitedStyles};\n }\n\n &:hover {\n ${$hoverStyles};\n }\n\n &:active {\n ${$pressStyles};\n }\n\n &:focus-visible {\n ${getFocusStyles(theme)};\n }\n\n &:disabled {\n ${$disabledStyles};\n }\n\n &[aria-hidden='true'] {\n border: none;\n }\n }\n `};\n`;\n\nexport { Link };\n"],"names":["Link","styled","theme","$defaultStyles","$hoverStyles","$pressStyles","$visitedStyles","$disabledStyles","css","getFocusStyles"],"mappings":";;AAKA,MAAMA,IAAOC,EAAO;AAAA,IAChB,CAAC,EAAE,OAAAC,GAAO,gBAAAC,GAAgB,cAAAC,GAAc,cAAAC,GAAc,gBAAAC,GAAgB,iBAAAC,QAAsBC;AAAA;AAAA,QAExFL,CAAc;AAAA;AAAA,UAEZG,CAAc;AAAA;AAAA;AAAA;AAAA,UAIdF,CAAY;AAAA;AAAA;AAAA;AAAA,UAIZC,CAAY;AAAA;AAAA;AAAA;AAAA,UAIZI,EAAeP,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA,UAIrBK,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtB;AAAA;"}
1	+ {"version":3,"file":"Link.styles.js","sources":["../../../../../../src/components/Text/components/Link/Link.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport type { TransientAll } from 'acinguiux-ds-react-base/types';\r\nimport { LinkUtils } from 'acinguiux-ds-react-base/components/Text';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\n\r\nconst Link = styled.span<TransientAll<ReturnType<typeof LinkUtils.useProps>>>`\r\n ${({ theme, $defaultStyles, $hoverStyles, $pressStyles, $visitedStyles, $disabledStyles }) => css`\r\n a {\r\n ${$defaultStyles};\r\n &:visited {\r\n ${$visitedStyles};\r\n }\r\n\r\n &:hover {\r\n ${$hoverStyles};\r\n }\r\n\r\n &:active {\r\n ${$pressStyles};\r\n }\r\n\r\n &:focus-visible {\r\n ${getFocusStyles(theme)};\r\n }\r\n\r\n &:disabled {\r\n ${$disabledStyles};\r\n }\r\n\r\n &[aria-hidden='true'] {\r\n border: none;\r\n }\r\n }\r\n `};\r\n`;\r\n\r\nexport { Link };\r\n"],"names":["Link","styled","theme","$defaultStyles","$hoverStyles","$pressStyles","$visitedStyles","$disabledStyles","css","getFocusStyles"],"mappings":";;AAKA,MAAMA,IAAOC,EAAO;AAAA,IAChB,CAAC,EAAE,OAAAC,GAAO,gBAAAC,GAAgB,cAAAC,GAAc,cAAAC,GAAc,gBAAAC,GAAgB,iBAAAC,QAAsBC;AAAA;AAAA,QAExFL,CAAc;AAAA;AAAA,UAEZG,CAAc;AAAA;AAAA;AAAA;AAAA,UAIdF,CAAY;AAAA;AAAA;AAAA;AAAA,UAIZC,CAAY;AAAA;AAAA;AAAA;AAAA,UAIZI,EAAeP,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA,UAIrBK,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtB;AAAA;"}

package/build/esm/components/Text/components/Section/Section.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Section.js","sources":["../../../../../../src/components/Text/components/Section/Section.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { SECTION_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './Section.styles';\nimport type { ISectionProps } from './Section.types';\n\nconst Section = forwardRef<HTMLElement, ISectionProps>(\n ({ className = '', gutter = false, children, ...rest }, ref): ReactElement => (\n <Styled.Section className={classNames(SECTION_CLASS, className)} $gutter={gutter} ref={ref} {...rest}>\n {children}\n </Styled.Section>\n ),\n);\n\nexport default Section;\n"],"names":["Section","forwardRef","className","gutter","children","rest","ref","jsx","Styled.Section","classNames","SECTION_CLASS"],"mappings":";;;;;AAQA,MAAMA,IAAUC;AAAA,EACd,CAAC,EAAE,WAAAC,IAAY,IAAI,QAAAC,IAAS,IAAO,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MACtD,gBAAAC,EAACC,GAAA,EAAe,WAAWC,EAAWC,GAAeR,CAAS,GAAG,SAASC,GAAQ,KAAAG,GAAW,GAAGD,GAC7F,UAAAD,EAAA,CACH;AAEJ;"}
1	+ {"version":3,"file":"Section.js","sources":["../../../../../../src/components/Text/components/Section/Section.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { SECTION_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport * as Styled from './Section.styles';\r\nimport type { ISectionProps } from './Section.types';\r\n\r\nconst Section = forwardRef<HTMLElement, ISectionProps>(\r\n ({ className = '', gutter = false, children, ...rest }, ref): ReactElement => (\r\n <Styled.Section className={classNames(SECTION_CLASS, className)} $gutter={gutter} ref={ref} {...rest}>\r\n {children}\r\n </Styled.Section>\r\n ),\r\n);\r\n\r\nexport default Section;\r\n"],"names":["Section","forwardRef","className","gutter","children","rest","ref","jsx","Styled.Section","classNames","SECTION_CLASS"],"mappings":";;;;;AAQA,MAAMA,IAAUC;AAAA,EACd,CAAC,EAAE,WAAAC,IAAY,IAAI,QAAAC,IAAS,IAAO,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MACtD,gBAAAC,EAACC,GAAA,EAAe,WAAWC,EAAWC,GAAeR,CAAS,GAAG,SAASC,GAAQ,KAAAG,GAAW,GAAGD,GAC7F,UAAAD,EAAA,CACH;AAEJ;"}

package/build/esm/components/Text/components/Section/Section.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Section.styles.js","sources":["../../../../../../src/components/Text/components/Section/Section.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\nimport { SectionStyles } from 'acinguiux-ds-react-base/components/Text';\n\nconst Section = styled.section<SectionStyles.StylesProps>`\n ${SectionStyles.Styles};\n`;\n\nexport { Section };\n"],"names":["Section","styled","SectionStyles.Styles"],"mappings":";;AAGA,MAAMA,IAAUC,EAAO;AAAA,IACnBC,CAAoB;AAAA;"}
1	+ {"version":3,"file":"Section.styles.js","sources":["../../../../../../src/components/Text/components/Section/Section.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\nimport { SectionStyles } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nconst Section = styled.section<SectionStyles.StylesProps>`\r\n ${SectionStyles.Styles};\r\n`;\r\n\r\nexport { Section };\r\n"],"names":["Section","styled","SectionStyles.Styles"],"mappings":";;AAGA,MAAMA,IAAUC,EAAO;AAAA,IACnBC,CAAoB;AAAA;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.js","sources":["../../../../../../src/components/Text/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { PARAGRAPH_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TextUtils } from 'acinguiux-ds-react-base/components/Text';\n\nimport * as Styled from './Text.styles';\nimport type { ITextProps } from './Text.types';\n\nconst Text = forwardRef<HTMLParagraphElement, ITextProps>(({ className = '', ...props }, ref): ReactElement => {\n const { type, ...rest } = TextUtils.useProps(props);\n\n return <Styled.Text className={classNames(PARAGRAPH_CLASS, className)} as={type} ref={ref} {...rest} />;\n});\n\nexport default Text;\n"],"names":["Text","forwardRef","className","props","ref","type","rest","TextUtils.useProps","jsx","Styled.Text","classNames","PARAGRAPH_CLASS"],"mappings":";;;;;;AASA,MAAMA,IAAOC,EAA6C,CAAC,EAAE,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAsB;AAC7G,QAAM,EAAE,MAAAC,GAAM,GAAGC,MAASC,EAAmBJ,CAAK;AAElD,SAAO,gBAAAK,EAACC,GAAA,EAAY,WAAWC,EAAWC,GAAiBT,CAAS,GAAG,IAAIG,GAAM,KAAAD,GAAW,GAAGE,EAAA,CAAM;AACvG,CAAC;"}
1	+ {"version":3,"file":"Text.js","sources":["../../../../../../src/components/Text/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { PARAGRAPH_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { TextUtils } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nimport * as Styled from './Text.styles';\r\nimport type { ITextProps } from './Text.types';\r\n\r\nconst Text = forwardRef<HTMLParagraphElement, ITextProps>(({ className = '', ...props }, ref): ReactElement => {\r\n const { type, ...rest } = TextUtils.useProps(props);\r\n\r\n return <Styled.Text className={classNames(PARAGRAPH_CLASS, className)} as={type} ref={ref} {...rest} />;\r\n});\r\n\r\nexport default Text;\r\n"],"names":["Text","forwardRef","className","props","ref","type","rest","TextUtils.useProps","jsx","Styled.Text","classNames","PARAGRAPH_CLASS"],"mappings":";;;;;;AASA,MAAMA,IAAOC,EAA6C,CAAC,EAAE,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAsB;AAC7G,QAAM,EAAE,MAAAC,GAAM,GAAGC,MAASC,EAAmBJ,CAAK;AAElD,SAAO,gBAAAK,EAACC,GAAA,EAAY,WAAWC,EAAWC,GAAiBT,CAAS,GAAG,IAAIG,GAAM,KAAAD,GAAW,GAAGE,EAAA,CAAM;AACvG,CAAC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.styles.js","sources":["../../../../../../src/components/Text/components/Text/Text.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\nimport { TextStyles } from 'acinguiux-ds-react-base/components/Text';\n\nconst Text = styled.p<TextStyles.StylesProps>`\n ${TextStyles.Styles};\n`;\n\nexport { Text };\n"],"names":["Text","styled","TextStyles.Styles"],"mappings":";;AAGA,MAAMA,IAAOC,EAAO;AAAA,IAChBC,CAAiB;AAAA;"}
1	+ {"version":3,"file":"Text.styles.js","sources":["../../../../../../src/components/Text/components/Text/Text.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\nimport { TextStyles } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nconst Text = styled.p<TextStyles.StylesProps>`\r\n ${TextStyles.Styles};\r\n`;\r\n\r\nexport { Text };\r\n"],"names":["Text","styled","TextStyles.Styles"],"mappings":";;AAGA,MAAMA,IAAOC,EAAO;AAAA,IAChBC,CAAiB;AAAA;"}