@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
|
@@ -14,15 +14,11 @@ const ToggleTwoPositionComponent = ({ ...props }, ref) => {
|
|
|
14
14
|
return (_jsxs(ToggleWrapperStyled, { ref: ref, "aria-checked": props.togglePosition === POSITIONS.RIGHT, "aria-describedby": props['aria-describedby'], "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], "data-testid": props.dataTestId, disabled: props.disabled, hasThreePositions: props.hasThreePositions, id: props.id, role: ROLES.SWITCH, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onClick: e => {
|
|
15
15
|
e.persist();
|
|
16
16
|
const newPosition = props.togglePosition === POSITIONS.RIGHT ? POSITIONS.LEFT : POSITIONS.RIGHT;
|
|
17
|
-
props.onClick?.(
|
|
17
|
+
props.onClick?.(e, newPosition);
|
|
18
18
|
}, onKeyDown: e => {
|
|
19
19
|
e.persist();
|
|
20
20
|
props.onKeyDown?.(e);
|
|
21
|
-
}, children: [buildContent(POSITIONS.LEFT), buildContent(POSITIONS.RIGHT), _jsx(SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${props.dataTestId}Thumb`, hasThreePositions: props.hasThreePositions, styles: props.styles, togglePosition: props.togglePosition
|
|
22
|
-
e.persist();
|
|
23
|
-
const newPosition = props.togglePosition === POSITIONS.RIGHT ? POSITIONS.LEFT : POSITIONS.RIGHT;
|
|
24
|
-
props.onClick?.(newPosition, e);
|
|
25
|
-
} })] }));
|
|
21
|
+
}, children: [buildContent(POSITIONS.LEFT), buildContent(POSITIONS.RIGHT), _jsx(SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${props.dataTestId}Thumb`, hasThreePositions: props.hasThreePositions, styles: props.styles, togglePosition: props.togglePosition })] }));
|
|
26
22
|
};
|
|
27
23
|
export const ToggleTwoPosition = React.forwardRef(ToggleTwoPositionComponent);
|
|
28
24
|
//# sourceMappingURL=toggleTwoPositions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleTwoPositions.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleTwoPositions.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAK1B,MAAM,0BAA0B,GAAG,CACjC,EAAE,GAAG,KAAK,EAAsB,EAChC,GAA0D,EAC7C,EAAE;IACf,MAAM,eAAe,GAAG,CAAC,QAAmB,EAAE,EAAE;QAC9C,MAAM,IAAI,GAAG,QAAQ,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;QACzE,OAAO,KAAC,aAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,KAAM,IAAI,GAAI,CAAC;IAC3E,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,QAAmB,EAAE,EAAE;QAC3C,OAAO,CACL,8BACE,KAAC,sBAAsB,eACZ,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,YAC5B,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,GAClC,EACF,KAAC,iBAAiB,mBACH,GAAG,KAAK,CAAC,UAAU,GAAG,QAAQ,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,EACtF,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,SAAS,EAAE,QAAQ,KAAK,KAAK,CAAC,cAAc,EAC5C,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,YAEnC,eAAe,CAAC,QAAQ,CAAC,GACR,IACnB,CACJ,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,mBAAmB,IAClB,GAAG,EAAE,GAAG,kBACM,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,KAAK,sBACpC,KAAK,CAAC,kBAAkB,CAAC,gBAC/B,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,iBAC5B,KAAK,CAAC,UAAU,EAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC7D,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,OAAO,EAAE,CAAC,CAAC,EAAE;YACX,CAAC,CAAC,OAAO,EAAE,CAAC;YACZ,MAAM,WAAW,GACf,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;YAC9E,KAAK,CAAC,OAAO,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"toggleTwoPositions.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleTwoPositions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ import { isKeyEnterPressed, isKeySpacePressed } from '../../utils';
|
|
|
7
7
|
import { ToggleStandAlone } from './toggleStandAlone';
|
|
8
8
|
import { getToggleState } from './utils/getToggleState';
|
|
9
9
|
const TOGGLE_STYLES = 'TOGGLE_STYLES';
|
|
10
|
-
const ToggleControlledComponent = React.forwardRef(({ variant, ctv, hasThreePositions = false, togglePosition = hasThreePositions ? POSITIONS.CENTER : POSITIONS.LEFT, disabled = false, onChange,
|
|
10
|
+
const ToggleControlledComponent = React.forwardRef(({ variant, ctv, hasThreePositions = false, togglePosition = hasThreePositions ? POSITIONS.CENTER : POSITIONS.LEFT, disabled = false, onChange, onKeyDown, ...props }, ref) => {
|
|
11
11
|
const styleVariant = useStyles(TOGGLE_STYLES, variant, ctv);
|
|
12
12
|
const handleKeyDown = e => {
|
|
13
13
|
if (!disabled && (isKeySpacePressed(e.key) || isKeyEnterPressed(e.key))) {
|
|
@@ -23,13 +23,9 @@ const ToggleControlledComponent = React.forwardRef(({ variant, ctv, hasThreePosi
|
|
|
23
23
|
onKeyDown?.(e);
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
|
-
const handleOnClick = (newPosition, e) => {
|
|
27
|
-
onChange?.(newPosition);
|
|
28
|
-
onClick?.(e);
|
|
29
|
-
};
|
|
30
26
|
const state = getToggleState(hasThreePositions, togglePosition, disabled);
|
|
31
27
|
const styles = styleVariant[state];
|
|
32
|
-
return (_jsx(ToggleStandAlone, { ...props, ref: ref, disabled: disabled, hasThreePositions: hasThreePositions, styles: styles, togglePosition: togglePosition,
|
|
28
|
+
return (_jsx(ToggleStandAlone, { ...props, ref: ref, disabled: disabled, hasThreePositions: hasThreePositions, styles: styles, togglePosition: togglePosition, onKeyDown: handleKeyDown }));
|
|
33
29
|
});
|
|
34
30
|
ToggleControlledComponent.displayName = 'ToggleControlledComponent';
|
|
35
31
|
const ToggleBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(ToggleStandAlone, { ...props, ref: ref }) }), children: _jsx(ToggleControlledComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,aAAa,GAAG,eAAe,CAAC;AAEtC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAChD,CACE,EACE,OAAO,EACP,GAAG,EACH,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EACtE,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"toggleControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,aAAa,GAAG,eAAe,CAAC;AAEtC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAChD,CACE,EACE,OAAO,EACP,GAAG,EACH,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EACtE,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACa,EACvB,GAA0D,EAC7C,EAAE;IACf,MAAM,YAAY,GAAG,SAAS,CAA0B,aAAa,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAErF,MAAM,aAAa,GAA4C,CAAC,CAAC,EAAE;QACjE,IAAI,CAAC,QAAQ,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YACxE,IAAI,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;YACjC,IACE,CAAC,cAAc,KAAK,SAAS,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC;gBACzD,cAAc,KAAK,SAAS,CAAC,MAAM,EACnC,CAAC;gBACD,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC;YAChC,CAAC;iBAAM,IAAI,cAAc,KAAK,SAAS,CAAC,IAAI,IAAI,iBAAiB,EAAE,CAAC;gBAClE,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC;YACjC,CAAC;YACD,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;YACxB,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,cAAc,CAAC,iBAAiB,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;IAE1E,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEnC,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,aAAa,GACxB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEpE,MAAM,cAAc,GAAG,CACrB,KAA2B,EAC3B,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,KAAC,yBAAyB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACpC,CACjB,CAAC;AAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAIlB,CAAC;AAEvC;;;;;;GAMG;AACH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -8,7 +8,11 @@ const ToggleUnControlledComponent = ({ variant, hasThreePositions = false, defau
|
|
|
8
8
|
setTogglePosition(newPosition);
|
|
9
9
|
onChange?.(newPosition);
|
|
10
10
|
};
|
|
11
|
-
|
|
11
|
+
const handleClick = (e, position) => {
|
|
12
|
+
handleChange(position);
|
|
13
|
+
props.onClick?.(e, position);
|
|
14
|
+
};
|
|
15
|
+
return (_jsx(ToggleControlled, { ...props, ref: ref, hasThreePositions: hasThreePositions, togglePosition: togglePosition ?? _togglePosition, variant: variant, onChange: handleChange, onClick: handleClick }));
|
|
12
16
|
};
|
|
13
17
|
const ToggleUnControlled = React.forwardRef(ToggleUnControlledComponent);
|
|
14
18
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleUnControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,2BAA2B,GAAG,CAClC,EACE,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,qBAAqB,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAC7E,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,CAAC,WAAsB,EAAE,EAAE;QAC9C,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,IAAI,eAAe,EACjD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"toggleUnControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleUnControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,2BAA2B,GAAG,CAClC,EACE,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,qBAAqB,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAC7E,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,CAAC,WAAsB,EAAE,EAAE;QAC9C,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAgC,EAAE,QAAoB,EAAE,EAAE;QAC7E,YAAY,CAAC,QAAS,CAAC,CAAC;QACxB,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,IAAI,eAAe,EACjD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAIpB,CAAC;AAEpD;;;;;;;;;GASG;AACH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -40,10 +40,10 @@ export interface IToggleStandAlone extends ToggleAriaAttributes {
|
|
|
40
40
|
disabled?: boolean;
|
|
41
41
|
blockCenter?: boolean;
|
|
42
42
|
tabIndex?: number;
|
|
43
|
-
onClick?: (
|
|
43
|
+
onClick?: (e: React.MouseEvent<HTMLElement>, position?: POSITIONS) => void;
|
|
44
44
|
onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
|
|
45
45
|
}
|
|
46
|
-
type propsToOmit = 'styles' | 'togglePosition' | 'hasThreePositions'
|
|
46
|
+
type propsToOmit = 'styles' | 'togglePosition' | 'hasThreePositions';
|
|
47
47
|
/**
|
|
48
48
|
* @name IToggleControlled
|
|
49
49
|
* @description
|
|
@@ -54,7 +54,6 @@ export interface IToggleControlled<V = undefined extends string ? unknown : stri
|
|
|
54
54
|
togglePosition?: POSITIONS;
|
|
55
55
|
hasThreePositions?: boolean;
|
|
56
56
|
onChange?: (position: POSITIONS) => void;
|
|
57
|
-
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
58
57
|
}
|
|
59
58
|
/**
|
|
60
59
|
* @name IToggleUnControlled
|
|
@@ -6,13 +6,13 @@ import { TextComponentType } from '../../components/text/types';
|
|
|
6
6
|
import { Toggle } from '../../components/toggle';
|
|
7
7
|
import { useId } from '../../hooks';
|
|
8
8
|
import { ToggleWithLabelStyled } from './toggleWithLabel.styled';
|
|
9
|
-
const ToggleWithLabelStandAloneComponent = ({ screenReaderText, id, displayRow, styles, label, required, requiredSymbol, textVariant, toggleVariant, labelPosition, ...props }, ref) => {
|
|
9
|
+
const ToggleWithLabelStandAloneComponent = ({ screenReaderText, id, displayRow, styles, label, required, requiredSymbol, textVariant, toggleVariant, labelPosition, onClick, ...props }, ref) => {
|
|
10
10
|
const uniqueId = useId('toggle');
|
|
11
11
|
const toggleId = id ?? uniqueId;
|
|
12
12
|
const screenReaderId = `${uniqueId}ScreenReader`;
|
|
13
13
|
const labelId = `${uniqueId}Label`;
|
|
14
14
|
const legendStyles = props.disabled && styles?.legend?.disabled ? styles?.legend?.disabled : styles?.legend;
|
|
15
|
-
return (_jsxs(ToggleWithLabelStyled, { ref: ref, as: label ? 'fieldset' : 'div', displayRow: displayRow, labelPosition: labelPosition, styles: styles, onClick:
|
|
15
|
+
return (_jsxs(ToggleWithLabelStyled, { ref: ref, as: label ? 'fieldset' : 'div', displayRow: displayRow, labelPosition: labelPosition, styles: styles, onClick: onClick, children: [label && (_jsxs(Text, { component: TextComponentType.LEGEND, customTypography: legendStyles, dataTestId: `${props.dataTestId}Label`, id: labelId, variant: textVariant ?? styles?.legend?.font_variant, ...label, children: [label.content, required && (_jsx(Text, { "aria-hidden": true, color: styles?.required?.color, component: TextComponentType.SPAN, dataTestId: `${props.dataTestId}Required`, variant: styles?.required?.font_variant, weight: styles?.required?.font_weight, ...requiredSymbol, children: requiredSymbol?.content }))] })), _jsx(Toggle, { ...props, ref: props.toggleRef, "aria-describedby": labelId, id: toggleId, screenReaderId: screenReaderId, variant: toggleVariant }), _jsx(ScreenReaderOnly, { dataTestId: `${props.dataTestId}ScreenReader`, id: screenReaderId, children: screenReaderText })] }));
|
|
16
16
|
};
|
|
17
17
|
export const ToggleWithLabelStandAlone = React.forwardRef(ToggleWithLabelStandAloneComponent);
|
|
18
18
|
//# sourceMappingURL=toggleWithLabelStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleWithLabelStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,kCAAkC,GAAG,CACzC,EACE,gBAAgB,EAChB,EAAE,EACF,UAAU,EACV,MAAM,EACN,KAAK,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACmB,EAC7B,GAA+D,EAClD,EAAE;IACf,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,EAAE,IAAI,QAAQ,CAAC;IAChC,MAAM,cAAc,GAAG,GAAG,QAAQ,cAAc,CAAC;IACjD,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IAEnC,MAAM,YAAY,GAChB,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;IAEzF,OAAO,CACL,MAAC,qBAAqB,IACpB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EAC9B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"toggleWithLabelStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,kCAAkC,GAAG,CACzC,EACE,gBAAgB,EAChB,EAAE,EACF,UAAU,EACV,MAAM,EACN,KAAK,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,aAAa,EACb,OAAO,EACP,GAAG,KAAK,EACmB,EAC7B,GAA+D,EAClD,EAAE;IACf,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,EAAE,IAAI,QAAQ,CAAC;IAChC,MAAM,cAAc,GAAG,GAAG,QAAQ,cAAc,CAAC;IACjD,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IAEnC,MAAM,YAAY,GAChB,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;IAEzF,OAAO,CACL,MAAC,qBAAqB,IACpB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EAC9B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aAEf,KAAK,IAAI,CACR,MAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,MAAM,EACnC,gBAAgB,EAAE,YAAY,EAC9B,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,EACtC,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,EAAE,YAAY,KAChD,KAAK,aAER,KAAK,CAAC,OAAO,EACb,QAAQ,IAAI,CACX,KAAC,IAAI,mBACU,IAAI,EACjB,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAC9B,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,UAAU,EACzC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EACvC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,KACjC,cAAc,YAEjB,cAAc,EAAE,OAAO,GACnB,CACR,IACI,CACR,EACD,KAAC,MAAM,OACD,KAAK,EACT,GAAG,EAAE,KAAK,CAAC,SAAS,sBACF,OAAO,EACzB,EAAE,EAAE,QAAQ,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,aAAa,GACtB,EACF,KAAC,gBAAgB,IAAC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,cAAc,EAAE,EAAE,EAAE,cAAc,YAChF,gBAAgB,GACA,IACG,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC"}
|
|
@@ -17,7 +17,7 @@ export type ToggleLabelType = Omit<IText<string>, 'children'> & {
|
|
|
17
17
|
export type ToggleRequiredSymbolType = Omit<IText<string>, 'children'> & {
|
|
18
18
|
content?: JSX.Element;
|
|
19
19
|
};
|
|
20
|
-
type propsToOmit = 'variant' | 'aria-describedby' | 'screenReaderId' | 'ctv' | 'cts' | 'extraCt';
|
|
20
|
+
type propsToOmit = 'variant' | 'aria-describedby' | 'screenReaderId' | 'ctv' | 'cts' | 'extraCt' | 'onClick';
|
|
21
21
|
export interface IToggleWithLabelStandAlone extends Omit<IToggleUnControlled, propsToOmit> {
|
|
22
22
|
label?: ToggleLabelType;
|
|
23
23
|
styles?: ToggleWithLabelStylePropsType;
|
|
@@ -24,12 +24,12 @@ const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
|
|
|
24
24
|
titleId,
|
|
25
25
|
contentId,
|
|
26
26
|
});
|
|
27
|
-
const Tooltip = (_jsxs(TooltipExternalContainerStyled, { ref: props.tooltipRef, "aria-label": props.
|
|
27
|
+
const Tooltip = (_jsxs(TooltipExternalContainerStyled, { ref: props.tooltipRef, "aria-label": props.tooltipAriaLabel, "aria-labelledby": titleId, as: getHtmlTagForTooltip({
|
|
28
28
|
mediaDevice: props.mediaDevice,
|
|
29
29
|
tooltipAsModal: props.tooltipAsModal,
|
|
30
30
|
}), "data-testid": `${props.dataTestId}TooltipContent`, id: uniqueId, role: props.mediaDevice === DeviceBreakpointsType.DESKTOP && !props.tooltipAsModal
|
|
31
31
|
? ROLES.TOOLTIP
|
|
32
|
-
: undefined, styles: props.styles, onFocus: props.onTooltipFocus, onKeyDown: props.onTooltipKeyDown, children: [_jsxs(TooltipInternalContainerStyled, { styles: props.styles, children: [props.dragIcon && (_jsx(TooltipDragIconStyled, { "data-testid": `${props.dataTestId}TooltipDrag`, styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), _jsxs(TooltipHeaderContentStyled, { hasCloseIcon: !!props.closeIcon?.icon, hasTitle: !!props.title, styles: props.styles, children: [props.closeIcon?.icon && (_jsx(TooltipCloseIconStyled, { styles: props.styles, children: _jsx(Icon, { customIconStyles: props.styles?.closeButtonIcon, dataTestId: `${props.dataTestId}TooltipContentCloseIcon`, ...props.closeIcon, onClick: props.onCloseIconClick }) })), props.title?.content && (_jsx(TooltipTitleStyled, { hasCloseIcon: !!props.closeIcon?.icon, id: titleId, styles: props.styles, children: _jsx(Text, { component: TextComponentType.
|
|
32
|
+
: undefined, styles: props.styles, onFocus: props.onTooltipFocus, onKeyDown: props.onTooltipKeyDown, children: [_jsxs(TooltipInternalContainerStyled, { styles: props.styles, children: [props.dragIcon && (_jsx(TooltipDragIconStyled, { "data-testid": `${props.dataTestId}TooltipDrag`, styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), _jsxs(TooltipHeaderContentStyled, { hasCloseIcon: !!props.closeIcon?.icon, hasTitle: !!props.title, styles: props.styles, children: [props.closeIcon?.icon && (_jsx(TooltipCloseIconStyled, { styles: props.styles, children: _jsx(Icon, { customIconStyles: props.styles?.closeButtonIcon, dataTestId: `${props.dataTestId}TooltipContentCloseIcon`, ...props.closeIcon, onClick: props.onCloseIconClick }) })), props.title?.content && (_jsx(TooltipTitleStyled, { hasCloseIcon: !!props.closeIcon?.icon, id: titleId, styles: props.styles, children: _jsx(Text, { component: TextComponentType.H2, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}TooltipContentTitle`, variant: props.styles.title?.font_variant, ...props.title, children: props.title.content }) }))] }), _jsx(TooltipInnerContentStyled, { styles: props.styles, children: props.content && (_jsx(TooltipParagraphStyled, { hasBorder: !!props.title?.content, id: contentId, styles: props.styles, children: isTextContent ? (_jsx(Text, { customTypography: props.styles?.paragraph, dataTestId: `${props.dataTestId}TooltipContentContent`, variant: props.styles.paragraph?.font_variant, ...props.content, children: props.content.content })) : (props.content.content) })) })] }), _jsx(TooltipArrowStyled, { styles: props.styles, children: _jsx(TooltipArrowContentStyled, { styles: props.styles }) })] }));
|
|
33
33
|
return (_jsxs(TooltipStyled, { ref: props.labelRef, "data-testid": `${props.dataTestId}Tooltip`, tooltipAsModal: props.tooltipAsModal, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, onKeyDown: props.onKeyDown, onMouseDown: props.onMouseDown, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: [_jsx(TooltipTrigger
|
|
34
34
|
// Aria describedby is used when the tooltip is not used as a modal
|
|
35
35
|
// When no focusable elements screenReaders may read the text when focus and then using arrows
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipStandAlone.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EACL,iBAAiB,IAAI,OAAO,EAC5B,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,SAAS;AACT,OAAO,EACL,yBAAyB,EACzB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,8BAA8B,EAC9B,0BAA0B,EAC1B,yBAAyB,EACzB,8BAA8B,EAC9B,sBAAsB,EACtB,aAAa,EACb,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,iBAAiB,GAAG,CAAC,EACzB,gBAAgB,GAAG,IAAI,EACvB,GAAG,KAAK,EACW,EAAe,EAAE;IACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IACnC,MAAM,SAAS,GAAG,GAAG,QAAQ,SAAS,CAAC;IACvC,MAAM,aAAa,GAAG,OAAO,KAAK,CAAC,OAAO,EAAE,OAAO,KAAK,QAAQ,CAAC;IAEjE,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnB,OAAO,CACL,KAAC,aAAa,mBAAc,GAAG,KAAK,CAAC,UAAU,SAAS,YACtD,KAAC,cAAc,IAAC,QAAQ,QAAC,gBAAgB,EAAE,gBAAgB,YACxD,KAAK,CAAC,QAAQ,GACA,GACH,CACjB,CAAC;IACJ,CAAC;IAED,MAAM,iBAAiB,GAAG,oBAAoB,CAAC;QAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO;QAC3B,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO;QAC/B,OAAO;QACP,SAAS;KACV,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,CACd,MAAC,8BAA8B,IAC7B,GAAG,EAAE,KAAK,CAAC,UAAU,gBACT,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"tooltipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -110,7 +110,7 @@ const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, al
|
|
|
110
110
|
};
|
|
111
111
|
// It is used TooltipStandAlone instead of TooltipControlled
|
|
112
112
|
// The reason is that TooltipControlled only provides the styles and mediaDevice props that are used and needed in this component
|
|
113
|
-
return (_jsx(TooltipStandAlone, { ...props, labelRef: labelRef, mediaDevice: mediaDevice, popoverOpen: open, styles: styles, tooltipAriaLabel: tooltipAriaLabel
|
|
113
|
+
return (_jsx(TooltipStandAlone, { ...props, labelRef: labelRef, mediaDevice: mediaDevice, popoverOpen: open, styles: styles, tooltipAriaLabel: tooltipAriaLabel, tooltipAsModal: tooltipAsModalValue, tooltipRef: tooltipRef, onBlur: handleBlur, onClick: handleClick, onCloseIconClick: handleCloseIconClick, onFocus: handleFocus, onKeyDown: handleKeyDown, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onPopoverCloseInternally: handlePopoverCloseInternally, onTooltipFocus: handleFocusTooltip, onTooltipKeyDown: handleKeyDownTooltip }));
|
|
114
114
|
});
|
|
115
115
|
TooltipUnControlledComponent.displayName = 'TooltipUnControlledComponent';
|
|
116
116
|
const TooltipUnControlledBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(TooltipStandAlone, { ...props }) }), children: _jsx(TooltipUnControlledComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltipUnControlled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipUnControlled.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"tooltipUnControlled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipUnControlled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { ButtonType } from '../../../components/button';
|
|
3
|
+
import { Text } from '../../../components/text/text';
|
|
4
|
+
import { TextComponentType } from '../../../components/text/types/component';
|
|
5
|
+
import { ButtonKeyboardStateType } from '../types';
|
|
6
|
+
// styles
|
|
7
|
+
import { DigitButtonStyled } from '../virtualKeyboard.styled';
|
|
8
|
+
/**
|
|
9
|
+
* @description
|
|
10
|
+
* Digit button component to be used in the virtual keyboard.
|
|
11
|
+
* @internal
|
|
12
|
+
*/
|
|
13
|
+
export const DigitButton = (props) => {
|
|
14
|
+
const onClick = event => {
|
|
15
|
+
props.onClick(props.digit, event);
|
|
16
|
+
};
|
|
17
|
+
return (_jsx(DigitButtonStyled, { "data-testid": props.dataTestId, styles: props.styles, type: ButtonType.BUTTON, onClick: onClick, children: _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles?.digitButtons?.[ButtonKeyboardStateType.DEFAULT]?.text, children: props.digit }) }));
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=digitButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"digitButton.js","sourceRoot":"","sources":["../../../../../src/components/virtualKeyboard/components/digitButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,uBAAuB,EAAgB,MAAM,UAAU,CAAC;AACjE,SAAS;AACT,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAe,EAAE;IAC9D,MAAM,OAAO,GAA+C,KAAK,CAAC,EAAE;QAClE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACpC,CAAC,CAAC;IACF,OAAO,CACL,KAAC,iBAAiB,mBACH,KAAK,CAAC,UAAU,EAC7B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,UAAU,CAAC,MAAM,EACvB,OAAO,EAAE,OAAO,YAEhB,KAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,uBAAuB,CAAC,OAAO,CAAC,EAAE,IAAI,YAEpF,KAAK,CAAC,KAAK,GACP,GACW,CACrB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/virtualKeyboard/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/virtualKeyboard/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @name VirtualKeyboardStateType
|
|
3
|
+
* @description
|
|
4
|
+
* Enum for the state of the virtual keyboard
|
|
5
|
+
*/
|
|
6
|
+
export declare enum VirtualKeyboardStateType {
|
|
7
|
+
INACTIVE = "INACTIVE",
|
|
8
|
+
ACTIVE = "ACTIVE"
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* @name ButtonKeyboardStateType
|
|
12
|
+
* @description
|
|
13
|
+
* Enum for the state of the button keyboard
|
|
14
|
+
*/
|
|
15
|
+
export declare enum ButtonKeyboardStateType {
|
|
16
|
+
DEFAULT = "DEFAULT",
|
|
17
|
+
PRESSED = "PRESSED"
|
|
18
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @name VirtualKeyboardStateType
|
|
3
|
+
* @description
|
|
4
|
+
* Enum for the state of the virtual keyboard
|
|
5
|
+
*/
|
|
6
|
+
export var VirtualKeyboardStateType;
|
|
7
|
+
(function (VirtualKeyboardStateType) {
|
|
8
|
+
VirtualKeyboardStateType["INACTIVE"] = "INACTIVE";
|
|
9
|
+
VirtualKeyboardStateType["ACTIVE"] = "ACTIVE";
|
|
10
|
+
})(VirtualKeyboardStateType || (VirtualKeyboardStateType = {}));
|
|
11
|
+
/**
|
|
12
|
+
* @name ButtonKeyboardStateType
|
|
13
|
+
* @description
|
|
14
|
+
* Enum for the state of the button keyboard
|
|
15
|
+
*/
|
|
16
|
+
export var ButtonKeyboardStateType;
|
|
17
|
+
(function (ButtonKeyboardStateType) {
|
|
18
|
+
ButtonKeyboardStateType["DEFAULT"] = "DEFAULT";
|
|
19
|
+
ButtonKeyboardStateType["PRESSED"] = "PRESSED";
|
|
20
|
+
})(ButtonKeyboardStateType || (ButtonKeyboardStateType = {}));
|
|
21
|
+
//# sourceMappingURL=state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/virtualKeyboard/types/state.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAN,IAAY,wBAGX;AAHD,WAAY,wBAAwB;IAClC,iDAAqB,CAAA;IACrB,6CAAiB,CAAA;AACnB,CAAC,EAHW,wBAAwB,KAAxB,wBAAwB,QAGnC;AAED;;;;GAIG;AACH,MAAM,CAAN,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IACjC,8CAAmB,CAAA;IACnB,8CAAmB,CAAA;AACrB,CAAC,EAHW,uBAAuB,KAAvB,uBAAuB,QAGlC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { IElementOrIcon } from '../../../components/elementOrIcon';
|
|
2
|
+
import { IText } from '../../../components/text';
|
|
3
|
+
import { CustomTokenTypes } from '../../../types';
|
|
4
|
+
import { VirtualKeyboardStateType } from './state';
|
|
5
|
+
import { VirtualKeyboardPropsStylesType, VirtualKeyboardStateStylesType } from './virtualKeyboardTheme';
|
|
6
|
+
export type VirtualKeyboardTextType = Omit<IText<string>, 'children'> & {
|
|
7
|
+
content: string;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* @name IVirtualKeyboard
|
|
11
|
+
* @description
|
|
12
|
+
* Interface for the VirtualKeyboard component
|
|
13
|
+
*/
|
|
14
|
+
export interface IDigitButton {
|
|
15
|
+
styles?: VirtualKeyboardPropsStylesType;
|
|
16
|
+
id?: string;
|
|
17
|
+
digit: string;
|
|
18
|
+
onClick: (digit: string, event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
19
|
+
dataTestId?: string;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* @name IVirtualKeyboard
|
|
23
|
+
* @description
|
|
24
|
+
* Interface for the VirtualKeyboard component
|
|
25
|
+
*/
|
|
26
|
+
export interface IVirtualKeyboardStandAlone {
|
|
27
|
+
styles: VirtualKeyboardStateStylesType;
|
|
28
|
+
id?: string;
|
|
29
|
+
state: VirtualKeyboardStateType;
|
|
30
|
+
digits: string[];
|
|
31
|
+
onVirtualKeyboardFocus: React.FocusEventHandler<HTMLDivElement>;
|
|
32
|
+
onVirtualKeyboardBlur: React.FocusEventHandler<HTMLDivElement>;
|
|
33
|
+
onDigitButtonClick: (digit: string, event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
34
|
+
onRemoveButtonClick: React.MouseEventHandler<HTMLButtonElement>;
|
|
35
|
+
icon: IElementOrIcon;
|
|
36
|
+
dataTestId?: string;
|
|
37
|
+
}
|
|
38
|
+
type propsToOmit = 'styles' | 'state' | 'onVirtualKeyboardFocus' | 'onVirtualKeyboardBlur';
|
|
39
|
+
/**
|
|
40
|
+
* @name IVirtualKeyboard
|
|
41
|
+
* @description
|
|
42
|
+
* Interface for the VirtualKeyboard component
|
|
43
|
+
*/
|
|
44
|
+
export interface IVirtualKeyboard<V = undefined extends string ? unknown : string> extends Omit<IVirtualKeyboardStandAlone, propsToOmit>, Omit<CustomTokenTypes<VirtualKeyboardStateStylesType>, 'cts' | 'extraCt'> {
|
|
45
|
+
variant: V;
|
|
46
|
+
}
|
|
47
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"virtualKeyboard.js","sourceRoot":"","sources":["../../../../../src/components/virtualKeyboard/types/virtualKeyboard.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { CommonStyleType, IconTypes, TypographyTypes } from '../../../types';
|
|
2
|
+
import { ButtonKeyboardStateType, VirtualKeyboardStateType } from './state';
|
|
3
|
+
export type DigitButtonStylesProps = CommonStyleType & TypographyTypes;
|
|
4
|
+
export type RemoveButtonStylesProps = CommonStyleType;
|
|
5
|
+
export type VirtualKeyboardPropsStylesType = {
|
|
6
|
+
container?: CommonStyleType & {
|
|
7
|
+
icon?: IconTypes;
|
|
8
|
+
};
|
|
9
|
+
removeButton?: {
|
|
10
|
+
[key in ButtonKeyboardStateType]?: RemoveButtonStylesProps;
|
|
11
|
+
};
|
|
12
|
+
digitButtons?: {
|
|
13
|
+
wrapper?: CommonStyleType & {
|
|
14
|
+
[key in ButtonKeyboardStateType]?: {
|
|
15
|
+
button?: DigitButtonStylesProps;
|
|
16
|
+
text?: DigitButtonStylesProps;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export type VirtualKeyboardStateStylesType = {
|
|
22
|
+
[key in VirtualKeyboardStateType]?: VirtualKeyboardPropsStylesType;
|
|
23
|
+
};
|
|
24
|
+
export type VirtualKeyboardStylesType<V extends string | number | symbol> = {
|
|
25
|
+
[key in V]: VirtualKeyboardStateStylesType;
|
|
26
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"virtualKeyboardTheme.js","sourceRoot":"","sources":["../../../../../src/components/virtualKeyboard/types/virtualKeyboardTheme.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IVirtualKeyboard } from './types';
|
|
3
|
+
export declare const VirtualKeyboardComponent: React.ForwardRefExoticComponent<IVirtualKeyboard<unknown> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const VirtualKeyboardBoundary: <V extends string | unknown>(props: IVirtualKeyboard<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
|
|
5
|
+
declare const VirtualKeyboard: <V>(props: React.PropsWithChildren<IVirtualKeyboard<V>> & {
|
|
6
|
+
ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
|
|
7
|
+
}) => ReturnType<typeof VirtualKeyboardBoundary>;
|
|
8
|
+
/**
|
|
9
|
+
* @description
|
|
10
|
+
* Component to show a virtual keyboard
|
|
11
|
+
*/
|
|
12
|
+
export { VirtualKeyboard };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { STYLES_NAME } from '../../constants';
|
|
4
|
+
import { useStyles } from '../../hooks/useStyles/useStyles';
|
|
5
|
+
import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
|
|
6
|
+
import { VirtualKeyboardStateType, } from './types';
|
|
7
|
+
import { VirtualKeyboardStandAlone } from './virtualKeyboardStandAlone';
|
|
8
|
+
export const VirtualKeyboardComponent = React.forwardRef(({ variant, ctv, ...props }, ref) => {
|
|
9
|
+
const styles = useStyles(STYLES_NAME.VIRTUAL_KEYBOARD, variant, ctv);
|
|
10
|
+
const [state, setState] = React.useState(VirtualKeyboardStateType.INACTIVE);
|
|
11
|
+
const handleOnFocusVirtualKeyboard = () => {
|
|
12
|
+
setState(VirtualKeyboardStateType.ACTIVE);
|
|
13
|
+
};
|
|
14
|
+
const handleOnBlurVirtualKeyboard = e => {
|
|
15
|
+
if (!e.currentTarget.contains(e.relatedTarget)) {
|
|
16
|
+
setState(VirtualKeyboardStateType.INACTIVE);
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
return (_jsx(VirtualKeyboardStandAlone, { ...props, ref: ref, state: state, styles: styles, onVirtualKeyboardBlur: handleOnBlurVirtualKeyboard, onVirtualKeyboardFocus: handleOnFocusVirtualKeyboard }));
|
|
20
|
+
});
|
|
21
|
+
VirtualKeyboardComponent.displayName = 'VirtualKeyboardComponent';
|
|
22
|
+
const VirtualKeyboardBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(VirtualKeyboardStandAlone, { ...props, ref: ref }) }), children: _jsx(VirtualKeyboardComponent, { ...props, ref: ref }) }));
|
|
23
|
+
const VirtualKeyboard = React.forwardRef(VirtualKeyboardBoundary);
|
|
24
|
+
/**
|
|
25
|
+
* @description
|
|
26
|
+
* Component to show a virtual keyboard
|
|
27
|
+
*/
|
|
28
|
+
export { VirtualKeyboard };
|
|
29
|
+
//# sourceMappingURL=virtualKeyboard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"virtualKeyboard.js","sourceRoot":"","sources":["../../../../src/components/virtualKeyboard/virtualKeyboard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAIL,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CACtD,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAuB,EAC/C,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CACtB,WAAW,CAAC,gBAAgB,EAC5B,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IAE5E,MAAM,4BAA4B,GAAG,GAAG,EAAE;QACxC,QAAQ,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,CAAC,CAAC,EAAE;QACtC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,CAAC;YAC/C,QAAQ,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,yBAAyB,OACpB,KAAK,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,qBAAqB,EAAE,2BAA2B,EAClD,sBAAsB,EAAE,4BAA4B,GACpD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,uBAAuB,GAAG,CAC9B,KAA0B,EAC1B,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,yBAAyB,OACnB,KAA+C,EACpD,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,KAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACnC,CACjB,CAAC;AAEF,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAIjB,CAAC;AAEhD;;;GAGG;AACH,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { VirtualKeyboardPropsStylesType } from './types';
|
|
2
|
+
interface ButtonsStyledPropsTypes {
|
|
3
|
+
styles?: VirtualKeyboardPropsStylesType;
|
|
4
|
+
}
|
|
5
|
+
interface VirtualKeyboardStyledPropsTypes {
|
|
6
|
+
styles?: VirtualKeyboardPropsStylesType;
|
|
7
|
+
}
|
|
8
|
+
export declare const DigitButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonsStyledPropsTypes>> & string;
|
|
9
|
+
export declare const DigitButtonGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ButtonsStyledPropsTypes>> & string;
|
|
10
|
+
export declare const RemoveButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonsStyledPropsTypes>> & string;
|
|
11
|
+
export declare const VirtualKeyboardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, VirtualKeyboardStyledPropsTypes>> & string;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
import { getStyles, getTypographyStyles } from '../../utils/getStyles/getStyles';
|
|
3
|
+
// type
|
|
4
|
+
import { ButtonKeyboardStateType } from './types';
|
|
5
|
+
export const DigitButtonStyled = styled.button `
|
|
6
|
+
${({ styles }) => getStyles(styles?.digitButtons?.wrapper?.[ButtonKeyboardStateType.DEFAULT]?.button)}
|
|
7
|
+
& > span {
|
|
8
|
+
${({ styles }) => getStyles(styles?.digitButtons?.wrapper?.[ButtonKeyboardStateType.DEFAULT]?.text)}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
/* When pressed the button */
|
|
12
|
+
&:active {
|
|
13
|
+
${({ styles }) => getStyles(styles?.digitButtons?.wrapper?.[ButtonKeyboardStateType.PRESSED]?.button)};
|
|
14
|
+
span {
|
|
15
|
+
${({ styles }) => getTypographyStyles(styles?.digitButtons?.wrapper?.[ButtonKeyboardStateType.PRESSED]?.text)}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
`;
|
|
19
|
+
export const DigitButtonGrid = styled.div `
|
|
20
|
+
${({ styles }) => getStyles(styles?.digitButtons?.wrapper)}
|
|
21
|
+
button:nth-child(n + 6) {
|
|
22
|
+
border-bottom: none;
|
|
23
|
+
}
|
|
24
|
+
`;
|
|
25
|
+
export const RemoveButtonStyled = styled.button `
|
|
26
|
+
${({ styles }) => getStyles(styles?.removeButton?.[ButtonKeyboardStateType.DEFAULT])}
|
|
27
|
+
|
|
28
|
+
/* When pressed the button */
|
|
29
|
+
&:active {
|
|
30
|
+
${({ styles }) => getStyles(styles?.removeButton?.[ButtonKeyboardStateType.PRESSED])}
|
|
31
|
+
}
|
|
32
|
+
`;
|
|
33
|
+
export const VirtualKeyboardStyled = styled.div `
|
|
34
|
+
// get tokens styles
|
|
35
|
+
${({ styles }) => getStyles(styles?.container)}
|
|
36
|
+
`;
|
|
37
|
+
//# sourceMappingURL=virtualKeyboard.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"virtualKeyboard.styled.js","sourceRoot":"","sources":["../../../../src/components/virtualKeyboard/virtualKeyboard.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAE7E,OAAO;AACP,OAAO,EAAE,uBAAuB,EAAkC,MAAM,SAAS,CAAC;AAUlF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAyB;IACnE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,uBAAuB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;;MAEjF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,uBAAuB,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC;;;;;MAKjF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,uBAAuB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;;QAEjF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,uBAAuB,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC;;;CAGlG,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAyB;IAC9D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,CAAC;;;;CAI3D,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAyB;IACpE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC;;;;MAIhF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC;;CAEvF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAiC;;IAE5E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC;CAC/C,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IVirtualKeyboardStandAlone } from './types';
|
|
3
|
+
export declare const VirtualKeyboardStandAloneComponent: ({ dataTestId, ...props }: IVirtualKeyboardStandAlone, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
|
|
4
|
+
/**
|
|
5
|
+
* @description
|
|
6
|
+
* VirtualKeyboardStandAlone component
|
|
7
|
+
*/
|
|
8
|
+
export declare const VirtualKeyboardStandAlone: React.ForwardRefExoticComponent<IVirtualKeyboardStandAlone & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { useId } from '../../hooks/useId/useId';
|
|
4
|
+
import { ButtonType } from '../button/types';
|
|
5
|
+
import { ElementOrIcon } from '../elementOrIcon';
|
|
6
|
+
import { DigitButton } from './components/digitButton';
|
|
7
|
+
// styles
|
|
8
|
+
import { DigitButtonGrid, RemoveButtonStyled, VirtualKeyboardStyled, } from './virtualKeyboard.styled';
|
|
9
|
+
export const VirtualKeyboardStandAloneComponent = ({ dataTestId, ...props }, ref) => {
|
|
10
|
+
const uniqueId = useId('virtualKeyboard');
|
|
11
|
+
const virtualKeyboardId = props.id ?? uniqueId;
|
|
12
|
+
return (_jsxs(VirtualKeyboardStyled, { ref: ref, "data-testid": dataTestId, id: virtualKeyboardId, styles: props.styles?.[props.state], onBlur: props.onVirtualKeyboardBlur, onFocus: props.onVirtualKeyboardFocus, children: [_jsx(DigitButtonGrid, { styles: props.styles?.[props.state], children: props.digits.map((digit, index) => {
|
|
13
|
+
return (_jsx(DigitButton, { dataTestId: `${dataTestId}DigitButton${index}`, digit: digit, styles: props.styles?.[props.state], onClick: props.onDigitButtonClick }, digit));
|
|
14
|
+
}) }), _jsx(RemoveButtonStyled, { styles: props.styles?.[props.state], type: ButtonType.BUTTON, onClick: props.onRemoveButtonClick, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.[props.state]?.container?.icon, dataTestId: `${dataTestId}RemoveButton`, ...props.icon }) })] }));
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* @description
|
|
18
|
+
* VirtualKeyboardStandAlone component
|
|
19
|
+
*/
|
|
20
|
+
export const VirtualKeyboardStandAlone = React.forwardRef(VirtualKeyboardStandAloneComponent);
|
|
21
|
+
//# sourceMappingURL=virtualKeyboardStandAlone.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"virtualKeyboardStandAlone.js","sourceRoot":"","sources":["../../../../src/components/virtualKeyboard/virtualKeyboardStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,SAAS;AACT,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,0BAA0B,CAAC;AAElC,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAChD,EAAE,UAAU,EAAE,GAAG,KAAK,EAA8B,EACpD,GAA0D,EAC7C,EAAE;IACf,MAAM,QAAQ,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC1C,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE,IAAI,QAAQ,CAAC;IAE/C,OAAO,CACL,MAAC,qBAAqB,IACpB,GAAG,EAAE,GAAG,iBACK,UAAU,EACvB,EAAE,EAAE,iBAAiB,EACrB,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EACnC,MAAM,EAAE,KAAK,CAAC,qBAAqB,EACnC,OAAO,EAAE,KAAK,CAAC,sBAAsB,aAErC,KAAC,eAAe,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YACjD,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBACjC,OAAO,CACL,KAAC,WAAW,IAEV,UAAU,EAAE,GAAG,UAAU,cAAc,KAAK,EAAE,EAC9C,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EACnC,OAAO,EAAE,KAAK,CAAC,kBAAkB,IAJ5B,KAAK,CAKV,CACH,CAAC;gBACJ,CAAC,CAAC,GACc,EAClB,KAAC,kBAAkB,IACjB,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EACnC,IAAI,EAAE,UAAU,CAAC,MAAM,EACvB,OAAO,EAAE,KAAK,CAAC,mBAAmB,YAElC,KAAC,aAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAC9D,UAAU,EAAE,GAAG,UAAU,cAAc,KACnC,KAAK,CAAC,IAAI,GACd,GACiB,IACC,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC"}
|