smarthr-ui 16.0.2 → 17.2.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/CHANGELOG.md +47 -0
- package/esm/components/AccordionPanel/AccordionPanel.js +19 -42
- package/esm/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/esm/components/AccordionPanel/AccordionPanelContent.js +26 -43
- package/esm/components/AccordionPanel/AccordionPanelContent.js.map +1 -1
- package/esm/components/AccordionPanel/AccordionPanelItem.js +5 -28
- package/esm/components/AccordionPanel/AccordionPanelItem.js.map +1 -1
- package/esm/components/AccordionPanel/AccordionPanelTrigger.js +63 -47
- package/esm/components/AccordionPanel/AccordionPanelTrigger.js.map +1 -1
- package/esm/components/AccordionPanel/accordionPanelHelper.js +20 -20
- package/esm/components/AccordionPanel/accordionPanelHelper.js.map +1 -1
- package/esm/components/AccordionPanel/useClassNames.js +3 -3
- package/esm/components/AccordionPanel/useClassNames.js.map +1 -1
- package/esm/components/AppNavi/AppNavi.d.ts +1 -1
- package/esm/components/AppNavi/AppNavi.js +42 -48
- package/esm/components/AppNavi/AppNavi.js.map +1 -1
- package/esm/components/AppNavi/AppNaviAnchor.js +5 -6
- package/esm/components/AppNavi/AppNaviAnchor.js.map +1 -1
- package/esm/components/AppNavi/AppNaviButton.js +5 -6
- package/esm/components/AppNavi/AppNaviButton.js.map +1 -1
- package/esm/components/AppNavi/AppNaviCustomTag.js +11 -43
- package/esm/components/AppNavi/AppNaviCustomTag.js.map +1 -1
- package/esm/components/AppNavi/AppNaviDropdown.js +15 -24
- package/esm/components/AppNavi/AppNaviDropdown.js.map +1 -1
- package/esm/components/AppNavi/appNaviHelper.js +47 -26
- package/esm/components/AppNavi/appNaviHelper.js.map +1 -1
- package/esm/components/AppNavi/useClassNames.js +3 -3
- package/esm/components/AppNavi/useClassNames.js.map +1 -1
- package/esm/components/BackgroundJobsPanel/BackgroundJobsList.js +24 -16
- package/esm/components/BackgroundJobsPanel/BackgroundJobsList.js.map +1 -1
- package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.js +88 -54
- package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
- package/esm/components/BackgroundJobsPanel/JobIcon.js +5 -6
- package/esm/components/BackgroundJobsPanel/JobIcon.js.map +1 -1
- package/esm/components/BackgroundJobsPanel/OmittableJobText.js +18 -16
- package/esm/components/BackgroundJobsPanel/OmittableJobText.js.map +1 -1
- package/esm/components/BackgroundJobsPanel/useClassNames.js +5 -5
- package/esm/components/BackgroundJobsPanel/useClassNames.js.map +1 -1
- package/esm/components/Balloon/Balloon.d.ts +2 -6
- package/esm/components/Balloon/Balloon.js +117 -49
- package/esm/components/Balloon/Balloon.js.map +1 -1
- package/esm/components/Balloon/useClassNames.js +3 -3
- package/esm/components/Balloon/useClassNames.js.map +1 -1
- package/esm/components/Base/Base.js +15 -38
- package/esm/components/Base/Base.js.map +1 -1
- package/esm/components/Base/DialogBase.js +14 -37
- package/esm/components/Base/DialogBase.js.map +1 -1
- package/esm/components/Base/useClassNames.js +5 -5
- package/esm/components/Base/useClassNames.js.map +1 -1
- package/esm/components/BottomFixedArea/BottomFixedArea.d.ts +6 -0
- package/esm/components/BottomFixedArea/BottomFixedArea.js +62 -48
- package/esm/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
- package/esm/components/BottomFixedArea/TertiaryLink.js +38 -42
- package/esm/components/BottomFixedArea/TertiaryLink.js.map +1 -1
- package/esm/components/BottomFixedArea/bottomFixedAreaHelper.js +3 -3
- package/esm/components/BottomFixedArea/bottomFixedAreaHelper.js.map +1 -1
- package/esm/components/BottomFixedArea/useClassNames.js +3 -3
- package/esm/components/BottomFixedArea/useClassNames.js.map +1 -1
- package/esm/components/Button/BaseButton.js +82 -44
- package/esm/components/Button/BaseButton.js.map +1 -1
- package/esm/components/Button/DangerButton.js +43 -48
- package/esm/components/Button/DangerButton.js.map +1 -1
- package/esm/components/Button/PrimaryButton.js +44 -48
- package/esm/components/Button/PrimaryButton.js.map +1 -1
- package/esm/components/Button/SecondaryButton.js +44 -48
- package/esm/components/Button/SecondaryButton.js.map +1 -1
- package/esm/components/Button/SkeletonButton.js +44 -48
- package/esm/components/Button/SkeletonButton.js.map +1 -1
- package/esm/components/Button/TextButton.js +41 -48
- package/esm/components/Button/TextButton.js.map +1 -1
- package/esm/components/Button/UnstyledButton.js +28 -6
- package/esm/components/Button/UnstyledButton.js.map +1 -1
- package/esm/components/Button/useClassNames.js +13 -13
- package/esm/components/Button/useClassNames.js.map +1 -1
- package/esm/components/Calendar/Calendar.js +53 -57
- package/esm/components/Calendar/Calendar.js.map +1 -1
- package/esm/components/Calendar/CalendarTable.js +78 -58
- package/esm/components/Calendar/CalendarTable.js.map +1 -1
- package/esm/components/Calendar/YearPicker.js +74 -61
- package/esm/components/Calendar/YearPicker.js.map +1 -1
- package/esm/components/Calendar/calendarHelper.js +14 -14
- package/esm/components/Calendar/calendarHelper.js.map +1 -1
- package/esm/components/Calendar/useClassNames.js +6 -6
- package/esm/components/Calendar/useClassNames.js.map +1 -1
- package/esm/components/CheckBox/CheckBox.js +40 -43
- package/esm/components/CheckBox/CheckBox.js.map +1 -1
- package/esm/components/CheckBox/CheckBoxInput.js +90 -55
- package/esm/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/esm/components/CheckBox/useClassNames.js +3 -3
- package/esm/components/CheckBox/useClassNames.js.map +1 -1
- package/esm/components/ComboBox/MultiComboBox.js +145 -107
- package/esm/components/ComboBox/MultiComboBox.js.map +1 -1
- package/esm/components/ComboBox/MultiSelectedItem.js +3 -14
- package/esm/components/ComboBox/MultiSelectedItem.js.map +1 -1
- package/esm/components/ComboBox/MultiSelectedItemInner.js +60 -32
- package/esm/components/ComboBox/MultiSelectedItemInner.js.map +1 -1
- package/esm/components/ComboBox/SingleComboBox.js +87 -86
- package/esm/components/ComboBox/SingleComboBox.js.map +1 -1
- package/esm/components/ComboBox/comboBoxHelper.d.ts +1 -0
- package/esm/components/ComboBox/comboBoxHelper.js +14 -0
- package/esm/components/ComboBox/comboBoxHelper.js.map +1 -0
- package/esm/components/ComboBox/multiComboBoxHelper.js +2 -15
- package/esm/components/ComboBox/multiComboBoxHelper.js.map +1 -1
- package/esm/components/ComboBox/useClassNames.js +4 -4
- package/esm/components/ComboBox/useClassNames.js.map +1 -1
- package/esm/components/ComboBox/useListBox.js +161 -129
- package/esm/components/ComboBox/useListBox.js.map +1 -1
- package/esm/components/CompactInformationPanel/CompactInformationPanel.js +32 -49
- package/esm/components/CompactInformationPanel/CompactInformationPanel.js.map +1 -1
- package/esm/components/CompactInformationPanel/useClassNames.js +3 -3
- package/esm/components/CompactInformationPanel/useClassNames.js.map +1 -1
- package/esm/components/DatePicker/DatePicker.js +61 -74
- package/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/esm/components/DatePicker/Portal.js +24 -33
- package/esm/components/DatePicker/Portal.js.map +1 -1
- package/esm/components/DatePicker/datePickerHelper.js +31 -34
- package/esm/components/DatePicker/datePickerHelper.js.map +1 -1
- package/esm/components/DatePicker/useClassNames.js +4 -4
- package/esm/components/DatePicker/useClassNames.js.map +1 -1
- package/esm/components/DatePicker/useGlobalKeyDown.js +2 -2
- package/esm/components/DatePicker/useGlobalKeyDown.js.map +1 -1
- package/esm/components/DefinitionList/DefinitionList.js +69 -28
- package/esm/components/DefinitionList/DefinitionList.js.map +1 -1
- package/esm/components/DefinitionList/DefinitionListItem.js +25 -20
- package/esm/components/DefinitionList/DefinitionListItem.js.map +1 -1
- package/esm/components/DefinitionList/useClassNames.js +5 -5
- package/esm/components/DefinitionList/useClassNames.js.map +1 -1
- package/esm/components/Dialog/ActionDialog.d.ts +1 -1
- package/esm/components/Dialog/ActionDialog.js +11 -32
- package/esm/components/Dialog/ActionDialog.js.map +1 -1
- package/esm/components/Dialog/ActionDialogContent.d.ts +1 -1
- package/esm/components/Dialog/ActionDialogContent.js +8 -29
- package/esm/components/Dialog/ActionDialogContent.js.map +1 -1
- package/esm/components/Dialog/ActionDialogContentInner.d.ts +7 -6
- package/esm/components/Dialog/ActionDialogContentInner.js +63 -40
- package/esm/components/Dialog/ActionDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/BodyScrollSuppressor.js +15 -15
- package/esm/components/Dialog/BodyScrollSuppressor.js.map +1 -1
- package/esm/components/Dialog/Dialog.js +6 -29
- package/esm/components/Dialog/Dialog.js.map +1 -1
- package/esm/components/Dialog/DialogCloser.js +5 -9
- package/esm/components/Dialog/DialogCloser.js.map +1 -1
- package/esm/components/Dialog/DialogContent.js +6 -29
- package/esm/components/Dialog/DialogContent.js.map +1 -1
- package/esm/components/Dialog/DialogContentInner.js +52 -55
- package/esm/components/Dialog/DialogContentInner.js.map +1 -1
- package/esm/components/Dialog/DialogOverlap.js +29 -13
- package/esm/components/Dialog/DialogOverlap.js.map +1 -1
- package/esm/components/Dialog/DialogPositionProvider.js +4 -5
- package/esm/components/Dialog/DialogPositionProvider.js.map +1 -1
- package/esm/components/Dialog/DialogTrigger.js +5 -9
- package/esm/components/Dialog/DialogTrigger.js.map +1 -1
- package/esm/components/Dialog/DialogWrapper.js +15 -16
- package/esm/components/Dialog/DialogWrapper.js.map +1 -1
- package/esm/components/Dialog/FocusTrap.js +18 -19
- package/esm/components/Dialog/FocusTrap.js.map +1 -1
- package/esm/components/Dialog/MessageDialog.js +7 -30
- package/esm/components/Dialog/MessageDialog.js.map +1 -1
- package/esm/components/Dialog/MessageDialogContent.js +4 -27
- package/esm/components/Dialog/MessageDialogContent.js.map +1 -1
- package/esm/components/Dialog/MessageDialogContentInner.js +30 -23
- package/esm/components/Dialog/MessageDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/ModelessDialog.js +107 -88
- package/esm/components/Dialog/ModelessDialog.js.map +1 -1
- package/esm/components/Dialog/dialogHelper.js +16 -16
- package/esm/components/Dialog/dialogHelper.js.map +1 -1
- package/esm/components/Dialog/useClassNames.js +4 -4
- package/esm/components/Dialog/useClassNames.js.map +1 -1
- package/esm/components/DropZone/DropZone.d.ts +7 -0
- package/esm/components/DropZone/DropZone.js +31 -25
- package/esm/components/DropZone/DropZone.js.map +1 -1
- package/esm/components/DropZone/useClassNames.js +3 -3
- package/esm/components/DropZone/useClassNames.js.map +1 -1
- package/esm/components/Dropdown/Dropdown.js +27 -28
- package/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/esm/components/Dropdown/DropdownCloser.js +18 -17
- package/esm/components/Dropdown/DropdownCloser.js.map +1 -1
- package/esm/components/Dropdown/DropdownContent.d.ts +6 -0
- package/esm/components/Dropdown/DropdownContent.js +7 -8
- package/esm/components/Dropdown/DropdownContent.js.map +1 -1
- package/esm/components/Dropdown/DropdownContentInner.js +48 -31
- package/esm/components/Dropdown/DropdownContentInner.js.map +1 -1
- package/esm/components/Dropdown/DropdownScrollArea.js +8 -33
- package/esm/components/Dropdown/DropdownScrollArea.js.map +1 -1
- package/esm/components/Dropdown/DropdownTrigger.d.ts +1 -0
- package/esm/components/Dropdown/DropdownTrigger.js +15 -19
- package/esm/components/Dropdown/DropdownTrigger.js.map +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +40 -28
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/esm/components/Dropdown/dropdownHelper.js +14 -26
- package/esm/components/Dropdown/dropdownHelper.js.map +1 -1
- package/esm/components/Dropdown/useClassNames.js +4 -4
- package/esm/components/Dropdown/useClassNames.js.map +1 -1
- package/esm/components/Dropdown/useKeyboardNavigation.js +14 -14
- package/esm/components/Dropdown/useKeyboardNavigation.js.map +1 -1
- package/esm/components/FieldSet/FieldSet.d.ts +7 -0
- package/esm/components/FieldSet/FieldSet.js +50 -55
- package/esm/components/FieldSet/FieldSet.js.map +1 -1
- package/esm/components/FieldSet/useClassNames.js +3 -3
- package/esm/components/FieldSet/useClassNames.js.map +1 -1
- package/esm/components/FlashMessage/FlashMessage.d.ts +9 -0
- package/esm/components/FlashMessage/FlashMessage.js +107 -61
- package/esm/components/FlashMessage/FlashMessage.js.map +1 -1
- package/esm/components/FlashMessage/FlashMessageList/FlashMessageList.js +17 -24
- package/esm/components/FlashMessage/FlashMessageList/FlashMessageList.js.map +1 -1
- package/esm/components/FlashMessage/FlashMessageList/FlashMessageListProvider.js +11 -32
- package/esm/components/FlashMessage/FlashMessageList/FlashMessageListProvider.js.map +1 -1
- package/esm/components/FlashMessage/FlashMessageList/Item.js +16 -38
- package/esm/components/FlashMessage/FlashMessageList/Item.js.map +1 -1
- package/esm/components/FlashMessage/FlashMessageList/useFlashMessageList.d.ts +1 -0
- package/esm/components/FlashMessage/FlashMessageList/useFlashMessageList.js +2 -2
- package/esm/components/FlashMessage/FlashMessageList/useFlashMessageList.js.map +1 -1
- package/esm/components/FlashMessage/useClassNames.js +4 -4
- package/esm/components/FlashMessage/useClassNames.js.map +1 -1
- package/esm/components/FloatArea/FloatArea.d.ts +12 -0
- package/esm/components/FloatArea/FloatArea.js +39 -48
- package/esm/components/FloatArea/FloatArea.js.map +1 -1
- package/esm/components/FloatArea/useClassNames.js +4 -4
- package/esm/components/FloatArea/useClassNames.js.map +1 -1
- package/esm/components/Footer/Footer.js +46 -51
- package/esm/components/Footer/Footer.js.map +1 -1
- package/esm/components/Footer/useClassNames.js +3 -3
- package/esm/components/Footer/useClassNames.js.map +1 -1
- package/esm/components/FormGroup/FormGroup.d.ts +10 -0
- package/esm/components/FormGroup/FormGroup.js +64 -70
- package/esm/components/FormGroup/FormGroup.js.map +1 -1
- package/esm/components/Heading/Heading.d.ts +4 -0
- package/esm/components/Heading/Heading.js +45 -37
- package/esm/components/Heading/Heading.js.map +1 -1
- package/esm/components/Heading/useClassNames.js +3 -3
- package/esm/components/Heading/useClassNames.js.map +1 -1
- package/esm/components/HeadlineArea/HeadlineArea.d.ts +5 -0
- package/esm/components/HeadlineArea/HeadlineArea.js +20 -38
- package/esm/components/HeadlineArea/HeadlineArea.js.map +1 -1
- package/esm/components/HeadlineArea/useClassNames.js +3 -3
- package/esm/components/HeadlineArea/useClassNames.js.map +1 -1
- package/esm/components/Icon/Icon.d.ts +5 -4
- package/esm/components/Icon/Icon.js +318 -344
- package/esm/components/Icon/Icon.js.map +1 -1
- package/esm/components/Icon/useClassNames.js +3 -3
- package/esm/components/Icon/useClassNames.js.map +1 -1
- package/esm/components/Image/BlankImage.d.ts +5 -2
- package/esm/components/Image/BlankImage.js +26 -33
- package/esm/components/Image/BlankImage.js.map +1 -1
- package/esm/components/Image/useClassNames.js +3 -3
- package/esm/components/Image/useClassNames.js.map +1 -1
- package/esm/components/IndexNav/IndexNav.d.ts +5 -0
- package/esm/components/IndexNav/IndexNav.js +43 -44
- package/esm/components/IndexNav/IndexNav.js.map +1 -1
- package/esm/components/IndexNav/useClassNames.js +3 -3
- package/esm/components/IndexNav/useClassNames.js.map +1 -1
- package/esm/components/InformationPanel/InformationPanel.d.ts +10 -0
- package/esm/components/InformationPanel/InformationPanel.js +68 -68
- package/esm/components/InformationPanel/InformationPanel.js.map +1 -1
- package/esm/components/InformationPanel/useClassNames.js +3 -3
- package/esm/components/InformationPanel/useClassNames.js.map +1 -1
- package/esm/components/Input/CurrencyInput/CurrencyInput.js +12 -36
- package/esm/components/Input/CurrencyInput/CurrencyInput.js.map +1 -1
- package/esm/components/Input/CurrencyInput/currencyInputHelper.js +8 -8
- package/esm/components/Input/CurrencyInput/currencyInputHelper.js.map +1 -1
- package/esm/components/Input/CurrencyInput/useClassNames.js +3 -3
- package/esm/components/Input/CurrencyInput/useClassNames.js.map +1 -1
- package/esm/components/Input/Input.js +74 -51
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/Input/useClassNames.js +3 -3
- package/esm/components/Input/useClassNames.js.map +1 -1
- package/esm/components/InputFile/InputFile.d.ts +0 -1
- package/esm/components/InputFile/InputFile.js +106 -89
- package/esm/components/InputFile/InputFile.js.map +1 -1
- package/esm/components/InputFile/useClassNames.js +3 -3
- package/esm/components/InputFile/useClassNames.js.map +1 -1
- package/esm/components/Layout/Cluster/Cluster.d.ts +17 -9
- package/esm/components/Layout/Cluster/Cluster.js +37 -15
- package/esm/components/Layout/Cluster/Cluster.js.map +1 -1
- package/esm/components/Layout/Cluster/useClassNames.d.ts +4 -0
- package/esm/components/Layout/Cluster/useClassNames.js +12 -0
- package/esm/components/Layout/Cluster/useClassNames.js.map +1 -0
- package/esm/components/Layout/LineUp/LineUp.d.ts +6 -1
- package/esm/components/Layout/LineUp/LineUp.js +26 -9
- package/esm/components/Layout/LineUp/LineUp.js.map +1 -1
- package/esm/components/Layout/Sidebar/Sidebar.d.ts +4 -0
- package/esm/components/Layout/Sidebar/Sidebar.js +32 -13
- package/esm/components/Layout/Sidebar/Sidebar.js.map +1 -1
- package/esm/components/Layout/Stack/Stack.d.ts +6 -1
- package/esm/components/Layout/Stack/Stack.js +25 -9
- package/esm/components/Layout/Stack/Stack.js.map +1 -1
- package/esm/components/LineClamp/LineClamp.d.ts +0 -3
- package/esm/components/LineClamp/LineClamp.js +40 -48
- package/esm/components/LineClamp/LineClamp.js.map +1 -1
- package/esm/components/LineClamp/useClassNames.js +3 -3
- package/esm/components/LineClamp/useClassNames.js.map +1 -1
- package/esm/components/Loader/Loader.js +135 -59
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/Loader/loaderAnimation.js +127 -16
- package/esm/components/Loader/loaderAnimation.js.map +1 -1
- package/esm/components/Loader/useClassNames.js +3 -3
- package/esm/components/Loader/useClassNames.js.map +1 -1
- package/esm/components/MessageScreen/MessageScreen.js +72 -59
- package/esm/components/MessageScreen/MessageScreen.js.map +1 -1
- package/esm/components/MessageScreen/useClassNames.js +3 -3
- package/esm/components/MessageScreen/useClassNames.js.map +1 -1
- package/esm/components/NotificationBar/NotificationBar.d.ts +17 -0
- package/esm/components/NotificationBar/NotificationBar.js +97 -0
- package/esm/components/NotificationBar/NotificationBar.js.map +1 -0
- package/esm/components/NotificationBar/index.d.ts +1 -0
- package/esm/components/NotificationBar/index.js +2 -0
- package/esm/components/NotificationBar/index.js.map +1 -0
- package/esm/components/NotificationBar/useClassNames.d.ts +5 -0
- package/esm/components/NotificationBar/useClassNames.js +12 -0
- package/esm/components/NotificationBar/useClassNames.js.map +1 -0
- package/esm/components/Pagination/Pagination.js +52 -52
- package/esm/components/Pagination/Pagination.js.map +1 -1
- package/esm/components/Pagination/PaginationControllerItem.js +5 -17
- package/esm/components/Pagination/PaginationControllerItem.js.map +1 -1
- package/esm/components/Pagination/PaginationItem.js +17 -15
- package/esm/components/Pagination/PaginationItem.js.map +1 -1
- package/esm/components/Pagination/useClassNames.js +3 -3
- package/esm/components/Pagination/useClassNames.js.map +1 -1
- package/esm/components/RadioButton/RadioButton.js +40 -51
- package/esm/components/RadioButton/RadioButton.js.map +1 -1
- package/esm/components/RadioButton/RadioButtonInput.js +89 -50
- package/esm/components/RadioButton/RadioButtonInput.js.map +1 -1
- package/esm/components/RadioButton/useClassNames.js +3 -3
- package/esm/components/RadioButton/useClassNames.js.map +1 -1
- package/esm/components/RightFixedNote/RightFixedNote.js +54 -56
- package/esm/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/esm/components/RightFixedNote/RightFixedNoteItem.js +44 -28
- package/esm/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
- package/esm/components/RightFixedNote/useClassNames.js +3 -3
- package/esm/components/RightFixedNote/useClassNames.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js +52 -53
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/SegmentedControl/useClassNames.js +3 -3
- package/esm/components/SegmentedControl/useClassNames.js.map +1 -1
- package/esm/components/Select/Select.js +97 -54
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/Select/useClassNames.js +3 -3
- package/esm/components/Select/useClassNames.js.map +1 -1
- package/esm/components/SideNav/SideNav.js +14 -15
- package/esm/components/SideNav/SideNav.js.map +1 -1
- package/esm/components/SideNav/SideNavItem.js +70 -27
- package/esm/components/SideNav/SideNavItem.js.map +1 -1
- package/esm/components/SideNav/useClassNames.js +3 -3
- package/esm/components/SideNav/useClassNames.js.map +1 -1
- package/esm/components/SmartHRLogo/SmartHRLogo.js +19 -35
- package/esm/components/SmartHRLogo/SmartHRLogo.js.map +1 -1
- package/esm/components/SmartHRLogo/useClassNames.js +3 -3
- package/esm/components/SmartHRLogo/useClassNames.js.map +1 -1
- package/esm/components/StatusLabel/StatusLabel.d.ts +2 -2
- package/esm/components/StatusLabel/StatusLabel.js +63 -37
- package/esm/components/StatusLabel/StatusLabel.js.map +1 -1
- package/esm/components/StatusLabel/useClassNames.js +3 -3
- package/esm/components/StatusLabel/useClassNames.js.map +1 -1
- package/esm/components/TabBar/TabBar.js +26 -38
- package/esm/components/TabBar/TabBar.js.map +1 -1
- package/esm/components/TabBar/TabItem.js +46 -40
- package/esm/components/TabBar/TabItem.js.map +1 -1
- package/esm/components/TabBar/useClassNames.js +4 -4
- package/esm/components/TabBar/useClassNames.js.map +1 -1
- package/esm/components/Table/Body.js +7 -36
- package/esm/components/Table/Body.js.map +1 -1
- package/esm/components/Table/Cell.js +69 -47
- package/esm/components/Table/Cell.js.map +1 -1
- package/esm/components/Table/Head.js +21 -40
- package/esm/components/Table/Head.js.map +1 -1
- package/esm/components/Table/Row.js +3 -26
- package/esm/components/Table/Row.js.map +1 -1
- package/esm/components/Table/Table.js +20 -38
- package/esm/components/Table/Table.js.map +1 -1
- package/esm/components/Table/useClassNames.js +7 -7
- package/esm/components/Table/useClassNames.js.map +1 -1
- package/esm/components/Text/Text.js +12 -34
- package/esm/components/Text/Text.js.map +1 -1
- package/esm/components/TextLink/TextLink.js +33 -48
- package/esm/components/TextLink/TextLink.js.map +1 -1
- package/esm/components/Textarea/Textarea.js +68 -53
- package/esm/components/Textarea/Textarea.js.map +1 -1
- package/esm/components/Textarea/useClassNames.js +3 -3
- package/esm/components/Textarea/useClassNames.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.d.ts +2 -6
- package/esm/components/Tooltip/Tooltip.js +54 -80
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/esm/components/Tooltip/TooltipPortal.d.ts +0 -2
- package/esm/components/Tooltip/TooltipPortal.js +62 -62
- package/esm/components/Tooltip/TooltipPortal.js.map +1 -1
- package/esm/components/Tooltip/tooltipHelper.js +15 -18
- package/esm/components/Tooltip/tooltipHelper.js.map +1 -1
- package/esm/components/Tooltip/useClassNames.js +3 -3
- package/esm/components/Tooltip/useClassNames.js.map +1 -1
- package/esm/constants.js +14 -7
- package/esm/constants.js.map +1 -1
- package/esm/hocs/hoverable.js +47 -79
- package/esm/hocs/hoverable.js.map +1 -1
- package/esm/hooks/useClassNameGenerator.js +4 -4
- package/esm/hooks/useClassNameGenerator.js.map +1 -1
- package/esm/hooks/useHandleEscape.js +4 -4
- package/esm/hooks/useHandleEscape.js.map +1 -1
- package/esm/hooks/useId.js +7 -8
- package/esm/hooks/useId.js.map +1 -1
- package/esm/hooks/useOuterClick.js +9 -38
- package/esm/hooks/useOuterClick.js.map +1 -1
- package/esm/hooks/usePortal.js +24 -41
- package/esm/hooks/usePortal.js.map +1 -1
- package/esm/hooks/useSpacing.js +2 -2
- package/esm/hooks/useSpacing.js.map +1 -1
- package/esm/hooks/useTheme.js +2 -2
- package/esm/hooks/useTheme.js.map +1 -1
- package/esm/index.d.ts +3 -2
- package/esm/index.js +3 -2
- package/esm/index.js.map +1 -1
- package/esm/libs/lodash.js +2 -2
- package/esm/libs/lodash.js.map +1 -1
- package/esm/libs/map.js +5 -5
- package/esm/libs/map.js.map +1 -1
- package/esm/libs/tabbable.js +9 -17
- package/esm/libs/tabbable.js.map +1 -1
- package/esm/libs/ua.js +8 -8
- package/esm/libs/ua.js.map +1 -1
- package/esm/themes/ThemeProvider.js +3 -4
- package/esm/themes/ThemeProvider.js.map +1 -1
- package/esm/themes/__tests__/createBorder.js +11 -11
- package/esm/themes/__tests__/createBorder.js.map +1 -1
- package/esm/themes/__tests__/createBreakpoint.js +6 -6
- package/esm/themes/__tests__/createBreakpoint.js.map +1 -1
- package/esm/themes/__tests__/createColor.js +6 -6
- package/esm/themes/__tests__/createColor.js.map +1 -1
- package/esm/themes/__tests__/createFontSize.js +30 -30
- package/esm/themes/__tests__/createFontSize.js.map +1 -1
- package/esm/themes/__tests__/createLeading.js +5 -5
- package/esm/themes/__tests__/createLeading.js.map +1 -1
- package/esm/themes/__tests__/createRadius.js +6 -6
- package/esm/themes/__tests__/createRadius.js.map +1 -1
- package/esm/themes/__tests__/createSpacing.js +16 -16
- package/esm/themes/__tests__/createSpacing.js.map +1 -1
- package/esm/themes/__tests__/createTheme.js +68 -68
- package/esm/themes/__tests__/createTheme.js.map +1 -1
- package/esm/themes/createBorder.js +11 -21
- package/esm/themes/createBorder.js.map +1 -1
- package/esm/themes/createBreakpoint.js +3 -15
- package/esm/themes/createBreakpoint.js.map +1 -1
- package/esm/themes/createColor.js +8 -19
- package/esm/themes/createColor.js.map +1 -1
- package/esm/themes/createFontSize.js +22 -37
- package/esm/themes/createFontSize.js.map +1 -1
- package/esm/themes/createFrame.js +15 -24
- package/esm/themes/createFrame.js.map +1 -1
- package/esm/themes/createInteraction.js +8 -18
- package/esm/themes/createInteraction.js.map +1 -1
- package/esm/themes/createLeading.js +4 -16
- package/esm/themes/createLeading.js.map +1 -1
- package/esm/themes/createPalette.js +8 -18
- package/esm/themes/createPalette.js.map +1 -1
- package/esm/themes/createRadius.js +3 -15
- package/esm/themes/createRadius.js.map +1 -1
- package/esm/themes/createShadow.js +9 -22
- package/esm/themes/createShadow.js.map +1 -1
- package/esm/themes/createSize.js +18 -30
- package/esm/themes/createSize.js.map +1 -1
- package/esm/themes/createSpacing.js +13 -22
- package/esm/themes/createSpacing.js.map +1 -1
- package/esm/themes/createTheme.js +56 -53
- package/esm/themes/createTheme.js.map +1 -1
- package/esm/themes/createZIndex.js +5 -15
- package/esm/themes/createZIndex.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.js +22 -45
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanelContent.js +33 -50
- package/lib/components/AccordionPanel/AccordionPanelContent.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanelItem.js +6 -29
- package/lib/components/AccordionPanel/AccordionPanelItem.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanelTrigger.js +73 -57
- package/lib/components/AccordionPanel/AccordionPanelTrigger.js.map +1 -1
- package/lib/components/AccordionPanel/accordionPanelHelper.js +19 -19
- package/lib/components/AccordionPanel/accordionPanelHelper.js.map +1 -1
- package/lib/components/AccordionPanel/useClassNames.js +6 -6
- package/lib/components/AccordionPanel/useClassNames.js.map +1 -1
- package/lib/components/AppNavi/AppNavi.d.ts +1 -1
- package/lib/components/AppNavi/AppNavi.js +51 -57
- package/lib/components/AppNavi/AppNavi.js.map +1 -1
- package/lib/components/AppNavi/AppNaviAnchor.js +10 -11
- package/lib/components/AppNavi/AppNaviAnchor.js.map +1 -1
- package/lib/components/AppNavi/AppNaviButton.js +10 -11
- package/lib/components/AppNavi/AppNaviButton.js.map +1 -1
- package/lib/components/AppNavi/AppNaviCustomTag.js +16 -48
- package/lib/components/AppNavi/AppNaviCustomTag.js.map +1 -1
- package/lib/components/AppNavi/AppNaviDropdown.js +21 -30
- package/lib/components/AppNavi/AppNaviDropdown.js.map +1 -1
- package/lib/components/AppNavi/appNaviHelper.js +49 -28
- package/lib/components/AppNavi/appNaviHelper.js.map +1 -1
- package/lib/components/AppNavi/useClassNames.js +5 -5
- package/lib/components/AppNavi/useClassNames.js.map +1 -1
- package/lib/components/BackgroundJobsPanel/BackgroundJobsList.js +28 -20
- package/lib/components/BackgroundJobsPanel/BackgroundJobsList.js.map +1 -1
- package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.js +98 -64
- package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
- package/lib/components/BackgroundJobsPanel/JobIcon.js +8 -9
- package/lib/components/BackgroundJobsPanel/JobIcon.js.map +1 -1
- package/lib/components/BackgroundJobsPanel/OmittableJobText.js +20 -18
- package/lib/components/BackgroundJobsPanel/OmittableJobText.js.map +1 -1
- package/lib/components/BackgroundJobsPanel/useClassNames.js +9 -9
- package/lib/components/BackgroundJobsPanel/useClassNames.js.map +1 -1
- package/lib/components/Balloon/Balloon.d.ts +2 -6
- package/lib/components/Balloon/Balloon.js +123 -54
- package/lib/components/Balloon/Balloon.js.map +1 -1
- package/lib/components/Balloon/useClassNames.js +5 -5
- package/lib/components/Balloon/useClassNames.js.map +1 -1
- package/lib/components/Base/Base.js +17 -40
- package/lib/components/Base/Base.js.map +1 -1
- package/lib/components/Base/DialogBase.js +18 -41
- package/lib/components/Base/DialogBase.js.map +1 -1
- package/lib/components/Base/useClassNames.js +9 -9
- package/lib/components/Base/useClassNames.js.map +1 -1
- package/lib/components/BottomFixedArea/BottomFixedArea.d.ts +6 -0
- package/lib/components/BottomFixedArea/BottomFixedArea.js +69 -55
- package/lib/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
- package/lib/components/BottomFixedArea/TertiaryLink.js +42 -46
- package/lib/components/BottomFixedArea/TertiaryLink.js.map +1 -1
- package/lib/components/BottomFixedArea/bottomFixedAreaHelper.js +3 -3
- package/lib/components/BottomFixedArea/bottomFixedAreaHelper.js.map +1 -1
- package/lib/components/BottomFixedArea/useClassNames.js +5 -5
- package/lib/components/BottomFixedArea/useClassNames.js.map +1 -1
- package/lib/components/Button/BaseButton.js +85 -47
- package/lib/components/Button/BaseButton.js.map +1 -1
- package/lib/components/Button/DangerButton.js +48 -53
- package/lib/components/Button/DangerButton.js.map +1 -1
- package/lib/components/Button/PrimaryButton.js +49 -53
- package/lib/components/Button/PrimaryButton.js.map +1 -1
- package/lib/components/Button/SecondaryButton.js +49 -53
- package/lib/components/Button/SecondaryButton.js.map +1 -1
- package/lib/components/Button/SkeletonButton.js +49 -53
- package/lib/components/Button/SkeletonButton.js.map +1 -1
- package/lib/components/Button/TextButton.js +46 -53
- package/lib/components/Button/TextButton.js.map +1 -1
- package/lib/components/Button/UnstyledButton.js +29 -7
- package/lib/components/Button/UnstyledButton.js.map +1 -1
- package/lib/components/Button/useClassNames.js +20 -20
- package/lib/components/Button/useClassNames.js.map +1 -1
- package/lib/components/Calendar/Calendar.js +64 -68
- package/lib/components/Calendar/Calendar.js.map +1 -1
- package/lib/components/Calendar/CalendarTable.js +85 -65
- package/lib/components/Calendar/CalendarTable.js.map +1 -1
- package/lib/components/Calendar/YearPicker.js +79 -66
- package/lib/components/Calendar/YearPicker.js.map +1 -1
- package/lib/components/Calendar/calendarHelper.js +14 -14
- package/lib/components/Calendar/calendarHelper.js.map +1 -1
- package/lib/components/Calendar/useClassNames.js +11 -11
- package/lib/components/Calendar/useClassNames.js.map +1 -1
- package/lib/components/CheckBox/CheckBox.js +46 -49
- package/lib/components/CheckBox/CheckBox.js.map +1 -1
- package/lib/components/CheckBox/CheckBoxInput.js +96 -61
- package/lib/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/lib/components/CheckBox/useClassNames.js +6 -6
- package/lib/components/CheckBox/useClassNames.js.map +1 -1
- package/lib/components/ComboBox/MultiComboBox.js +154 -116
- package/lib/components/ComboBox/MultiComboBox.js.map +1 -1
- package/lib/components/ComboBox/MultiSelectedItem.js +6 -17
- package/lib/components/ComboBox/MultiSelectedItem.js.map +1 -1
- package/lib/components/ComboBox/MultiSelectedItemInner.js +66 -38
- package/lib/components/ComboBox/MultiSelectedItemInner.js.map +1 -1
- package/lib/components/ComboBox/SingleComboBox.js +96 -95
- package/lib/components/ComboBox/SingleComboBox.js.map +1 -1
- package/lib/components/ComboBox/comboBoxHelper.d.ts +1 -0
- package/lib/components/ComboBox/comboBoxHelper.js +18 -0
- package/lib/components/ComboBox/comboBoxHelper.js.map +1 -0
- package/lib/components/ComboBox/multiComboBoxHelper.js +2 -15
- package/lib/components/ComboBox/multiComboBoxHelper.js.map +1 -1
- package/lib/components/ComboBox/useClassNames.js +7 -7
- package/lib/components/ComboBox/useClassNames.js.map +1 -1
- package/lib/components/ComboBox/useListBox.js +169 -137
- package/lib/components/ComboBox/useListBox.js.map +1 -1
- package/lib/components/CompactInformationPanel/CompactInformationPanel.js +38 -55
- package/lib/components/CompactInformationPanel/CompactInformationPanel.js.map +1 -1
- package/lib/components/CompactInformationPanel/useClassNames.js +6 -6
- package/lib/components/CompactInformationPanel/useClassNames.js.map +1 -1
- package/lib/components/DatePicker/DatePicker.js +74 -87
- package/lib/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/components/DatePicker/Portal.js +31 -40
- package/lib/components/DatePicker/Portal.js.map +1 -1
- package/lib/components/DatePicker/datePickerHelper.js +32 -35
- package/lib/components/DatePicker/datePickerHelper.js.map +1 -1
- package/lib/components/DatePicker/useClassNames.js +7 -7
- package/lib/components/DatePicker/useClassNames.js.map +1 -1
- package/lib/components/DatePicker/useGlobalKeyDown.js +3 -3
- package/lib/components/DatePicker/useGlobalKeyDown.js.map +1 -1
- package/lib/components/DefinitionList/DefinitionList.js +74 -33
- package/lib/components/DefinitionList/DefinitionList.js.map +1 -1
- package/lib/components/DefinitionList/DefinitionListItem.js +30 -25
- package/lib/components/DefinitionList/DefinitionListItem.js.map +1 -1
- package/lib/components/DefinitionList/useClassNames.js +9 -9
- package/lib/components/DefinitionList/useClassNames.js.map +1 -1
- package/lib/components/Dialog/ActionDialog.d.ts +1 -1
- package/lib/components/Dialog/ActionDialog.js +15 -36
- package/lib/components/Dialog/ActionDialog.js.map +1 -1
- package/lib/components/Dialog/ActionDialogContent.d.ts +1 -1
- package/lib/components/Dialog/ActionDialogContent.js +12 -33
- package/lib/components/Dialog/ActionDialogContent.js.map +1 -1
- package/lib/components/Dialog/ActionDialogContentInner.d.ts +7 -6
- package/lib/components/Dialog/ActionDialogContentInner.js +73 -50
- package/lib/components/Dialog/ActionDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/BodyScrollSuppressor.js +17 -17
- package/lib/components/Dialog/BodyScrollSuppressor.js.map +1 -1
- package/lib/components/Dialog/Dialog.js +9 -32
- package/lib/components/Dialog/Dialog.js.map +1 -1
- package/lib/components/Dialog/DialogCloser.js +8 -12
- package/lib/components/Dialog/DialogCloser.js.map +1 -1
- package/lib/components/Dialog/DialogContent.js +8 -31
- package/lib/components/Dialog/DialogContent.js.map +1 -1
- package/lib/components/Dialog/DialogContentInner.js +61 -64
- package/lib/components/Dialog/DialogContentInner.js.map +1 -1
- package/lib/components/Dialog/DialogOverlap.js +33 -17
- package/lib/components/Dialog/DialogOverlap.js.map +1 -1
- package/lib/components/Dialog/DialogPositionProvider.js +4 -5
- package/lib/components/Dialog/DialogPositionProvider.js.map +1 -1
- package/lib/components/Dialog/DialogTrigger.js +8 -12
- package/lib/components/Dialog/DialogTrigger.js.map +1 -1
- package/lib/components/Dialog/DialogWrapper.js +16 -17
- package/lib/components/Dialog/DialogWrapper.js.map +1 -1
- package/lib/components/Dialog/FocusTrap.js +20 -21
- package/lib/components/Dialog/FocusTrap.js.map +1 -1
- package/lib/components/Dialog/MessageDialog.js +11 -34
- package/lib/components/Dialog/MessageDialog.js.map +1 -1
- package/lib/components/Dialog/MessageDialogContent.js +8 -31
- package/lib/components/Dialog/MessageDialogContent.js.map +1 -1
- package/lib/components/Dialog/MessageDialogContentInner.js +38 -31
- package/lib/components/Dialog/MessageDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/ModelessDialog.js +120 -101
- package/lib/components/Dialog/ModelessDialog.js.map +1 -1
- package/lib/components/Dialog/dialogHelper.js +19 -19
- package/lib/components/Dialog/dialogHelper.js.map +1 -1
- package/lib/components/Dialog/useClassNames.js +7 -7
- package/lib/components/Dialog/useClassNames.js.map +1 -1
- package/lib/components/DropZone/DropZone.d.ts +7 -0
- package/lib/components/DropZone/DropZone.js +37 -31
- package/lib/components/DropZone/DropZone.js.map +1 -1
- package/lib/components/DropZone/useClassNames.js +6 -6
- package/lib/components/DropZone/useClassNames.js.map +1 -1
- package/lib/components/Dropdown/Dropdown.js +31 -32
- package/lib/components/Dropdown/Dropdown.js.map +1 -1
- package/lib/components/Dropdown/DropdownCloser.js +23 -22
- package/lib/components/Dropdown/DropdownCloser.js.map +1 -1
- package/lib/components/Dropdown/DropdownContent.d.ts +6 -0
- package/lib/components/Dropdown/DropdownContent.js +10 -11
- package/lib/components/Dropdown/DropdownContent.js.map +1 -1
- package/lib/components/Dropdown/DropdownContentInner.js +53 -36
- package/lib/components/Dropdown/DropdownContentInner.js.map +1 -1
- package/lib/components/Dropdown/DropdownScrollArea.js +10 -35
- package/lib/components/Dropdown/DropdownScrollArea.js.map +1 -1
- package/lib/components/Dropdown/DropdownTrigger.d.ts +1 -0
- package/lib/components/Dropdown/DropdownTrigger.js +20 -24
- package/lib/components/Dropdown/DropdownTrigger.js.map +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +50 -38
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/lib/components/Dropdown/dropdownHelper.js +15 -27
- package/lib/components/Dropdown/dropdownHelper.js.map +1 -1
- package/lib/components/Dropdown/useClassNames.js +7 -7
- package/lib/components/Dropdown/useClassNames.js.map +1 -1
- package/lib/components/Dropdown/useKeyboardNavigation.js +18 -18
- package/lib/components/Dropdown/useKeyboardNavigation.js.map +1 -1
- package/lib/components/FieldSet/FieldSet.d.ts +7 -0
- package/lib/components/FieldSet/FieldSet.js +59 -64
- package/lib/components/FieldSet/FieldSet.js.map +1 -1
- package/lib/components/FieldSet/useClassNames.js +6 -6
- package/lib/components/FieldSet/useClassNames.js.map +1 -1
- package/lib/components/FlashMessage/FlashMessage.d.ts +9 -0
- package/lib/components/FlashMessage/FlashMessage.js +110 -64
- package/lib/components/FlashMessage/FlashMessage.js.map +1 -1
- package/lib/components/FlashMessage/FlashMessageList/FlashMessageList.js +22 -29
- package/lib/components/FlashMessage/FlashMessageList/FlashMessageList.js.map +1 -1
- package/lib/components/FlashMessage/FlashMessageList/FlashMessageListProvider.js +12 -33
- package/lib/components/FlashMessage/FlashMessageList/FlashMessageListProvider.js.map +1 -1
- package/lib/components/FlashMessage/FlashMessageList/Item.js +21 -43
- package/lib/components/FlashMessage/FlashMessageList/Item.js.map +1 -1
- package/lib/components/FlashMessage/FlashMessageList/useFlashMessageList.d.ts +1 -0
- package/lib/components/FlashMessage/FlashMessageList/useFlashMessageList.js +4 -4
- package/lib/components/FlashMessage/FlashMessageList/useFlashMessageList.js.map +1 -1
- package/lib/components/FlashMessage/useClassNames.js +7 -7
- package/lib/components/FlashMessage/useClassNames.js.map +1 -1
- package/lib/components/FloatArea/FloatArea.d.ts +12 -0
- package/lib/components/FloatArea/FloatArea.js +45 -54
- package/lib/components/FloatArea/FloatArea.js.map +1 -1
- package/lib/components/FloatArea/useClassNames.js +7 -7
- package/lib/components/FloatArea/useClassNames.js.map +1 -1
- package/lib/components/Footer/Footer.js +50 -55
- package/lib/components/Footer/Footer.js.map +1 -1
- package/lib/components/Footer/useClassNames.js +6 -6
- package/lib/components/Footer/useClassNames.js.map +1 -1
- package/lib/components/FormGroup/FormGroup.d.ts +10 -0
- package/lib/components/FormGroup/FormGroup.js +71 -77
- package/lib/components/FormGroup/FormGroup.js.map +1 -1
- package/lib/components/Heading/Heading.d.ts +4 -0
- package/lib/components/Heading/Heading.js +49 -41
- package/lib/components/Heading/Heading.js.map +1 -1
- package/lib/components/Heading/useClassNames.js +6 -6
- package/lib/components/Heading/useClassNames.js.map +1 -1
- package/lib/components/HeadlineArea/HeadlineArea.d.ts +5 -0
- package/lib/components/HeadlineArea/HeadlineArea.js +25 -43
- package/lib/components/HeadlineArea/HeadlineArea.js.map +1 -1
- package/lib/components/HeadlineArea/useClassNames.js +6 -6
- package/lib/components/HeadlineArea/useClassNames.js.map +1 -1
- package/lib/components/Icon/Icon.d.ts +5 -4
- package/lib/components/Icon/Icon.js +20 -46
- package/lib/components/Icon/Icon.js.map +1 -1
- package/lib/components/Icon/useClassNames.js +5 -5
- package/lib/components/Icon/useClassNames.js.map +1 -1
- package/lib/components/Image/BlankImage.d.ts +5 -2
- package/lib/components/Image/BlankImage.js +29 -36
- package/lib/components/Image/BlankImage.js.map +1 -1
- package/lib/components/Image/useClassNames.js +6 -6
- package/lib/components/Image/useClassNames.js.map +1 -1
- package/lib/components/IndexNav/IndexNav.d.ts +5 -0
- package/lib/components/IndexNav/IndexNav.js +47 -48
- package/lib/components/IndexNav/IndexNav.js.map +1 -1
- package/lib/components/IndexNav/useClassNames.js +6 -6
- package/lib/components/IndexNav/useClassNames.js.map +1 -1
- package/lib/components/InformationPanel/InformationPanel.d.ts +10 -0
- package/lib/components/InformationPanel/InformationPanel.js +77 -77
- package/lib/components/InformationPanel/InformationPanel.js.map +1 -1
- package/lib/components/InformationPanel/useClassNames.js +6 -6
- package/lib/components/InformationPanel/useClassNames.js.map +1 -1
- package/lib/components/Input/CurrencyInput/CurrencyInput.js +16 -40
- package/lib/components/Input/CurrencyInput/CurrencyInput.js.map +1 -1
- package/lib/components/Input/CurrencyInput/currencyInputHelper.js +8 -8
- package/lib/components/Input/CurrencyInput/currencyInputHelper.js.map +1 -1
- package/lib/components/Input/CurrencyInput/useClassNames.js +6 -6
- package/lib/components/Input/CurrencyInput/useClassNames.js.map +1 -1
- package/lib/components/Input/Input.js +78 -55
- package/lib/components/Input/Input.js.map +1 -1
- package/lib/components/Input/useClassNames.js +6 -6
- package/lib/components/Input/useClassNames.js.map +1 -1
- package/lib/components/InputFile/InputFile.d.ts +0 -1
- package/lib/components/InputFile/InputFile.js +111 -94
- package/lib/components/InputFile/InputFile.js.map +1 -1
- package/lib/components/InputFile/useClassNames.js +6 -6
- package/lib/components/InputFile/useClassNames.js.map +1 -1
- package/lib/components/Layout/Cluster/Cluster.d.ts +17 -9
- package/lib/components/Layout/Cluster/Cluster.js +40 -18
- package/lib/components/Layout/Cluster/Cluster.js.map +1 -1
- package/lib/components/Layout/Cluster/useClassNames.d.ts +4 -0
- package/lib/components/Layout/Cluster/useClassNames.js +16 -0
- package/lib/components/Layout/Cluster/useClassNames.js.map +1 -0
- package/lib/components/Layout/LineUp/LineUp.d.ts +6 -1
- package/lib/components/Layout/LineUp/LineUp.js +28 -11
- package/lib/components/Layout/LineUp/LineUp.js.map +1 -1
- package/lib/components/Layout/Sidebar/Sidebar.d.ts +4 -0
- package/lib/components/Layout/Sidebar/Sidebar.js +34 -15
- package/lib/components/Layout/Sidebar/Sidebar.js.map +1 -1
- package/lib/components/Layout/Stack/Stack.d.ts +6 -1
- package/lib/components/Layout/Stack/Stack.js +27 -11
- package/lib/components/Layout/Stack/Stack.js.map +1 -1
- package/lib/components/LineClamp/LineClamp.d.ts +0 -3
- package/lib/components/LineClamp/LineClamp.js +43 -51
- package/lib/components/LineClamp/LineClamp.js.map +1 -1
- package/lib/components/LineClamp/useClassNames.js +6 -6
- package/lib/components/LineClamp/useClassNames.js.map +1 -1
- package/lib/components/Loader/Loader.js +141 -65
- package/lib/components/Loader/Loader.js.map +1 -1
- package/lib/components/Loader/loaderAnimation.js +125 -14
- package/lib/components/Loader/loaderAnimation.js.map +1 -1
- package/lib/components/Loader/useClassNames.js +6 -6
- package/lib/components/Loader/useClassNames.js.map +1 -1
- package/lib/components/MessageScreen/MessageScreen.js +79 -66
- package/lib/components/MessageScreen/MessageScreen.js.map +1 -1
- package/lib/components/MessageScreen/useClassNames.js +6 -6
- package/lib/components/MessageScreen/useClassNames.js.map +1 -1
- package/lib/components/NotificationBar/NotificationBar.d.ts +17 -0
- package/lib/components/NotificationBar/NotificationBar.js +120 -0
- package/lib/components/NotificationBar/NotificationBar.js.map +1 -0
- package/lib/components/NotificationBar/index.d.ts +1 -0
- package/lib/components/NotificationBar/index.js +6 -0
- package/lib/components/NotificationBar/index.js.map +1 -0
- package/lib/components/NotificationBar/useClassNames.d.ts +5 -0
- package/lib/components/NotificationBar/useClassNames.js +16 -0
- package/lib/components/NotificationBar/useClassNames.js.map +1 -0
- package/lib/components/Pagination/Pagination.js +59 -59
- package/lib/components/Pagination/Pagination.js.map +1 -1
- package/lib/components/Pagination/PaginationControllerItem.js +9 -21
- package/lib/components/Pagination/PaginationControllerItem.js.map +1 -1
- package/lib/components/Pagination/PaginationItem.js +20 -18
- package/lib/components/Pagination/PaginationItem.js.map +1 -1
- package/lib/components/Pagination/useClassNames.js +6 -6
- package/lib/components/Pagination/useClassNames.js.map +1 -1
- package/lib/components/RadioButton/RadioButton.js +46 -57
- package/lib/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/components/RadioButton/RadioButtonInput.js +93 -54
- package/lib/components/RadioButton/RadioButtonInput.js.map +1 -1
- package/lib/components/RadioButton/useClassNames.js +6 -6
- package/lib/components/RadioButton/useClassNames.js.map +1 -1
- package/lib/components/RightFixedNote/RightFixedNote.js +63 -65
- package/lib/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/lib/components/RightFixedNote/RightFixedNoteItem.js +51 -35
- package/lib/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
- package/lib/components/RightFixedNote/useClassNames.js +6 -6
- package/lib/components/RightFixedNote/useClassNames.js.map +1 -1
- package/lib/components/SegmentedControl/SegmentedControl.js +57 -58
- package/lib/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/lib/components/SegmentedControl/useClassNames.js +6 -6
- package/lib/components/SegmentedControl/useClassNames.js.map +1 -1
- package/lib/components/Select/Select.js +103 -60
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/Select/useClassNames.js +6 -6
- package/lib/components/Select/useClassNames.js.map +1 -1
- package/lib/components/SideNav/SideNav.js +19 -20
- package/lib/components/SideNav/SideNav.js.map +1 -1
- package/lib/components/SideNav/SideNavItem.js +76 -33
- package/lib/components/SideNav/SideNavItem.js.map +1 -1
- package/lib/components/SideNav/useClassNames.js +6 -6
- package/lib/components/SideNav/useClassNames.js.map +1 -1
- package/lib/components/SmartHRLogo/SmartHRLogo.js +22 -38
- package/lib/components/SmartHRLogo/SmartHRLogo.js.map +1 -1
- package/lib/components/SmartHRLogo/useClassNames.js +6 -6
- package/lib/components/SmartHRLogo/useClassNames.js.map +1 -1
- package/lib/components/StatusLabel/StatusLabel.d.ts +2 -2
- package/lib/components/StatusLabel/StatusLabel.js +67 -41
- package/lib/components/StatusLabel/StatusLabel.js.map +1 -1
- package/lib/components/StatusLabel/useClassNames.js +6 -6
- package/lib/components/StatusLabel/useClassNames.js.map +1 -1
- package/lib/components/TabBar/TabBar.js +30 -42
- package/lib/components/TabBar/TabBar.js.map +1 -1
- package/lib/components/TabBar/TabItem.js +51 -45
- package/lib/components/TabBar/TabItem.js.map +1 -1
- package/lib/components/TabBar/useClassNames.js +7 -7
- package/lib/components/TabBar/useClassNames.js.map +1 -1
- package/lib/components/Table/Body.js +12 -41
- package/lib/components/Table/Body.js.map +1 -1
- package/lib/components/Table/Cell.js +75 -53
- package/lib/components/Table/Cell.js.map +1 -1
- package/lib/components/Table/Head.js +26 -45
- package/lib/components/Table/Head.js.map +1 -1
- package/lib/components/Table/Row.js +5 -28
- package/lib/components/Table/Row.js.map +1 -1
- package/lib/components/Table/Table.js +23 -41
- package/lib/components/Table/Table.js.map +1 -1
- package/lib/components/Table/useClassNames.js +10 -10
- package/lib/components/Table/useClassNames.js.map +1 -1
- package/lib/components/Text/Text.js +15 -37
- package/lib/components/Text/Text.js.map +1 -1
- package/lib/components/TextLink/TextLink.js +37 -52
- package/lib/components/TextLink/TextLink.js.map +1 -1
- package/lib/components/Textarea/Textarea.js +72 -57
- package/lib/components/Textarea/Textarea.js.map +1 -1
- package/lib/components/Textarea/useClassNames.js +6 -6
- package/lib/components/Textarea/useClassNames.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.d.ts +2 -6
- package/lib/components/Tooltip/Tooltip.js +62 -87
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/components/Tooltip/TooltipPortal.d.ts +0 -2
- package/lib/components/Tooltip/TooltipPortal.js +67 -67
- package/lib/components/Tooltip/TooltipPortal.js.map +1 -1
- package/lib/components/Tooltip/tooltipHelper.js +15 -18
- package/lib/components/Tooltip/tooltipHelper.js.map +1 -1
- package/lib/components/Tooltip/useClassNames.js +5 -5
- package/lib/components/Tooltip/useClassNames.js.map +1 -1
- package/lib/constants.js +14 -7
- package/lib/constants.js.map +1 -1
- package/lib/hocs/hoverable.js +49 -81
- package/lib/hocs/hoverable.js.map +1 -1
- package/lib/hooks/useClassNameGenerator.js +5 -5
- package/lib/hooks/useClassNameGenerator.js.map +1 -1
- package/lib/hooks/useHandleEscape.js +5 -5
- package/lib/hooks/useHandleEscape.js.map +1 -1
- package/lib/hooks/useId.js +8 -9
- package/lib/hooks/useId.js.map +1 -1
- package/lib/hooks/useOuterClick.js +10 -39
- package/lib/hooks/useOuterClick.js.map +1 -1
- package/lib/hooks/usePortal.js +25 -42
- package/lib/hooks/usePortal.js.map +1 -1
- package/lib/hooks/useSpacing.js +3 -3
- package/lib/hooks/useSpacing.js.map +1 -1
- package/lib/hooks/useTheme.js +4 -4
- package/lib/hooks/useTheme.js.map +1 -1
- package/lib/index.d.ts +3 -2
- package/lib/index.js +5 -7
- package/lib/index.js.map +1 -1
- package/lib/libs/lodash.js +2 -2
- package/lib/libs/lodash.js.map +1 -1
- package/lib/libs/map.js +5 -5
- package/lib/libs/map.js.map +1 -1
- package/lib/libs/tabbable.js +9 -17
- package/lib/libs/tabbable.js.map +1 -1
- package/lib/libs/ua.js +1 -1
- package/lib/libs/ua.js.map +1 -1
- package/lib/themes/ThemeProvider.js +4 -5
- package/lib/themes/ThemeProvider.js.map +1 -1
- package/lib/themes/__tests__/createBorder.js +13 -13
- package/lib/themes/__tests__/createBorder.js.map +1 -1
- package/lib/themes/__tests__/createBreakpoint.js +8 -8
- package/lib/themes/__tests__/createBreakpoint.js.map +1 -1
- package/lib/themes/__tests__/createColor.js +8 -8
- package/lib/themes/__tests__/createColor.js.map +1 -1
- package/lib/themes/__tests__/createFontSize.js +32 -32
- package/lib/themes/__tests__/createFontSize.js.map +1 -1
- package/lib/themes/__tests__/createLeading.js +6 -6
- package/lib/themes/__tests__/createLeading.js.map +1 -1
- package/lib/themes/__tests__/createRadius.js +8 -8
- package/lib/themes/__tests__/createRadius.js.map +1 -1
- package/lib/themes/__tests__/createSpacing.js +17 -17
- package/lib/themes/__tests__/createSpacing.js.map +1 -1
- package/lib/themes/__tests__/createTheme.js +75 -75
- package/lib/themes/__tests__/createTheme.js.map +1 -1
- package/lib/themes/createBorder.js +12 -22
- package/lib/themes/createBorder.js.map +1 -1
- package/lib/themes/createBreakpoint.js +3 -15
- package/lib/themes/createBreakpoint.js.map +1 -1
- package/lib/themes/createColor.js +10 -21
- package/lib/themes/createColor.js.map +1 -1
- package/lib/themes/createFontSize.js +22 -37
- package/lib/themes/createFontSize.js.map +1 -1
- package/lib/themes/createFrame.js +16 -25
- package/lib/themes/createFrame.js.map +1 -1
- package/lib/themes/createInteraction.js +8 -18
- package/lib/themes/createInteraction.js.map +1 -1
- package/lib/themes/createLeading.js +4 -16
- package/lib/themes/createLeading.js.map +1 -1
- package/lib/themes/createPalette.js +9 -19
- package/lib/themes/createPalette.js.map +1 -1
- package/lib/themes/createRadius.js +3 -15
- package/lib/themes/createRadius.js.map +1 -1
- package/lib/themes/createShadow.js +11 -24
- package/lib/themes/createShadow.js.map +1 -1
- package/lib/themes/createSize.js +18 -30
- package/lib/themes/createSize.js.map +1 -1
- package/lib/themes/createSpacing.js +12 -21
- package/lib/themes/createSpacing.js.map +1 -1
- package/lib/themes/createTheme.js +69 -66
- package/lib/themes/createTheme.js.map +1 -1
- package/lib/themes/createZIndex.js +5 -15
- package/lib/themes/createZIndex.js.map +1 -1
- package/package.json +28 -28
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,53 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
## [17.2.0](https://github.com/kufu/smarthr-ui/compare/v17.1.0...v17.2.0) (2022-01-24)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* Change <ActionDialog>'s string props to ReactNode ([#2117](https://github.com/kufu/smarthr-ui/issues/2117)) ([bc325f1](https://github.com/kufu/smarthr-ui/commit/bc325f1c72cbce49968c5ad2ff61b7cae7455d1d))
|
|
11
|
+
* NotificationBar を作成|SHRUI-508 ([#2193](https://github.com/kufu/smarthr-ui/issues/2193)) ([28ed290](https://github.com/kufu/smarthr-ui/commit/28ed290a77282748eaaedd4f7bd70640e046f805))
|
|
12
|
+
|
|
13
|
+
## [17.1.0](https://github.com/kufu/smarthr-ui/compare/v17.0.1...v17.1.0) (2022-01-17)
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
### Features
|
|
17
|
+
|
|
18
|
+
* add autoClose prop into FlashMessage ([#2168](https://github.com/kufu/smarthr-ui/issues/2168)) ([a0dd906](https://github.com/kufu/smarthr-ui/commit/a0dd90696d65a967c035651a486b50a2f1727655))
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
### Bug Fixes
|
|
22
|
+
|
|
23
|
+
* `InputFile` の DOM 構造を変更 (SHRUI-453) ([#2059](https://github.com/kufu/smarthr-ui/issues/2059)) ([f6def9f](https://github.com/kufu/smarthr-ui/commit/f6def9fc52c395722d88f09c414b42b62485194d))
|
|
24
|
+
* actionDialogのLoaderの表示崩れを修正 ([#2145](https://github.com/kufu/smarthr-ui/issues/2145)) ([a1ace9f](https://github.com/kufu/smarthr-ui/commit/a1ace9f66fb5605a2e323d4784a6a602bf2a6dc7))
|
|
25
|
+
* change layout of Footer to flex box ([#2181](https://github.com/kufu/smarthr-ui/issues/2181)) ([82b5c6a](https://github.com/kufu/smarthr-ui/commit/82b5c6abe630e63962bc2c89ba3950115f547df2))
|
|
26
|
+
|
|
27
|
+
### [17.0.1](https://github.com/kufu/smarthr-ui/compare/v17.0.0...v17.0.1) (2022-01-06)
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
### Bug Fixes
|
|
31
|
+
|
|
32
|
+
* change to prevent to fire onAdd when assigning to input.files ([#2165](https://github.com/kufu/smarthr-ui/issues/2165)) ([3c5e8f2](https://github.com/kufu/smarthr-ui/commit/3c5e8f24cf0fb977865fecf136d37789de34934e))
|
|
33
|
+
* fix broken layout of FlaotArea on mobile device ([#2164](https://github.com/kufu/smarthr-ui/issues/2164)) ([b72c43e](https://github.com/kufu/smarthr-ui/commit/b72c43edc1e28d8c5b2771e7e60c8deffd8eb757))
|
|
34
|
+
|
|
35
|
+
## [17.0.0](https://github.com/kufu/smarthr-ui/compare/v16.0.2...v17.0.0) (2021-12-21)
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
### ⚠ BREAKING CHANGES
|
|
39
|
+
|
|
40
|
+
* Light/Dark Balloon, Light/Dark Tooltip の削除 (SHRUI-464) (#2121)
|
|
41
|
+
* IE のサポートを終了する (SHRUI-505) (#2116)
|
|
42
|
+
|
|
43
|
+
### Features
|
|
44
|
+
|
|
45
|
+
* Change `<StatusLabel>`, `<AppNavi>`'s string props to ReactNode ([#2115](https://github.com/kufu/smarthr-ui/issues/2115)) ([a7d6bdc](https://github.com/kufu/smarthr-ui/commit/a7d6bdc4a664a140df078aaa2fa8af590ca5d186))
|
|
46
|
+
* コンボボックスが全半角大小文字を区別せずマッチするように変更 ([#2105](https://github.com/kufu/smarthr-ui/issues/2105)) ([5fb565e](https://github.com/kufu/smarthr-ui/commit/5fb565eab6c306d0933419702e321c9a4ba27110))
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
* IE のサポートを終了する (SHRUI-505) ([#2116](https://github.com/kufu/smarthr-ui/issues/2116)) ([d31ac97](https://github.com/kufu/smarthr-ui/commit/d31ac976789b915d8281491d5f92f89d036203f9))
|
|
50
|
+
* Light/Dark Balloon, Light/Dark Tooltip の削除 (SHRUI-464) ([#2121](https://github.com/kufu/smarthr-ui/issues/2121)) ([4ef5eed](https://github.com/kufu/smarthr-ui/commit/4ef5eed59692afb52b532be878a2ca4c3e830587))
|
|
51
|
+
|
|
5
52
|
### [16.0.2](https://github.com/kufu/smarthr-ui/compare/v16.0.1...v16.0.2) (2021-12-13)
|
|
6
53
|
|
|
7
54
|
|
|
@@ -1,50 +1,27 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
1
|
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
24
2
|
import { flatArrayToMap } from '../../libs/map';
|
|
25
3
|
import { focusFirstSibling, focusLastSibling, focusNextSibling, focusPreviousSibling, getNewExpandedItems, keycodes, } from './accordionPanelHelper';
|
|
26
4
|
import { useClassNames } from './useClassNames';
|
|
27
|
-
export
|
|
5
|
+
export const AccordionPanelContext = React.createContext({
|
|
28
6
|
iconPosition: 'left',
|
|
29
7
|
displayIcon: true,
|
|
30
8
|
expandedItems: new Map(),
|
|
31
9
|
expandableMultiply: false,
|
|
32
10
|
parentRef: null,
|
|
33
11
|
});
|
|
34
|
-
export
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
var onClickTrigger = useCallback(function (itemName, isExpanded) {
|
|
12
|
+
export const AccordionPanel = ({ children, iconPosition = 'left', displayIcon = true, expandableMultiply = false, defaultExpanded = [], className = '', onClick: onClickProps, ...props }) => {
|
|
13
|
+
const [expandedItems, setExpanded] = useState(flatArrayToMap(defaultExpanded));
|
|
14
|
+
const parentRef = useRef(null);
|
|
15
|
+
const classNames = useClassNames();
|
|
16
|
+
const onClickTrigger = useCallback((itemName, isExpanded) => {
|
|
40
17
|
setExpanded(getNewExpandedItems(expandedItems, itemName, isExpanded, expandableMultiply));
|
|
41
18
|
}, [expandableMultiply, expandedItems]);
|
|
42
|
-
|
|
43
|
-
if (!
|
|
19
|
+
const handleKeyPress = (event) => {
|
|
20
|
+
if (!parentRef?.current) {
|
|
44
21
|
return;
|
|
45
22
|
}
|
|
46
|
-
|
|
47
|
-
|
|
23
|
+
const keyCode = event.keyCode;
|
|
24
|
+
const item = event.target;
|
|
48
25
|
switch (keyCode) {
|
|
49
26
|
case keycodes.HOME: {
|
|
50
27
|
event.preventDefault();
|
|
@@ -70,19 +47,19 @@ export var AccordionPanel = function (_a) {
|
|
|
70
47
|
}
|
|
71
48
|
}
|
|
72
49
|
};
|
|
73
|
-
useEffect(
|
|
50
|
+
useEffect(() => {
|
|
74
51
|
if (defaultExpanded.length > 0)
|
|
75
52
|
setExpanded(flatArrayToMap(defaultExpanded));
|
|
76
53
|
}, [defaultExpanded]);
|
|
77
54
|
return (React.createElement(AccordionPanelContext.Provider, { value: {
|
|
78
|
-
onClickTrigger
|
|
79
|
-
onClickProps
|
|
80
|
-
expandedItems
|
|
81
|
-
iconPosition
|
|
82
|
-
displayIcon
|
|
83
|
-
expandableMultiply
|
|
84
|
-
parentRef
|
|
55
|
+
onClickTrigger,
|
|
56
|
+
onClickProps,
|
|
57
|
+
expandedItems,
|
|
58
|
+
iconPosition,
|
|
59
|
+
displayIcon,
|
|
60
|
+
expandableMultiply,
|
|
61
|
+
parentRef,
|
|
85
62
|
} },
|
|
86
|
-
React.createElement("div",
|
|
63
|
+
React.createElement("div", { className: `${className} ${classNames.wrapper}`, ref: parentRef, onKeyDown: handleKeyPress, ...props }, children)));
|
|
87
64
|
};
|
|
88
65
|
//# sourceMappingURL=AccordionPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanel.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccordionPanel.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,29 +1,3 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
var __assign = (this && this.__assign) || function () {
|
|
6
|
-
__assign = Object.assign || function(t) {
|
|
7
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
-
s = arguments[i];
|
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
-
t[p] = s[p];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
|
-
var t = {};
|
|
18
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
19
|
-
t[p] = s[p];
|
|
20
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
21
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
22
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
23
|
-
t[p[i]] = s[p[i]];
|
|
24
|
-
}
|
|
25
|
-
return t;
|
|
26
|
-
};
|
|
27
1
|
import React, { useCallback, useContext, useRef } from 'react';
|
|
28
2
|
import styled from 'styled-components';
|
|
29
3
|
import { Transition } from 'react-transition-group';
|
|
@@ -31,29 +5,38 @@ import { getIsInclude } from '../../libs/map';
|
|
|
31
5
|
import { AccordionPanelItemContext } from './AccordionPanelItem';
|
|
32
6
|
import { AccordionPanelContext } from './AccordionPanel';
|
|
33
7
|
import { useClassNames } from './useClassNames';
|
|
34
|
-
|
|
35
|
-
export
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
node.style.height = "".concat(wrapperHeight, "px");
|
|
8
|
+
const duration = 200;
|
|
9
|
+
export const AccordionPanelContent = ({ children, className = '', ...props }) => {
|
|
10
|
+
const { name } = useContext(AccordionPanelItemContext);
|
|
11
|
+
const { expandedItems } = useContext(AccordionPanelContext);
|
|
12
|
+
const isInclude = getIsInclude(expandedItems, name);
|
|
13
|
+
const wrapperRef = useRef(null);
|
|
14
|
+
const classNames = useClassNames();
|
|
15
|
+
const recalculateHeight = useCallback((node) => {
|
|
16
|
+
const wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
|
|
17
|
+
node.style.height = `${wrapperHeight}px`;
|
|
45
18
|
}, [wrapperRef]);
|
|
46
|
-
|
|
19
|
+
const handleEntered = (node) => {
|
|
47
20
|
node.style.height = 'auto';
|
|
48
21
|
node.style.visibility = 'visible';
|
|
49
22
|
};
|
|
50
|
-
|
|
23
|
+
const handleExited = (node) => {
|
|
51
24
|
node.style.height = '0px';
|
|
52
25
|
node.style.visibility = 'hidden';
|
|
53
26
|
};
|
|
54
|
-
return (React.createElement(Transition, { in: isInclude, onEntering: recalculateHeight, onEntered: handleEntered, onExit: recalculateHeight, onExiting: recalculateHeight, onExited: handleExited, timeout: duration },
|
|
55
|
-
React.createElement("div", { ref: wrapperRef }, children)))
|
|
27
|
+
return (React.createElement(Transition, { in: isInclude, onEntering: recalculateHeight, onEntered: handleEntered, onExit: recalculateHeight, onExiting: recalculateHeight, onExited: handleExited, timeout: duration }, (status) => (React.createElement(CollapseContainer, { id: `${name}-content`, className: `${status} ${className} ${classNames.content}`, "aria-labelledby": `${name}-trigger`, "aria-hidden": !isInclude, ...props },
|
|
28
|
+
React.createElement("div", { ref: wrapperRef }, children)))));
|
|
56
29
|
};
|
|
57
|
-
|
|
58
|
-
|
|
30
|
+
const CollapseContainer = styled.section `
|
|
31
|
+
height: 0;
|
|
32
|
+
overflow: hidden;
|
|
33
|
+
transition: height ${duration}ms ease;
|
|
34
|
+
visibility: hidden;
|
|
35
|
+
|
|
36
|
+
&.entered {
|
|
37
|
+
height: auto;
|
|
38
|
+
overflow: visible;
|
|
39
|
+
visibility: visible;
|
|
40
|
+
}
|
|
41
|
+
`;
|
|
59
42
|
//# sourceMappingURL=AccordionPanelContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAU/C,MAAM,QAAQ,GAAG,GAAG,CAAA;AAEpB,MAAM,CAAC,MAAM,qBAAqB,GAA8B,CAAC,EAC/D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAiB,EAAE,EAAE;QACpB,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9E,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,aAAa,IAAI,CAAA;IAC1C,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,IAAiB,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;QACzB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,QAAQ,IAEhB,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,oBAAC,iBAAiB,IAChB,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,qBACxC,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS,KACnB,KAAK;QAET,6BAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CACpB,CACrB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAA;;;uBAGjB,QAAQ;;;;;;;;CAQ9B,CAAA"}
|
|
@@ -1,36 +1,13 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
1
|
import React, { createContext } from 'react';
|
|
24
2
|
import { useClassNames } from './useClassNames';
|
|
25
|
-
export
|
|
3
|
+
export const AccordionPanelItemContext = createContext({
|
|
26
4
|
name: '',
|
|
27
5
|
});
|
|
28
|
-
export
|
|
29
|
-
|
|
30
|
-
var classNames = useClassNames();
|
|
6
|
+
export const AccordionPanelItem = ({ name, children, className = '', ...props }) => {
|
|
7
|
+
const classNames = useClassNames();
|
|
31
8
|
return (React.createElement(AccordionPanelItemContext.Provider, { value: {
|
|
32
|
-
name
|
|
9
|
+
name,
|
|
33
10
|
} },
|
|
34
|
-
React.createElement("div",
|
|
11
|
+
React.createElement("div", { className: `${className} ${classNames.item}`, ...props }, children)));
|
|
35
12
|
};
|
|
36
13
|
//# sourceMappingURL=AccordionPanelItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,aAAa,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAY/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA8B,CAAC,EAC5D,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,6BAAK,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,EAAE,KAAM,KAAK,IACzD,QAAQ,CACL,CAC6B,CACtC,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,29 +1,3 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
var __assign = (this && this.__assign) || function () {
|
|
6
|
-
__assign = Object.assign || function(t) {
|
|
7
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
-
s = arguments[i];
|
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
-
t[p] = s[p];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
|
-
var t = {};
|
|
18
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
19
|
-
t[p] = s[p];
|
|
20
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
21
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
22
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
23
|
-
t[p[i]] = s[p[i]];
|
|
24
|
-
}
|
|
25
|
-
return t;
|
|
26
|
-
};
|
|
27
1
|
import React, { useCallback, useContext } from 'react';
|
|
28
2
|
import styled, { css } from 'styled-components';
|
|
29
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
@@ -34,36 +8,78 @@ import { AccordionPanelItemContext } from './AccordionPanelItem';
|
|
|
34
8
|
import { useClassNames } from './useClassNames';
|
|
35
9
|
import { Heading } from '../Heading';
|
|
36
10
|
import { FaCaretRightIcon, FaCaretUpIcon } from '../Icon';
|
|
37
|
-
export
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
var handleClick = useCallback(function () {
|
|
11
|
+
export const AccordionPanelTrigger = ({ children, className = '', headingType = 'blockTitle', headingTag, ...props }) => {
|
|
12
|
+
const theme = useTheme();
|
|
13
|
+
const { name } = useContext(AccordionPanelItemContext);
|
|
14
|
+
const { iconPosition, displayIcon, expandedItems, onClickTrigger, onClickProps, expandableMultiply, } = useContext(AccordionPanelContext);
|
|
15
|
+
const classNames = useClassNames();
|
|
16
|
+
const isExpanded = getIsInclude(expandedItems, name);
|
|
17
|
+
const buttonClassNames = `${className} ${classNames.trigger}`;
|
|
18
|
+
const handleClick = useCallback(() => {
|
|
46
19
|
if (onClickTrigger)
|
|
47
20
|
onClickTrigger(name, !isExpanded);
|
|
48
21
|
if (onClickProps) {
|
|
49
|
-
|
|
22
|
+
const newExpandedItems = getNewExpandedItems(expandedItems, name, !isExpanded, expandableMultiply);
|
|
50
23
|
onClickProps(mapToKeyArray(newExpandedItems));
|
|
51
24
|
}
|
|
52
25
|
}, [onClickTrigger, name, isExpanded, onClickProps, expandedItems, expandableMultiply]);
|
|
53
26
|
return (React.createElement(Heading, { tag: headingTag, type: headingType },
|
|
54
|
-
React.createElement(Button,
|
|
27
|
+
React.createElement(Button, { id: `${name}-trigger`, className: buttonClassNames, "aria-expanded": isExpanded, "aria-controls": `${name}-content`, themes: theme, onClick: handleClick, type: "button", "data-component": "AccordionHeaderButton", ...props },
|
|
55
28
|
displayIcon && iconPosition === 'left' && React.createElement(LeftIcon, null),
|
|
56
29
|
React.createElement(TriggerTitle, null, children),
|
|
57
30
|
displayIcon && iconPosition === 'right' && React.createElement(RightIcon, null))));
|
|
58
31
|
};
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
32
|
+
const TriggerTitle = styled.span `
|
|
33
|
+
flex-grow: 1;
|
|
34
|
+
`;
|
|
35
|
+
const resetButtonStyle = css `
|
|
36
|
+
background-color: transparent;
|
|
37
|
+
border: none;
|
|
38
|
+
padding: 0;
|
|
39
|
+
appearance: none;
|
|
40
|
+
`;
|
|
41
|
+
const Button = styled.button `
|
|
42
|
+
${resetButtonStyle}
|
|
43
|
+
${({ themes }) => {
|
|
44
|
+
const { color, spacingByChar, shadow } = themes;
|
|
45
|
+
return css `
|
|
46
|
+
display: flex;
|
|
47
|
+
align-items: center;
|
|
48
|
+
width: 100%;
|
|
49
|
+
padding: ${spacingByChar(0.75)} ${spacingByChar(1)};
|
|
50
|
+
cursor: pointer;
|
|
51
|
+
font-size: inherit;
|
|
52
|
+
text-align: left;
|
|
53
|
+
|
|
54
|
+
&:hover,
|
|
55
|
+
&:focus:not(:focus-visible) {
|
|
56
|
+
background-color: ${color.hoverColor(color.WHITE)};
|
|
57
|
+
box-shadow: none;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
&:focus {
|
|
61
|
+
${shadow.focusIndicatorStyles}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/* TODO replace if impremented Layout component */
|
|
65
|
+
& > * + * {
|
|
66
|
+
margin-left: ${spacingByChar(0.5)};
|
|
67
|
+
}
|
|
68
|
+
`;
|
|
69
|
+
}}
|
|
70
|
+
`;
|
|
71
|
+
const LeftIcon = styled(FaCaretRightIcon) `
|
|
72
|
+
transition: transform 0.3s;
|
|
73
|
+
|
|
74
|
+
[aria-expanded='true'] > & {
|
|
75
|
+
transform: rotate(90deg);
|
|
76
|
+
}
|
|
77
|
+
`;
|
|
78
|
+
const RightIcon = styled(FaCaretUpIcon) `
|
|
79
|
+
transition: transform 0.3s;
|
|
80
|
+
|
|
81
|
+
[aria-expanded='true'] & {
|
|
82
|
+
transform: rotate(-180deg);
|
|
83
|
+
}
|
|
84
|
+
`;
|
|
69
85
|
//# sourceMappingURL=AccordionPanelTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanelTrigger.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelTrigger.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccordionPanelTrigger.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelTrigger.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
1
|
+
export const getNewExpandedItems = (prevExpandedItems, itemName, isExpanded, expandableMultiply) => {
|
|
2
|
+
let newState;
|
|
3
3
|
if (expandableMultiply) {
|
|
4
4
|
newState = new Map(prevExpandedItems);
|
|
5
5
|
isExpanded ? newState.set(itemName, itemName) : newState.delete(itemName);
|
|
@@ -9,7 +9,7 @@ export var getNewExpandedItems = function (prevExpandedItems, itemName, isExpand
|
|
|
9
9
|
}
|
|
10
10
|
return newState;
|
|
11
11
|
};
|
|
12
|
-
export
|
|
12
|
+
export const keycodes = {
|
|
13
13
|
SPACE: 32,
|
|
14
14
|
ENTER: 13,
|
|
15
15
|
HOME: 36,
|
|
@@ -19,40 +19,40 @@ export var keycodes = {
|
|
|
19
19
|
DOWN: 40,
|
|
20
20
|
LEFT: 37,
|
|
21
21
|
};
|
|
22
|
-
export
|
|
22
|
+
export const getSiblingButtons = (parent) => {
|
|
23
23
|
return Array.from(parent.querySelectorAll('[data-component="AccordionHeaderButton"]'));
|
|
24
24
|
};
|
|
25
|
-
export
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
export const focusFirstSibling = (parent) => {
|
|
26
|
+
const siblings = getSiblingButtons(parent);
|
|
27
|
+
const first = siblings[0];
|
|
28
28
|
first.focus();
|
|
29
29
|
};
|
|
30
|
-
export
|
|
31
|
-
|
|
32
|
-
|
|
30
|
+
export const focusLastSibling = (parent) => {
|
|
31
|
+
const siblings = getSiblingButtons(parent);
|
|
32
|
+
const last = siblings[siblings.length - 1];
|
|
33
33
|
last.focus();
|
|
34
34
|
};
|
|
35
|
-
export
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
export const focusNextSibling = (item, parent) => {
|
|
36
|
+
const siblings = getSiblingButtons(parent);
|
|
37
|
+
const current = siblings.indexOf(item);
|
|
38
38
|
if (current === siblings.length - 1) {
|
|
39
|
-
|
|
39
|
+
const first = siblings[0];
|
|
40
40
|
first.focus();
|
|
41
41
|
}
|
|
42
42
|
else if (current !== -1) {
|
|
43
|
-
|
|
43
|
+
const next = siblings[current + 1];
|
|
44
44
|
next.focus();
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
|
-
export
|
|
48
|
-
|
|
49
|
-
|
|
47
|
+
export const focusPreviousSibling = (item, parent) => {
|
|
48
|
+
const siblings = getSiblingButtons(parent);
|
|
49
|
+
const current = siblings.indexOf(item);
|
|
50
50
|
if (current === 0) {
|
|
51
|
-
|
|
51
|
+
const last = siblings[siblings.length - 1];
|
|
52
52
|
last.focus();
|
|
53
53
|
}
|
|
54
54
|
else if (current !== -1) {
|
|
55
|
-
|
|
55
|
+
const previous = siblings[current - 1];
|
|
56
56
|
previous.focus();
|
|
57
57
|
}
|
|
58
58
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordionPanelHelper.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/accordionPanelHelper.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"accordionPanelHelper.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/accordionPanelHelper.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,12 +2,12 @@ import { useMemo } from 'react';
|
|
|
2
2
|
import { useClassNameGenerator } from '../../hooks/useClassNameGenerator';
|
|
3
3
|
import { AccordionPanel } from './AccordionPanel';
|
|
4
4
|
export function useClassNames() {
|
|
5
|
-
|
|
6
|
-
return useMemo(
|
|
5
|
+
const generate = useClassNameGenerator(AccordionPanel.displayName || 'AccordionPanel');
|
|
6
|
+
return useMemo(() => ({
|
|
7
7
|
wrapper: generate(),
|
|
8
8
|
item: generate('item'),
|
|
9
9
|
trigger: generate('trigger'),
|
|
10
10
|
content: generate('content'),
|
|
11
|
-
})
|
|
11
|
+
}), [generate]);
|
|
12
12
|
}
|
|
13
13
|
//# sourceMappingURL=useClassNames.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,UAAU,aAAa;IAC3B,
|
|
1
|
+
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,UAAU,aAAa;IAC3B,MAAM,QAAQ,GAAG,qBAAqB,CAAC,cAAc,CAAC,WAAW,IAAI,gBAAgB,CAAC,CAAA;IACtF,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,QAAQ,EAAE;QACnB,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC;QACtB,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC;QAC5B,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC;KAC7B,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAA;AACH,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { AppNaviCustomTagProps } from './AppNaviCustomTag';
|
|
|
6
6
|
declare type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
7
7
|
declare type Props = {
|
|
8
8
|
/** ラベルのテキスト */
|
|
9
|
-
label?:
|
|
9
|
+
label?: ReactNode;
|
|
10
10
|
/** 表示するボタンの Props の配列 */
|
|
11
11
|
buttons?: Array<AppNaviButtonProps | AppNaviAnchorProps | AppNaviDropdownProps | AppNaviCustomTagProps>;
|
|
12
12
|
/** アクティブ状態のボタンがクリック可能かどうか */
|