@kubit-ui-web/react-components 1.8.1 → 1.8.3
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.
- package/dist/cjs/components/carousel/carouselStandAlone.js +1 -1
- package/dist/cjs/components/carousel/carouselStandAlone.js.map +1 -1
- package/dist/cjs/components/checkboxWithLabel/checkboxWithLabelControlled.js +3 -0
- package/dist/cjs/components/checkboxWithLabel/checkboxWithLabelControlled.js.map +1 -1
- package/dist/cjs/components/checkboxWithLabel/checkboxWithLabelUncontrolled.js +3 -0
- package/dist/cjs/components/checkboxWithLabel/checkboxWithLabelUncontrolled.js.map +1 -1
- package/dist/cjs/components/confirmationMessage/confirmationMessage.js +3 -0
- package/dist/cjs/components/confirmationMessage/confirmationMessage.js.map +1 -1
- package/dist/cjs/components/cssAnimation/cssAnimation.js +2 -1
- package/dist/cjs/components/cssAnimation/cssAnimation.js.map +1 -1
- package/dist/cjs/components/dataTable/dataTable.js +6 -2
- package/dist/cjs/components/dataTable/dataTable.js.map +1 -1
- package/dist/cjs/components/dataTable/dataTableStandAlone.js +2 -2
- package/dist/cjs/components/dataTable/dataTableStandAlone.js.map +1 -1
- package/dist/cjs/components/dataTable/hooks/index.js +3 -1
- package/dist/cjs/components/dataTable/hooks/index.js.map +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyDividers.js +91 -0
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyDividers.js.map +1 -0
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyLeftColumns.js +74 -0
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyLeftColumns.js.map +1 -0
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyRightColumns.js +82 -0
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyRightColumns.js.map +1 -0
- package/dist/cjs/components/elementOrIcon/elementOrIcon.js +2 -3
- package/dist/cjs/components/elementOrIcon/elementOrIcon.js.map +1 -1
- package/dist/cjs/components/elementOrIllustration/elementOrIllustration.js +0 -1
- package/dist/cjs/components/elementOrIllustration/elementOrIllustration.js.map +1 -1
- package/dist/cjs/components/emptyState/emptyState.js +3 -0
- package/dist/cjs/components/emptyState/emptyState.js.map +1 -1
- package/dist/cjs/components/footer/components/footerSection.js +3 -3
- package/dist/cjs/components/footer/components/footerSection.js.map +1 -1
- package/dist/cjs/components/footer/footer.js +3 -0
- package/dist/cjs/components/footer/footer.js.map +1 -1
- package/dist/cjs/components/footer/footer.styled.js +31 -32
- package/dist/cjs/components/footer/footer.styled.js.map +1 -1
- package/dist/cjs/components/footer/footerStandAlone.js +42 -23
- package/dist/cjs/components/footer/footerStandAlone.js.map +1 -1
- package/dist/cjs/components/footer/utils/getOrderConfiguration.js +22 -0
- package/dist/cjs/components/footer/utils/getOrderConfiguration.js.map +1 -0
- package/dist/cjs/components/header/header.js +3 -0
- package/dist/cjs/components/header/header.js.map +1 -1
- package/dist/cjs/components/headerStructure/headerStructure.js +3 -0
- package/dist/cjs/components/headerStructure/headerStructure.js.map +1 -1
- package/dist/cjs/components/icon/icon.js +1 -1
- package/dist/cjs/components/icon/icon.js.map +1 -1
- package/dist/cjs/components/icon/iconHost.js +7 -0
- package/dist/cjs/components/icon/iconHost.js.map +1 -1
- package/dist/cjs/components/icon/iconStandAlone.js +5 -6
- package/dist/cjs/components/icon/iconStandAlone.js.map +1 -1
- package/dist/cjs/components/index.js +25 -19
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/inputDate/hooks/useInputDate.js +0 -6
- package/dist/cjs/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/cjs/components/inputDate/inputDate.js +9 -3
- package/dist/cjs/components/inputDate/inputDate.js.map +1 -1
- package/dist/cjs/components/inputDate/inputDateStandAlone.js +1 -1
- package/dist/cjs/components/inputDate/inputDateStandAlone.js.map +1 -1
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/cjs/components/inputSearch/hooks/useInputSearch.js.map +1 -1
- package/dist/cjs/components/lineSeparator/lineSeparator.js.map +1 -1
- package/dist/cjs/components/listOptions/listOptionsStandAlone.js +3 -1
- package/dist/cjs/components/listOptions/listOptionsStandAlone.js.map +1 -1
- package/dist/cjs/components/loader/loader.js +10 -0
- package/dist/cjs/components/loader/loader.js.map +1 -1
- package/dist/cjs/components/loadingState/loadingState.js +3 -0
- package/dist/cjs/components/loadingState/loadingState.js.map +1 -1
- package/dist/cjs/components/mediaProgressBar/mediaProgressBar.styled.js +2 -0
- package/dist/cjs/components/mediaProgressBar/mediaProgressBar.styled.js.map +1 -1
- package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.js +2 -2
- package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.js.map +1 -1
- package/dist/cjs/components/oliveMenu/utils/getAriaControls.js +1 -1
- package/dist/cjs/components/oliveMenu/utils/getAriaControls.js.map +1 -1
- package/dist/cjs/components/operativeLayout/operativeLayout.js +3 -0
- package/dist/cjs/components/operativeLayout/operativeLayout.js.map +1 -1
- package/dist/cjs/components/pill/pill.styled.js +7 -1
- package/dist/cjs/components/pill/pill.styled.js.map +1 -1
- package/dist/cjs/components/pill/pillStandAlone.js +2 -1
- package/dist/cjs/components/pill/pillStandAlone.js.map +1 -1
- package/dist/cjs/components/pillSelector/pillSelectorStandAlone.js +4 -2
- package/dist/cjs/components/pillSelector/pillSelectorStandAlone.js.map +1 -1
- package/dist/cjs/components/portal/portal.js +1 -0
- package/dist/cjs/components/portal/portal.js.map +1 -1
- package/dist/cjs/components/snackbar/snackbarStandAlone.js +5 -2
- package/dist/cjs/components/snackbar/snackbarStandAlone.js.map +1 -1
- package/dist/cjs/components/table/component/table.js +3 -1
- package/dist/cjs/components/table/component/table.js.map +1 -1
- package/dist/cjs/components/table/table.styled.js +9 -1
- package/dist/cjs/components/table/table.styled.js.map +1 -1
- package/dist/cjs/components/tableCell/tableCell.styled.js +1 -1
- package/dist/cjs/components/tableV2/hooks/index.js +2 -1
- package/dist/cjs/components/tableV2/hooks/index.js.map +1 -1
- package/dist/cjs/components/tableV2/hooks/useTableStickyLeftColumns.js +72 -0
- package/dist/cjs/components/tableV2/hooks/useTableStickyLeftColumns.js.map +1 -0
- package/dist/cjs/components/tableV2/hooks/useTableStickyRightColumns.js +80 -0
- package/dist/cjs/components/tableV2/hooks/useTableStickyRightColumns.js.map +1 -0
- package/dist/cjs/components/tableV2/table.js +5 -3
- package/dist/cjs/components/tableV2/table.js.map +1 -1
- package/dist/cjs/components/text/textStandAlone.js +1 -1
- package/dist/cjs/components/text/textStandAlone.js.map +1 -1
- package/dist/cjs/components/textCount/textCount.js +1 -0
- package/dist/cjs/components/textCount/textCount.js.map +1 -1
- package/dist/cjs/components/thirdPartyAnimation/thirdPartyAnimation.js +7 -0
- package/dist/cjs/components/thirdPartyAnimation/thirdPartyAnimation.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js +3 -0
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js +3 -0
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/table/styles.js +4 -4
- package/dist/esm/components/carousel/carouselStandAlone.js +1 -1
- package/dist/esm/components/carousel/carouselStandAlone.js.map +1 -1
- package/dist/esm/components/carousel/types/carousel.d.ts +3 -2
- package/dist/esm/components/checkboxWithLabel/checkboxWithLabelControlled.d.ts +3 -0
- package/dist/esm/components/checkboxWithLabel/checkboxWithLabelControlled.js +3 -0
- package/dist/esm/components/checkboxWithLabel/checkboxWithLabelControlled.js.map +1 -1
- package/dist/esm/components/checkboxWithLabel/checkboxWithLabelUncontrolled.d.ts +3 -0
- package/dist/esm/components/checkboxWithLabel/checkboxWithLabelUncontrolled.js +3 -0
- package/dist/esm/components/checkboxWithLabel/checkboxWithLabelUncontrolled.js.map +1 -1
- package/dist/esm/components/confirmationMessage/confirmationMessage.d.ts +3 -0
- package/dist/esm/components/confirmationMessage/confirmationMessage.js +3 -0
- package/dist/esm/components/confirmationMessage/confirmationMessage.js.map +1 -1
- package/dist/esm/components/cssAnimation/cssAnimation.d.ts +2 -1
- package/dist/esm/components/cssAnimation/cssAnimation.js +2 -1
- package/dist/esm/components/cssAnimation/cssAnimation.js.map +1 -1
- package/dist/esm/components/dataTable/dataTable.js +7 -3
- package/dist/esm/components/dataTable/dataTable.js.map +1 -1
- package/dist/esm/components/dataTable/dataTableStandAlone.js +2 -2
- package/dist/esm/components/dataTable/dataTableStandAlone.js.map +1 -1
- package/dist/esm/components/dataTable/hooks/index.d.ts +3 -1
- package/dist/esm/components/dataTable/hooks/index.js +3 -1
- package/dist/esm/components/dataTable/hooks/index.js.map +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableStickyDividers.d.ts +7 -0
- package/dist/esm/components/dataTable/hooks/useDataTableStickyDividers.js +64 -0
- package/dist/esm/components/dataTable/hooks/useDataTableStickyDividers.js.map +1 -0
- package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.d.ts +7 -0
- package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.js +47 -0
- package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.js.map +1 -0
- package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.d.ts +7 -0
- package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.js +55 -0
- package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.js.map +1 -0
- package/dist/esm/components/dataTable/types/dataTable.d.ts +4 -1
- package/dist/esm/components/elementOrIcon/elementOrIcon.d.ts +2 -3
- package/dist/esm/components/elementOrIcon/elementOrIcon.js +2 -3
- package/dist/esm/components/elementOrIcon/elementOrIcon.js.map +1 -1
- package/dist/esm/components/elementOrIllustration/elementOrIllustration.d.ts +0 -1
- package/dist/esm/components/elementOrIllustration/elementOrIllustration.js +0 -1
- package/dist/esm/components/elementOrIllustration/elementOrIllustration.js.map +1 -1
- package/dist/esm/components/emptyState/emptyState.d.ts +3 -0
- package/dist/esm/components/emptyState/emptyState.js +3 -0
- package/dist/esm/components/emptyState/emptyState.js.map +1 -1
- package/dist/esm/components/footer/components/footerSection.d.ts +9 -2
- package/dist/esm/components/footer/components/footerSection.js +3 -3
- package/dist/esm/components/footer/components/footerSection.js.map +1 -1
- package/dist/esm/components/footer/footer.d.ts +3 -0
- package/dist/esm/components/footer/footer.js +3 -0
- package/dist/esm/components/footer/footer.js.map +1 -1
- package/dist/esm/components/footer/footer.styled.d.ts +7 -3
- package/dist/esm/components/footer/footer.styled.js +30 -31
- package/dist/esm/components/footer/footer.styled.js.map +1 -1
- package/dist/esm/components/footer/footerStandAlone.js +36 -17
- package/dist/esm/components/footer/footerStandAlone.js.map +1 -1
- package/dist/esm/components/footer/types/footer.d.ts +4 -3
- package/dist/esm/components/footer/utils/getOrderConfiguration.d.ts +9 -0
- package/dist/esm/components/footer/utils/getOrderConfiguration.js +18 -0
- package/dist/esm/components/footer/utils/getOrderConfiguration.js.map +1 -0
- package/dist/esm/components/header/header.d.ts +3 -0
- package/dist/esm/components/header/header.js +3 -0
- package/dist/esm/components/header/header.js.map +1 -1
- package/dist/esm/components/headerStructure/headerStructure.d.ts +3 -0
- package/dist/esm/components/headerStructure/headerStructure.js +3 -0
- package/dist/esm/components/headerStructure/headerStructure.js.map +1 -1
- package/dist/esm/components/icon/icon.js +1 -1
- package/dist/esm/components/icon/icon.js.map +1 -1
- package/dist/esm/components/icon/iconHost.d.ts +7 -0
- package/dist/esm/components/icon/iconHost.js +7 -0
- package/dist/esm/components/icon/iconHost.js.map +1 -1
- package/dist/esm/components/icon/iconStandAlone.js +5 -6
- package/dist/esm/components/icon/iconStandAlone.js.map +1 -1
- package/dist/esm/components/icon/types/icon.d.ts +2 -0
- package/dist/esm/components/index.d.ts +25 -19
- package/dist/esm/components/index.js +25 -19
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/inputDate/hooks/useInputDate.d.ts +0 -1
- package/dist/esm/components/inputDate/hooks/useInputDate.js +0 -6
- package/dist/esm/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/esm/components/inputDate/inputDate.js +9 -3
- package/dist/esm/components/inputDate/inputDate.js.map +1 -1
- package/dist/esm/components/inputDate/inputDateStandAlone.js +1 -1
- package/dist/esm/components/inputDate/inputDateStandAlone.js.map +1 -1
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.d.ts +4 -0
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/esm/components/inputDropdown/types/inputDropdown.d.ts +4 -0
- package/dist/esm/components/inputSearch/hooks/useInputSearch.d.ts +4 -0
- package/dist/esm/components/inputSearch/hooks/useInputSearch.js.map +1 -1
- package/dist/esm/components/inputSearch/types/inputSearch.d.ts +4 -0
- package/dist/esm/components/lineSeparator/lineSeparator.d.ts +2 -1
- package/dist/esm/components/lineSeparator/lineSeparator.js +2 -1
- package/dist/esm/components/lineSeparator/lineSeparator.js.map +1 -1
- package/dist/esm/components/listOptions/listOptionsStandAlone.js +3 -1
- package/dist/esm/components/listOptions/listOptionsStandAlone.js.map +1 -1
- package/dist/esm/components/loader/loader.d.ts +5 -4
- package/dist/esm/components/loader/loader.js +3 -2
- package/dist/esm/components/loader/loader.js.map +1 -1
- package/dist/esm/components/loadingState/loadingState.d.ts +3 -0
- package/dist/esm/components/loadingState/loadingState.js +3 -0
- package/dist/esm/components/loadingState/loadingState.js.map +1 -1
- package/dist/esm/components/mediaProgressBar/mediaProgressBar.styled.js +2 -0
- package/dist/esm/components/mediaProgressBar/mediaProgressBar.styled.js.map +1 -1
- package/dist/esm/components/oliveMenu/oliveMenuStandAlone.js +2 -2
- package/dist/esm/components/oliveMenu/oliveMenuStandAlone.js.map +1 -1
- package/dist/esm/components/oliveMenu/utils/getAriaControls.js +1 -1
- package/dist/esm/components/oliveMenu/utils/getAriaControls.js.map +1 -1
- package/dist/esm/components/operativeLayout/operativeLayout.d.ts +3 -0
- package/dist/esm/components/operativeLayout/operativeLayout.js +3 -0
- package/dist/esm/components/operativeLayout/operativeLayout.js.map +1 -1
- package/dist/esm/components/pill/pill.styled.d.ts +2 -0
- package/dist/esm/components/pill/pill.styled.js +6 -0
- package/dist/esm/components/pill/pill.styled.js.map +1 -1
- package/dist/esm/components/pill/pillStandAlone.js +3 -2
- package/dist/esm/components/pill/pillStandAlone.js.map +1 -1
- package/dist/esm/components/pill/types/pill.d.ts +6 -1
- package/dist/esm/components/pill/types/pillTheme.d.ts +3 -0
- package/dist/esm/components/pillSelector/pillSelectorStandAlone.js +4 -2
- package/dist/esm/components/pillSelector/pillSelectorStandAlone.js.map +1 -1
- package/dist/esm/components/pillSelector/types/pillSelector.d.ts +8 -1
- package/dist/esm/components/portal/portal.d.ts +1 -0
- package/dist/esm/components/portal/portal.js +1 -0
- package/dist/esm/components/portal/portal.js.map +1 -1
- package/dist/esm/components/snackbar/snackbarStandAlone.js +5 -2
- package/dist/esm/components/snackbar/snackbarStandAlone.js.map +1 -1
- package/dist/esm/components/table/component/table.js +3 -1
- package/dist/esm/components/table/component/table.js.map +1 -1
- package/dist/esm/components/table/table.styled.d.ts +2 -0
- package/dist/esm/components/table/table.styled.js +9 -1
- package/dist/esm/components/table/table.styled.js.map +1 -1
- package/dist/esm/components/table/types/table.d.ts +8 -0
- package/dist/esm/components/tableCell/tableCell.styled.js +1 -1
- package/dist/esm/components/tableCell/types/tableCell.d.ts +4 -1
- package/dist/esm/components/tableV2/hooks/index.d.ts +2 -1
- package/dist/esm/components/tableV2/hooks/index.js +2 -1
- package/dist/esm/components/tableV2/hooks/index.js.map +1 -1
- package/dist/esm/components/tableV2/hooks/useTableStickyLeftColumns.d.ts +8 -0
- package/dist/esm/components/tableV2/hooks/useTableStickyLeftColumns.js +45 -0
- package/dist/esm/components/tableV2/hooks/useTableStickyLeftColumns.js.map +1 -0
- package/dist/esm/components/tableV2/hooks/useTableStickyRightColumns.d.ts +8 -0
- package/dist/esm/components/tableV2/hooks/useTableStickyRightColumns.js +53 -0
- package/dist/esm/components/tableV2/hooks/useTableStickyRightColumns.js.map +1 -0
- package/dist/esm/components/tableV2/table.js +6 -4
- package/dist/esm/components/tableV2/table.js.map +1 -1
- package/dist/esm/components/tableV2/types/table.d.ts +1 -0
- package/dist/esm/components/text/textStandAlone.js +1 -1
- package/dist/esm/components/text/textStandAlone.js.map +1 -1
- package/dist/esm/components/textCount/textCount.d.ts +1 -0
- package/dist/esm/components/textCount/textCount.js +1 -0
- package/dist/esm/components/textCount/textCount.js.map +1 -1
- package/dist/esm/components/thirdPartyAnimation/thirdPartyAnimation.d.ts +6 -5
- package/dist/esm/components/thirdPartyAnimation/thirdPartyAnimation.js +4 -3
- package/dist/esm/components/thirdPartyAnimation/thirdPartyAnimation.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.d.ts +3 -0
- package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js +3 -0
- package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.d.ts +3 -0
- package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.js +3 -0
- package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/table/styles.js +4 -4
- package/package.json +5 -6
|
@@ -4,7 +4,8 @@ import { ElementOrIcon } from '../../components/elementOrIcon';
|
|
|
4
4
|
import { InputTypeType } from '../../components/input';
|
|
5
5
|
import { useId } from '../../hooks';
|
|
6
6
|
import { pickAriaProps } from '../../utils/aria/aria';
|
|
7
|
-
import {
|
|
7
|
+
import { Text, TextComponentType } from '../text';
|
|
8
|
+
import { IconContainerStyled, LabelContainerStyled, ParentContainerStyled, PillInputStyled, PillLabelStyled, PillStyled, } from './pill.styled';
|
|
8
9
|
import { getPillState } from './utils';
|
|
9
10
|
const PillStandAloneComponent = ({ styles, decorativeIcon, selectedIcon, dataTestId, children, multiSelect = false, disabled, selected, name, onFocus, tabIndex, onPillChange, onKeyDown, value, ...props }, ref) => {
|
|
10
11
|
const ariaProps = pickAriaProps(props);
|
|
@@ -12,7 +13,7 @@ const PillStandAloneComponent = ({ styles, decorativeIcon, selectedIcon, dataTes
|
|
|
12
13
|
const component = multiSelect ? InputTypeType.CHECKBOX : InputTypeType.RADIO;
|
|
13
14
|
const state = getPillState(selected, disabled);
|
|
14
15
|
const stateStyles = styles[state];
|
|
15
|
-
return (_jsxs(PillStyled, { ref: ref, "data-testid": dataTestId, styles: stateStyles, tabIndex: tabIndex, onKeyDown: onKeyDown?.(value || ''), children: [_jsx(PillInputStyled, { "aria-checked": selected, ...ariaProps, checked: selected, "data-testid": `${dataTestId}Input`, disabled: disabled, id: id, name: name, styles: stateStyles, tabIndex: -1, type: component, value: value, onChange: onPillChange, onFocus: onFocus }), decorativeIcon && (_jsx(IconContainerStyled, { styles: stateStyles, children: _jsx(ElementOrIcon, { color: stateStyles?.decorativeIcon?.color, dataTestId: dataTestId + 'DecorativeIcon', height: stateStyles?.decorativeIcon?.height, width: stateStyles?.decorativeIcon?.width, ...decorativeIcon }) })), _jsx(PillLabelStyled, { htmlFor: id, styles: stateStyles, children: children }), selectedIcon && selected && (_jsx(ElementOrIcon, { color: stateStyles?.selectedIcon?.color, dataTestId: dataTestId + 'SelectedIcon', height: stateStyles?.selectedIcon?.height, width: stateStyles?.selectedIcon?.width, ...selectedIcon }))] }));
|
|
16
|
+
return (_jsxs(ParentContainerStyled, { styles: stateStyles, children: [_jsxs(PillStyled, { ref: ref, "data-testid": dataTestId, styles: stateStyles, tabIndex: tabIndex, onKeyDown: onKeyDown?.(value || ''), children: [_jsx(PillInputStyled, { "aria-checked": selected, ...ariaProps, checked: selected, "data-testid": `${dataTestId}Input`, disabled: disabled, id: id, name: name, styles: stateStyles, tabIndex: -1, type: component, value: value, onChange: onPillChange, onFocus: onFocus }), decorativeIcon && (_jsx(IconContainerStyled, { styles: stateStyles, children: _jsx(ElementOrIcon, { color: stateStyles?.decorativeIcon?.color, dataTestId: dataTestId + 'DecorativeIcon', height: stateStyles?.decorativeIcon?.height, width: stateStyles?.decorativeIcon?.width, ...decorativeIcon }) })), _jsx(PillLabelStyled, { htmlFor: id, styles: stateStyles, children: children }), selectedIcon && selected && (_jsx(ElementOrIcon, { color: stateStyles?.selectedIcon?.color, dataTestId: dataTestId + 'SelectedIcon', height: stateStyles?.selectedIcon?.height, width: stateStyles?.selectedIcon?.width, ...selectedIcon }))] }), props.label?.content && props.label.content !== null && (_jsx(LabelContainerStyled, { styles: stateStyles, children: _jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: stateStyles?.labelContent, ...props.label, children: props.label.content }) }))] }));
|
|
16
17
|
};
|
|
17
18
|
export const PillStandAlone = React.forwardRef(PillStandAloneComponent);
|
|
18
19
|
//# sourceMappingURL=pillStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pillStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pill/pillStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"pillStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pill/pillStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { IElementOrIcon } from '../../../components/elementOrIcon';
|
|
3
|
+
import { IText } from '../../../components/text';
|
|
3
4
|
import { CustomTokenTypes } from '../../../types';
|
|
4
5
|
import type { PillStateStylesType, PillStylesType, PillVariantStylesType } from './pillTheme';
|
|
5
6
|
export interface IPillStyled {
|
|
6
7
|
styles?: PillStateStylesType;
|
|
7
8
|
}
|
|
8
9
|
type PillAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-checked' | 'aria-describedby' | 'aria-pressed' | 'aria-disabled'>;
|
|
10
|
+
export type PillTextType = Omit<IText<string>, 'children'> & {
|
|
11
|
+
content: React.ReactNode;
|
|
12
|
+
};
|
|
9
13
|
export interface IPillStandAlone extends PillAriaAttributes {
|
|
10
14
|
styles: PillVariantStylesType;
|
|
11
15
|
onFocus?: React.FocusEventHandler<HTMLInputElement>;
|
|
@@ -13,7 +17,7 @@ export interface IPillStandAlone extends PillAriaAttributes {
|
|
|
13
17
|
dataTestId?: string;
|
|
14
18
|
decorativeIcon?: IElementOrIcon;
|
|
15
19
|
selectedIcon?: IElementOrIcon;
|
|
16
|
-
children
|
|
20
|
+
children?: React.ReactNode;
|
|
17
21
|
disabled?: boolean;
|
|
18
22
|
multiSelect?: boolean;
|
|
19
23
|
selected?: boolean;
|
|
@@ -21,6 +25,7 @@ export interface IPillStandAlone extends PillAriaAttributes {
|
|
|
21
25
|
name?: string;
|
|
22
26
|
tabIndex?: number;
|
|
23
27
|
value?: string;
|
|
28
|
+
label?: PillTextType;
|
|
24
29
|
}
|
|
25
30
|
export interface IPillControlled extends Omit<IPillStandAlone, 'styles' | 'onPillChange'>, Omit<CustomTokenTypes<PillStylesType>, 'cts' | 'extraCt'> {
|
|
26
31
|
variant: string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { CommonStyleType, IconTypes, TypographyTypes } from '../../../types';
|
|
2
2
|
import type { PillStateType } from './state';
|
|
3
3
|
export type PillStateStylesType = {
|
|
4
|
+
parentContainer?: CommonStyleType;
|
|
4
5
|
altVariant?: boolean;
|
|
5
6
|
container?: CommonStyleType;
|
|
6
7
|
container_focus?: {
|
|
@@ -13,6 +14,8 @@ export type PillStateStylesType = {
|
|
|
13
14
|
decorativeIcon?: IconTypes;
|
|
14
15
|
selectedIcon?: IconTypes;
|
|
15
16
|
label?: TypographyTypes;
|
|
17
|
+
labelContent?: TypographyTypes;
|
|
18
|
+
labelContainer?: CommonStyleType;
|
|
16
19
|
};
|
|
17
20
|
export type PillVariantStylesType = {
|
|
18
21
|
[key in PillStateType]?: PillStateStylesType;
|
|
@@ -25,12 +25,14 @@ const PillSelectorStandAloneComponent = ({ dataTestId, maxPills = MAX_PILLS, ...
|
|
|
25
25
|
}, []);
|
|
26
26
|
return (_jsxs(PillSelectorWrapper, { ...ariaProps, ref: listEl, "data-testid": `${dataTestId}PillSelector`, hasThumb: !!(!props.multiSelect && props.styles?.thumb), isSelected: isPillSelected, role: ROLES.RADIOGROUP, styles: props.styles, children: [!props.multiSelect && props.styles?.thumb && (_jsx(ThumbStyled, { "data-testid": `${dataTestId}Thumb`, styles: props.styles })), props.pills.length > 1 && props.pills.length <= maxPills
|
|
27
27
|
? props.pills.map((pill, index) => {
|
|
28
|
+
// deprecated - remove this line when this props are changed
|
|
29
|
+
const { label, externalLabel, ...rest } = pill;
|
|
28
30
|
const pillSelected = props.pillSelected?.includes(pill.value.toString());
|
|
29
|
-
return ((props.pillSize || pill?.size) && (_jsx(Pill, { dataTestId: `${dataTestId}Pill${index}`, focus: focus === index, multiSelect: props.multiSelect, name: props.name, selected: pillSelected, size: props.pillSize || '', tabIndex: pillSelected || (!isPillSelected && index === 0) ? 0 : -1, ...
|
|
31
|
+
return ((props.pillSize || pill?.size) && (_jsx(Pill, { dataTestId: `${dataTestId}Pill${index}`, focus: focus === index, label: externalLabel, multiSelect: props.multiSelect, name: props.name, selected: pillSelected, size: props.pillSize || '', tabIndex: pillSelected || (!isPillSelected && index === 0) ? 0 : -1, ...rest, value: pill.value.toString(), variant: props.pillVariant, onFocus: () => {
|
|
30
32
|
if (index !== focus) {
|
|
31
33
|
setFocus(index);
|
|
32
34
|
}
|
|
33
|
-
}, onPillChange: props.onPillChange, children:
|
|
35
|
+
}, onPillChange: props.onPillChange, children: label }, pill.value)));
|
|
34
36
|
})
|
|
35
37
|
: null] }));
|
|
36
38
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pillSelectorStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelectorStandAlone.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"pillSelectorStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelectorStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { IPillUnControlled } from '../../../components/pill/types';
|
|
2
|
+
import { IPillUnControlled, PillTextType } from '../../../components/pill/types';
|
|
3
3
|
import { CustomTokenTypes } from '../../../types';
|
|
4
4
|
import { PillSelectorStyles } from './pillSelectorTheme';
|
|
5
5
|
type PillSelectorAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-disabled'>;
|
|
6
6
|
export type PillType = Pick<IPillUnControlled, 'disabled' | 'decorativeIcon' | 'selectedIcon' | 'aria-label' | 'aria-labelledby' | 'aria-checked' | 'aria-describedby' | 'aria-pressed' | 'aria-disabled'> & {
|
|
7
7
|
value: string | number;
|
|
8
|
+
/**
|
|
9
|
+
* @deprecated This property will be renamed to "content". This is the content inside the pill
|
|
10
|
+
*/
|
|
8
11
|
label: React.ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* @deprecated This property will be renamed to "label". This is the label outside the pill.
|
|
14
|
+
*/
|
|
15
|
+
externalLabel?: PillTextType;
|
|
9
16
|
};
|
|
10
17
|
type PillSelectedType = number | string;
|
|
11
18
|
type Pill = Omit<PillType, 'size'> & {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { IPortal } from './types';
|
|
3
3
|
/**
|
|
4
|
+
* @deprecated This component has been deprecated and will be not exported in the next MAJOR release
|
|
4
5
|
* Renders a portal component that can be appended to the <body> tag or a custom wrapper element.
|
|
5
6
|
* @param children - The content to be rendered inside the portal.
|
|
6
7
|
* @param wrapperId - The ID of the custom wrapper element (optional).
|
|
@@ -11,6 +11,7 @@ const createWrapperAndAppendToBody = (wrapperId) => {
|
|
|
11
11
|
return wrapperElement;
|
|
12
12
|
};
|
|
13
13
|
/**
|
|
14
|
+
* @deprecated This component has been deprecated and will be not exported in the next MAJOR release
|
|
14
15
|
* Renders a portal component that can be appended to the <body> tag or a custom wrapper element.
|
|
15
16
|
* @param children - The content to be rendered inside the portal.
|
|
16
17
|
* @param wrapperId - The ID of the custom wrapper element (optional).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../../../src/components/portal/portal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAIzC;;;;GAIG;AACH,MAAM,4BAA4B,GAAG,CAAC,SAAiB,EAAe,EAAE;IACtE,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrD,cAAc,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAC7C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC1C,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF
|
|
1
|
+
{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../../../src/components/portal/portal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAIzC;;;;GAIG;AACH,MAAM,4BAA4B,GAAG,CAAC,SAAiB,EAAe,EAAE;IACtE,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrD,cAAc,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAC7C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC1C,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAW,EAAqB,EAAE;IAC5E,IAAI,OAAO,GAAG,QAAQ,CAAC,IAAmB,CAAC;IAE3C,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAgB,CAAC;QAE5D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,GAAG,4BAA4B,CAAC,SAAS,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAED,OAAO,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACzC,CAAC,CAAC"}
|
|
@@ -15,8 +15,11 @@ const SnackbarStandAloneComponent = ({ align = POSITIONS.TOP_CENTER_FIXED, ...pr
|
|
|
15
15
|
const dataTestIdSecondaryAction = `${props.dataTestId}SecondaryAction`;
|
|
16
16
|
const buildAction = () => props.secondaryActionContent && (_jsx(SnackbarLinkWrapper, { styles: props.styles, withIcon: !!props.icon, children: (props.styles?.actionButton?.variant || props.secondaryActionButton?.variant) &&
|
|
17
17
|
(props.styles?.actionButton?.size || props.secondaryActionButton?.size) ? (_jsx(Button, { "aria-label": props.secondaryActionAriaLabel, dataTestId: dataTestIdSecondaryAction, size: props.styles?.actionButton?.size, variant: props.styles?.actionButton?.variant, onClick: props.onSecondaryActionClick, ...props.secondaryActionButton, children: props.secondaryActionContent })) : ((props.styles?.link?.variant || props.secondaryActionLink?.variant) && (_jsx(Link, { "aria-label": props.secondaryActionAriaLabel, dataTestId: dataTestIdSecondaryAction, decoration: props.styles?.link?.decoration, url: '', variant: props.styles?.link?.variant || '', onClick: props.onSecondaryActionClick, ...props.secondaryActionLink, children: props.secondaryActionContent }))) }));
|
|
18
|
-
const buildDescription = () =>
|
|
19
|
-
|
|
18
|
+
const buildDescription = () => {
|
|
19
|
+
const { content, ...restDescriptionProps } = props.description || {};
|
|
20
|
+
return (content &&
|
|
21
|
+
(props.styles?.description?.font_variant || props.description?.variant) && (_jsx(SnackbarDescriptionWrapper, { styles: props.styles, children: _jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.styles?.description, dataTestId: `${props.dataTestId}Description`, ...restDescriptionProps, children: content }) })));
|
|
22
|
+
};
|
|
20
23
|
return (_jsx(Popover, { autoWidth: true, transparentBackground: true, clickOverlayClose: false, component: PopoverComponentType.DIV, dataTestId: `${props.dataTestId}Popover`, focusLastElementFocusedAfterClose: false, focusScreenFirstDescendantAfterClose: false, open: props.open, pressEscapeClose: false, variant: props.styles?.popoverVariants?.[align], children: _jsxs(SnackbarStyled, { ref: ref, styles: props.styles, onBlur: props.onBlur, onFocus: props.onFocus, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: [_jsxs(SnackbarTextAndActionWrapper, { children: [_jsxs(SnackbarTextWrapper, { "data-testid": `${props.dataTestId}Alert`, role: ROLES.ALERT, styles: props.styles, children: [_jsxs(SnackbarIconTitleContainerWrapper, { styles: props.styles, children: [props.icon && (_jsx(ElementOrIcon, { customIconStyles: props.styles?.icon, ...props.icon })), _jsx(SnackbarTitleWrapper, { children: _jsxs(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: [_jsx(ScreenReaderOnly, { children: props.icon?.altText }), props.title.content] }) })] }), _jsx(SnackbarNoStatusContentWrapper, { styles: props.styles, withIcon: !!props.icon, children: buildDescription() })] }), buildAction()] }), _jsx(ButtonWrapper, { children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.closeIcon, dataTestId: `${props.dataTestId}Icon`, onClick: e => props.onCloseButtonClick(false)(e), ...props.closeIcon }) })] }) }));
|
|
21
24
|
};
|
|
22
25
|
export const SnackbarStandAlone = React.forwardRef(SnackbarStandAloneComponent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snackbarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/snackbar/snackbarStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAE3C,SAAS;AACT,OAAO,EACL,aAAa,EACb,0BAA0B,EAC1B,iCAAiC,EACjC,mBAAmB,EACnB,8BAA8B,EAC9B,cAAc,EACd,4BAA4B,EAC5B,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAG3B,MAAM,2BAA2B,GAAG,CAClC,EAAE,KAAK,GAAG,SAAS,CAAC,gBAAgB,EAAE,GAAG,KAAK,EAAuB,EACrE,GAA0D,EAC7C,EAAE;IACf,MAAM,yBAAyB,GAAG,GAAG,KAAK,CAAC,UAAU,iBAAiB,CAAC;IAEvE,MAAM,WAAW,GAAG,GAAG,EAAE,CACvB,KAAK,CAAC,sBAAsB,IAAI,CAC9B,KAAC,mBAAmB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,YAC9D,CAAC,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,IAAI,KAAK,CAAC,qBAAqB,EAAE,OAAO,CAAC;YAC9E,CAAC,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,IAAI,KAAK,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CACxE,KAAC,MAAM,kBACO,KAAK,CAAC,wBAAwB,EAC1C,UAAU,EAAE,yBAAyB,EACrC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EACtC,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAC5C,OAAO,EAAE,KAAK,CAAC,sBAAsB,KACjC,KAAK,CAAC,qBAAqB,YAE9B,KAAK,CAAC,sBAAsB,GACtB,CACV,CAAC,CAAC,CAAC,CACF,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,IAAI,KAAK,CAAC,mBAAmB,EAAE,OAAO,CAAC,IAAI,CACrE,KAAC,IAAI,kBACS,KAAK,CAAC,wBAAwB,EAC1C,UAAU,EAAE,yBAAyB,EACrC,UAAU,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,UAAU,EAC1C,GAAG,EAAE,EAAE,EACP,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,IAAI,EAAE,EAC1C,OAAO,EAAE,KAAK,CAAC,sBAAsB,KACjC,KAAK,CAAC,mBAAmB,YAE5B,KAAK,CAAC,sBAAsB,GACxB,CACR,CACF,GACmB,CACvB,CAAC;IAEJ,MAAM,gBAAgB,GAAG,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"snackbarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/snackbar/snackbarStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -26,7 +26,9 @@ export const TableComponent = (props, ref) => {
|
|
|
26
26
|
return (_jsxs(_Fragment, { children: [_jsxs(TableStyled, { ref: ref, "aria-describedby": uniqueId, "data-testid": `${props.dataTestId}Table`, styles: props.styles.table, ...ariaProps, children: [_jsx(TableCaptionStyled, { id: uniqueId, children: props.captionDescription }), _jsx(TableRowGroupHeaderStyled, { "$scrolling": props.scrolling, hidden: props.hiddenHeaderOn?.[props.device], lineSeparatorBottomOnHeader: props.lineSeparatorBottomOnHeader, lineSeparatorLineStyles: props.lineSeparatorLineStyles, lineSeparatorTopOnHeader: props.lineSeparatorTopOnHeader, styles: props.styles.header?.[props.headerVariant], children: _jsxs(TableRowHeaderStyled, { hasSomeDivider: hasSomeDivider, hasSomeDividerContent: hasSomeDividerContent, hasSomeExpandedContent: props.hasSomeExpandedContent, numberOfCells: headersElement.length, styles: props.styles.header?.[props.headerVariant], children: [hasRowHeader && (_jsx(TableEmptyColumnHeaderStyled, { styles: props.styles.header?.[props.headerVariant] })), hasSomeDividerContent && (_jsx(TableColumnHeaderStyled, { hasDivider: true, scope: "col", styles: props.styles.header?.[props.headerVariant], children: _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.header?.[props.headerVariant]?.typography, dataTestId: `${props.dataTestId}HeaderDividerContent`, children: DIVIDER_CONTENT }) }, 'dividerContent')), headersElementWithoutDivider.map((headerValue, index) => {
|
|
27
27
|
const headerVariant = headerValue.variant ? headerValue.variant : props.headerVariant;
|
|
28
28
|
return (_jsx(TableColumnHeaderStyled, { customAlign: headerValue?.config?.alignHeader?.[props.device] ||
|
|
29
|
-
headerValue?.config?.alignHeader, customBackgroundColor: headerValue?.config?.backgroundColor, customWidth: headerValue?.config?.width, flexWidth: headerValue?.config?.flexWidth, hasDivider: headerValue?.config?.hasDivider, scope: "col",
|
|
29
|
+
headerValue?.config?.alignHeader, customBackgroundColor: headerValue?.config?.backgroundColor, customWidth: headerValue?.config?.width, flexWidth: headerValue?.config?.flexWidth, hasDivider: headerValue?.config?.hasDivider, scope: "col", showDivider: headerValue?.config?.srOnlyHeader?.[props.device] ||
|
|
30
|
+
headerValue?.config?.showDividerHeader, srOnly: headerValue?.config?.srOnlyHeader?.[props.device] ||
|
|
31
|
+
headerValue?.config?.srOnlyHeader, styles: props.styles.header?.[headerVariant], children: _jsx(Text, { align: headerValue?.config?.alignHeader?.[props.device] ||
|
|
30
32
|
headerValue?.config?.alignHeader, component: TextComponentType.SPAN, customTypography: props.styles.header?.[headerVariant]?.typography, dataTestId: `${props.dataTestId}Header${index}`, children: headerValue.label }) }, headerValue.id));
|
|
31
33
|
}), props.hasSomeExpandedContent && (_jsx(TableColumnHeaderStyled, { hasDivider: true, scope: "col", styles: props.styles.header?.[props.headerVariant], children: _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.header?.[props.headerVariant]?.typography, dataTestId: `${props.dataTestId}HeaderExpandedContent`, children: 'ExpandedContent' }) }, 'expandedContent'))] }) }), _jsx(TableRowGroupBodyStyled, { "aria-label": props.hasScroll ? props.tBodyScrollArias?.['aria-label'] : undefined, "aria-labelledby": props.hasScroll ? props.tBodyScrollArias?.['aria-labelledby'] : undefined, role: props.hasScroll ? ROLES.REGION : undefined, styles: props.styles, tabIndex: props.hasScroll ? 0 : undefined, children: props.values.map((value, indexValue) => {
|
|
32
34
|
return (_createElement(TableRow, { ...props, key: indexValue, hasSomeDivider: hasSomeDivider, hasSomeDividerContent: hasSomeDividerContent, hasSomeExpandedContent: props.hasSomeExpandedContent, headers: headersElement, indexRow: indexValue, value: value }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../../src/components/table/component/table.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../../src/components/table/component/table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,10 +27,12 @@ export declare const TableEmptyColumnHeaderStyled: import("styled-components/dis
|
|
|
27
27
|
export declare const TableColumnHeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
|
|
28
28
|
styles?: TableHeaderStylesTypes;
|
|
29
29
|
hasDivider?: boolean;
|
|
30
|
+
showDivider?: boolean;
|
|
30
31
|
customWidth?: string;
|
|
31
32
|
customAlign?: string;
|
|
32
33
|
flexWidth?: string | number | FlexWidthType;
|
|
33
34
|
customBackgroundColor?: string;
|
|
35
|
+
srOnly?: boolean;
|
|
34
36
|
}>> & string;
|
|
35
37
|
/******** TABLE BODY STYLES *******/
|
|
36
38
|
export declare const TableRowGroupBodyStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
|
|
@@ -85,7 +85,15 @@ export const TableColumnHeaderStyled = styled.th `
|
|
|
85
85
|
${({ styles }) => getTypographyStyles(styles?.typography)}
|
|
86
86
|
// Apply custom styles
|
|
87
87
|
${({ customWidth, customAlign, flexWidth, customBackgroundColor }) => applyCustomCellStyles({ customWidth, customAlign, flexWidth, customBackgroundColor })}
|
|
88
|
-
${props =>
|
|
88
|
+
${props => {
|
|
89
|
+
if (props.srOnly) {
|
|
90
|
+
return applySrOnlyStyles();
|
|
91
|
+
}
|
|
92
|
+
if (props.hasDivider && !props.showDivider) {
|
|
93
|
+
return applySrOnlyStyles();
|
|
94
|
+
}
|
|
95
|
+
return undefined;
|
|
96
|
+
}}
|
|
89
97
|
`;
|
|
90
98
|
/******** TABLE BODY STYLES *******/
|
|
91
99
|
export const TableRowGroupBodyStyled = styled.tbody `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.styled.js","sourceRoot":"","sources":["../../../../src/components/table/table.styled.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"table.styled.js","sourceRoot":"","sources":["../../../../src/components/table/table.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -37,6 +37,12 @@ type AlignType = {
|
|
|
37
37
|
type HiddenType = {
|
|
38
38
|
[keys in DeviceBreakpointsType]?: boolean;
|
|
39
39
|
};
|
|
40
|
+
type ShowDividerHeaderType = {
|
|
41
|
+
[keys in DeviceBreakpointsType]?: boolean;
|
|
42
|
+
};
|
|
43
|
+
type SrOnlyHeaderType = {
|
|
44
|
+
[keys in DeviceBreakpointsType]?: boolean;
|
|
45
|
+
};
|
|
40
46
|
type ExpandedContentType = {
|
|
41
47
|
[keys in DeviceBreakpointsType]?: JSX.Element;
|
|
42
48
|
};
|
|
@@ -78,8 +84,10 @@ export type ConfigType = {
|
|
|
78
84
|
alignHeader?: string | AlignType;
|
|
79
85
|
alignValue?: string | AlignType;
|
|
80
86
|
hasDivider?: boolean;
|
|
87
|
+
showDividerHeader?: boolean | ShowDividerHeaderType;
|
|
81
88
|
width?: string;
|
|
82
89
|
hidden?: HiddenType;
|
|
90
|
+
srOnlyHeader?: boolean | SrOnlyHeaderType;
|
|
83
91
|
flexWidth?: number | string | FlexWidthType;
|
|
84
92
|
backgroundColor?: string;
|
|
85
93
|
};
|
|
@@ -9,7 +9,7 @@ export const TDStyled = styled.td `
|
|
|
9
9
|
min-width: ${({ $minWidth }) => $minWidth};
|
|
10
10
|
max-width: ${({ $maxWidth }) => $maxWidth};
|
|
11
11
|
text-align: ${({ $textAlign }) => $textAlign};
|
|
12
|
-
&[data-sticky
|
|
12
|
+
&[data-sticky] {
|
|
13
13
|
position: sticky;
|
|
14
14
|
}
|
|
15
15
|
&[data-hidden='true'] {
|
|
@@ -20,7 +20,10 @@ export interface ITableCellStandAlone extends TableCellAriasType {
|
|
|
20
20
|
left?: string;
|
|
21
21
|
right?: string;
|
|
22
22
|
bottom?: string;
|
|
23
|
-
|
|
23
|
+
/**
|
|
24
|
+
* @remarks Avoid using boolean values for `sticky`. Prefer specifying 'left' or 'right' to define the sticky side.
|
|
25
|
+
*/
|
|
26
|
+
sticky?: boolean | 'left' | 'right';
|
|
24
27
|
hidden?: boolean;
|
|
25
28
|
component?: string | React.ComponentType<any>;
|
|
26
29
|
dataTestId?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type UseTableStickyLeftColumnsParamsType = {
|
|
3
|
+
ref: React.RefObject<HTMLDivElement>;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
};
|
|
6
|
+
type UseTableStickyLeftColumnsReturnType = object;
|
|
7
|
+
export declare const useTableStickyLeftColumns: ({ ref, disabled, }: UseTableStickyLeftColumnsParamsType) => UseTableStickyLeftColumnsReturnType;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { hasHorizontalScroll } from '../../../utils';
|
|
3
|
+
export const useTableStickyLeftColumns = ({ ref, disabled = false, }) => {
|
|
4
|
+
React.useEffect(() => {
|
|
5
|
+
const scrollableContainer = ref.current?.querySelector('[data-table-scrollable-container]');
|
|
6
|
+
const leftBoxShadowContainer = ref.current?.querySelector('[data-table-left-shadow]');
|
|
7
|
+
let resizeObserver;
|
|
8
|
+
if (scrollableContainer instanceof HTMLElement && !disabled) {
|
|
9
|
+
const handleElementResize = (element) => {
|
|
10
|
+
const _hasHorizontalScroll = hasHorizontalScroll(element);
|
|
11
|
+
// For each row, set the left position of its sticky cells
|
|
12
|
+
const rows = element.querySelectorAll('[data-table-row]');
|
|
13
|
+
// used to calc leftBoxShadowContainer position
|
|
14
|
+
let maxStickyLeftWidth = 0;
|
|
15
|
+
rows.forEach(row => {
|
|
16
|
+
// Retrieve all the cell with sticky attribute
|
|
17
|
+
const leftStickyCells = Array.from(row.querySelectorAll('[data-sticky="left"]'));
|
|
18
|
+
let left = 0;
|
|
19
|
+
leftStickyCells.forEach(stickyCell => {
|
|
20
|
+
if (stickyCell instanceof HTMLElement) {
|
|
21
|
+
stickyCell.style.left = _hasHorizontalScroll ? `${left}px` : 'auto';
|
|
22
|
+
left += stickyCell.offsetWidth;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
maxStickyLeftWidth = Math.max(maxStickyLeftWidth, left);
|
|
26
|
+
});
|
|
27
|
+
// Once the sticky position have been added, set the position of the leftBoxShadowContainer
|
|
28
|
+
// This position should be the same as the max width of the sticky cells
|
|
29
|
+
if (leftBoxShadowContainer instanceof HTMLElement) {
|
|
30
|
+
leftBoxShadowContainer.style.left = `${maxStickyLeftWidth}px`;
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
handleElementResize(scrollableContainer);
|
|
34
|
+
resizeObserver = new ResizeObserver(() => {
|
|
35
|
+
handleElementResize(scrollableContainer);
|
|
36
|
+
});
|
|
37
|
+
resizeObserver.observe(scrollableContainer);
|
|
38
|
+
}
|
|
39
|
+
return () => {
|
|
40
|
+
resizeObserver?.disconnect();
|
|
41
|
+
};
|
|
42
|
+
}, [disabled]);
|
|
43
|
+
return {};
|
|
44
|
+
};
|
|
45
|
+
//# sourceMappingURL=useTableStickyLeftColumns.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTableStickyLeftColumns.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableStickyLeftColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAS9C,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,GAAG,EACH,QAAQ,GAAG,KAAK,GACoB,EAAuC,EAAE;IAC7E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,mCAAmC,CAAC,CAAC;QAC5F,MAAM,sBAAsB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAC;QACtF,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5D,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;gBAC1D,0DAA0D;gBAC1D,MAAM,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;gBAC1D,+CAA+C;gBAC/C,IAAI,kBAAkB,GAAG,CAAC,CAAC;gBAC3B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,8CAA8C;oBAC9C,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,CAAC;oBACjF,IAAI,IAAI,GAAG,CAAC,CAAC;oBACb,eAAe,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;wBACnC,IAAI,UAAU,YAAY,WAAW,EAAE,CAAC;4BACtC,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;4BACpE,IAAI,IAAI,UAAU,CAAC,WAAW,CAAC;wBACjC,CAAC;oBACH,CAAC,CAAC,CAAC;oBACH,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;gBAC1D,CAAC,CAAC,CAAC;gBACH,2FAA2F;gBAC3F,wEAAwE;gBACxE,IAAI,sBAAsB,YAAY,WAAW,EAAE,CAAC;oBAClD,sBAAsB,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,kBAAkB,IAAI,CAAC;gBAChE,CAAC;YACH,CAAC,CAAC;YACF,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YACzC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACvC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type UseTableStickyRightColumnsParamsType = {
|
|
3
|
+
ref: React.RefObject<HTMLDivElement>;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
};
|
|
6
|
+
type UseTableStickyRightColumnsReturnType = object;
|
|
7
|
+
export declare const useTableStickyRightColumns: ({ ref, disabled, }: UseTableStickyRightColumnsParamsType) => UseTableStickyRightColumnsReturnType;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { hasHorizontalScroll, hasVerticalScroll } from '../../../utils';
|
|
3
|
+
export const useTableStickyRightColumns = ({ ref, disabled = false, }) => {
|
|
4
|
+
React.useEffect(() => {
|
|
5
|
+
const scrollableContainer = ref.current?.querySelector('[data-table-scrollable-container]');
|
|
6
|
+
const rightBoxShadowContainer = ref.current?.querySelector('[data-table-right-shadow]');
|
|
7
|
+
let resizeObserver;
|
|
8
|
+
if (scrollableContainer instanceof HTMLElement && !disabled) {
|
|
9
|
+
const handleElementResize = (element) => {
|
|
10
|
+
const _hasHorizontalScroll = hasHorizontalScroll(element);
|
|
11
|
+
// For each row, set the right position of its sticky cells
|
|
12
|
+
const rows = element.querySelectorAll('[data-table-row]');
|
|
13
|
+
// used to calc rightBoxShadowContainer position
|
|
14
|
+
let maxStickyRightWidth = 0;
|
|
15
|
+
rows.forEach(row => {
|
|
16
|
+
// Retrieve all the cell with sticky attribute
|
|
17
|
+
const rightStickyCells = Array.from(
|
|
18
|
+
// deprecated - delete [data-sticky="true"] after boolean is deleted from the sticky type
|
|
19
|
+
row.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();
|
|
20
|
+
let right = 0;
|
|
21
|
+
rightStickyCells.forEach(stickyCell => {
|
|
22
|
+
if (stickyCell instanceof HTMLElement) {
|
|
23
|
+
stickyCell.style.right = _hasHorizontalScroll ? `${right}px` : 'auto';
|
|
24
|
+
right += stickyCell.offsetWidth;
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
maxStickyRightWidth = Math.max(maxStickyRightWidth, right);
|
|
28
|
+
});
|
|
29
|
+
// Once the sticky position have been added, set the position of the rightBoxShadowContainer
|
|
30
|
+
// This position should be the same as the max width of the sticky cells
|
|
31
|
+
if (rightBoxShadowContainer instanceof HTMLElement) {
|
|
32
|
+
// If vertical scroll, add scroll bar size to maxStickyRightWidth
|
|
33
|
+
const _hasVerticalScroll = hasVerticalScroll(element);
|
|
34
|
+
if (_hasVerticalScroll) {
|
|
35
|
+
const scrollBarSize = element.offsetWidth - element.clientWidth;
|
|
36
|
+
maxStickyRightWidth += scrollBarSize;
|
|
37
|
+
}
|
|
38
|
+
rightBoxShadowContainer.style.right = `${maxStickyRightWidth}px`;
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
handleElementResize(scrollableContainer);
|
|
42
|
+
resizeObserver = new ResizeObserver(() => {
|
|
43
|
+
handleElementResize(scrollableContainer);
|
|
44
|
+
});
|
|
45
|
+
resizeObserver.observe(scrollableContainer);
|
|
46
|
+
}
|
|
47
|
+
return () => {
|
|
48
|
+
resizeObserver?.disconnect();
|
|
49
|
+
};
|
|
50
|
+
}, [disabled]);
|
|
51
|
+
return {};
|
|
52
|
+
};
|
|
53
|
+
//# sourceMappingURL=useTableStickyRightColumns.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTableStickyRightColumns.js","sourceRoot":"","sources":["../../../../../src/components/tableV2/hooks/useTableStickyRightColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AASjE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,GAAG,EACH,QAAQ,GAAG,KAAK,GACqB,EAAwC,EAAE;IAC/E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,mBAAmB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,mCAAmC,CAAC,CAAC;QAC5F,MAAM,uBAAuB,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,2BAA2B,CAAC,CAAC;QACxF,IAAI,cAA8B,CAAC;QACnC,IAAI,mBAAmB,YAAY,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5D,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACnD,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;gBAC1D,2DAA2D;gBAC3D,MAAM,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;gBAC1D,gDAAgD;gBAChD,IAAI,mBAAmB,GAAG,CAAC,CAAC;gBAC5B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,8CAA8C;oBAC9C,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI;oBACjC,yFAAyF;oBACzF,GAAG,CAAC,gBAAgB,CAAC,6CAA6C,CAAC,CACpE,CAAC,OAAO,EAAE,CAAC;oBACZ,IAAI,KAAK,GAAG,CAAC,CAAC;oBACd,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;wBACpC,IAAI,UAAU,YAAY,WAAW,EAAE,CAAC;4BACtC,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;4BACtE,KAAK,IAAI,UAAU,CAAC,WAAW,CAAC;wBAClC,CAAC;oBACH,CAAC,CAAC,CAAC;oBACH,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;gBAC7D,CAAC,CAAC,CAAC;gBACH,4FAA4F;gBAC5F,wEAAwE;gBACxE,IAAI,uBAAuB,YAAY,WAAW,EAAE,CAAC;oBACnD,iEAAiE;oBACjE,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;oBACtD,IAAI,kBAAkB,EAAE,CAAC;wBACvB,MAAM,aAAa,GAAG,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;wBAChE,mBAAmB,IAAI,aAAa,CAAC;oBACvC,CAAC;oBACD,uBAAuB,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,mBAAmB,IAAI,CAAC;gBACnE,CAAC;YACH,CAAC,CAAC;YACF,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YACzC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACvC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC"}
|
|
@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { STYLES_NAME } from '../../constants';
|
|
4
4
|
import { useStylesV2 } from '../../hooks';
|
|
5
|
-
import { useTableHasScroll, useTableShadow,
|
|
5
|
+
import { useTableHasScroll, useTableShadow, useTableStickyLeftColumns, useTableStickyRightColumns, } from './hooks';
|
|
6
6
|
import { TableStandAlone } from './tableStandAlone';
|
|
7
|
-
const TableComponent = ({ variant, ctv, autoRightStickyCalc = true, disableShadowEffects, ...props }, ref) => {
|
|
7
|
+
const TableComponent = ({ variant, ctv, autoRightStickyCalc = true, autoLeftStickyCalc = true, disableShadowEffects, ...props }, ref) => {
|
|
8
8
|
const styles = useStylesV2({
|
|
9
9
|
styleName: STYLES_NAME.TABLE_V2,
|
|
10
10
|
variantName: variant,
|
|
@@ -15,8 +15,10 @@ const TableComponent = ({ variant, ctv, autoRightStickyCalc = true, disableShado
|
|
|
15
15
|
React.useImperativeHandle(ref, () => innerRef.current, []);
|
|
16
16
|
// Indicates if table has scroll in order to add accesibility aria props
|
|
17
17
|
const { hasScroll } = useTableHasScroll({ ref: innerRef, disabled: props.hasScrollDisabled });
|
|
18
|
-
// Set column sticky if table has horizontal scroll
|
|
19
|
-
|
|
18
|
+
// Set column sticky right if table has horizontal scroll
|
|
19
|
+
useTableStickyRightColumns({ ref: innerRef, disabled: !autoRightStickyCalc });
|
|
20
|
+
// Set column sticky left if table has horizontal scroll
|
|
21
|
+
useTableStickyLeftColumns({ ref: innerRef, disabled: !autoLeftStickyCalc });
|
|
20
22
|
// Set shadow when scrolling
|
|
21
23
|
useTableShadow({
|
|
22
24
|
ref: innerRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/tableV2/table.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/components/tableV2/table.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,yBAAyB,EACzB,0BAA0B,GAC3B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,cAAc,GAAG,CACrB,EACE,OAAO,EACP,GAAG,EACH,mBAAmB,GAAG,IAAI,EAC1B,kBAAkB,GAAG,IAAI,EACzB,oBAAoB,EACpB,GAAG,KAAK,EAC0B,EACpC,GAAuC,EACvC,EAAE;IACF,MAAM,MAAM,GAAG,WAAW,CAAyB;QACjD,SAAS,EAAE,WAAW,CAAC,QAAQ;QAC/B,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;QACjB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAyB,EAAE,EAAE,CAAC,CAAC;IAE7E,wEAAwE;IACxE,MAAM,EAAE,SAAS,EAAE,GAAG,iBAAiB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAC9F,yDAAyD;IACzD,0BAA0B,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAC9E,wDAAwD;IACxD,yBAAyB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAC5E,4BAA4B;IAC5B,cAAc,CAAC;QACb,GAAG,EAAE,QAAQ;QACb,aAAa,EAAE,MAAM,EAAE,aAAa;QACpC,aAAa,EAAE,MAAM,EAAE,aAAa;QACpC,cAAc,EAAE,MAAM,EAAE,cAAc;QACtC,QAAQ,EAAE,oBAAoB;KAC/B,CAAC,CAAC;IAEH,OAAO,KAAC,eAAe,IAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AAC7F,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC"}
|
|
@@ -15,6 +15,7 @@ export interface ITableStandAloneV2 extends TableScrollAriasType {
|
|
|
15
15
|
export interface ITableV2 extends Omit<ITableStandAloneV2, 'styles' | 'hasScroll'>, Omit<CustomTokenTypes<TablePropsStylesTypeV2>, 'cts' | 'extraCt'> {
|
|
16
16
|
variant?: string;
|
|
17
17
|
autoRightStickyCalc?: boolean;
|
|
18
|
+
autoLeftStickyCalc?: boolean;
|
|
18
19
|
disableShadowEffects?: boolean;
|
|
19
20
|
}
|
|
20
21
|
export {};
|
|
@@ -5,7 +5,7 @@ import { TextStyled } from './text.styled';
|
|
|
5
5
|
import { TextTransformType } from './types';
|
|
6
6
|
const TextStandAloneComponent = ({ children, component, dataTestId, htmlFor, id, onClick, role, styles, weight, isDisabled, align, transform = TextTransformType.NONE, ...props }, ref) => {
|
|
7
7
|
const ariaProps = pickAriaProps(props);
|
|
8
|
-
return (_jsx(TextStyled, { ...props, ...ariaProps, ref: ref, "$transform": transform, align: align, as: component, "data-testid": dataTestId, htmlFor: htmlFor, id: id, isDisabled: isDisabled, role: role, styles: styles, weight: weight, onClick: onClick, children: children }));
|
|
8
|
+
return (_jsx(TextStyled, { ...props, ...ariaProps, ref: ref, "$transform": transform, align: align, as: component, content: undefined, "data-testid": dataTestId, htmlFor: htmlFor, id: id, isDisabled: isDisabled, role: role, styles: styles, weight: weight, onClick: onClick, children: children }));
|
|
9
9
|
};
|
|
10
10
|
/**
|
|
11
11
|
* @description
|