@kubit-ui-web/react-components 1.10.1 → 1.12.0
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/actionBottomSheet/actionBottomSheet.styled.js +7 -1
- package/dist/cjs/components/actionBottomSheet/actionBottomSheet.styled.js.map +1 -1
- package/dist/cjs/components/actionBottomSheet/actionBottomSheetControlled.js +6 -2
- package/dist/cjs/components/actionBottomSheet/actionBottomSheetControlled.js.map +1 -1
- package/dist/cjs/components/actionBottomSheet/actionBottomSheetStandAlone.js +12 -1
- package/dist/cjs/components/actionBottomSheet/actionBottomSheetStandAlone.js.map +1 -1
- package/dist/cjs/components/button/button.styled.js +14 -2
- package/dist/cjs/components/button/button.styled.js.map +1 -1
- package/dist/cjs/components/calendar/calendarStandAlone.js +6 -2
- package/dist/cjs/components/calendar/calendarStandAlone.js.map +1 -1
- package/dist/cjs/components/calendar/list/list.js +8 -8
- package/dist/cjs/components/calendar/list/list.js.map +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js +11 -6
- package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js.map +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/utils/monthSelector.utils.js +76 -19
- package/dist/cjs/components/calendar/selector/monthSelector/utils/monthSelector.utils.js.map +1 -1
- package/dist/cjs/components/calendar/selector/selector.js +1 -3
- package/dist/cjs/components/calendar/selector/selector.js.map +1 -1
- package/dist/cjs/components/calendar/selector/selector.styled.js +2 -1
- package/dist/cjs/components/calendar/selector/selector.styled.js.map +1 -1
- package/dist/cjs/components/calendar/selector/yearSelector/utils/yearSelector.utils.js +38 -19
- package/dist/cjs/components/calendar/selector/yearSelector/utils/yearSelector.utils.js.map +1 -1
- package/dist/cjs/components/calendar/selector/yearSelector/yearSelector.js +4 -4
- package/dist/cjs/components/calendar/selector/yearSelector/yearSelector.js.map +1 -1
- package/dist/cjs/components/calendar/utils/handleKeysmoves.js +90 -25
- package/dist/cjs/components/calendar/utils/handleKeysmoves.js.map +1 -1
- package/dist/cjs/components/drawer/drawerControlled.js +4 -2
- package/dist/cjs/components/drawer/drawerControlled.js.map +1 -1
- package/dist/cjs/components/icon/icon.js +2 -2
- package/dist/cjs/components/icon/icon.js.map +1 -1
- package/dist/cjs/components/index.js +2 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/input/inputStandAlone.js +3 -7
- package/dist/cjs/components/input/inputStandAlone.js.map +1 -1
- package/dist/cjs/components/input/utils/aria.utils.js +5 -16
- package/dist/cjs/components/input/utils/aria.utils.js.map +1 -1
- package/dist/cjs/components/inputDate/components/popoverCalendar.js +4 -3
- package/dist/cjs/components/inputDate/components/popoverCalendar.js.map +1 -1
- package/dist/cjs/components/inputDate/hooks/useInputDate.js +7 -0
- package/dist/cjs/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/cjs/components/inputDate/inputDateStandAlone.js +4 -3
- package/dist/cjs/components/inputDate/inputDateStandAlone.js.map +1 -1
- package/dist/cjs/components/listOptions/listOptionsStandAlone.js +1 -1
- package/dist/cjs/components/listOptions/listOptionsStandAlone.js.map +1 -1
- package/dist/cjs/components/modal/modalControlled.js +5 -2
- package/dist/cjs/components/modal/modalControlled.js.map +1 -1
- package/dist/cjs/components/modalV2/fragments/index.js +6 -0
- package/dist/cjs/components/modalV2/fragments/index.js.map +1 -0
- package/dist/cjs/components/modalV2/fragments/modalHeader.js +17 -0
- package/dist/cjs/components/modalV2/fragments/modalHeader.js.map +1 -0
- package/dist/cjs/components/modalV2/index.js +9 -0
- package/dist/cjs/components/modalV2/index.js.map +1 -0
- package/dist/cjs/components/modalV2/modal.styled.js +81 -0
- package/dist/cjs/components/modalV2/modal.styled.js.map +1 -0
- package/dist/cjs/components/modalV2/modalControlled.js +56 -0
- package/dist/cjs/components/modalV2/modalControlled.js.map +1 -0
- package/dist/cjs/components/modalV2/modalStandAlone.js +47 -0
- package/dist/cjs/components/modalV2/modalStandAlone.js.map +1 -0
- package/dist/cjs/components/modalV2/modalUnControlled.js +62 -0
- package/dist/cjs/components/modalV2/modalUnControlled.js.map +1 -0
- package/dist/cjs/components/modalV2/types/index.js +19 -0
- package/dist/cjs/components/modalV2/types/index.js.map +1 -0
- package/dist/cjs/components/modalV2/types/modal.js +3 -0
- package/dist/cjs/components/modalV2/types/modal.js.map +1 -0
- package/dist/cjs/components/modalV2/types/modalTheme.js +3 -0
- package/dist/cjs/components/modalV2/types/modalTheme.js.map +1 -0
- package/dist/cjs/components/modalV2/utils/index.js +6 -0
- package/dist/cjs/components/modalV2/utils/index.js.map +1 -0
- package/dist/cjs/components/modalV2/utils/onlyDesktopSize.js +11 -0
- package/dist/cjs/components/modalV2/utils/onlyDesktopSize.js.map +1 -0
- package/dist/cjs/components/table/component/listColumnHeaderPriority.js +1 -1
- package/dist/cjs/components/table/component/listColumnHeaderPriority.js.map +1 -1
- package/dist/cjs/components/table/component/listRowHeaderPriority.js +1 -1
- package/dist/cjs/components/table/component/listRowHeaderPriority.js.map +1 -1
- package/dist/cjs/components/table/component/table.js +3 -3
- package/dist/cjs/components/table/component/table.js.map +1 -1
- package/dist/cjs/components/table/component/tableRow.js +2 -2
- package/dist/cjs/components/table/component/tableRow.js.map +1 -1
- package/dist/cjs/components/toggle/components/toggleThreePosition.js +1 -1
- package/dist/cjs/components/toggle/components/toggleThreePosition.js.map +1 -1
- package/dist/cjs/components/toggle/components/toggleTwoPositions.js +2 -6
- package/dist/cjs/components/toggle/components/toggleTwoPositions.js.map +1 -1
- package/dist/cjs/components/toggle/toggleControlled.js +2 -6
- package/dist/cjs/components/toggle/toggleControlled.js.map +1 -1
- package/dist/cjs/components/toggle/toggleUnControlled.js +5 -1
- package/dist/cjs/components/toggle/toggleUnControlled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js +2 -2
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +2 -2
- package/dist/cjs/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipUnControlled.js +1 -1
- package/dist/cjs/components/tooltip/tooltipUnControlled.js.map +1 -1
- package/dist/cjs/components/virtualKeyboard/components/digitButton.js +23 -0
- package/dist/cjs/components/virtualKeyboard/components/digitButton.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/index.js +21 -0
- package/dist/cjs/components/virtualKeyboard/index.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/types/index.js +20 -0
- package/dist/cjs/components/virtualKeyboard/types/index.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/types/state.js +24 -0
- package/dist/cjs/components/virtualKeyboard/types/state.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/types/virtualKeyboard.js +3 -0
- package/dist/cjs/components/virtualKeyboard/types/virtualKeyboard.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/types/virtualKeyboardTheme.js +3 -0
- package/dist/cjs/components/virtualKeyboard/types/virtualKeyboardTheme.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/virtualKeyboard.js +51 -0
- package/dist/cjs/components/virtualKeyboard/virtualKeyboard.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/virtualKeyboard.styled.js +43 -0
- package/dist/cjs/components/virtualKeyboard/virtualKeyboard.styled.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js +48 -0
- package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js.map +1 -0
- package/dist/cjs/constants/keyboardKeys.js +2 -2
- package/dist/cjs/constants/keyboardKeys.js.map +1 -1
- package/dist/cjs/constants/stylesName.js +1 -0
- package/dist/cjs/constants/stylesName.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/actionBottomSheet/styles.js +9 -6
- package/dist/cjs/designSystem/kubit/components/actionBottomSheet/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/modalV2/index.js +19 -0
- package/dist/cjs/designSystem/kubit/components/modalV2/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/modalV2/styles.js +231 -0
- package/dist/cjs/designSystem/kubit/components/modalV2/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/modalV2/variants.js +10 -0
- package/dist/cjs/designSystem/kubit/components/modalV2/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/styles.js +2 -0
- package/dist/cjs/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/variants.js +2 -0
- package/dist/cjs/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/virtualKeyboard/index.js +19 -0
- package/dist/cjs/designSystem/kubit/components/virtualKeyboard/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/virtualKeyboard/styles.js +105 -0
- package/dist/cjs/designSystem/kubit/components/virtualKeyboard/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/virtualKeyboard/variants.js +8 -0
- package/dist/cjs/designSystem/kubit/components/virtualKeyboard/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubitWireframe/astra/index.js +1 -1
- package/dist/cjs/designSystem/kubitWireframe/astra/index.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/link/styles.js +169 -24
- package/dist/cjs/designSystem/kubitWireframe/commons/components/link/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/link/variants.js +1 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/link/variants.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/styles.js +3 -8
- package/dist/cjs/designSystem/kubitWireframe/commons/components/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/variants.js +2 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/variants.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/virtualKeyboard/index.js +19 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/virtualKeyboard/index.js.map +1 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/virtualKeyboard/styles.js +151 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/virtualKeyboard/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/virtualKeyboard/variants.js +8 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/virtualKeyboard/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/foundations/colors.js +3 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/foundations/colors.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/root/index.js +1 -1
- package/dist/cjs/designSystem/kubitWireframe/root/index.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/vulcan/index.js +1 -1
- package/dist/cjs/designSystem/kubitWireframe/vulcan/index.js.map +1 -1
- package/dist/cjs/hooks/useRoveFocus/useRoveFocus.js +40 -2
- package/dist/cjs/hooks/useRoveFocus/useRoveFocus.js.map +1 -1
- package/dist/cjs/hooks/useScrollEffect/useScrollEffect.js +1 -1
- package/dist/cjs/hooks/useScrollEffect/useScrollEffect.js.map +1 -1
- package/dist/cjs/styles/mixins/input.mixin.js +3 -3
- package/dist/cjs/styles/mixins/input.mixin.js.map +1 -1
- package/dist/esm/components/actionBottomSheet/actionBottomSheet.styled.d.ts +2 -0
- package/dist/esm/components/actionBottomSheet/actionBottomSheet.styled.js +6 -0
- package/dist/esm/components/actionBottomSheet/actionBottomSheet.styled.js.map +1 -1
- package/dist/esm/components/actionBottomSheet/actionBottomSheetControlled.js +6 -2
- package/dist/esm/components/actionBottomSheet/actionBottomSheetControlled.js.map +1 -1
- package/dist/esm/components/actionBottomSheet/actionBottomSheetStandAlone.js +14 -3
- package/dist/esm/components/actionBottomSheet/actionBottomSheetStandAlone.js.map +1 -1
- package/dist/esm/components/actionBottomSheet/types/actionBottomSheet.d.ts +2 -0
- package/dist/esm/components/actionBottomSheet/types/actionBottomSheetTheme.d.ts +2 -0
- package/dist/esm/components/button/button.styled.js +14 -2
- package/dist/esm/components/button/button.styled.js.map +1 -1
- package/dist/esm/components/calendar/calendarStandAlone.js +6 -2
- package/dist/esm/components/calendar/calendarStandAlone.js.map +1 -1
- package/dist/esm/components/calendar/list/list.js +9 -9
- package/dist/esm/components/calendar/list/list.js.map +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js +12 -7
- package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js.map +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/types/monthSelector.d.ts +2 -2
- package/dist/esm/components/calendar/selector/monthSelector/utils/monthSelector.utils.d.ts +10 -2
- package/dist/esm/components/calendar/selector/monthSelector/utils/monthSelector.utils.js +73 -18
- package/dist/esm/components/calendar/selector/monthSelector/utils/monthSelector.utils.js.map +1 -1
- package/dist/esm/components/calendar/selector/selector.js +1 -3
- package/dist/esm/components/calendar/selector/selector.js.map +1 -1
- package/dist/esm/components/calendar/selector/selector.styled.d.ts +1 -1
- package/dist/esm/components/calendar/selector/selector.styled.js +2 -1
- package/dist/esm/components/calendar/selector/selector.styled.js.map +1 -1
- package/dist/esm/components/calendar/selector/types/selector.d.ts +1 -0
- package/dist/esm/components/calendar/selector/yearSelector/utils/yearSelector.utils.d.ts +6 -2
- package/dist/esm/components/calendar/selector/yearSelector/utils/yearSelector.utils.js +33 -18
- package/dist/esm/components/calendar/selector/yearSelector/utils/yearSelector.utils.js.map +1 -1
- package/dist/esm/components/calendar/selector/yearSelector/yearSelector.js +5 -5
- package/dist/esm/components/calendar/selector/yearSelector/yearSelector.js.map +1 -1
- package/dist/esm/components/calendar/types/calendar.d.ts +2 -0
- package/dist/esm/components/calendar/utils/handleKeysmoves.d.ts +11 -9
- package/dist/esm/components/calendar/utils/handleKeysmoves.js +81 -20
- package/dist/esm/components/calendar/utils/handleKeysmoves.js.map +1 -1
- package/dist/esm/components/drawer/drawerControlled.js +4 -2
- package/dist/esm/components/drawer/drawerControlled.js.map +1 -1
- package/dist/esm/components/icon/icon.js +2 -2
- package/dist/esm/components/icon/icon.js.map +1 -1
- package/dist/esm/components/icon/types/icon.d.ts +2 -1
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/input/inputStandAlone.js +4 -8
- package/dist/esm/components/input/inputStandAlone.js.map +1 -1
- package/dist/esm/components/input/utils/aria.utils.d.ts +2 -9
- package/dist/esm/components/input/utils/aria.utils.js +4 -14
- package/dist/esm/components/input/utils/aria.utils.js.map +1 -1
- package/dist/esm/components/inputDate/components/popoverCalendar.js +4 -3
- package/dist/esm/components/inputDate/components/popoverCalendar.js.map +1 -1
- package/dist/esm/components/inputDate/hooks/useInputDate.js +7 -0
- package/dist/esm/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/esm/components/inputDate/inputDateStandAlone.js +4 -3
- package/dist/esm/components/inputDate/inputDateStandAlone.js.map +1 -1
- package/dist/esm/components/inputDate/types/inputDate.d.ts +2 -1
- package/dist/esm/components/listOptions/listOptionsStandAlone.js +1 -1
- package/dist/esm/components/listOptions/listOptionsStandAlone.js.map +1 -1
- package/dist/esm/components/modal/modalControlled.js +5 -2
- package/dist/esm/components/modal/modalControlled.js.map +1 -1
- package/dist/esm/components/modalV2/fragments/index.d.ts +1 -0
- package/dist/esm/components/modalV2/fragments/index.js +2 -0
- package/dist/esm/components/modalV2/fragments/index.js.map +1 -0
- package/dist/esm/components/modalV2/fragments/modalHeader.d.ts +7 -0
- package/dist/esm/components/modalV2/fragments/modalHeader.js +11 -0
- package/dist/esm/components/modalV2/fragments/modalHeader.js.map +1 -0
- package/dist/esm/components/modalV2/index.d.ts +3 -0
- package/dist/esm/components/modalV2/index.js +4 -0
- package/dist/esm/components/modalV2/index.js.map +1 -0
- package/dist/esm/components/modalV2/modal.styled.d.ts +12 -0
- package/dist/esm/components/modalV2/modal.styled.js +55 -0
- package/dist/esm/components/modalV2/modal.styled.js.map +1 -0
- package/dist/esm/components/modalV2/modalControlled.d.ts +7 -0
- package/dist/esm/components/modalV2/modalControlled.js +30 -0
- package/dist/esm/components/modalV2/modalControlled.js.map +1 -0
- package/dist/esm/components/modalV2/modalStandAlone.d.ts +3 -0
- package/dist/esm/components/modalV2/modalStandAlone.js +21 -0
- package/dist/esm/components/modalV2/modalStandAlone.js.map +1 -0
- package/dist/esm/components/modalV2/modalUnControlled.d.ts +7 -0
- package/dist/esm/components/modalV2/modalUnControlled.js +36 -0
- package/dist/esm/components/modalV2/modalUnControlled.js.map +1 -0
- package/dist/esm/components/modalV2/types/index.d.ts +2 -0
- package/dist/esm/components/modalV2/types/index.js +3 -0
- package/dist/esm/components/modalV2/types/index.js.map +1 -0
- package/dist/esm/components/modalV2/types/modal.d.ts +61 -0
- package/dist/esm/components/modalV2/types/modal.js +2 -0
- package/dist/esm/components/modalV2/types/modal.js.map +1 -0
- package/dist/esm/components/modalV2/types/modalTheme.d.ts +19 -0
- package/dist/esm/components/modalV2/types/modalTheme.js +2 -0
- package/dist/esm/components/modalV2/types/modalTheme.js.map +1 -0
- package/dist/esm/components/modalV2/utils/index.d.ts +1 -0
- package/dist/esm/components/modalV2/utils/index.js +2 -0
- package/dist/esm/components/modalV2/utils/index.js.map +1 -0
- package/dist/esm/components/modalV2/utils/onlyDesktopSize.d.ts +2 -0
- package/dist/esm/components/modalV2/utils/onlyDesktopSize.js +7 -0
- package/dist/esm/components/modalV2/utils/onlyDesktopSize.js.map +1 -0
- package/dist/esm/components/stepperNumber/types/prefixSuffix.d.ts +2 -0
- package/dist/esm/components/table/component/listColumnHeaderPriority.js +1 -1
- package/dist/esm/components/table/component/listColumnHeaderPriority.js.map +1 -1
- package/dist/esm/components/table/component/listRowHeaderPriority.js +1 -1
- package/dist/esm/components/table/component/listRowHeaderPriority.js.map +1 -1
- package/dist/esm/components/table/component/table.d.ts +1 -1
- package/dist/esm/components/table/component/table.js +3 -3
- package/dist/esm/components/table/component/table.js.map +1 -1
- package/dist/esm/components/table/component/tableRow.js +2 -2
- package/dist/esm/components/table/component/tableRow.js.map +1 -1
- package/dist/esm/components/table/types/table.d.ts +3 -0
- package/dist/esm/components/toggle/components/toggleThreePosition.js +1 -1
- package/dist/esm/components/toggle/components/toggleThreePosition.js.map +1 -1
- package/dist/esm/components/toggle/components/toggleTwoPositions.js +2 -6
- package/dist/esm/components/toggle/components/toggleTwoPositions.js.map +1 -1
- package/dist/esm/components/toggle/toggleControlled.js +2 -6
- package/dist/esm/components/toggle/toggleControlled.js.map +1 -1
- package/dist/esm/components/toggle/toggleUnControlled.js +5 -1
- package/dist/esm/components/toggle/toggleUnControlled.js.map +1 -1
- package/dist/esm/components/toggle/types/toggle.d.ts +2 -3
- package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js +2 -2
- package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.d.ts +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.js +2 -2
- package/dist/esm/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/esm/components/tooltip/tooltipUnControlled.js +1 -1
- package/dist/esm/components/tooltip/tooltipUnControlled.js.map +1 -1
- package/dist/esm/components/virtualKeyboard/components/digitButton.d.ts +7 -0
- package/dist/esm/components/virtualKeyboard/components/digitButton.js +19 -0
- package/dist/esm/components/virtualKeyboard/components/digitButton.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/index.d.ts +2 -0
- package/dist/esm/components/virtualKeyboard/index.js +3 -0
- package/dist/esm/components/virtualKeyboard/index.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/types/index.d.ts +3 -0
- package/dist/esm/components/virtualKeyboard/types/index.js +4 -0
- package/dist/esm/components/virtualKeyboard/types/index.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/types/state.d.ts +18 -0
- package/dist/esm/components/virtualKeyboard/types/state.js +21 -0
- package/dist/esm/components/virtualKeyboard/types/state.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/types/virtualKeyboard.d.ts +47 -0
- package/dist/esm/components/virtualKeyboard/types/virtualKeyboard.js +2 -0
- package/dist/esm/components/virtualKeyboard/types/virtualKeyboard.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/types/virtualKeyboardTheme.d.ts +26 -0
- package/dist/esm/components/virtualKeyboard/types/virtualKeyboardTheme.js +2 -0
- package/dist/esm/components/virtualKeyboard/types/virtualKeyboardTheme.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboard.d.ts +12 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboard.js +29 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboard.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboard.styled.d.ts +12 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboard.styled.js +37 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboard.styled.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.d.ts +8 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js +21 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js.map +1 -0
- package/dist/esm/constants/keyboardKeys.js +2 -2
- package/dist/esm/constants/keyboardKeys.js.map +1 -1
- package/dist/esm/constants/stylesName.d.ts +1 -0
- package/dist/esm/constants/stylesName.js +1 -0
- package/dist/esm/constants/stylesName.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/actionBottomSheet/styles.js +9 -6
- package/dist/esm/designSystem/kubit/components/actionBottomSheet/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/modalV2/index.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/modalV2/index.js +3 -0
- package/dist/esm/designSystem/kubit/components/modalV2/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/modalV2/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/modalV2/styles.js +228 -0
- package/dist/esm/designSystem/kubit/components/modalV2/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/modalV2/variants.d.ts +5 -0
- package/dist/esm/designSystem/kubit/components/modalV2/variants.js +7 -0
- package/dist/esm/designSystem/kubit/components/modalV2/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/styles.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/styles.js +2 -0
- package/dist/esm/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/variants.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/variants.js +2 -0
- package/dist/esm/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/index.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/index.js +3 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/styles.js +102 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/variants.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/variants.js +5 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/index.d.ts +4 -0
- package/dist/esm/designSystem/kubitWireframe/astra/index.js +1 -1
- package/dist/esm/designSystem/kubitWireframe/astra/index.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/link/styles.js +169 -24
- package/dist/esm/designSystem/kubitWireframe/commons/components/link/styles.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/link/variants.d.ts +2 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/link/variants.js +1 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/link/variants.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/styles.js +3 -8
- package/dist/esm/designSystem/kubitWireframe/commons/components/styles.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/variants.d.ts +2 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/variants.js +2 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/variants.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/index.d.ts +2 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/index.js +3 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/index.js.map +1 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/styles.d.ts +7 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/styles.js +147 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/styles.js.map +1 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/variants.d.ts +3 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/variants.js +5 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/variants.js.map +1 -0
- package/dist/esm/designSystem/kubitWireframe/commons/foundations/colors.d.ts +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/foundations/colors.js +3 -1
- package/dist/esm/designSystem/kubitWireframe/commons/foundations/colors.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/index.d.ts +2 -1
- package/dist/esm/designSystem/kubitWireframe/root/index.js +1 -1
- package/dist/esm/designSystem/kubitWireframe/root/index.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/vulcan/index.js +1 -1
- package/dist/esm/designSystem/kubitWireframe/vulcan/index.js.map +1 -1
- package/dist/esm/hooks/useRoveFocus/useRoveFocus.d.ts +3 -1
- package/dist/esm/hooks/useRoveFocus/useRoveFocus.js +41 -3
- package/dist/esm/hooks/useRoveFocus/useRoveFocus.js.map +1 -1
- package/dist/esm/hooks/useScrollEffect/useScrollEffect.d.ts +6 -1
- package/dist/esm/hooks/useScrollEffect/useScrollEffect.js +1 -1
- package/dist/esm/hooks/useScrollEffect/useScrollEffect.js.map +1 -1
- package/dist/esm/styles/mixins/input.mixin.d.ts +1 -1
- package/dist/esm/styles/mixins/input.mixin.js +3 -3
- package/dist/esm/styles/mixins/input.mixin.js.map +1 -1
- package/package.json +16 -15
|
@@ -43,8 +43,11 @@ const CONTENT_STYLES_EDIT = [
|
|
|
43
43
|
const ModalControlledComponent = React.forwardRef(({ variant, ctv, portalId, ...props }, ref) => {
|
|
44
44
|
const styles = (0, hooks_1.useStyles)(constants_1.STYLES_NAME.MODAL, variant, ctv);
|
|
45
45
|
const device = (0, hooks_1.useMediaDevice)();
|
|
46
|
-
const
|
|
47
|
-
const { scrollableRef, resizeRef, shadowRef } = (0, hooks_1.useScrollEffect)(
|
|
46
|
+
const conditional = React.useMemo(() => device !== types_1.DeviceBreakpointsType.DESKTOP && device !== types_1.DeviceBreakpointsType.LARGE_DESKTOP, [device]);
|
|
47
|
+
const { scrollableRef, resizeRef, shadowRef } = (0, hooks_1.useScrollEffect)({
|
|
48
|
+
conditional,
|
|
49
|
+
shadowStyles: styles.headerContainer?.box_shadow,
|
|
50
|
+
});
|
|
48
51
|
const zoomRef = (0, hooks_1.useZoomEffect)(CONTAINER_STYLES_EDIT, MAX_ZOOM);
|
|
49
52
|
const zoomRefChild = (0, hooks_1.useZoomEffect)(CONTENT_STYLES_EDIT, MAX_ZOOM);
|
|
50
53
|
const modalStructure = ((0, jsx_runtime_1.jsx)(modalStandAlone_1.ModalStandAlone, { ...props, ref: ref, device: device, resizeRef: resizeRef, scrollableRef: scrollableRef, shadowRef: shadowRef, styles: styles, zoomRef: zoomRef, zoomRefChild: zoomRefChild }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalControlled.js","sourceRoot":"","sources":["../../../../src/components/modal/modalControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,mCAAoF;AACpF,0EAAuE;AACvE,kFAA+E;AAC/E,mCAAgD;AAGhD,sCAAmC;AACnC,uDAAoD;AAGpD,MAAM,QAAQ,GAAG,GAAG,CAAC;AACrB,MAAM,qBAAqB,GAAkB;IAC3C,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,EAAE;CAC5D,CAAC;AACF,MAAM,mBAAmB,GAAkB;IACzC,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE;CAC/D,CAAC;AAEF,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EACzD,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,iBAAS,EAAyB,uBAAW,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAClF,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEhC,MAAM,
|
|
1
|
+
{"version":3,"file":"modalControlled.js","sourceRoot":"","sources":["../../../../src/components/modal/modalControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,mCAAoF;AACpF,0EAAuE;AACvE,kFAA+E;AAC/E,mCAAgD;AAGhD,sCAAmC;AACnC,uDAAoD;AAGpD,MAAM,QAAQ,GAAG,GAAG,CAAC;AACrB,MAAM,qBAAqB,GAAkB;IAC3C,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,EAAE;CAC5D,CAAC;AACF,MAAM,mBAAmB,GAAkB;IACzC,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE;CAC/D,CAAC;AAEF,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EACzD,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,iBAAS,EAAyB,uBAAW,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAClF,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEhC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CACH,MAAM,KAAK,6BAAqB,CAAC,OAAO,IAAI,MAAM,KAAK,6BAAqB,CAAC,aAAa,EAC5F,CAAC,MAAM,CAAC,CACT,CAAC;IACF,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAe,EAAC;QAC9D,WAAW;QACX,YAAY,EAAE,MAAM,CAAC,eAAe,EAAE,UAAU;KACjD,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,qBAAa,EAAC,qBAAqB,EAAE,QAAQ,CAAC,CAAC;IAC/D,MAAM,YAAY,GAAG,IAAA,qBAAa,EAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC;IAElE,MAAM,cAAc,GAAG,CACrB,uBAAC,iCAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,uBAAC,eAAM,IAAC,SAAS,EAAE,QAAQ,YAAG,cAAc,GAAU,CAAC,CAAC,CAAC,cAAc,CAAC;AAC5F,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,aAAa,GAAG,CACpB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EAC3C,GAA0D,EAC7C,EAAE;IACf,MAAM,cAAc,GAAG,uBAAC,iCAAe,OAAM,KAAqC,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IAEjG,OAAO,CACL,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,qCAAiB,cACf,QAAQ,CAAC,CAAC,CAAC,uBAAC,eAAM,IAAC,SAAS,EAAE,QAAQ,YAAG,cAAc,GAAU,CAAC,CAAC,CAAC,cAAc,GACjE,YAGtB,uBAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACvD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAIjB,CAAC;AAE7B,0CAAe"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ModalHeader = void 0;
|
|
4
|
+
var modalHeader_1 = require("./modalHeader");
|
|
5
|
+
Object.defineProperty(exports, "ModalHeader", { enumerable: true, get: function () { return modalHeader_1.ModalHeader; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/modalV2/fragments/index.ts"],"names":[],"mappings":";;;AAAA,6CAA4C;AAAnC,0GAAA,WAAW,OAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ModalHeader = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = __importDefault(require("react"));
|
|
9
|
+
const button_1 = require("../../../components/button");
|
|
10
|
+
const elementOrIcon_1 = require("../../../components/elementOrIcon");
|
|
11
|
+
const text_1 = require("../../../components/text");
|
|
12
|
+
const modal_styled_1 = require("../modal.styled");
|
|
13
|
+
const ModalHeaderComponent = (props, ref) => ((0, jsx_runtime_1.jsxs)(modal_styled_1.ModalHeaderStyled, { ref: ref, "$styles": props.styles, children: [(0, jsx_runtime_1.jsx)(modal_styled_1.ModalFilledContainer, { "$styles": props.styles }), props.title?.visible === undefined || props.title.visible ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.H1, customTypography: props.styles.title, dataTestId: `${props.dataTestId}Title`, id: props.titleIdFinal, ...props.title, children: props.title?.content }) })) : ((0, jsx_runtime_1.jsx)(modal_styled_1.TitleHiddenContainer, { id: props.titleIdFinal, children: props.title?.content })), !props.blocked && props.closeIcon?.icon && ((0, jsx_runtime_1.jsx)(modal_styled_1.ModalCloseButtonStyled, { "$styles": props.styles, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.closeButtonIcon, dataTestId: `${props.dataTestId}CloseIcon`, ...props.closeIcon }) })), !props.blocked &&
|
|
14
|
+
props.closeButton?.content &&
|
|
15
|
+
(props.styles.closeButton?.buttonVariant || props.closeButton?.variant) && ((0, jsx_runtime_1.jsx)(button_1.Button, { variant: props.styles.closeButton?.buttonVariant, ...props.closeButton, children: props.closeButton.content }))] }));
|
|
16
|
+
exports.ModalHeader = react_1.default.forwardRef(ModalHeaderComponent);
|
|
17
|
+
//# sourceMappingURL=modalHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modalHeader.js","sourceRoot":"","sources":["../../../../../src/components/modalV2/fragments/modalHeader.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,gDAA6C;AAC7C,8DAA2D;AAC3D,4CAA4D;AAE5D,kDAKyB;AAQzB,MAAM,oBAAoB,GAAG,CAC3B,KAAuB,EACvB,GAA0D,EAC7C,EAAE,CAAC,CAChB,wBAAC,gCAAiB,IAAC,GAAG,EAAE,GAAG,aAAW,KAAK,CAAC,MAAM,aAEhD,uBAAC,mCAAoB,eAAU,KAAK,CAAC,MAAM,GAAI,EAC9C,KAAK,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAC3D,2DACE,uBAAC,WAAI,IACH,SAAS,EAAE,wBAAiB,CAAC,EAAE,EAC/B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACpC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,EACtC,EAAE,EAAE,KAAK,CAAC,YAAY,KAClB,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACN,CACJ,CAAC,CAAC,CAAC,CACF,uBAAC,mCAAoB,IAAC,EAAE,EAAE,KAAK,CAAC,YAAY,YAAG,KAAK,CAAC,KAAK,EAAE,OAAO,GAAwB,CAC5F,EACA,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE,IAAI,IAAI,CAC1C,uBAAC,qCAAsB,eAAU,KAAK,CAAC,MAAM,YAC3C,uBAAC,6BAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,eAAe,EAC/C,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,WAAW,KACtC,KAAK,CAAC,SAAS,GACnB,GACqB,CAC1B,EACA,CAAC,KAAK,CAAC,OAAO;YACb,KAAK,CAAC,WAAW,EAAE,OAAO;YAC1B,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,IAAI,KAAK,CAAC,WAAW,EAAE,OAAO,CAAC,IAAI,CACzE,uBAAC,eAAM,IAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,KAAM,KAAK,CAAC,WAAW,YAC5E,KAAK,CAAC,WAAW,CAAC,OAAO,GACnB,CACV,IACe,CACrB,CAAC;AAEW,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ModalV2 = exports.ModalControlledV2 = void 0;
|
|
4
|
+
// components
|
|
5
|
+
var modalControlled_1 = require("./modalControlled");
|
|
6
|
+
Object.defineProperty(exports, "ModalControlledV2", { enumerable: true, get: function () { return modalControlled_1.ModalControlled; } });
|
|
7
|
+
var modalUnControlled_1 = require("./modalUnControlled");
|
|
8
|
+
Object.defineProperty(exports, "ModalV2", { enumerable: true, get: function () { return modalUnControlled_1.ModalUnControlled; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/modalV2/index.ts"],"names":[],"mappings":";;;AAcA,aAAa;AACb,qDAAyE;AAAhE,oHAAA,eAAe,OAAqB;AAC7C,yDAAmE;AAA1D,4GAAA,iBAAiB,OAAW"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.ModalFooterStyled = exports.ModalContentStyled = exports.ModalCloseButtonStyled = exports.TitleHiddenContainer = exports.ModalFilledContainer = exports.ModalHeaderStyled = exports.ModalStyled = void 0;
|
|
27
|
+
const styled_components_1 = __importStar(require("styled-components"));
|
|
28
|
+
//utils
|
|
29
|
+
const getStyles_1 = require("../../utils/getStyles/getStyles");
|
|
30
|
+
const commonModalContainerStyled = (mediaQuery, minWidth, minHeight, maxWidth, maxHeight, hasFooter = false) => mediaQuery &&
|
|
31
|
+
(0, styled_components_1.css) `
|
|
32
|
+
${mediaQuery} {
|
|
33
|
+
${minWidth &&
|
|
34
|
+
(0, styled_components_1.css) `
|
|
35
|
+
min-width: ${minWidth};
|
|
36
|
+
`}
|
|
37
|
+
${minHeight &&
|
|
38
|
+
(0, styled_components_1.css) `
|
|
39
|
+
min-height: ${minHeight};
|
|
40
|
+
`};
|
|
41
|
+
${maxWidth &&
|
|
42
|
+
(0, styled_components_1.css) `
|
|
43
|
+
max-width: ${maxWidth || '100vw'};
|
|
44
|
+
`}
|
|
45
|
+
${maxHeight &&
|
|
46
|
+
(0, styled_components_1.css) `
|
|
47
|
+
max-height: ${maxHeight || '100vh'};
|
|
48
|
+
`}
|
|
49
|
+
padding-bottom: ${hasFooter ? '0' : null};
|
|
50
|
+
}
|
|
51
|
+
`;
|
|
52
|
+
exports.ModalStyled = styled_components_1.default.div `
|
|
53
|
+
${props => (0, getStyles_1.getStyles)(props.$styles.container)};
|
|
54
|
+
${({ hasFooter, $minHeight, $minWidth, $maxHeight, $maxWidth, theme: { MEDIA_QUERIES: { onlyTablet, onlyDesktop, onlyMobile }, }, }) => (0, styled_components_1.css) `
|
|
55
|
+
${commonModalContainerStyled(onlyDesktop, $minWidth, $minHeight, $maxWidth, $maxHeight, hasFooter)}
|
|
56
|
+
${commonModalContainerStyled(onlyTablet, $minWidth, $minHeight, $maxWidth, $maxHeight, hasFooter)}
|
|
57
|
+
${commonModalContainerStyled(onlyMobile, $minWidth, $minHeight, $maxWidth, $maxHeight, hasFooter)}
|
|
58
|
+
`}
|
|
59
|
+
`;
|
|
60
|
+
exports.ModalHeaderStyled = styled_components_1.default.div `
|
|
61
|
+
${props => (0, getStyles_1.getStyles)(props.$styles.headerContainer)}
|
|
62
|
+
`;
|
|
63
|
+
exports.ModalFilledContainer = styled_components_1.default.div `
|
|
64
|
+
${props => (0, getStyles_1.getStyles)(props.$styles.closeButtonIcon)};
|
|
65
|
+
`;
|
|
66
|
+
exports.TitleHiddenContainer = styled_components_1.default.span `
|
|
67
|
+
display: none;
|
|
68
|
+
`;
|
|
69
|
+
exports.ModalCloseButtonStyled = styled_components_1.default.div `
|
|
70
|
+
${props => (0, getStyles_1.getStyles)(props.$styles.closeButtonContainer)};
|
|
71
|
+
`;
|
|
72
|
+
exports.ModalContentStyled = styled_components_1.default.div `
|
|
73
|
+
word-break: break-word;
|
|
74
|
+
line-height: 1.5rem;
|
|
75
|
+
${props => (0, getStyles_1.getStyles)(props.$styles.content)}
|
|
76
|
+
min-height: ${({ $minContentHeight }) => $minContentHeight};
|
|
77
|
+
`;
|
|
78
|
+
exports.ModalFooterStyled = styled_components_1.default.div `
|
|
79
|
+
${props => (0, getStyles_1.getStyles)(props.$styles.footer)}
|
|
80
|
+
`;
|
|
81
|
+
//# sourceMappingURL=modal.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.styled.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modal.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,OAAO;AACP,2DAAwD;AAQxD,MAAM,0BAA0B,GAAG,CACjC,UAAkB,EAClB,QAAiB,EACjB,SAAkB,EAClB,QAAiB,EACjB,SAAkB,EAClB,SAAS,GAAG,KAAK,EACjB,EAAE,CACF,UAAU;IACV,IAAA,uBAAG,EAAA;MACC,UAAU;QACR,QAAQ;QACV,IAAA,uBAAG,EAAA;qBACY,QAAQ;OACtB;QACC,SAAS;QACX,IAAA,uBAAG,EAAA;sBACa,SAAS;OACxB;QACC,QAAQ;QACV,IAAA,uBAAG,EAAA;qBACY,QAAQ,IAAI,OAAO;OACjC;QACC,SAAS;QACX,IAAA,uBAAG,EAAA;sBACa,SAAS,IAAI,OAAO;OACnC;wBACiB,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;;GAE3C,CAAC;AAES,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAc;IAC/C,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC;IAC3C,CAAC,EACD,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,GACvD,GACF,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;MACL,0BAA0B,CAC1B,WAAW,EACX,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,CACV;MACC,0BAA0B,CAC1B,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,CACV;MACC,0BAA0B,CAC1B,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,CACV;GACF;CACF,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAc;IACrD,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;CACpD,CAAC;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAc;IACxD,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;CACpD,CAAC;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;CAE9C,CAAC;AAEW,QAAA,sBAAsB,GAAG,2BAAM,CAAC,GAAG,CAAc;IAC1D,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,OAAO,CAAC,oBAAoB,CAAC;CACzD,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAoC;;;IAG5E,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;gBAC7B,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,iBAAiB;CAC3D,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAc;IACrD,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;CAC3C,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.ModalControlled = void 0;
|
|
27
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
const React = __importStar(require("react"));
|
|
29
|
+
const constants_1 = require("../../constants");
|
|
30
|
+
const hooks_1 = require("../../hooks");
|
|
31
|
+
const errorBoundary_1 = require("../../provider/errorBoundary/errorBoundary");
|
|
32
|
+
const fallbackComponent_1 = require("../../provider/errorBoundary/fallbackComponent");
|
|
33
|
+
const portal_1 = require("../portal");
|
|
34
|
+
const modalStandAlone_1 = require("./modalStandAlone");
|
|
35
|
+
const ModalControlledComponent = React.forwardRef(({ variant, ctv, portalId, ...props }, ref) => {
|
|
36
|
+
const styles = (0, hooks_1.useStylesV2)({
|
|
37
|
+
styleName: constants_1.STYLES_NAME.MODAL_V2,
|
|
38
|
+
variantName: variant,
|
|
39
|
+
customTokens: ctv,
|
|
40
|
+
});
|
|
41
|
+
const device = (0, hooks_1.useMediaDevice)();
|
|
42
|
+
const { scrollableRef, shadowRef } = (0, hooks_1.useScrollEffect)({
|
|
43
|
+
// The box_shadow token is need for the shadow effect
|
|
44
|
+
shadowStyles: styles?.headerContainer?.box_shadow,
|
|
45
|
+
});
|
|
46
|
+
const modalStructure = ((0, jsx_runtime_1.jsx)(modalStandAlone_1.ModalStandAlone, { ...props, ref: ref, device: device, scrollableRef: scrollableRef, shadowRef: shadowRef, styles: styles }));
|
|
47
|
+
return portalId ? (0, jsx_runtime_1.jsx)(portal_1.Portal, { wrapperId: portalId, children: modalStructure }) : modalStructure;
|
|
48
|
+
});
|
|
49
|
+
ModalControlledComponent.displayName = 'ModalControlledComponent';
|
|
50
|
+
const ModalBoundary = ({ portalId, ...props }, ref) => {
|
|
51
|
+
const modalStructure = (0, jsx_runtime_1.jsx)(modalStandAlone_1.ModalStandAlone, { ...props, ref: ref });
|
|
52
|
+
return ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(fallbackComponent_1.FallbackComponent, { children: portalId ? (0, jsx_runtime_1.jsx)(portal_1.Portal, { wrapperId: portalId, children: modalStructure }) : modalStructure }), children: (0, jsx_runtime_1.jsx)(ModalControlledComponent, { ...props, ref: ref, portalId: portalId }) }));
|
|
53
|
+
};
|
|
54
|
+
const ModalControlled = React.forwardRef(ModalBoundary);
|
|
55
|
+
exports.ModalControlled = ModalControlled;
|
|
56
|
+
//# sourceMappingURL=modalControlled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modalControlled.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modalControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,mCAAuE;AACvE,0EAAuE;AACvE,kFAA+E;AAE/E,sCAAmC;AACnC,uDAAoD;AAGpD,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EACzD,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAyB;QACjD,SAAS,EAAE,uBAAW,CAAC,QAAQ;QAC/B,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;KAClB,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEhC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAe,EAAC;QACnD,qDAAqD;QACrD,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,UAAU;KAClD,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,CACrB,uBAAC,iCAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAA6B,GACrC,CACH,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,uBAAC,eAAM,IAAC,SAAS,EAAE,QAAQ,YAAG,cAAc,GAAU,CAAC,CAAC,CAAC,cAAc,CAAC;AAC5F,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,aAAa,GAAG,CACpB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EAC3C,GAA0D,EAC7C,EAAE;IACf,MAAM,cAAc,GAAG,uBAAC,iCAAe,OAAM,KAAqC,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IAEjG,OAAO,CACL,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,qCAAiB,cACf,QAAQ,CAAC,CAAC,CAAC,uBAAC,eAAM,IAAC,SAAS,EAAE,QAAQ,YAAG,cAAc,GAAU,CAAC,CAAC,CAAC,cAAc,GACjE,YAGtB,uBAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACvD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAIjB,CAAC;AAE7B,0CAAe"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.ModalStandAlone = void 0;
|
|
27
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
const React = __importStar(require("react"));
|
|
29
|
+
const hooks_1 = require("../../hooks");
|
|
30
|
+
const footer_1 = require("../footer");
|
|
31
|
+
const popover_1 = require("../popover");
|
|
32
|
+
const fragments_1 = require("./fragments");
|
|
33
|
+
const modal_styled_1 = require("./modal.styled");
|
|
34
|
+
const utils_1 = require("./utils");
|
|
35
|
+
const ModalStandAloneComponent = ({ dataTestId = 'modalDataTestId', scrollableRef, shadowRef, customHeightAllDevices = false, customWidthAllDevices = false, ...props }, ref) => {
|
|
36
|
+
const uniqueModalId = (0, hooks_1.useId)('modal');
|
|
37
|
+
const modalId = props.id ?? uniqueModalId;
|
|
38
|
+
const uniqueTitleId = (0, hooks_1.useId)('modal-title');
|
|
39
|
+
const titleIdFinal = props.title?.id ?? uniqueTitleId;
|
|
40
|
+
const modalRef = React.useRef(null);
|
|
41
|
+
const modalFooterVariant = props.footer?.variant ?? props.styles.footerVariant;
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)(popover_1.Popover, { "aria-labelledby": titleIdFinal, "aria-modal": props.open, clickOverlayClose: !props.blocked, component: popover_1.PopoverComponentType.DIALOG, dataTestId: `${dataTestId}Popover`, hasBackDrop: true, id: modalId, open: props.open, positionVariant: popover_1.PopoverPositionVariantType.FIXED, trapFocusInsideModal: true, variant: props.styles.popoverVariant, ...props.popover, children: (0, jsx_runtime_1.jsxs)(modal_styled_1.ModalStyled, { ref: modalRef, "$maxHeight": props.maxHeight, "$maxWidth": props.maxWidth, "$minHeight": customHeightAllDevices ? props.minHeight : (0, utils_1.onlyDesktopSize)(props.device, props.minHeight), "$minWidth": customWidthAllDevices ? props.minWidth : (0, utils_1.onlyDesktopSize)(props.device, props.minWidth), "$styles": props.styles, "data-testid": dataTestId, hasFooter: !!props.footer?.content, onKeyDown: event => props.onKeyDown?.(event), children: [(0, jsx_runtime_1.jsx)(fragments_1.ModalHeader, { ref: shadowRef, blocked: props.blocked, closeButton: props.closeButton, closeIcon: props.closeIcon, dataTestId: dataTestId, styles: props.styles, title: props.title, titleIdFinal: titleIdFinal }), (0, jsx_runtime_1.jsx)(modal_styled_1.ModalContentStyled, { ref: ref => {
|
|
43
|
+
scrollableRef(ref);
|
|
44
|
+
}, "$minContentHeight": props.minContentHeight, "$styles": props.styles, "data-testid": `${dataTestId}Content`, children: props.content }), modalFooterVariant && props.footer?.content && ((0, jsx_runtime_1.jsx)(modal_styled_1.ModalFooterStyled, { "$styles": props.styles, children: (0, jsx_runtime_1.jsx)(footer_1.Footer, { dataTestId: `${dataTestId}Navbar`, variant: modalFooterVariant, ...props.footer, children: props.footer?.content }) }))] }) }));
|
|
45
|
+
};
|
|
46
|
+
exports.ModalStandAlone = React.forwardRef(ModalStandAloneComponent);
|
|
47
|
+
//# sourceMappingURL=modalStandAlone.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modalStandAlone.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modalStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.ModalUnControlled = void 0;
|
|
27
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
const React = __importStar(require("react"));
|
|
29
|
+
const react_1 = require("react");
|
|
30
|
+
const utils_1 = require("../../utils");
|
|
31
|
+
const modalControlled_1 = require("./modalControlled");
|
|
32
|
+
const ModalUnControlledComponent = ({ variant, onClose, closeIcon, closeButton, popover, ...props }, ref) => {
|
|
33
|
+
const [open, setOpen] = (0, react_1.useState)(props.open);
|
|
34
|
+
const onKeyDown = event => {
|
|
35
|
+
if (props?.blocked && (0, utils_1.isKeyEscapePressed)(event.key)) {
|
|
36
|
+
return event.stopPropagation();
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
(0, react_1.useEffect)(() => {
|
|
40
|
+
setOpen(props.open);
|
|
41
|
+
}, [props.open]);
|
|
42
|
+
const handleClose = () => {
|
|
43
|
+
setOpen(false);
|
|
44
|
+
onClose?.();
|
|
45
|
+
};
|
|
46
|
+
const handleCloseIconClick = e => {
|
|
47
|
+
handleClose();
|
|
48
|
+
closeIcon?.onClick?.(e);
|
|
49
|
+
};
|
|
50
|
+
const handlecloseButtonClick = e => {
|
|
51
|
+
handleClose();
|
|
52
|
+
closeButton?.onClick?.(e);
|
|
53
|
+
};
|
|
54
|
+
const handlePopoverCloseInternally = () => {
|
|
55
|
+
handleClose();
|
|
56
|
+
popover?.onCloseInternally?.();
|
|
57
|
+
};
|
|
58
|
+
return ((0, jsx_runtime_1.jsx)(modalControlled_1.ModalControlled, { ...props, ref: ref, closeButton: closeButton && { ...closeButton, onClick: handlecloseButtonClick }, closeIcon: { ...closeIcon, onClick: handleCloseIconClick }, open: open, popover: { ...popover, onCloseInternally: handlePopoverCloseInternally }, variant: variant, onKeyDown: onKeyDown }));
|
|
59
|
+
};
|
|
60
|
+
const ModalUnControlled = React.forwardRef(ModalUnControlledComponent);
|
|
61
|
+
exports.ModalUnControlled = ModalUnControlled;
|
|
62
|
+
//# sourceMappingURL=modalUnControlled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modalUnControlled.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modalUnControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAA4C;AAE5C,mCAA6C;AAE7C,uDAAoD;AAGpD,MAAM,0BAA0B,GAAG,CACjC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,EAAyB,EACtF,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,SAAS,GAA+C,KAAK,CAAC,EAAE;QACpE,IAAI,KAAK,EAAE,OAAO,IAAI,IAAA,0BAAkB,EAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACpD,OAAO,KAAK,CAAC,eAAe,EAAE,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE;QAC/B,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE;QACjC,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,4BAA4B,GAAG,GAAG,EAAE;QACxC,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,iCAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,IAAI,EAAE,GAAG,WAAW,EAAE,OAAO,EAAE,sBAAsB,EAAE,EAC/E,SAAS,EAAE,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,oBAAoB,EAAE,EAC1D,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,iBAAiB,EAAE,4BAA4B,EAAE,EACxE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAMnB,CAAC;AAE1C,8CAAiB"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./modal"), exports);
|
|
18
|
+
__exportStar(require("./modalTheme"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/modalV2/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,+CAA6B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../../src/components/modalV2/types/modal.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modalTheme.js","sourceRoot":"","sources":["../../../../../src/components/modalV2/types/modalTheme.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.onlyDesktopSize = void 0;
|
|
4
|
+
var onlyDesktopSize_1 = require("./onlyDesktopSize");
|
|
5
|
+
Object.defineProperty(exports, "onlyDesktopSize", { enumerable: true, get: function () { return onlyDesktopSize_1.onlyDesktopSize; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/modalV2/utils/index.ts"],"names":[],"mappings":";;;AAAA,qDAAoD;AAA3C,kHAAA,eAAe,OAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.onlyDesktopSize = void 0;
|
|
4
|
+
const types_1 = require("../../../types");
|
|
5
|
+
const onlyDesktopSize = (device, value) => {
|
|
6
|
+
return device === types_1.DeviceBreakpointsType.DESKTOP || device === types_1.DeviceBreakpointsType.LARGE_DESKTOP
|
|
7
|
+
? value
|
|
8
|
+
: undefined;
|
|
9
|
+
};
|
|
10
|
+
exports.onlyDesktopSize = onlyDesktopSize;
|
|
11
|
+
//# sourceMappingURL=onlyDesktopSize.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"onlyDesktopSize.js","sourceRoot":"","sources":["../../../../../src/components/modalV2/utils/onlyDesktopSize.ts"],"names":[],"mappings":";;;AAAA,mCAAgD;AAEzC,MAAM,eAAe,GAAG,CAC7B,MAA6B,EAC7B,KAAc,EACM,EAAE;IACtB,OAAO,MAAM,KAAK,6BAAqB,CAAC,OAAO,IAAI,MAAM,KAAK,6BAAqB,CAAC,aAAa;QAC/F,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC,CAAC;AAPW,QAAA,eAAe,mBAO1B"}
|
|
@@ -39,7 +39,7 @@ const ListColumnHeaderPriority = (props) => {
|
|
|
39
39
|
.map((header, indexHeader) => {
|
|
40
40
|
return ((0, jsx_runtime_1.jsxs)(table_styled_1.ListRowContainerHeaderPriorityStyled, {
|
|
41
41
|
// By now you can't have a divider in a column header priority
|
|
42
|
-
hasDivider: false, lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles, children: [header.label && ((0, jsx_runtime_1.jsx)(table_styled_1.ListHeaderItemStylesStyled, { customAlign: header?.config?.alignHeader?.[props.device] || header?.config?.alignHeader, customBackgroundColor: header?.config?.backgroundColor, customWidth: header?.config?.width, flexWidth: header?.config?.flexWidth, hidden: props.hiddenHeaderOn?.[props.device], index: indexHeader, lineSeparatorBottomOnHeader: props.lineSeparatorBottomOnHeader, lineSeparatorLineStyles: props.lineSeparatorLineStyles, lineSeparatorTopOnHeader: props.lineSeparatorTopOnHeader, styles: props.styles.header?.[props.headerVariant], children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.header?.[props.headerVariant]?.typography, dataTestId: `${props.dataTestId}ItemListRowHeader${header.label}`, children: header.label }) })), (0, jsx_runtime_1.jsx)(table_styled_1.ListRowHeaderPriorityStyled, { styles: props.styles, children: props.values.map((value, indexValue) => {
|
|
42
|
+
hasDivider: false, lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles, children: [header.label && ((0, jsx_runtime_1.jsx)(table_styled_1.ListHeaderItemStylesStyled, { "aria-hidden": header.config?.['aria-hidden'], customAlign: header?.config?.alignHeader?.[props.device] || header?.config?.alignHeader, customBackgroundColor: header?.config?.backgroundColor, customWidth: header?.config?.width, flexWidth: header?.config?.flexWidth, hidden: props.hiddenHeaderOn?.[props.device], index: indexHeader, lineSeparatorBottomOnHeader: props.lineSeparatorBottomOnHeader, lineSeparatorLineStyles: props.lineSeparatorLineStyles, lineSeparatorTopOnHeader: props.lineSeparatorTopOnHeader, styles: props.styles.header?.[props.headerVariant], children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.header?.[props.headerVariant]?.typography, dataTestId: `${props.dataTestId}ItemListRowHeader${header.label}`, children: header.label }) })), (0, jsx_runtime_1.jsx)(table_styled_1.ListRowHeaderPriorityStyled, { styles: props.styles, children: props.values.map((value, indexValue) => {
|
|
43
43
|
return ((0, jsx_runtime_1.jsx)(ListColumnHeaderValue, { ...props, hasExpandedIcon: indexValue === 0, header: header, indexHeader: indexHeader, value: value }, indexValue));
|
|
44
44
|
}) })] }, indexHeader));
|
|
45
45
|
}) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listColumnHeaderPriority.js","sourceRoot":"","sources":["../../../../../src/components/table/component/listColumnHeaderPriority.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,gDAAiD;AACjD,8DAA2D;AAC3D,iDAA8C;AAC9C,iEAAsE;AAEtE,oDAAiD;AACjD,kDAOyB;AAGlB,MAAM,wBAAwB,GAAG,CAAC,KAAqB,EAAe,EAAE;IAC7E,OAAO,CACL,uBAAC,KAAK,CAAC,QAAQ,cACZ,KAAK,CAAC,OAAO;YACZ,8DAA8D;aAC7D,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC;aAC5C,GAAG,CAAC,CAAC,MAAoB,EAAE,WAAmB,EAAE,EAAE;YACjD,OAAO,CACL,wBAAC,mDAAoC;gBAEnC,8DAA8D;gBAC9D,UAAU,EAAE,KAAK,EACjB,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,MAAM,CAAC,KAAK,IAAI,CACf,uBAAC,yCAA0B,
|
|
1
|
+
{"version":3,"file":"listColumnHeaderPriority.js","sourceRoot":"","sources":["../../../../../src/components/table/component/listColumnHeaderPriority.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ const ListRowHeaderPriority = (props) => {
|
|
|
15
15
|
.filter(header => header.id !== divider?.id)
|
|
16
16
|
.map((header, indexHeader) => {
|
|
17
17
|
const hasExpandedIcon = indexHeader === 0;
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)("li", { children: [header.label && ((0, jsx_runtime_1.jsx)(table_styled_1.ListHeaderItemStylesStyled, { customAlign: header?.config?.alignHeader?.[props.device] || header?.config?.alignHeader, customBackgroundColor: header?.config?.backgroundColor, customWidth: header?.config?.width, flexWidth: header?.config?.flexWidth, hidden: props.hiddenHeaderOn?.[props.device], lineSeparatorBottomOnHeader: props.lineSeparatorBottomOnHeader, lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles.header?.[props.headerVariant], children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.header?.[props.headerVariant]?.typography, dataTestId: `${props.dataTestId}ItemListRowHeader${header.label}`, children: header.label }) })), (0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsxs)(table_styled_1.ListItemHeaderPriorityStyled, { borderPosition: props.value.rowBorderPosition, customAlign: getCellTokenValue({ headerValue: header, token: 'align' }) ||
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)("li", { children: [header.label && ((0, jsx_runtime_1.jsx)(table_styled_1.ListHeaderItemStylesStyled, { "aria-hidden": header?.config?.['aria-hidden'], customAlign: header?.config?.alignHeader?.[props.device] || header?.config?.alignHeader, customBackgroundColor: header?.config?.backgroundColor, customWidth: header?.config?.width, flexWidth: header?.config?.flexWidth, hidden: props.hiddenHeaderOn?.[props.device], lineSeparatorBottomOnHeader: props.lineSeparatorBottomOnHeader, lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles.header?.[props.headerVariant], children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.header?.[props.headerVariant]?.typography, dataTestId: `${props.dataTestId}ItemListRowHeader${header.label}`, children: header.label }) })), (0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsxs)(table_styled_1.ListItemHeaderPriorityStyled, { borderPosition: props.value.rowBorderPosition, customAlign: getCellTokenValue({ headerValue: header, token: 'align' }) ||
|
|
19
19
|
header?.config?.alignValue?.[props.device] ||
|
|
20
20
|
header?.config?.alignValue ||
|
|
21
21
|
header?.config?.alignHeader?.[props.device] ||
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listRowHeaderPriority.js","sourceRoot":"","sources":["../../../../../src/components/table/component/listRowHeaderPriority.tsx"],"names":[],"mappings":";;;;AAEA,gDAAiD;AACjD,8DAA2D;AAC3D,iDAA8C;AAC9C,iEAAsE;AAEtE,oDAAiD;AACjD,kDAOyB;AAEzB,+CAA4C;AAErC,MAAM,qBAAqB,GAAG,CAAC,KAA6B,EAAe,EAAE;IAClF,MAAM,EACJ,SAAS,EACT,OAAO,EACP,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,iBAAiB,EACjB,yBAAyB,EACzB,qBAAqB,EACrB,mBAAmB,EACnB,UAAU,GACX,GAAG,IAAA,uBAAU,EAAC,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IAE7B,OAAO,CACL,wBAAC,mDAAoC,IACnC,UAAU,EAAE,CAAC,CAAC,YAAY,EAAE,EAC5B,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,SAAS,IAAI,CACZ,uBAAC,yCAA0B,IACzB,WAAW,EACT,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,SAAS,EAAE,MAAM,EAAE,WAAW,EAElF,qBAAqB,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,EACzD,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EACrC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EACvC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,2BAA2B,EAAE,KAAK,CAAC,2BAA2B,EAC9D,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,wBAAwB,EAAE,KAAK,CAAC,wBAAwB,EACxD,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,YAEhD,uBAAC,WAAI,IACH,SAAS,EAAE,6BAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,UAAU,EACtE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,oBAAoB,SAAS,CAAC,KAAK,EAAE,YAEnE,SAAS,CAAC,KAAK,GACX,GACoB,CAC9B,EACD,uBAAC,yBAAW,IAAC,OAAO,EAAE,YAAY,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,GAAI,EAC7E,uBAAC,0CAA2B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAE9C,KAAK,CAAC,OAAO;qBACX,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,OAAO,EAAE,EAAE,CAAC;qBAC3C,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE;oBAC3B,MAAM,eAAe,GAAG,WAAW,KAAK,CAAC,CAAC;oBAC1C,OAAO,CACL,2CACG,MAAM,CAAC,KAAK,IAAI,CACf,uBAAC,yCAA0B,
|
|
1
|
+
{"version":3,"file":"listRowHeaderPriority.js","sourceRoot":"","sources":["../../../../../src/components/table/component/listRowHeaderPriority.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,7 +35,7 @@ const types_1 = require("../../../types");
|
|
|
35
35
|
const aria_1 = require("../../../utils/aria/aria");
|
|
36
36
|
const table_styled_1 = require("../table.styled");
|
|
37
37
|
const tableRow_1 = require("./tableRow");
|
|
38
|
-
const TableComponent = (props, ref) => {
|
|
38
|
+
const TableComponent = ({ ariaHiddenDividerColumn = true, ariaHiddenEmptyColumn = true, ...props }, ref) => {
|
|
39
39
|
const ariaProps = (0, aria_1.pickAriaProps)(props);
|
|
40
40
|
const footerVariant = props.footer?.variant ?? props.styles?.footerVariant;
|
|
41
41
|
const uniqueId = (0, hooks_1.useId)('tableCaption');
|
|
@@ -49,9 +49,9 @@ const TableComponent = (props, ref) => {
|
|
|
49
49
|
const hasRowHeader = props.values.some(o => {
|
|
50
50
|
return !!Object.getOwnPropertyDescriptor(o, 'rowHeader');
|
|
51
51
|
});
|
|
52
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(table_styled_1.TableStyled, { ref: ref, "aria-describedby": uniqueId, "data-testid": `${props.dataTestId}Table`, styles: props.styles.table, ...ariaProps, children: [(0, jsx_runtime_1.jsx)(table_styled_1.TableCaptionStyled, { id: uniqueId, children: props.captionDescription }), (0, jsx_runtime_1.jsx)(table_styled_1.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: (0, jsx_runtime_1.jsxs)(table_styled_1.TableRowHeaderStyled, { hasSomeDivider: hasSomeDivider, hasSomeDividerContent: hasSomeDividerContent, hasSomeExpandedContent: props.hasSomeExpandedContent, numberOfCells: headersElement.length, styles: props.styles.header?.[props.headerVariant], children: [hasRowHeader && ((0, jsx_runtime_1.jsx)(table_styled_1.TableEmptyColumnHeaderStyled, { styles: props.styles.header?.[props.headerVariant] })), hasSomeDividerContent && ((0, jsx_runtime_1.jsx)(table_styled_1.TableColumnHeaderStyled, { hasDivider: true, scope: "col", styles: props.styles.header?.[props.headerVariant], children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.header?.[props.headerVariant]?.typography, dataTestId: `${props.dataTestId}HeaderDividerContent`, children: DIVIDER_CONTENT }) }, 'dividerContent')), headersElementWithoutDivider.map((headerValue, index) => {
|
|
52
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(table_styled_1.TableStyled, { ref: ref, "aria-describedby": uniqueId, "data-testid": `${props.dataTestId}Table`, styles: props.styles.table, ...ariaProps, children: [(0, jsx_runtime_1.jsx)(table_styled_1.TableCaptionStyled, { id: uniqueId, children: props.captionDescription }), (0, jsx_runtime_1.jsx)(table_styled_1.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: (0, jsx_runtime_1.jsxs)(table_styled_1.TableRowHeaderStyled, { hasSomeDivider: hasSomeDivider, hasSomeDividerContent: hasSomeDividerContent, hasSomeExpandedContent: props.hasSomeExpandedContent, numberOfCells: headersElement.length, styles: props.styles.header?.[props.headerVariant], children: [hasRowHeader && ((0, jsx_runtime_1.jsx)(table_styled_1.TableEmptyColumnHeaderStyled, { "aria-hidden": ariaHiddenEmptyColumn, styles: props.styles.header?.[props.headerVariant] })), hasSomeDividerContent && ((0, jsx_runtime_1.jsx)(table_styled_1.TableColumnHeaderStyled, { "aria-hidden": ariaHiddenDividerColumn, hasDivider: true, scope: "col", styles: props.styles.header?.[props.headerVariant], children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.header?.[props.headerVariant]?.typography, dataTestId: `${props.dataTestId}HeaderDividerContent`, children: DIVIDER_CONTENT }) }, 'dividerContent')), headersElementWithoutDivider.map((headerValue, index) => {
|
|
53
53
|
const headerVariant = headerValue.variant ? headerValue.variant : props.headerVariant;
|
|
54
|
-
return ((0, jsx_runtime_1.jsx)(table_styled_1.TableColumnHeaderStyled, { customAlign: headerValue?.config?.alignHeader?.[props.device] ||
|
|
54
|
+
return ((0, jsx_runtime_1.jsx)(table_styled_1.TableColumnHeaderStyled, { "aria-hidden": headerValue.config?.['aria-hidden'], customAlign: headerValue?.config?.alignHeader?.[props.device] ||
|
|
55
55
|
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] ||
|
|
56
56
|
headerValue?.config?.showDividerHeader, srOnly: headerValue?.config?.srOnlyHeader?.[props.device] ||
|
|
57
57
|
headerValue?.config?.srOnlyHeader, styles: props.styles.header?.[headerVariant], children: (0, jsx_runtime_1.jsx)(text_1.Text, { align: headerValue?.config?.alignHeader?.[props.device] ||
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../../src/components/table/component/table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,uDAAoD;AACpD,iDAA8C;AAC9C,iEAAsE;AACtE,mCAAgC;AAChC,mCAAgC;AAChC,4CAAkD;AAElD,kDAQyB;AAEzB,yCAAsC;AAQ/B,MAAM,cAAc,GAAG,CAC5B,
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../../src/components/table/component/table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,11 +15,11 @@ const tableDivider_1 = require("./tableDivider");
|
|
|
15
15
|
*/
|
|
16
16
|
const TableRow = (props) => {
|
|
17
17
|
const { divider, rowHeader, dividerValue, getExpandedAria, getValue, getCellTokenValue, handleShowExpandedContent, hasExpandedContentRow, hasFooter, showExpandedContent, rowVariant, } = (0, useContent_1.useContent)({ ...props });
|
|
18
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(table_styled_1.TableRowBodyStyled, { borderPosition: props.value.rowBorderPosition, "data-testid": `${props.dataTestId}Row${props.indexRow}`, hasDivider: !!dividerValue(), hasDividerContent: !!props.value.dividerContent, hasFooter: hasFooter, hasSomeDivider: props.hasSomeDivider, hasSomeDividerContent: props.hasSomeDividerContent, hasSomeExpandedContent: props.hasSomeExpandedContent, lineSeparatorLineStyles: props.lineSeparatorLineStyles, numberOfCells: props.headers.length, styles: props.styles.bodyRows?.[rowVariant], children: [(0, jsx_runtime_1.jsx)(tableDivider_1.TableDivider, { divider: dividerValue(), styles: props.styles.divider }), rowHeader && ((0, jsx_runtime_1.jsx)(table_styled_1.TableColumnHeaderStyled, { customAlign: rowHeader?.config?.alignHeader?.[props.device] || rowHeader?.config?.alignHeader, customBackgroundColor: rowHeader?.config?.backgroundColor, customWidth: rowHeader?.config?.width, flexWidth: rowHeader?.config?.flexWidth, scope: "row", styles: props.styles.header?.[rowHeader.variant], children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.header?.[rowHeader.variant]?.typography, dataTestId: `${props.dataTestId}RowHeader${props.indexRow}`, children: rowHeader.label }) })), props.headers
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(table_styled_1.TableRowBodyStyled, { borderPosition: props.value.rowBorderPosition, "data-testid": `${props.dataTestId}Row${props.indexRow}`, hasDivider: !!dividerValue(), hasDividerContent: !!props.value.dividerContent, hasFooter: hasFooter, hasSomeDivider: props.hasSomeDivider, hasSomeDividerContent: props.hasSomeDividerContent, hasSomeExpandedContent: props.hasSomeExpandedContent, lineSeparatorLineStyles: props.lineSeparatorLineStyles, numberOfCells: props.headers.length, styles: props.styles.bodyRows?.[rowVariant], children: [(0, jsx_runtime_1.jsx)(tableDivider_1.TableDivider, { divider: dividerValue(), styles: props.styles.divider }), rowHeader && ((0, jsx_runtime_1.jsx)(table_styled_1.TableColumnHeaderStyled, { "aria-hidden": rowHeader.config?.['aria-hidden'], customAlign: rowHeader?.config?.alignHeader?.[props.device] || rowHeader?.config?.alignHeader, customBackgroundColor: rowHeader?.config?.backgroundColor, customWidth: rowHeader?.config?.width, flexWidth: rowHeader?.config?.flexWidth, scope: "row", styles: props.styles.header?.[rowHeader.variant], children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.header?.[rowHeader.variant]?.typography, dataTestId: `${props.dataTestId}RowHeader${props.indexRow}`, children: rowHeader.label }) })), props.headers
|
|
19
19
|
.filter(headerValue => headerValue.id !== divider?.id)
|
|
20
20
|
.map((headerValue, indexHeader) => {
|
|
21
21
|
const hasExpandedIcon = indexHeader === 0;
|
|
22
|
-
return ((0, jsx_runtime_1.jsxs)(table_styled_1.TableColumnBodyStyled, { customAlign: getCellTokenValue({ headerValue, token: 'align' }) ||
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)(table_styled_1.TableColumnBodyStyled, { "aria-hidden": headerValue.config?.['aria-hidden'], customAlign: getCellTokenValue({ headerValue, token: 'align' }) ||
|
|
23
23
|
headerValue?.config?.alignValue?.[props.device] ||
|
|
24
24
|
headerValue?.config?.alignValue ||
|
|
25
25
|
headerValue?.config?.alignHeader?.[props.device] ||
|