@hitachivantara/uikit-react-lab 4.0.3 → 4.0.4
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/ColorPicker/ColorPicker.js +25 -78
- package/dist/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/ColorPicker/Fields/Fields.js +15 -47
- package/dist/ColorPicker/Fields/Fields.js.map +1 -1
- package/dist/ColorPicker/Fields/index.js +0 -2
- package/dist/ColorPicker/Fields/index.js.map +1 -1
- package/dist/ColorPicker/Fields/styles.js +0 -2
- package/dist/ColorPicker/Fields/styles.js.map +1 -1
- package/dist/ColorPicker/Picker/Picker.js +5 -23
- package/dist/ColorPicker/Picker/Picker.js.map +1 -1
- package/dist/ColorPicker/Picker/index.js +0 -2
- package/dist/ColorPicker/Picker/index.js.map +1 -1
- package/dist/ColorPicker/Picker/styles.js +0 -2
- package/dist/ColorPicker/Picker/styles.js.map +1 -1
- package/dist/ColorPicker/PresetColors/PresetColors.js +2 -24
- package/dist/ColorPicker/PresetColors/PresetColors.js.map +1 -1
- package/dist/ColorPicker/PresetColors/index.js +0 -2
- package/dist/ColorPicker/PresetColors/index.js.map +1 -1
- package/dist/ColorPicker/PresetColors/styles.js +0 -2
- package/dist/ColorPicker/PresetColors/styles.js.map +1 -1
- package/dist/ColorPicker/index.js +0 -2
- package/dist/ColorPicker/index.js.map +1 -1
- package/dist/ColorPicker/styles.js +0 -2
- package/dist/ColorPicker/styles.js.map +1 -1
- package/dist/Drawer/Drawer.js +10 -50
- package/dist/Drawer/Drawer.js.map +1 -1
- package/dist/Drawer/index.js +0 -2
- package/dist/Drawer/index.js.map +1 -1
- package/dist/Drawer/styles.js +0 -3
- package/dist/Drawer/styles.js.map +1 -1
- package/dist/ImageCarousel/ImageCarousel.js +46 -149
- package/dist/ImageCarousel/ImageCarousel.js.map +1 -1
- package/dist/ImageCarousel/index.js +0 -2
- package/dist/ImageCarousel/index.js.map +1 -1
- package/dist/ImageCarousel/styles.js +0 -5
- package/dist/ImageCarousel/styles.js.map +1 -1
- package/dist/InlineEditor/InlineEditor.js +25 -82
- package/dist/InlineEditor/InlineEditor.js.map +1 -1
- package/dist/InlineEditor/index.js +0 -2
- package/dist/InlineEditor/index.js.map +1 -1
- package/dist/InlineEditor/styles.js +0 -14
- package/dist/InlineEditor/styles.js.map +1 -1
- package/dist/NavigationAnchors/NavigationAnchors.js +44 -116
- package/dist/NavigationAnchors/NavigationAnchors.js.map +1 -1
- package/dist/NavigationAnchors/NavigationOption.js +0 -10
- package/dist/NavigationAnchors/NavigationOption.js.map +1 -1
- package/dist/NavigationAnchors/index.js +0 -2
- package/dist/NavigationAnchors/index.js.map +1 -1
- package/dist/NavigationAnchors/styles.js +0 -2
- package/dist/NavigationAnchors/styles.js.map +1 -1
- package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js +5 -26
- package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map +1 -1
- package/dist/NotificationPanel/EmptyStatePanel/index.js +0 -2
- package/dist/NotificationPanel/EmptyStatePanel/index.js.map +1 -1
- package/dist/NotificationPanel/EmptyStatePanel/styles.js +0 -2
- package/dist/NotificationPanel/EmptyStatePanel/styles.js.map +1 -1
- package/dist/NotificationPanel/Notification/Notification.js +12 -57
- package/dist/NotificationPanel/Notification/Notification.js.map +1 -1
- package/dist/NotificationPanel/Notification/index.js +0 -2
- package/dist/NotificationPanel/Notification/index.js.map +1 -1
- package/dist/NotificationPanel/Notification/styles.js +0 -14
- package/dist/NotificationPanel/Notification/styles.js.map +1 -1
- package/dist/NotificationPanel/NotificationPanel.js +23 -92
- package/dist/NotificationPanel/NotificationPanel.js.map +1 -1
- package/dist/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js +4 -35
- package/dist/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js.map +1 -1
- package/dist/NotificationPanel/NotificationsIndicator/index.js +0 -2
- package/dist/NotificationPanel/NotificationsIndicator/index.js.map +1 -1
- package/dist/NotificationPanel/NotificationsIndicator/styles.js +0 -2
- package/dist/NotificationPanel/NotificationsIndicator/styles.js.map +1 -1
- package/dist/NotificationPanel/index.js +0 -2
- package/dist/NotificationPanel/index.js.map +1 -1
- package/dist/NotificationPanel/styles.js +0 -2
- package/dist/NotificationPanel/styles.js.map +1 -1
- package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.js +15 -44
- package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.js.map +1 -1
- package/dist/StepNavigation/DefaultNavigation/Step/Step.js +9 -41
- package/dist/StepNavigation/DefaultNavigation/Step/Step.js.map +1 -1
- package/dist/StepNavigation/DefaultNavigation/Step/index.js +0 -2
- package/dist/StepNavigation/DefaultNavigation/Step/index.js.map +1 -1
- package/dist/StepNavigation/DefaultNavigation/Step/styles.js +0 -2
- package/dist/StepNavigation/DefaultNavigation/Step/styles.js.map +1 -1
- package/dist/StepNavigation/DefaultNavigation/index.js +0 -2
- package/dist/StepNavigation/DefaultNavigation/index.js.map +1 -1
- package/dist/StepNavigation/DefaultNavigation/styles.js +0 -2
- package/dist/StepNavigation/DefaultNavigation/styles.js.map +1 -1
- package/dist/StepNavigation/DefaultNavigation/utils.js +0 -3
- package/dist/StepNavigation/DefaultNavigation/utils.js.map +1 -1
- package/dist/StepNavigation/SimpleNavigation/Dot/Dot.js +6 -47
- package/dist/StepNavigation/SimpleNavigation/Dot/Dot.js.map +1 -1
- package/dist/StepNavigation/SimpleNavigation/Dot/index.js +0 -2
- package/dist/StepNavigation/SimpleNavigation/Dot/index.js.map +1 -1
- package/dist/StepNavigation/SimpleNavigation/Dot/styles.js.map +1 -1
- package/dist/StepNavigation/SimpleNavigation/SimpleNavigation.js +14 -44
- package/dist/StepNavigation/SimpleNavigation/SimpleNavigation.js.map +1 -1
- package/dist/StepNavigation/SimpleNavigation/index.js +0 -2
- package/dist/StepNavigation/SimpleNavigation/index.js.map +1 -1
- package/dist/StepNavigation/SimpleNavigation/styles.js +0 -2
- package/dist/StepNavigation/SimpleNavigation/styles.js.map +1 -1
- package/dist/StepNavigation/SimpleNavigation/utils.js +0 -6
- package/dist/StepNavigation/SimpleNavigation/utils.js.map +1 -1
- package/dist/StepNavigation/StepNavigation.js +39 -106
- package/dist/StepNavigation/StepNavigation.js.map +1 -1
- package/dist/StepNavigation/index.js +0 -2
- package/dist/StepNavigation/index.js.map +1 -1
- package/dist/StepNavigation/styles.js +0 -2
- package/dist/StepNavigation/styles.js.map +1 -1
- package/dist/StepNavigation/utils.js.map +1 -1
- package/dist/TimeAgo/TimeAgo.js +13 -44
- package/dist/TimeAgo/TimeAgo.js.map +1 -1
- package/dist/TimeAgo/formatUtils.js +15 -35
- package/dist/TimeAgo/formatUtils.js.map +1 -1
- package/dist/TimeAgo/index.js +0 -3
- package/dist/TimeAgo/index.js.map +1 -1
- package/dist/TimeAgo/styles.js.map +1 -1
- package/dist/TimeAgo/useTimeAgo.js +7 -16
- package/dist/TimeAgo/useTimeAgo.js.map +1 -1
- package/dist/TimeAgo/useTimeout.js +0 -2
- package/dist/TimeAgo/useTimeout.js.map +1 -1
- package/dist/Wizard/Wizard.js +30 -82
- package/dist/Wizard/Wizard.js.map +1 -1
- package/dist/Wizard/WizardActions/WizardActions.js +26 -81
- package/dist/Wizard/WizardActions/WizardActions.js.map +1 -1
- package/dist/Wizard/WizardActions/index.js +0 -2
- package/dist/Wizard/WizardActions/index.js.map +1 -1
- package/dist/Wizard/WizardActions/styles.js +0 -2
- package/dist/Wizard/WizardActions/styles.js.map +1 -1
- package/dist/Wizard/WizardContainer/WizardContainer.js +5 -35
- package/dist/Wizard/WizardContainer/WizardContainer.js.map +1 -1
- package/dist/Wizard/WizardContainer/index.js +0 -2
- package/dist/Wizard/WizardContainer/index.js.map +1 -1
- package/dist/Wizard/WizardContainer/styles.js +0 -2
- package/dist/Wizard/WizardContainer/styles.js.map +1 -1
- package/dist/Wizard/WizardContent/LoadingContainer.js +2 -25
- package/dist/Wizard/WizardContent/LoadingContainer.js.map +1 -1
- package/dist/Wizard/WizardContent/WizardContent.js +10 -53
- package/dist/Wizard/WizardContent/WizardContent.js.map +1 -1
- package/dist/Wizard/WizardContent/index.js +0 -2
- package/dist/Wizard/WizardContent/index.js.map +1 -1
- package/dist/Wizard/WizardContent/styles.js +0 -2
- package/dist/Wizard/WizardContent/styles.js.map +1 -1
- package/dist/Wizard/WizardContext/WizardContext.js +0 -4
- package/dist/Wizard/WizardContext/WizardContext.js.map +1 -1
- package/dist/Wizard/WizardContext/WizardContextProvider.js +1 -10
- package/dist/Wizard/WizardContext/WizardContextProvider.js.map +1 -1
- package/dist/Wizard/WizardContext/index.js +0 -3
- package/dist/Wizard/WizardContext/index.js.map +1 -1
- package/dist/Wizard/WizardTitle/WizardTitle.js +16 -57
- package/dist/Wizard/WizardTitle/WizardTitle.js.map +1 -1
- package/dist/Wizard/WizardTitle/index.js +0 -2
- package/dist/Wizard/WizardTitle/index.js.map +1 -1
- package/dist/Wizard/WizardTitle/styles.js +0 -2
- package/dist/Wizard/WizardTitle/styles.js.map +1 -1
- package/dist/Wizard/index.js +0 -8
- package/dist/Wizard/index.js.map +1 -1
- package/dist/Wizard/styles.js +0 -2
- package/dist/Wizard/styles.js.map +1 -1
- package/dist/index.js +0 -23
- package/dist/index.js.map +1 -1
- package/dist/legacy/ColorPicker/ColorPicker.js +26 -51
- package/dist/legacy/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/legacy/ColorPicker/Fields/Fields.js +17 -27
- package/dist/legacy/ColorPicker/Fields/Fields.js.map +1 -1
- package/dist/legacy/ColorPicker/Fields/index.js.map +1 -1
- package/dist/legacy/ColorPicker/Fields/styles.js.map +1 -1
- package/dist/legacy/ColorPicker/Picker/Picker.js +7 -7
- package/dist/legacy/ColorPicker/Picker/Picker.js.map +1 -1
- package/dist/legacy/ColorPicker/Picker/index.js.map +1 -1
- package/dist/legacy/ColorPicker/Picker/styles.js.map +1 -1
- package/dist/legacy/ColorPicker/PresetColors/PresetColors.js +2 -7
- package/dist/legacy/ColorPicker/PresetColors/PresetColors.js.map +1 -1
- package/dist/legacy/ColorPicker/PresetColors/index.js.map +1 -1
- package/dist/legacy/ColorPicker/PresetColors/styles.js.map +1 -1
- package/dist/legacy/ColorPicker/index.js.map +1 -1
- package/dist/legacy/ColorPicker/styles.js +0 -1
- package/dist/legacy/ColorPicker/styles.js.map +1 -1
- package/dist/legacy/Drawer/Drawer.js +11 -30
- package/dist/legacy/Drawer/Drawer.js.map +1 -1
- package/dist/legacy/Drawer/index.js.map +1 -1
- package/dist/legacy/Drawer/styles.js +0 -2
- package/dist/legacy/Drawer/styles.js.map +1 -1
- package/dist/legacy/ImageCarousel/ImageCarousel.js +46 -120
- package/dist/legacy/ImageCarousel/ImageCarousel.js.map +1 -1
- package/dist/legacy/ImageCarousel/index.js.map +1 -1
- package/dist/legacy/ImageCarousel/styles.js +0 -3
- package/dist/legacy/ImageCarousel/styles.js.map +1 -1
- package/dist/legacy/InlineEditor/InlineEditor.js +26 -55
- package/dist/legacy/InlineEditor/InlineEditor.js.map +1 -1
- package/dist/legacy/InlineEditor/index.js.map +1 -1
- package/dist/legacy/InlineEditor/styles.js +0 -5
- package/dist/legacy/InlineEditor/styles.js.map +1 -1
- package/dist/legacy/NavigationAnchors/NavigationAnchors.js +44 -82
- package/dist/legacy/NavigationAnchors/NavigationAnchors.js.map +1 -1
- package/dist/legacy/NavigationAnchors/NavigationOption.js +0 -5
- package/dist/legacy/NavigationAnchors/NavigationOption.js.map +1 -1
- package/dist/legacy/NavigationAnchors/index.js.map +1 -1
- package/dist/legacy/NavigationAnchors/styles.js +0 -1
- package/dist/legacy/NavigationAnchors/styles.js.map +1 -1
- package/dist/legacy/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js +5 -16
- package/dist/legacy/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map +1 -1
- package/dist/legacy/NotificationPanel/EmptyStatePanel/index.js.map +1 -1
- package/dist/legacy/NotificationPanel/EmptyStatePanel/styles.js +0 -1
- package/dist/legacy/NotificationPanel/EmptyStatePanel/styles.js.map +1 -1
- package/dist/legacy/NotificationPanel/Notification/Notification.js +12 -44
- package/dist/legacy/NotificationPanel/Notification/Notification.js.map +1 -1
- package/dist/legacy/NotificationPanel/Notification/index.js.map +1 -1
- package/dist/legacy/NotificationPanel/Notification/styles.js +0 -5
- package/dist/legacy/NotificationPanel/Notification/styles.js.map +1 -1
- package/dist/legacy/NotificationPanel/NotificationPanel.js +23 -61
- package/dist/legacy/NotificationPanel/NotificationPanel.js.map +1 -1
- package/dist/legacy/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js +4 -17
- package/dist/legacy/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js.map +1 -1
- package/dist/legacy/NotificationPanel/NotificationsIndicator/index.js.map +1 -1
- package/dist/legacy/NotificationPanel/NotificationsIndicator/styles.js +0 -1
- package/dist/legacy/NotificationPanel/NotificationsIndicator/styles.js.map +1 -1
- package/dist/legacy/NotificationPanel/index.js.map +1 -1
- package/dist/legacy/NotificationPanel/styles.js +0 -1
- package/dist/legacy/NotificationPanel/styles.js.map +1 -1
- package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.js +16 -27
- package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.js.map +1 -1
- package/dist/legacy/StepNavigation/DefaultNavigation/Step/Step.js +10 -29
- package/dist/legacy/StepNavigation/DefaultNavigation/Step/Step.js.map +1 -1
- package/dist/legacy/StepNavigation/DefaultNavigation/Step/index.js.map +1 -1
- package/dist/legacy/StepNavigation/DefaultNavigation/Step/styles.js +0 -1
- package/dist/legacy/StepNavigation/DefaultNavigation/Step/styles.js.map +1 -1
- package/dist/legacy/StepNavigation/DefaultNavigation/index.js.map +1 -1
- package/dist/legacy/StepNavigation/DefaultNavigation/styles.js +0 -1
- package/dist/legacy/StepNavigation/DefaultNavigation/styles.js.map +1 -1
- package/dist/legacy/StepNavigation/DefaultNavigation/utils.js +0 -2
- package/dist/legacy/StepNavigation/DefaultNavigation/utils.js.map +1 -1
- package/dist/legacy/StepNavigation/SimpleNavigation/Dot/Dot.js +7 -21
- package/dist/legacy/StepNavigation/SimpleNavigation/Dot/Dot.js.map +1 -1
- package/dist/legacy/StepNavigation/SimpleNavigation/Dot/index.js.map +1 -1
- package/dist/legacy/StepNavigation/SimpleNavigation/Dot/styles.js.map +1 -1
- package/dist/legacy/StepNavigation/SimpleNavigation/SimpleNavigation.js +15 -26
- package/dist/legacy/StepNavigation/SimpleNavigation/SimpleNavigation.js.map +1 -1
- package/dist/legacy/StepNavigation/SimpleNavigation/index.js.map +1 -1
- package/dist/legacy/StepNavigation/SimpleNavigation/styles.js +0 -1
- package/dist/legacy/StepNavigation/SimpleNavigation/styles.js.map +1 -1
- package/dist/legacy/StepNavigation/SimpleNavigation/utils.js +0 -6
- package/dist/legacy/StepNavigation/SimpleNavigation/utils.js.map +1 -1
- package/dist/legacy/StepNavigation/StepNavigation.js +40 -78
- package/dist/legacy/StepNavigation/StepNavigation.js.map +1 -1
- package/dist/legacy/StepNavigation/index.js.map +1 -1
- package/dist/legacy/StepNavigation/styles.js +0 -1
- package/dist/legacy/StepNavigation/styles.js.map +1 -1
- package/dist/legacy/StepNavigation/utils.js.map +1 -1
- package/dist/legacy/TimeAgo/TimeAgo.js +14 -27
- package/dist/legacy/TimeAgo/TimeAgo.js.map +1 -1
- package/dist/legacy/TimeAgo/formatUtils.js +16 -18
- package/dist/legacy/TimeAgo/formatUtils.js.map +1 -1
- package/dist/legacy/TimeAgo/index.js.map +1 -1
- package/dist/legacy/TimeAgo/styles.js.map +1 -1
- package/dist/legacy/TimeAgo/useTimeAgo.js +8 -11
- package/dist/legacy/TimeAgo/useTimeAgo.js.map +1 -1
- package/dist/legacy/TimeAgo/useTimeout.js.map +1 -1
- package/dist/legacy/Wizard/Wizard.js +30 -56
- package/dist/legacy/Wizard/Wizard.js.map +1 -1
- package/dist/legacy/Wizard/WizardActions/WizardActions.js +26 -55
- package/dist/legacy/Wizard/WizardActions/WizardActions.js.map +1 -1
- package/dist/legacy/Wizard/WizardActions/index.js.map +1 -1
- package/dist/legacy/Wizard/WizardActions/styles.js +0 -1
- package/dist/legacy/Wizard/WizardActions/styles.js.map +1 -1
- package/dist/legacy/Wizard/WizardContainer/WizardContainer.js +5 -17
- package/dist/legacy/Wizard/WizardContainer/WizardContainer.js.map +1 -1
- package/dist/legacy/Wizard/WizardContainer/index.js.map +1 -1
- package/dist/legacy/Wizard/WizardContainer/styles.js +0 -1
- package/dist/legacy/Wizard/WizardContainer/styles.js.map +1 -1
- package/dist/legacy/Wizard/WizardContent/LoadingContainer.js +2 -8
- package/dist/legacy/Wizard/WizardContent/LoadingContainer.js.map +1 -1
- package/dist/legacy/Wizard/WizardContent/WizardContent.js +10 -26
- package/dist/legacy/Wizard/WizardContent/WizardContent.js.map +1 -1
- package/dist/legacy/Wizard/WizardContent/index.js.map +1 -1
- package/dist/legacy/Wizard/WizardContent/styles.js +0 -1
- package/dist/legacy/Wizard/WizardContent/styles.js.map +1 -1
- package/dist/legacy/Wizard/WizardContext/WizardContext.js +0 -2
- package/dist/legacy/Wizard/WizardContext/WizardContext.js.map +1 -1
- package/dist/legacy/Wizard/WizardContext/WizardContextProvider.js +1 -5
- package/dist/legacy/Wizard/WizardContext/WizardContextProvider.js.map +1 -1
- package/dist/legacy/Wizard/WizardContext/index.js.map +1 -1
- package/dist/legacy/Wizard/WizardTitle/WizardTitle.js +16 -41
- package/dist/legacy/Wizard/WizardTitle/WizardTitle.js.map +1 -1
- package/dist/legacy/Wizard/WizardTitle/index.js.map +1 -1
- package/dist/legacy/Wizard/WizardTitle/styles.js +0 -1
- package/dist/legacy/Wizard/WizardTitle/styles.js.map +1 -1
- package/dist/legacy/Wizard/index.js.map +1 -1
- package/dist/legacy/Wizard/styles.js +0 -1
- package/dist/legacy/Wizard/styles.js.map +1 -1
- package/dist/legacy/index.js.map +1 -1
- package/dist/modern/ColorPicker/ColorPicker.js +1 -25
- package/dist/modern/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/modern/ColorPicker/Fields/Fields.js +3 -10
- package/dist/modern/ColorPicker/Fields/Fields.js.map +1 -1
- package/dist/modern/ColorPicker/Fields/index.js.map +1 -1
- package/dist/modern/ColorPicker/Fields/styles.js.map +1 -1
- package/dist/modern/ColorPicker/Picker/Picker.js +3 -3
- package/dist/modern/ColorPicker/Picker/Picker.js.map +1 -1
- package/dist/modern/ColorPicker/Picker/index.js.map +1 -1
- package/dist/modern/ColorPicker/Picker/styles.js.map +1 -1
- package/dist/modern/ColorPicker/PresetColors/PresetColors.js +0 -5
- package/dist/modern/ColorPicker/PresetColors/PresetColors.js.map +1 -1
- package/dist/modern/ColorPicker/PresetColors/index.js.map +1 -1
- package/dist/modern/ColorPicker/PresetColors/styles.js.map +1 -1
- package/dist/modern/ColorPicker/index.js.map +1 -1
- package/dist/modern/ColorPicker/styles.js +0 -1
- package/dist/modern/ColorPicker/styles.js.map +1 -1
- package/dist/modern/Drawer/Drawer.js +11 -30
- package/dist/modern/Drawer/Drawer.js.map +1 -1
- package/dist/modern/Drawer/index.js.map +1 -1
- package/dist/modern/Drawer/styles.js +0 -2
- package/dist/modern/Drawer/styles.js.map +1 -1
- package/dist/modern/ImageCarousel/ImageCarousel.js +18 -83
- package/dist/modern/ImageCarousel/ImageCarousel.js.map +1 -1
- package/dist/modern/ImageCarousel/index.js.map +1 -1
- package/dist/modern/ImageCarousel/styles.js +0 -1
- package/dist/modern/ImageCarousel/styles.js.map +1 -1
- package/dist/modern/InlineEditor/InlineEditor.js +16 -43
- package/dist/modern/InlineEditor/InlineEditor.js.map +1 -1
- package/dist/modern/InlineEditor/index.js.map +1 -1
- package/dist/modern/InlineEditor/styles.js +0 -5
- package/dist/modern/InlineEditor/styles.js.map +1 -1
- package/dist/modern/NavigationAnchors/NavigationAnchors.js +40 -74
- package/dist/modern/NavigationAnchors/NavigationAnchors.js.map +1 -1
- package/dist/modern/NavigationAnchors/NavigationOption.js +0 -6
- package/dist/modern/NavigationAnchors/NavigationOption.js.map +1 -1
- package/dist/modern/NavigationAnchors/index.js.map +1 -1
- package/dist/modern/NavigationAnchors/styles.js +0 -1
- package/dist/modern/NavigationAnchors/styles.js.map +1 -1
- package/dist/modern/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js +0 -11
- package/dist/modern/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map +1 -1
- package/dist/modern/NotificationPanel/EmptyStatePanel/index.js.map +1 -1
- package/dist/modern/NotificationPanel/EmptyStatePanel/styles.js +0 -1
- package/dist/modern/NotificationPanel/EmptyStatePanel/styles.js.map +1 -1
- package/dist/modern/NotificationPanel/Notification/Notification.js +2 -33
- package/dist/modern/NotificationPanel/Notification/Notification.js.map +1 -1
- package/dist/modern/NotificationPanel/Notification/index.js.map +1 -1
- package/dist/modern/NotificationPanel/Notification/styles.js +0 -5
- package/dist/modern/NotificationPanel/Notification/styles.js.map +1 -1
- package/dist/modern/NotificationPanel/NotificationPanel.js +16 -50
- package/dist/modern/NotificationPanel/NotificationPanel.js.map +1 -1
- package/dist/modern/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js +6 -19
- package/dist/modern/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js.map +1 -1
- package/dist/modern/NotificationPanel/NotificationsIndicator/index.js.map +1 -1
- package/dist/modern/NotificationPanel/NotificationsIndicator/styles.js +0 -1
- package/dist/modern/NotificationPanel/NotificationsIndicator/styles.js.map +1 -1
- package/dist/modern/NotificationPanel/index.js.map +1 -1
- package/dist/modern/NotificationPanel/styles.js +0 -1
- package/dist/modern/NotificationPanel/styles.js.map +1 -1
- package/dist/modern/StepNavigation/DefaultNavigation/DefaultNavigation.js +14 -23
- package/dist/modern/StepNavigation/DefaultNavigation/DefaultNavigation.js.map +1 -1
- package/dist/modern/StepNavigation/DefaultNavigation/Step/Step.js +1 -20
- package/dist/modern/StepNavigation/DefaultNavigation/Step/Step.js.map +1 -1
- package/dist/modern/StepNavigation/DefaultNavigation/Step/index.js.map +1 -1
- package/dist/modern/StepNavigation/DefaultNavigation/Step/styles.js +0 -1
- package/dist/modern/StepNavigation/DefaultNavigation/Step/styles.js.map +1 -1
- package/dist/modern/StepNavigation/DefaultNavigation/index.js.map +1 -1
- package/dist/modern/StepNavigation/DefaultNavigation/styles.js +0 -1
- package/dist/modern/StepNavigation/DefaultNavigation/styles.js.map +1 -1
- package/dist/modern/StepNavigation/DefaultNavigation/utils.js +0 -2
- package/dist/modern/StepNavigation/DefaultNavigation/utils.js.map +1 -1
- package/dist/modern/StepNavigation/SimpleNavigation/Dot/Dot.js +1 -15
- package/dist/modern/StepNavigation/SimpleNavigation/Dot/Dot.js.map +1 -1
- package/dist/modern/StepNavigation/SimpleNavigation/Dot/index.js.map +1 -1
- package/dist/modern/StepNavigation/SimpleNavigation/Dot/styles.js.map +1 -1
- package/dist/modern/StepNavigation/SimpleNavigation/SimpleNavigation.js +14 -23
- package/dist/modern/StepNavigation/SimpleNavigation/SimpleNavigation.js.map +1 -1
- package/dist/modern/StepNavigation/SimpleNavigation/index.js.map +1 -1
- package/dist/modern/StepNavigation/SimpleNavigation/styles.js +0 -1
- package/dist/modern/StepNavigation/SimpleNavigation/styles.js.map +1 -1
- package/dist/modern/StepNavigation/SimpleNavigation/utils.js +0 -6
- package/dist/modern/StepNavigation/SimpleNavigation/utils.js.map +1 -1
- package/dist/modern/StepNavigation/StepNavigation.js +25 -62
- package/dist/modern/StepNavigation/StepNavigation.js.map +1 -1
- package/dist/modern/StepNavigation/index.js.map +1 -1
- package/dist/modern/StepNavigation/styles.js +0 -1
- package/dist/modern/StepNavigation/styles.js.map +1 -1
- package/dist/modern/StepNavigation/utils.js.map +1 -1
- package/dist/modern/TimeAgo/TimeAgo.js +11 -24
- package/dist/modern/TimeAgo/TimeAgo.js.map +1 -1
- package/dist/modern/TimeAgo/formatUtils.js +16 -18
- package/dist/modern/TimeAgo/formatUtils.js.map +1 -1
- package/dist/modern/TimeAgo/index.js.map +1 -1
- package/dist/modern/TimeAgo/styles.js.map +1 -1
- package/dist/modern/TimeAgo/useTimeAgo.js +1 -3
- package/dist/modern/TimeAgo/useTimeAgo.js.map +1 -1
- package/dist/modern/TimeAgo/useTimeout.js.map +1 -1
- package/dist/modern/Wizard/Wizard.js +21 -46
- package/dist/modern/Wizard/Wizard.js.map +1 -1
- package/dist/modern/Wizard/WizardActions/WizardActions.js +0 -24
- package/dist/modern/Wizard/WizardActions/WizardActions.js.map +1 -1
- package/dist/modern/Wizard/WizardActions/index.js.map +1 -1
- package/dist/modern/Wizard/WizardActions/styles.js +0 -1
- package/dist/modern/Wizard/WizardActions/styles.js.map +1 -1
- package/dist/modern/Wizard/WizardContainer/WizardContainer.js +7 -19
- package/dist/modern/Wizard/WizardContainer/WizardContainer.js.map +1 -1
- package/dist/modern/Wizard/WizardContainer/index.js.map +1 -1
- package/dist/modern/Wizard/WizardContainer/styles.js +0 -1
- package/dist/modern/Wizard/WizardContainer/styles.js.map +1 -1
- package/dist/modern/Wizard/WizardContent/LoadingContainer.js +4 -10
- package/dist/modern/Wizard/WizardContent/LoadingContainer.js.map +1 -1
- package/dist/modern/Wizard/WizardContent/WizardContent.js +0 -14
- package/dist/modern/Wizard/WizardContent/WizardContent.js.map +1 -1
- package/dist/modern/Wizard/WizardContent/index.js.map +1 -1
- package/dist/modern/Wizard/WizardContent/styles.js +0 -1
- package/dist/modern/Wizard/WizardContent/styles.js.map +1 -1
- package/dist/modern/Wizard/WizardContext/WizardContext.js +0 -2
- package/dist/modern/Wizard/WizardContext/WizardContext.js.map +1 -1
- package/dist/modern/Wizard/WizardContext/WizardContextProvider.js +0 -4
- package/dist/modern/Wizard/WizardContext/WizardContextProvider.js.map +1 -1
- package/dist/modern/Wizard/WizardContext/index.js.map +1 -1
- package/dist/modern/Wizard/WizardTitle/WizardTitle.js +2 -23
- package/dist/modern/Wizard/WizardTitle/WizardTitle.js.map +1 -1
- package/dist/modern/Wizard/WizardTitle/index.js.map +1 -1
- package/dist/modern/Wizard/WizardTitle/styles.js +0 -1
- package/dist/modern/Wizard/WizardTitle/styles.js.map +1 -1
- package/dist/modern/Wizard/index.js.map +1 -1
- package/dist/modern/Wizard/styles.js +0 -1
- package/dist/modern/Wizard/styles.js.map +1 -1
- package/dist/modern/index.js.map +1 -1
- package/package.json +4 -4
|
@@ -2,13 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["selectedIndex", "scrollElementId", "href", "onClick", "className", "classes", "options", "floating", "offset"];
|
|
5
|
-
|
|
6
5
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7
|
-
|
|
8
6
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9
|
-
|
|
10
|
-
import "core-js/modules/es.regexp.exec.js";
|
|
11
|
-
import "core-js/modules/es.string.split.js";
|
|
12
7
|
import "core-js/modules/es.array.find.js";
|
|
13
8
|
import "core-js/modules/es.object.to-string.js";
|
|
14
9
|
import "core-js/modules/es.array.map.js";
|
|
@@ -28,33 +23,24 @@ import styles from "./styles";
|
|
|
28
23
|
import navigationOption from "./NavigationOption";
|
|
29
24
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
30
25
|
var RETRY_MAX = 5;
|
|
31
|
-
|
|
32
26
|
var getScrollTop = function getScrollTop() {
|
|
33
27
|
var c = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
|
|
34
|
-
|
|
35
28
|
if (c === window) {
|
|
36
29
|
return window.scrollY || window.pageYOffset || document.documentElement && document.documentElement.scrollTop || document.body.scrollTop;
|
|
37
30
|
}
|
|
38
|
-
|
|
39
31
|
return c.scrollTop;
|
|
40
32
|
};
|
|
41
|
-
|
|
42
33
|
var verticalScrollOffset = function verticalScrollOffset(t) {
|
|
43
34
|
var c = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
|
|
44
|
-
|
|
45
35
|
if (c === window) {
|
|
46
36
|
var _t$getBoundingClientR;
|
|
47
|
-
|
|
48
37
|
return ((t === null || t === void 0 ? void 0 : (_t$getBoundingClientR = t.getBoundingClientRect) === null || _t$getBoundingClientR === void 0 ? void 0 : _t$getBoundingClientR.call(t).top) || 0) + (window.scrollY || window.pageYOffset);
|
|
49
38
|
}
|
|
50
|
-
|
|
51
39
|
if (getComputedStyle(c).position !== "static") {
|
|
52
40
|
return t.offsetTop;
|
|
53
41
|
}
|
|
54
|
-
|
|
55
42
|
return t.offsetTop - c.offsetTop;
|
|
56
43
|
};
|
|
57
|
-
|
|
58
44
|
var scrollElement = function scrollElement(element, container) {
|
|
59
45
|
var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
60
46
|
var elemTop = verticalScrollOffset(element, container);
|
|
@@ -63,102 +49,96 @@ var scrollElement = function scrollElement(element, container) {
|
|
|
63
49
|
behavior: "smooth"
|
|
64
50
|
});
|
|
65
51
|
};
|
|
66
|
-
|
|
67
52
|
var isScrolledToTheBottom = function isScrolledToTheBottom(container) {
|
|
68
53
|
var containerScrollTop = getScrollTop(container);
|
|
69
|
-
|
|
70
54
|
if (container === window) {
|
|
71
55
|
// accounting for cases where html/body are set to height:100%
|
|
72
56
|
var scrollHeight = document.documentElement && document.documentElement.scrollHeight || document.body.scrollHeight;
|
|
73
57
|
return containerScrollTop + window.innerHeight >= scrollHeight;
|
|
74
58
|
}
|
|
75
|
-
|
|
76
59
|
return containerScrollTop + container.offsetHeight >= container.scrollHeight;
|
|
77
|
-
};
|
|
78
|
-
|
|
60
|
+
};
|
|
79
61
|
|
|
62
|
+
// find the last nav item that whose top scrolled out of the container's visible area
|
|
80
63
|
var findFirstVisibleElement = function findFirstVisibleElement(container, options, offset) {
|
|
81
64
|
var boundsTop = verticalScrollOffset(container);
|
|
82
|
-
var i = 0;
|
|
83
|
-
|
|
65
|
+
var i = 0;
|
|
66
|
+
// find index of first element whose top is still visible inside the container
|
|
84
67
|
for (; i < options.length; i += 1) {
|
|
85
68
|
var ele = document.getElementById(options[i].value);
|
|
86
|
-
|
|
87
69
|
if (ele) {
|
|
88
70
|
var elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);
|
|
89
|
-
|
|
90
71
|
if (elemTop > boundsTop) {
|
|
91
72
|
break;
|
|
92
73
|
}
|
|
93
74
|
}
|
|
94
|
-
}
|
|
95
|
-
|
|
75
|
+
}
|
|
96
76
|
|
|
77
|
+
// return the previous index, the element that last scrolled past the top
|
|
97
78
|
return i - 1;
|
|
98
79
|
};
|
|
80
|
+
|
|
99
81
|
/**
|
|
100
82
|
* A navigation component to help in changing views, still in development
|
|
101
83
|
*/
|
|
102
|
-
|
|
103
|
-
|
|
104
84
|
var NavigationAnchors = function NavigationAnchors(_ref) {
|
|
105
85
|
var _ref$selectedIndex = _ref.selectedIndex,
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
86
|
+
selectedIndexProp = _ref$selectedIndex === void 0 ? 0 : _ref$selectedIndex,
|
|
87
|
+
scrollElementId = _ref.scrollElementId,
|
|
88
|
+
_ref$href = _ref.href,
|
|
89
|
+
href = _ref$href === void 0 ? true : _ref$href,
|
|
90
|
+
onClick = _ref.onClick,
|
|
91
|
+
className = _ref.className,
|
|
92
|
+
classes = _ref.classes,
|
|
93
|
+
options = _ref.options,
|
|
94
|
+
floating = _ref.floating,
|
|
95
|
+
_ref$offset = _ref.offset,
|
|
96
|
+
offset = _ref$offset === void 0 ? 0 : _ref$offset,
|
|
97
|
+
other = _objectWithoutProperties(_ref, _excluded);
|
|
119
98
|
var _useState = useState(selectedIndexProp),
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
99
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
100
|
+
selectedIndex = _useState2[0],
|
|
101
|
+
setSelectedIndex = _useState2[1];
|
|
124
102
|
var scrollEle = useRef();
|
|
125
103
|
var requestedAnimationFrame = useRef(0);
|
|
126
|
-
var lastContainerScrollTop = useRef();
|
|
127
|
-
// https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
|
|
104
|
+
var lastContainerScrollTop = useRef();
|
|
128
105
|
|
|
106
|
+
// ref to use a often-changing value in useCallback, has recommended in
|
|
107
|
+
// https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
|
|
129
108
|
var selectedIndexRef = useRef(selectedIndex);
|
|
130
109
|
useEffect(function () {
|
|
131
110
|
selectedIndexRef.current = selectedIndex;
|
|
132
|
-
}, [selectedIndex]);
|
|
111
|
+
}, [selectedIndex]);
|
|
133
112
|
|
|
113
|
+
// get and store the container's dom element
|
|
134
114
|
useEffect(function () {
|
|
135
115
|
scrollEle.current = scrollElementId && document.getElementById(scrollElementId) || window;
|
|
136
116
|
lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);
|
|
137
117
|
}, [scrollElementId]);
|
|
138
118
|
var checkScroll = useCallback(function () {
|
|
139
119
|
var _window;
|
|
140
|
-
|
|
141
120
|
if (requestedAnimationFrame.current === 0 && (_window = window) !== null && _window !== void 0 && _window.requestAnimationFrame) {
|
|
142
121
|
requestedAnimationFrame.current = window.requestAnimationFrame(function () {
|
|
143
122
|
requestedAnimationFrame.current = 0;
|
|
144
123
|
var firstVisibleElementIndex = findFirstVisibleElement(scrollEle.current, options, offset);
|
|
145
|
-
var newSelectedIndex = firstVisibleElementIndex;
|
|
124
|
+
var newSelectedIndex = firstVisibleElementIndex;
|
|
146
125
|
|
|
126
|
+
// select the first element when all elements are bellow the container's top
|
|
147
127
|
if (firstVisibleElementIndex < 0) {
|
|
148
128
|
newSelectedIndex = 0;
|
|
149
|
-
}
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
// if the user has reached the bottom of the container, select the first nav item still visible
|
|
150
132
|
// (usually this selects the last nav item, when it can't reach the top the container)
|
|
151
133
|
// in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour
|
|
152
|
-
|
|
153
|
-
|
|
154
134
|
if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {
|
|
155
135
|
newSelectedIndex += 1;
|
|
156
136
|
}
|
|
157
|
-
|
|
158
137
|
var containerScrollTop = getScrollTop(scrollEle.current);
|
|
159
138
|
var isScrollingDown = containerScrollTop > lastContainerScrollTop.current;
|
|
160
|
-
lastContainerScrollTop.current = containerScrollTop;
|
|
139
|
+
lastContainerScrollTop.current = containerScrollTop;
|
|
161
140
|
|
|
141
|
+
// only update the selected item if the scroll direction is moving away from it
|
|
162
142
|
if (isScrollingDown) {
|
|
163
143
|
if (newSelectedIndex < selectedIndexRef.current) {
|
|
164
144
|
newSelectedIndex = selectedIndexRef.current;
|
|
@@ -166,50 +146,45 @@ var NavigationAnchors = function NavigationAnchors(_ref) {
|
|
|
166
146
|
} else if (newSelectedIndex > selectedIndexRef.current) {
|
|
167
147
|
newSelectedIndex = selectedIndexRef.current;
|
|
168
148
|
}
|
|
169
|
-
|
|
170
149
|
setSelectedIndex(newSelectedIndex);
|
|
171
150
|
});
|
|
172
151
|
}
|
|
173
|
-
}, [offset, options]);
|
|
152
|
+
}, [offset, options]);
|
|
174
153
|
|
|
154
|
+
// registers and unregisters the scroll listener
|
|
175
155
|
useEffect(function () {
|
|
176
156
|
if (scrollEle.current) {
|
|
177
157
|
scrollEle.current.addEventListener("scroll", checkScroll, false);
|
|
178
158
|
}
|
|
179
|
-
|
|
180
159
|
return function () {
|
|
181
160
|
if (scrollEle.current) {
|
|
182
161
|
scrollEle.current.removeEventListener("scroll", checkScroll);
|
|
183
162
|
}
|
|
184
|
-
|
|
185
163
|
if (requestedAnimationFrame.current !== 0) {
|
|
186
164
|
window.cancelAnimationFrame(requestedAnimationFrame.current);
|
|
187
165
|
requestedAnimationFrame.current = 0;
|
|
188
166
|
}
|
|
189
167
|
};
|
|
190
|
-
}, [checkScroll]);
|
|
191
|
-
// in the URL hash, if any
|
|
168
|
+
}, [checkScroll]);
|
|
192
169
|
|
|
170
|
+
// waits for the elements to be rendered and scrolls to the one referenced
|
|
171
|
+
// in the URL hash, if any
|
|
193
172
|
useEffect(function () {
|
|
194
173
|
var checkRenderedInterval;
|
|
195
|
-
|
|
196
174
|
if (href) {
|
|
197
175
|
var hashValue = document.location.hash.split("#")[1] || "";
|
|
198
176
|
var option = options.find(function (o) {
|
|
199
177
|
return o.value === hashValue;
|
|
200
178
|
});
|
|
201
|
-
|
|
202
179
|
if (option) {
|
|
203
180
|
var retry = 0;
|
|
204
181
|
checkRenderedInterval = setInterval(function () {
|
|
205
182
|
var ele = document.getElementById(option.value);
|
|
206
|
-
|
|
207
183
|
if (ele) {
|
|
208
184
|
scrollElement(ele, scrollEle.current, option.offset || offset);
|
|
209
185
|
clearInterval(checkRenderedInterval);
|
|
210
186
|
} else {
|
|
211
187
|
retry += 1;
|
|
212
|
-
|
|
213
188
|
if (retry === RETRY_MAX) {
|
|
214
189
|
clearInterval(checkRenderedInterval);
|
|
215
190
|
}
|
|
@@ -217,39 +192,35 @@ var NavigationAnchors = function NavigationAnchors(_ref) {
|
|
|
217
192
|
}, 1000);
|
|
218
193
|
}
|
|
219
194
|
}
|
|
220
|
-
|
|
221
195
|
return function () {
|
|
222
196
|
clearInterval(checkRenderedInterval);
|
|
223
|
-
};
|
|
197
|
+
};
|
|
198
|
+
|
|
199
|
+
// we really want to run this just in the first load
|
|
224
200
|
// in fact this doesn't even belong here, the logic should be external
|
|
225
201
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
226
202
|
}, []);
|
|
227
|
-
|
|
228
203
|
var handleListItemClick = function handleListItemClick(event, id, index) {
|
|
229
204
|
var option = options.find(function (o) {
|
|
230
205
|
return o.value === id;
|
|
231
206
|
});
|
|
232
|
-
|
|
233
207
|
if (option) {
|
|
234
208
|
var ele = document.getElementById(id);
|
|
235
|
-
|
|
236
209
|
if (ele) {
|
|
237
210
|
scrollElement(ele, scrollEle.current, option.offset || offset);
|
|
238
211
|
}
|
|
239
|
-
|
|
240
212
|
if (!href && onClick) {
|
|
241
213
|
onClick(event, index, option);
|
|
242
214
|
} else if (href) {
|
|
243
215
|
window.history.pushState({}, "", "#".concat(options[index].value));
|
|
244
216
|
}
|
|
217
|
+
setSelectedIndex(index);
|
|
245
218
|
|
|
246
|
-
|
|
219
|
+
// Safari scrolls immediately (no smooth scroll support),
|
|
247
220
|
// so this ref value must be updated asap
|
|
248
|
-
|
|
249
221
|
selectedIndexRef.current = index;
|
|
250
222
|
}
|
|
251
223
|
};
|
|
252
|
-
|
|
253
224
|
var navOptions = useMemo(function () {
|
|
254
225
|
return options.map(function (option) {
|
|
255
226
|
return navigationOption(option.label);
|
|
@@ -275,13 +246,11 @@ var NavigationAnchors = function NavigationAnchors(_ref) {
|
|
|
275
246
|
})
|
|
276
247
|
}));
|
|
277
248
|
};
|
|
278
|
-
|
|
279
249
|
process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
|
|
280
250
|
/**
|
|
281
251
|
* Class names to be applied.
|
|
282
252
|
*/
|
|
283
253
|
className: PropTypes.string,
|
|
284
|
-
|
|
285
254
|
/**
|
|
286
255
|
* A Jss Object used to override or extend the styles applied.
|
|
287
256
|
*/
|
|
@@ -290,7 +259,6 @@ process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
|
|
|
290
259
|
listItemGutters: PropTypes.string,
|
|
291
260
|
listItemSelected: PropTypes.string
|
|
292
261
|
}).isRequired,
|
|
293
|
-
|
|
294
262
|
/**
|
|
295
263
|
* An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
|
|
296
264
|
*/
|
|
@@ -300,36 +268,30 @@ process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
|
|
|
300
268
|
label: PropTypes.string.isRequired,
|
|
301
269
|
offset: PropTypes.number
|
|
302
270
|
})).isRequired,
|
|
303
|
-
|
|
304
271
|
/**
|
|
305
272
|
* True if the href location link should be applied. It will create an a element around every list item
|
|
306
273
|
*/
|
|
307
274
|
href: PropTypes.bool,
|
|
308
|
-
|
|
309
275
|
/**
|
|
310
276
|
* A callback called on click of every list item, if the href is false
|
|
311
277
|
*/
|
|
312
278
|
onClick: PropTypes.func,
|
|
313
|
-
|
|
314
279
|
/**
|
|
315
280
|
* Whether the anchors are always in a fixed position
|
|
316
281
|
*
|
|
317
282
|
* @deprecated Currently does nothing. Style the component instead.
|
|
318
283
|
*/
|
|
319
284
|
floating: deprecatedPropType(PropTypes.bool),
|
|
320
|
-
|
|
321
285
|
/**
|
|
322
286
|
* Currently selected index passed from the parent.
|
|
323
287
|
*/
|
|
324
288
|
selectedIndex: PropTypes.number,
|
|
325
|
-
|
|
326
289
|
/**
|
|
327
290
|
* The Id of the scrollable container containing displayed elements.
|
|
328
291
|
*
|
|
329
292
|
* Defaults to `window` if unspecified.
|
|
330
293
|
*/
|
|
331
294
|
scrollElementId: PropTypes.string,
|
|
332
|
-
|
|
333
295
|
/**
|
|
334
296
|
* Defines the offset from the top of each element for getting an optimal viewing region in the container.
|
|
335
297
|
* This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationAnchors.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","HvListItem","styles","navigationOption","RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","checkScroll","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","map","label","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","string","shape","isRequired","arrayOf","number","bool","func","name"],"sources":["../../../src/NavigationAnchors/NavigationAnchors.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst getScrollTop = (c = window) => {\n if (c === window) {\n return (\n window.scrollY ||\n window.pageYOffset ||\n (document.documentElement && document.documentElement.scrollTop) ||\n document.body.scrollTop\n );\n }\n\n return c.scrollTop;\n};\n\nconst verticalScrollOffset = (t, c = window) => {\n if (c === window) {\n return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n }\n if (getComputedStyle(c).position !== \"static\") {\n return t.offsetTop;\n }\n\n return t.offsetTop - c.offsetTop;\n};\n\nconst scrollElement = (element, container, offset = 0) => {\n const elemTop = verticalScrollOffset(element, container);\n container.scrollTo({\n top: elemTop - offset,\n behavior: \"smooth\",\n });\n};\n\nconst isScrolledToTheBottom = (container) => {\n const containerScrollTop = getScrollTop(container);\n\n if (container === window) {\n // accounting for cases where html/body are set to height:100%\n const scrollHeight =\n (document.documentElement && document.documentElement.scrollHeight) ||\n document.body.scrollHeight;\n\n return containerScrollTop + window.innerHeight >= scrollHeight;\n }\n\n return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\n// find the last nav item that whose top scrolled out of the container's visible area\nconst findFirstVisibleElement = (container, options, offset) => {\n const boundsTop = verticalScrollOffset(container);\n\n let i = 0;\n // find index of first element whose top is still visible inside the container\n for (; i < options.length; i += 1) {\n const ele = document.getElementById(options[i].value);\n\n if (ele) {\n const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n if (elemTop > boundsTop) {\n break;\n }\n }\n }\n\n // return the previous index, the element that last scrolled past the top\n return i - 1;\n};\n\n/**\n * A navigation component to help in changing views, still in development\n */\nconst NavigationAnchors = ({\n selectedIndex: selectedIndexProp = 0,\n scrollElementId,\n href = true,\n onClick,\n className,\n classes,\n options,\n floating,\n offset = 0,\n ...other\n}) => {\n const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n const scrollEle = useRef();\n const requestedAnimationFrame = useRef(0);\n\n const lastContainerScrollTop = useRef();\n\n // ref to use a often-changing value in useCallback, has recommended in\n // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n const selectedIndexRef = useRef(selectedIndex);\n useEffect(() => {\n selectedIndexRef.current = selectedIndex;\n }, [selectedIndex]);\n\n // get and store the container's dom element\n useEffect(() => {\n scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n }, [scrollElementId]);\n\n const checkScroll = useCallback(() => {\n if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n requestedAnimationFrame.current = 0;\n\n const firstVisibleElementIndex = findFirstVisibleElement(\n scrollEle.current,\n options,\n offset\n );\n\n let newSelectedIndex = firstVisibleElementIndex;\n\n // select the first element when all elements are bellow the container's top\n if (firstVisibleElementIndex < 0) {\n newSelectedIndex = 0;\n }\n\n // if the user has reached the bottom of the container, select the first nav item still visible\n // (usually this selects the last nav item, when it can't reach the top the container)\n // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n newSelectedIndex += 1;\n }\n\n const containerScrollTop = getScrollTop(scrollEle.current);\n const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n lastContainerScrollTop.current = containerScrollTop;\n\n // only update the selected item if the scroll direction is moving away from it\n if (isScrollingDown) {\n if (newSelectedIndex < selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n } else if (newSelectedIndex > selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n\n setSelectedIndex(newSelectedIndex);\n });\n }\n }, [offset, options]);\n\n // registers and unregisters the scroll listener\n useEffect(() => {\n if (scrollEle.current) {\n scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n }\n\n return () => {\n if (scrollEle.current) {\n scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n }\n\n if (requestedAnimationFrame.current !== 0) {\n window.cancelAnimationFrame(requestedAnimationFrame.current);\n requestedAnimationFrame.current = 0;\n }\n };\n }, [checkScroll]);\n\n // waits for the elements to be rendered and scrolls to the one referenced\n // in the URL hash, if any\n useEffect(() => {\n let checkRenderedInterval;\n\n if (href) {\n const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n const option = options.find((o) => o.value === hashValue);\n\n if (option) {\n let retry = 0;\n checkRenderedInterval = setInterval(() => {\n const ele = document.getElementById(option.value);\n\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n clearInterval(checkRenderedInterval);\n } else {\n retry += 1;\n if (retry === RETRY_MAX) {\n clearInterval(checkRenderedInterval);\n }\n }\n }, 1000);\n }\n }\n\n return () => {\n clearInterval(checkRenderedInterval);\n };\n\n // we really want to run this just in the first load\n // in fact this doesn't even belong here, the logic should be external\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleListItemClick = (event, id, index) => {\n const option = options.find((o) => o.value === id);\n\n if (option) {\n const ele = document.getElementById(id);\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n }\n\n if (!href && onClick) {\n onClick(event, index, option);\n } else if (href) {\n window.history.pushState({}, \"\", `#${options[index].value}`);\n }\n\n setSelectedIndex(index);\n\n // Safari scrolls immediately (no smooth scroll support),\n // so this ref value must be updated asap\n selectedIndexRef.current = index;\n }\n };\n\n const navOptions = useMemo(() => {\n return options.map((option) => {\n return navigationOption(option.label);\n });\n }, [options]);\n\n return (\n <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n {options.map((option, index) => {\n const NavOpt = navOptions[index];\n\n return (\n <HvListItem\n classes={{\n selected: classes.listItemSelected,\n gutters: classes.listItemGutters,\n }}\n key={option.key || option.label}\n onClick={(event) => handleListItemClick(event, option.value, index)}\n selected={selectedIndex === index}\n >\n <NavOpt />\n </HvListItem>\n );\n })}\n </HvListContainer>\n );\n};\n\nNavigationAnchors.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n listItemGutters: PropTypes.string,\n listItemSelected: PropTypes.string,\n }).isRequired,\n /**\n * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n */\n options: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n value: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n offset: PropTypes.number,\n })\n ).isRequired,\n /**\n * True if the href location link should be applied. It will create an a element around every list item\n */\n href: PropTypes.bool,\n /**\n * A callback called on click of every list item, if the href is false\n */\n onClick: PropTypes.func,\n /**\n * Whether the anchors are always in a fixed position\n *\n * @deprecated Currently does nothing. Style the component instead.\n */\n floating: deprecatedPropType(PropTypes.bool),\n /**\n * Currently selected index passed from the parent.\n */\n selectedIndex: PropTypes.number,\n /**\n * The Id of the scrollable container containing displayed elements.\n *\n * Defaults to `window` if unspecified.\n */\n scrollElementId: PropTypes.string,\n /**\n * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n * or to put more breathing room between the targeted element and the edges of the container.\n *\n * Each element can also have a specific offset via the options property.\n */\n offset: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"NavigationAnchors.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","HvListItem","styles","navigationOption","RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","checkScroll","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","map","label","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","string","shape","isRequired","arrayOf","number","bool","func","name"],"sources":["../../../src/NavigationAnchors/NavigationAnchors.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst getScrollTop = (c = window) => {\n if (c === window) {\n return (\n window.scrollY ||\n window.pageYOffset ||\n (document.documentElement && document.documentElement.scrollTop) ||\n document.body.scrollTop\n );\n }\n\n return c.scrollTop;\n};\n\nconst verticalScrollOffset = (t, c = window) => {\n if (c === window) {\n return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n }\n if (getComputedStyle(c).position !== \"static\") {\n return t.offsetTop;\n }\n\n return t.offsetTop - c.offsetTop;\n};\n\nconst scrollElement = (element, container, offset = 0) => {\n const elemTop = verticalScrollOffset(element, container);\n container.scrollTo({\n top: elemTop - offset,\n behavior: \"smooth\",\n });\n};\n\nconst isScrolledToTheBottom = (container) => {\n const containerScrollTop = getScrollTop(container);\n\n if (container === window) {\n // accounting for cases where html/body are set to height:100%\n const scrollHeight =\n (document.documentElement && document.documentElement.scrollHeight) ||\n document.body.scrollHeight;\n\n return containerScrollTop + window.innerHeight >= scrollHeight;\n }\n\n return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\n// find the last nav item that whose top scrolled out of the container's visible area\nconst findFirstVisibleElement = (container, options, offset) => {\n const boundsTop = verticalScrollOffset(container);\n\n let i = 0;\n // find index of first element whose top is still visible inside the container\n for (; i < options.length; i += 1) {\n const ele = document.getElementById(options[i].value);\n\n if (ele) {\n const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n if (elemTop > boundsTop) {\n break;\n }\n }\n }\n\n // return the previous index, the element that last scrolled past the top\n return i - 1;\n};\n\n/**\n * A navigation component to help in changing views, still in development\n */\nconst NavigationAnchors = ({\n selectedIndex: selectedIndexProp = 0,\n scrollElementId,\n href = true,\n onClick,\n className,\n classes,\n options,\n floating,\n offset = 0,\n ...other\n}) => {\n const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n const scrollEle = useRef();\n const requestedAnimationFrame = useRef(0);\n\n const lastContainerScrollTop = useRef();\n\n // ref to use a often-changing value in useCallback, has recommended in\n // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n const selectedIndexRef = useRef(selectedIndex);\n useEffect(() => {\n selectedIndexRef.current = selectedIndex;\n }, [selectedIndex]);\n\n // get and store the container's dom element\n useEffect(() => {\n scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n }, [scrollElementId]);\n\n const checkScroll = useCallback(() => {\n if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n requestedAnimationFrame.current = 0;\n\n const firstVisibleElementIndex = findFirstVisibleElement(\n scrollEle.current,\n options,\n offset\n );\n\n let newSelectedIndex = firstVisibleElementIndex;\n\n // select the first element when all elements are bellow the container's top\n if (firstVisibleElementIndex < 0) {\n newSelectedIndex = 0;\n }\n\n // if the user has reached the bottom of the container, select the first nav item still visible\n // (usually this selects the last nav item, when it can't reach the top the container)\n // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n newSelectedIndex += 1;\n }\n\n const containerScrollTop = getScrollTop(scrollEle.current);\n const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n lastContainerScrollTop.current = containerScrollTop;\n\n // only update the selected item if the scroll direction is moving away from it\n if (isScrollingDown) {\n if (newSelectedIndex < selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n } else if (newSelectedIndex > selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n\n setSelectedIndex(newSelectedIndex);\n });\n }\n }, [offset, options]);\n\n // registers and unregisters the scroll listener\n useEffect(() => {\n if (scrollEle.current) {\n scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n }\n\n return () => {\n if (scrollEle.current) {\n scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n }\n\n if (requestedAnimationFrame.current !== 0) {\n window.cancelAnimationFrame(requestedAnimationFrame.current);\n requestedAnimationFrame.current = 0;\n }\n };\n }, [checkScroll]);\n\n // waits for the elements to be rendered and scrolls to the one referenced\n // in the URL hash, if any\n useEffect(() => {\n let checkRenderedInterval;\n\n if (href) {\n const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n const option = options.find((o) => o.value === hashValue);\n\n if (option) {\n let retry = 0;\n checkRenderedInterval = setInterval(() => {\n const ele = document.getElementById(option.value);\n\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n clearInterval(checkRenderedInterval);\n } else {\n retry += 1;\n if (retry === RETRY_MAX) {\n clearInterval(checkRenderedInterval);\n }\n }\n }, 1000);\n }\n }\n\n return () => {\n clearInterval(checkRenderedInterval);\n };\n\n // we really want to run this just in the first load\n // in fact this doesn't even belong here, the logic should be external\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleListItemClick = (event, id, index) => {\n const option = options.find((o) => o.value === id);\n\n if (option) {\n const ele = document.getElementById(id);\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n }\n\n if (!href && onClick) {\n onClick(event, index, option);\n } else if (href) {\n window.history.pushState({}, \"\", `#${options[index].value}`);\n }\n\n setSelectedIndex(index);\n\n // Safari scrolls immediately (no smooth scroll support),\n // so this ref value must be updated asap\n selectedIndexRef.current = index;\n }\n };\n\n const navOptions = useMemo(() => {\n return options.map((option) => {\n return navigationOption(option.label);\n });\n }, [options]);\n\n return (\n <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n {options.map((option, index) => {\n const NavOpt = navOptions[index];\n\n return (\n <HvListItem\n classes={{\n selected: classes.listItemSelected,\n gutters: classes.listItemGutters,\n }}\n key={option.key || option.label}\n onClick={(event) => handleListItemClick(event, option.value, index)}\n selected={selectedIndex === index}\n >\n <NavOpt />\n </HvListItem>\n );\n })}\n </HvListContainer>\n );\n};\n\nNavigationAnchors.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n listItemGutters: PropTypes.string,\n listItemSelected: PropTypes.string,\n }).isRequired,\n /**\n * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n */\n options: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n value: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n offset: PropTypes.number,\n })\n ).isRequired,\n /**\n * True if the href location link should be applied. It will create an a element around every list item\n */\n href: PropTypes.bool,\n /**\n * A callback called on click of every list item, if the href is false\n */\n onClick: PropTypes.func,\n /**\n * Whether the anchors are always in a fixed position\n *\n * @deprecated Currently does nothing. Style the component instead.\n */\n floating: deprecatedPropType(PropTypes.bool),\n /**\n * Currently selected index passed from the parent.\n */\n selectedIndex: PropTypes.number,\n /**\n * The Id of the scrollable container containing displayed elements.\n *\n * Defaults to `window` if unspecified.\n */\n scrollElementId: PropTypes.string,\n /**\n * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n * or to put more breathing room between the targeted element and the edges of the container.\n *\n * Each element can also have a specific offset via the options property.\n */\n offset: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"mappings":"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"}
|
|
@@ -2,26 +2,21 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
|
2
2
|
import "core-js/modules/es.object.to-string.js";
|
|
3
3
|
import "core-js/modules/es.array.of.js";
|
|
4
4
|
import { withTooltip } from "@hitachivantara/uikit-react-core";
|
|
5
|
-
|
|
6
5
|
var hideTooltip = function hideTooltip(evt) {
|
|
7
6
|
var isOverFlow = evt.target.children.length > 1 ? Array.of.apply(Array, _toConsumableArray(evt.target.children)).some(function (child) {
|
|
8
7
|
return child.scrollWidth > child.clientWidth;
|
|
9
8
|
}) : evt.target.scrollWidth > evt.target.clientWidth;
|
|
10
9
|
return !isOverFlow;
|
|
11
10
|
};
|
|
12
|
-
|
|
13
11
|
var wrapperTooltip = function wrapperTooltip(Component, label) {
|
|
14
12
|
var ComponentFunction = function ComponentFunction() {
|
|
15
13
|
return Component;
|
|
16
14
|
};
|
|
17
|
-
|
|
18
15
|
return withTooltip(ComponentFunction, label, "top", hideTooltip);
|
|
19
16
|
};
|
|
20
|
-
|
|
21
17
|
var NavigationOption = function NavigationOption(label) {
|
|
22
18
|
var NavOpt = wrapperTooltip(label, label);
|
|
23
19
|
return NavOpt;
|
|
24
20
|
};
|
|
25
|
-
|
|
26
21
|
export default NavigationOption;
|
|
27
22
|
//# sourceMappingURL=NavigationOption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationOption.js","names":["withTooltip","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","Component","label","ComponentFunction","NavigationOption","NavOpt"],"sources":["../../../src/NavigationAnchors/NavigationOption.js"],"sourcesContent":["import { withTooltip } from \"@hitachivantara/uikit-react-core\";\n\nconst hideTooltip = (evt) => {\n const isOverFlow =\n evt.target.children.length > 1\n ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n : evt.target.scrollWidth > evt.target.clientWidth;\n return !isOverFlow;\n};\n\nconst wrapperTooltip = (Component, label) => {\n const ComponentFunction = () => Component;\n return withTooltip(ComponentFunction, label, \"top\", hideTooltip);\n};\n\nconst NavigationOption = (label) => {\n const NavOpt = wrapperTooltip(label, label);\n return NavOpt;\n};\n\nexport default NavigationOption;\n"],"mappings":";;;AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"NavigationOption.js","names":["withTooltip","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","Component","label","ComponentFunction","NavigationOption","NavOpt"],"sources":["../../../src/NavigationAnchors/NavigationOption.js"],"sourcesContent":["import { withTooltip } from \"@hitachivantara/uikit-react-core\";\n\nconst hideTooltip = (evt) => {\n const isOverFlow =\n evt.target.children.length > 1\n ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n : evt.target.scrollWidth > evt.target.clientWidth;\n return !isOverFlow;\n};\n\nconst wrapperTooltip = (Component, label) => {\n const ComponentFunction = () => Component;\n return withTooltip(ComponentFunction, label, \"top\", hideTooltip);\n};\n\nconst NavigationOption = (label) => {\n const NavOpt = wrapperTooltip(label, label);\n return NavOpt;\n};\n\nexport default NavigationOption;\n"],"mappings":";;;AAAA,SAASA,WAAW,QAAQ,kCAAkC;AAE9D,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,GAAG,EAAK;EAC3B,IAAMC,UAAU,GACdD,GAAG,CAACE,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAG,CAAC,GAC1BC,KAAK,CAACC,EAAE,OAARD,KAAK,qBAAOL,GAAG,CAACE,MAAM,CAACC,QAAQ,EAAC,CAACI,IAAI,CAAC,UAACC,KAAK;IAAA,OAAKA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACE,WAAW;EAAA,EAAC,GACvFV,GAAG,CAACE,MAAM,CAACO,WAAW,GAAGT,GAAG,CAACE,MAAM,CAACQ,WAAW;EACrD,OAAO,CAACT,UAAU;AACpB,CAAC;AAED,IAAMU,cAAc,GAAG,SAAjBA,cAAc,CAAIC,SAAS,EAAEC,KAAK,EAAK;EAC3C,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB;IAAA,OAASF,SAAS;EAAA;EACzC,OAAOd,WAAW,CAACgB,iBAAiB,EAAED,KAAK,EAAE,KAAK,EAAEd,WAAW,CAAC;AAClE,CAAC;AAED,IAAMgB,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIF,KAAK,EAAK;EAClC,IAAMG,MAAM,GAAGL,cAAc,CAACE,KAAK,EAAEA,KAAK,CAAC;EAC3C,OAAOG,MAAM;AACf,CAAC;AAED,eAAeD,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/NavigationAnchors/index.js"],"sourcesContent":["export { default } from \"./NavigationAnchors\";\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/NavigationAnchors/index.js"],"sourcesContent":["export { default } from \"./NavigationAnchors\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,qBAAqB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","theme","root","width","listItemGutters","padding","hv","spacing","sm","listItemSelected","fontWeight","typography","highlightText","borderLeft","palette","accent","acce1","paddingLeft"],"sources":["../../../src/NavigationAnchors/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n width: 200,\n },\n\n listItemGutters: {\n padding: `0 ${theme.hv.spacing.sm}px`,\n },\n listItemSelected: {\n fontWeight: theme.hv.typography.highlightText.fontWeight,\n borderLeft: `2px solid ${theme.hv.palette.accent.acce1}`,\n paddingLeft: theme.hv.spacing.sm - 2,\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","root","width","listItemGutters","padding","hv","spacing","sm","listItemSelected","fontWeight","typography","highlightText","borderLeft","palette","accent","acce1","paddingLeft"],"sources":["../../../src/NavigationAnchors/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n width: 200,\n },\n\n listItemGutters: {\n padding: `0 ${theme.hv.spacing.sm}px`,\n },\n listItemSelected: {\n fontWeight: theme.hv.typography.highlightText.fontWeight,\n borderLeft: `2px solid ${theme.hv.palette.accent.acce1}`,\n paddingLeft: theme.hv.spacing.sm - 2,\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE;IACT,CAAC;IAEDC,eAAe,EAAE;MACfC,OAAO,cAAOJ,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE;IACnC,CAAC;IACDC,gBAAgB,EAAE;MAChBC,UAAU,EAAET,KAAK,CAACK,EAAE,CAACK,UAAU,CAACC,aAAa,CAACF,UAAU;MACxDG,UAAU,sBAAeZ,KAAK,CAACK,EAAE,CAACQ,OAAO,CAACC,MAAM,CAACC,KAAK,CAAE;MACxDC,WAAW,EAAEhB,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE,GAAG;IACrC;EACF,CAAC;AAAA,CAAC;AAEF,eAAeR,MAAM"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
var _Alert;
|
|
2
|
-
|
|
3
2
|
import React from "react";
|
|
4
3
|
import PropTypes from "prop-types";
|
|
5
4
|
import { HvEmptyState } from "@hitachivantara/uikit-react-core";
|
|
@@ -7,14 +6,13 @@ import { Alert } from "@hitachivantara/uikit-react-icons";
|
|
|
7
6
|
import { withStyles } from "@mui/styles";
|
|
8
7
|
import styles from "./styles";
|
|
9
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
|
|
11
9
|
var EmptyStatePanel = function EmptyStatePanel(_ref) {
|
|
12
10
|
var id = _ref.id,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
classes = _ref.classes,
|
|
12
|
+
className = _ref.className,
|
|
13
|
+
title = _ref.title,
|
|
14
|
+
message = _ref.message,
|
|
15
|
+
icon = _ref.icon;
|
|
18
16
|
return /*#__PURE__*/_jsx(HvEmptyState, {
|
|
19
17
|
id: id,
|
|
20
18
|
title: title,
|
|
@@ -29,13 +27,11 @@ var EmptyStatePanel = function EmptyStatePanel(_ref) {
|
|
|
29
27
|
}
|
|
30
28
|
});
|
|
31
29
|
};
|
|
32
|
-
|
|
33
30
|
process.env.NODE_ENV !== "production" ? EmptyStatePanel.propTypes = {
|
|
34
31
|
/**
|
|
35
32
|
* Id of the EmptyStatePanel
|
|
36
33
|
*/
|
|
37
34
|
id: PropTypes.string.isRequired,
|
|
38
|
-
|
|
39
35
|
/**
|
|
40
36
|
* A Jss Object used to override or extend the component styles.
|
|
41
37
|
*/
|
|
@@ -44,38 +40,31 @@ process.env.NODE_ENV !== "production" ? EmptyStatePanel.propTypes = {
|
|
|
44
40
|
* Styles applied to the component root of the panel.
|
|
45
41
|
*/
|
|
46
42
|
emptyStateRoot: PropTypes.string,
|
|
47
|
-
|
|
48
43
|
/**
|
|
49
44
|
* Styles applied to the EmptyStatePanel container.
|
|
50
45
|
*/
|
|
51
46
|
emptyStateContainer: PropTypes.string,
|
|
52
|
-
|
|
53
47
|
/**
|
|
54
48
|
* Styles applied to the empty state container icon.
|
|
55
49
|
*/
|
|
56
50
|
emptyStateIconContainer: PropTypes.string,
|
|
57
|
-
|
|
58
51
|
/**
|
|
59
52
|
* Styles applied to the EmptyStatePanel title.
|
|
60
53
|
*/
|
|
61
54
|
emptyStateTitleContainer: PropTypes.string
|
|
62
55
|
}).isRequired,
|
|
63
|
-
|
|
64
56
|
/**
|
|
65
57
|
* Class names to be applied to the accordion.
|
|
66
58
|
*/
|
|
67
59
|
className: PropTypes.string,
|
|
68
|
-
|
|
69
60
|
/**
|
|
70
61
|
* Title of the EmptyStatePanel
|
|
71
62
|
*/
|
|
72
63
|
title: PropTypes.string.isRequired,
|
|
73
|
-
|
|
74
64
|
/**
|
|
75
65
|
* Message of the EmptyStatePanel
|
|
76
66
|
*/
|
|
77
67
|
message: PropTypes.string.isRequired,
|
|
78
|
-
|
|
79
68
|
/**
|
|
80
69
|
* Empty Panel Icon
|
|
81
70
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyStatePanel.js","names":["React","PropTypes","HvEmptyState","Alert","withStyles","styles","EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","string","isRequired","shape","element","name"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n return (\n <HvEmptyState\n id={id}\n title={title}\n message={message}\n icon={icon || <Alert />}\n className={className}\n classes={{\n root: classes.emptyStateRoot,\n container: classes.emptyStateContainer,\n iconContainer: classes.emptyStateIconContainer,\n titleContainer: classes.emptyStateTitleContainer,\n }}\n />\n );\n};\n\nEmptyStatePanel.propTypes = {\n /**\n * Id of the EmptyStatePanel\n */\n id: PropTypes.string.isRequired,\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root of the panel.\n */\n emptyStateRoot: PropTypes.string,\n /**\n * Styles applied to the EmptyStatePanel container.\n */\n emptyStateContainer: PropTypes.string,\n\n /**\n * Styles applied to the empty state container icon.\n */\n emptyStateIconContainer: PropTypes.string,\n\n /**\n * Styles applied to the EmptyStatePanel title.\n */\n emptyStateTitleContainer: PropTypes.string,\n }).isRequired,\n\n /**\n * Class names to be applied to the accordion.\n */\n className: PropTypes.string,\n /**\n * Title of the EmptyStatePanel\n */\n title: PropTypes.string.isRequired,\n /**\n * Message of the EmptyStatePanel\n */\n message: PropTypes.string.isRequired,\n /**\n * Empty Panel Icon\n */\n icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"EmptyStatePanel.js","names":["React","PropTypes","HvEmptyState","Alert","withStyles","styles","EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","string","isRequired","shape","element","name"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n return (\n <HvEmptyState\n id={id}\n title={title}\n message={message}\n icon={icon || <Alert />}\n className={className}\n classes={{\n root: classes.emptyStateRoot,\n container: classes.emptyStateContainer,\n iconContainer: classes.emptyStateIconContainer,\n titleContainer: classes.emptyStateTitleContainer,\n }}\n />\n );\n};\n\nEmptyStatePanel.propTypes = {\n /**\n * Id of the EmptyStatePanel\n */\n id: PropTypes.string.isRequired,\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root of the panel.\n */\n emptyStateRoot: PropTypes.string,\n /**\n * Styles applied to the EmptyStatePanel container.\n */\n emptyStateContainer: PropTypes.string,\n\n /**\n * Styles applied to the empty state container icon.\n */\n emptyStateIconContainer: PropTypes.string,\n\n /**\n * Styles applied to the EmptyStatePanel title.\n */\n emptyStateTitleContainer: PropTypes.string,\n }).isRequired,\n\n /**\n * Class names to be applied to the accordion.\n */\n className: PropTypes.string,\n /**\n * Title of the EmptyStatePanel\n */\n title: PropTypes.string.isRequired,\n /**\n * Message of the EmptyStatePanel\n */\n message: PropTypes.string.isRequired,\n /**\n * Empty Panel Icon\n */\n icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,SAASC,KAAK,QAAQ,mCAAmC;AAEzD,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,IAAMC,eAAe,GAAG,SAAlBA,eAAe,OAAyD;EAAA,IAAnDC,EAAE,QAAFA,EAAE;IAAEC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;EACrE,oBACE,KAAC,YAAY;IACX,EAAE,EAAEL,EAAG;IACP,KAAK,EAAEG,KAAM;IACb,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEC,IAAI,qCAAI,KAAC,KAAK,KAAG,CAAC;IACxB,SAAS,EAAEH,SAAU;IACrB,OAAO,EAAE;MACPI,IAAI,EAAEL,OAAO,CAACM,cAAc;MAC5BC,SAAS,EAAEP,OAAO,CAACQ,mBAAmB;MACtCC,aAAa,EAAET,OAAO,CAACU,uBAAuB;MAC9CC,cAAc,EAAEX,OAAO,CAACY;IAC1B;EAAE,EACF;AAEN,CAAC;AAED,wCAAAd,eAAe,CAACe,SAAS,GAAG;EAC1B;AACF;AACA;EACEd,EAAE,EAAEN,SAAS,CAACqB,MAAM,CAACC,UAAU;EAC/B;AACF;AACA;EACEf,OAAO,EAAEP,SAAS,CAACuB,KAAK,CAAC;IACvB;AACJ;AACA;IACIV,cAAc,EAAEb,SAAS,CAACqB,MAAM;IAChC;AACJ;AACA;IACIN,mBAAmB,EAAEf,SAAS,CAACqB,MAAM;IAErC;AACJ;AACA;IACIJ,uBAAuB,EAAEjB,SAAS,CAACqB,MAAM;IAEzC;AACJ;AACA;IACIF,wBAAwB,EAAEnB,SAAS,CAACqB;EACtC,CAAC,CAAC,CAACC,UAAU;EAEb;AACF;AACA;EACEd,SAAS,EAAER,SAAS,CAACqB,MAAM;EAC3B;AACF;AACA;EACEZ,KAAK,EAAET,SAAS,CAACqB,MAAM,CAACC,UAAU;EAClC;AACF;AACA;EACEZ,OAAO,EAAEV,SAAS,CAACqB,MAAM,CAACC,UAAU;EACpC;AACF;AACA;EACEX,IAAI,EAAEX,SAAS,CAACwB;AAClB,CAAC;AACD,eAAerB,UAAU,CAACC,MAAM,EAAE;EAAEqB,IAAI,EAAE;AAAoB,CAAC,CAAC,CAACpB,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/index.js"],"sourcesContent":["export { default } from \"./EmptyStatePanel\";\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/index.js"],"sourcesContent":["export { default } from \"./EmptyStatePanel\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,mBAAmB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","theme","emptyStateRoot","alignItems","padding","hv","spacing","sm","emptyStateContainer","display","emptyStateIconContainer","justifyContent","emptyStateTitleContainer"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n emptyStateRoot: {\n alignItems: \"center\",\n padding: `${theme.hv.spacing.sm}px 0`,\n },\n emptyStateContainer: {\n display: \"block\",\n },\n\n emptyStateIconContainer: {\n display: \"flex\",\n justifyContent: \"center\",\n },\n\n emptyStateTitleContainer: {\n display: \"flex\",\n justifyContent: \"center\",\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","emptyStateRoot","alignItems","padding","hv","spacing","sm","emptyStateContainer","display","emptyStateIconContainer","justifyContent","emptyStateTitleContainer"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n emptyStateRoot: {\n alignItems: \"center\",\n padding: `${theme.hv.spacing.sm}px 0`,\n },\n emptyStateContainer: {\n display: \"block\",\n },\n\n emptyStateIconContainer: {\n display: \"flex\",\n justifyContent: \"center\",\n },\n\n emptyStateTitleContainer: {\n display: \"flex\",\n justifyContent: \"center\",\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,cAAc,EAAE;MACdC,UAAU,EAAE,QAAQ;MACpBC,OAAO,YAAKH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAE;IACjC,CAAC;IACDC,mBAAmB,EAAE;MACnBC,OAAO,EAAE;IACX,CAAC;IAEDC,uBAAuB,EAAE;MACvBD,OAAO,EAAE,MAAM;MACfE,cAAc,EAAE;IAClB,CAAC;IAEDC,wBAAwB,EAAE;MACxBH,OAAO,EAAE,MAAM;MACfE,cAAc,EAAE;IAClB;EACF,CAAC;AAAA,CAAC;AAEF,eAAeX,MAAM"}
|