@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
|
@@ -3,10 +3,8 @@ var WizardContext = /*#__PURE__*/createContext({
|
|
|
3
3
|
context: {},
|
|
4
4
|
setContext: function setContext() {}
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
if (process.env.NODE_ENV !== "production") {
|
|
8
7
|
WizardContext.displayName = "WizardContext";
|
|
9
8
|
}
|
|
10
|
-
|
|
11
9
|
export default WizardContext;
|
|
12
10
|
//# sourceMappingURL=WizardContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardContext.js","names":["createContext","WizardContext","context","setContext","process","env","NODE_ENV","displayName"],"sources":["../../../../src/Wizard/WizardContext/WizardContext.js"],"sourcesContent":["import { createContext } from \"react\";\n\nconst WizardContext = createContext({\n context: {},\n setContext: () => {},\n});\n\nif (process.env.NODE_ENV !== \"production\") {\n WizardContext.displayName = \"WizardContext\";\n}\n\nexport default WizardContext;\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"WizardContext.js","names":["createContext","WizardContext","context","setContext","process","env","NODE_ENV","displayName"],"sources":["../../../../src/Wizard/WizardContext/WizardContext.js"],"sourcesContent":["import { createContext } from \"react\";\n\nconst WizardContext = createContext({\n context: {},\n setContext: () => {},\n});\n\nif (process.env.NODE_ENV !== \"production\") {\n WizardContext.displayName = \"WizardContext\";\n}\n\nexport default WizardContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,IAAMC,aAAa,gBAAGD,aAAa,CAAC;EAClCE,OAAO,EAAE,CAAC,CAAC;EACXC,UAAU,EAAE,sBAAM,CAAC;AACrB,CAAC,CAAC;AAEF,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;EACzCL,aAAa,CAACM,WAAW,GAAG,eAAe;AAC7C;AAEA,eAAeN,aAAa"}
|
|
@@ -2,16 +2,14 @@ import React from "react";
|
|
|
2
2
|
import PropTypes from "prop-types";
|
|
3
3
|
import HvWizardContext from "./WizardContext";
|
|
4
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
|
|
6
5
|
var WizardContextProvider = function WizardContextProvider(_ref) {
|
|
7
6
|
var value = _ref.value,
|
|
8
|
-
|
|
7
|
+
children = _ref.children;
|
|
9
8
|
return /*#__PURE__*/_jsx(HvWizardContext.Provider, {
|
|
10
9
|
value: value,
|
|
11
10
|
children: children
|
|
12
11
|
});
|
|
13
12
|
};
|
|
14
|
-
|
|
15
13
|
process.env.NODE_ENV !== "production" ? WizardContextProvider.propTypes = {
|
|
16
14
|
/**
|
|
17
15
|
* Initial context value
|
|
@@ -21,13 +19,11 @@ process.env.NODE_ENV !== "production" ? WizardContextProvider.propTypes = {
|
|
|
21
19
|
* Initial context object
|
|
22
20
|
*/
|
|
23
21
|
context: PropTypes.shape({}),
|
|
24
|
-
|
|
25
22
|
/**
|
|
26
23
|
* Function to modify the context
|
|
27
24
|
*/
|
|
28
25
|
setContext: PropTypes.func
|
|
29
26
|
}),
|
|
30
|
-
|
|
31
27
|
/**
|
|
32
28
|
* Child components for the Wizard
|
|
33
29
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardContextProvider.js","names":["React","PropTypes","HvWizardContext","WizardContextProvider","value","children","propTypes","shape","context","setContext","func","node","isRequired"],"sources":["../../../../src/Wizard/WizardContext/WizardContextProvider.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport HvWizardContext from \"./WizardContext\";\n\nconst WizardContextProvider = ({ value, children }) => {\n return <HvWizardContext.Provider value={value}>{children}</HvWizardContext.Provider>;\n};\n\nWizardContextProvider.propTypes = {\n /**\n * Initial context value\n */\n value: PropTypes.shape({\n /**\n * Initial context object\n */\n context: PropTypes.shape({}),\n /**\n * Function to modify the context\n */\n setContext: PropTypes.func,\n }),\n /**\n * Child components for the Wizard\n */\n children: PropTypes.node.isRequired,\n};\n\nexport default WizardContextProvider;\n"],"mappings":"AAAA,OAAOA,
|
|
1
|
+
{"version":3,"file":"WizardContextProvider.js","names":["React","PropTypes","HvWizardContext","WizardContextProvider","value","children","propTypes","shape","context","setContext","func","node","isRequired"],"sources":["../../../../src/Wizard/WizardContext/WizardContextProvider.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport HvWizardContext from \"./WizardContext\";\n\nconst WizardContextProvider = ({ value, children }) => {\n return <HvWizardContext.Provider value={value}>{children}</HvWizardContext.Provider>;\n};\n\nWizardContextProvider.propTypes = {\n /**\n * Initial context value\n */\n value: PropTypes.shape({\n /**\n * Initial context object\n */\n context: PropTypes.shape({}),\n /**\n * Function to modify the context\n */\n setContext: PropTypes.func,\n }),\n /**\n * Child components for the Wizard\n */\n children: PropTypes.node.isRequired,\n};\n\nexport default WizardContextProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,iBAAiB;AAAC;AAE9C,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,OAA4B;EAAA,IAAtBC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;EAC9C,oBAAO,KAAC,eAAe,CAAC,QAAQ;IAAC,KAAK,EAAED,KAAM;IAAA,UAAEC;EAAQ,EAA4B;AACtF,CAAC;AAED,wCAAAF,qBAAqB,CAACG,SAAS,GAAG;EAChC;AACF;AACA;EACEF,KAAK,EAAEH,SAAS,CAACM,KAAK,CAAC;IACrB;AACJ;AACA;IACIC,OAAO,EAAEP,SAAS,CAACM,KAAK,CAAC,CAAC,CAAC,CAAC;IAC5B;AACJ;AACA;IACIE,UAAU,EAAER,SAAS,CAACS;EACxB,CAAC,CAAC;EACF;AACF;AACA;EACEL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeT,qBAAqB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","HvWizardContextProvider"],"sources":["../../../../src/Wizard/WizardContext/index.js"],"sourcesContent":["export { default } from \"./WizardContext\";\nexport { default as HvWizardContextProvider } from \"./WizardContextProvider\";\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","HvWizardContextProvider"],"sources":["../../../../src/Wizard/WizardContext/index.js"],"sourcesContent":["export { default } from \"./WizardContext\";\nexport { default as HvWizardContextProvider } from \"./WizardContextProvider\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,SAASA,OAAO,IAAIC,uBAAuB,QAAQ,yBAAyB"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
-
|
|
3
2
|
var _Report;
|
|
4
|
-
|
|
5
3
|
import "core-js/modules/es.object.entries.js";
|
|
6
4
|
import "core-js/modules/es.array.map.js";
|
|
7
5
|
import "core-js/modules/es.function.name.js";
|
|
@@ -15,49 +13,40 @@ import HvWizardContext from "../WizardContext";
|
|
|
15
13
|
import styles from "./styles";
|
|
16
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
15
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
18
|
-
|
|
19
16
|
var switchTabState = function switchTabState(state, currentTab, index) {
|
|
20
17
|
if (index === currentTab) return "Current";
|
|
21
18
|
if (state.valid) return "Completed";
|
|
22
19
|
if (state.valid === null) return "Enabled";
|
|
23
|
-
if (state.touched && state.valid === false) return "Failed";
|
|
20
|
+
if (state.touched && state.valid === false) return "Failed";
|
|
21
|
+
// "Disabled"
|
|
24
22
|
// "Pending"
|
|
25
|
-
|
|
26
23
|
return "Enabled";
|
|
27
24
|
};
|
|
28
|
-
|
|
29
25
|
var HvWizardTitle = function HvWizardTitle(_ref) {
|
|
30
26
|
var _customStep$type, _customStep$stepSize, _customStep$width, _labels$summary;
|
|
31
|
-
|
|
32
27
|
var title = _ref.title,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
28
|
+
_ref$hasSummary = _ref.hasSummary,
|
|
29
|
+
hasSummary = _ref$hasSummary === void 0 ? false : _ref$hasSummary,
|
|
30
|
+
_ref$labels = _ref.labels,
|
|
31
|
+
labels = _ref$labels === void 0 ? {} : _ref$labels,
|
|
32
|
+
tab = _ref.tab,
|
|
33
|
+
classes = _ref.classes,
|
|
34
|
+
changeTab = _ref.changeTab,
|
|
35
|
+
_ref$customStep = _ref.customStep,
|
|
36
|
+
customStep = _ref$customStep === void 0 ? {} : _ref$customStep;
|
|
43
37
|
var _React$useContext = React.useContext(HvWizardContext),
|
|
44
|
-
|
|
45
|
-
|
|
38
|
+
context = _React$useContext.context;
|
|
46
39
|
var _React$useState = React.useState([]),
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
40
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
41
|
+
steps = _React$useState2[0],
|
|
42
|
+
setSteps = _React$useState2[1];
|
|
51
43
|
React.useEffect(function () {
|
|
52
44
|
var contextArray = Object.entries(context);
|
|
53
|
-
|
|
54
45
|
if (contextArray.length) {
|
|
55
46
|
var updatedSteps = contextArray.map(function (_ref2, index) {
|
|
56
47
|
var _childState$name;
|
|
57
|
-
|
|
58
48
|
var _ref3 = _slicedToArray(_ref2, 2),
|
|
59
|
-
|
|
60
|
-
|
|
49
|
+
childState = _ref3[1];
|
|
61
50
|
return {
|
|
62
51
|
title: (_childState$name = childState.name) !== null && _childState$name !== void 0 ? _childState$name : "".concat(index + 1),
|
|
63
52
|
state: switchTabState(childState, tab, index),
|
|
@@ -105,7 +94,6 @@ var HvWizardTitle = function HvWizardTitle(_ref) {
|
|
|
105
94
|
})
|
|
106
95
|
});
|
|
107
96
|
};
|
|
108
|
-
|
|
109
97
|
process.env.NODE_ENV !== "production" ? HvWizardTitle.propTypes = {
|
|
110
98
|
/**
|
|
111
99
|
* A Jss Object used to override or extend the styles applied.
|
|
@@ -115,43 +103,35 @@ process.env.NODE_ENV !== "production" ? HvWizardTitle.propTypes = {
|
|
|
115
103
|
* Styles applied to the header container.
|
|
116
104
|
*/
|
|
117
105
|
headerContainer: PropTypes.string,
|
|
118
|
-
|
|
119
106
|
/**
|
|
120
107
|
* Styles applied to override the Dialog Title styles.
|
|
121
108
|
*/
|
|
122
109
|
messageContainer: PropTypes.string,
|
|
123
|
-
|
|
124
110
|
/**
|
|
125
111
|
* Styles applied to the header content container.
|
|
126
112
|
*/
|
|
127
113
|
titleContainer: PropTypes.string,
|
|
128
|
-
|
|
129
114
|
/**
|
|
130
115
|
* Styles applied to the Button component to override its width.
|
|
131
116
|
*/
|
|
132
117
|
buttonWidth: PropTypes.string,
|
|
133
|
-
|
|
134
118
|
/**
|
|
135
119
|
* Styles applied to the Button component to override its right padding.
|
|
136
120
|
*/
|
|
137
121
|
rootSummaryButton: PropTypes.string,
|
|
138
|
-
|
|
139
122
|
/**
|
|
140
123
|
*
|
|
141
124
|
*/
|
|
142
125
|
stepContainer: PropTypes.string
|
|
143
126
|
}),
|
|
144
|
-
|
|
145
127
|
/**
|
|
146
128
|
* Title for the wizard.
|
|
147
129
|
*/
|
|
148
130
|
title: PropTypes.string,
|
|
149
|
-
|
|
150
131
|
/**
|
|
151
132
|
* Shows the summary button.
|
|
152
133
|
*/
|
|
153
134
|
hasSummary: PropTypes.bool,
|
|
154
|
-
|
|
155
135
|
/**
|
|
156
136
|
* An object containing all the labels for the wizard header.
|
|
157
137
|
*/
|
|
@@ -161,17 +141,14 @@ process.env.NODE_ENV !== "production" ? HvWizardTitle.propTypes = {
|
|
|
161
141
|
*/
|
|
162
142
|
summary: PropTypes.string
|
|
163
143
|
}),
|
|
164
|
-
|
|
165
144
|
/**
|
|
166
145
|
* Current tab to check if it's last page or first to disable previous button and swap between next and submit button.
|
|
167
146
|
*/
|
|
168
147
|
tab: PropTypes.number.isRequired,
|
|
169
|
-
|
|
170
148
|
/**
|
|
171
149
|
* Function to change the tab when pressing previous and next buttons.
|
|
172
150
|
*/
|
|
173
151
|
changeTab: PropTypes.func.isRequired,
|
|
174
|
-
|
|
175
152
|
/**
|
|
176
153
|
* Custom object to define type, size and width of the StepNavigation component
|
|
177
154
|
*/
|
|
@@ -180,12 +157,10 @@ process.env.NODE_ENV !== "production" ? HvWizardTitle.propTypes = {
|
|
|
180
157
|
* Type of step navigation. Values = {"Simple", "Default"}.
|
|
181
158
|
*/
|
|
182
159
|
type: PropTypes.oneOf(["Simple", "Default"]),
|
|
183
|
-
|
|
184
160
|
/**
|
|
185
161
|
* Sets one of the standard sizes of the steps. Values = {"XS", "SM", "MD", "LG", "XL"}
|
|
186
162
|
*/
|
|
187
163
|
stepSize: PropTypes.oneOf(["XS", "SM", "MD", "LG", "XL"]),
|
|
188
|
-
|
|
189
164
|
/**
|
|
190
165
|
* Width of the component element on each breakpoint screen resolution.
|
|
191
166
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardTitle.js","names":["React","PropTypes","withStyles","HvButton","HvDialogTitle","HvGrid","HvTypography","Report","HvStepNavigation","HvWizardContext","styles","switchTabState","state","currentTab","index","valid","touched","HvWizardTitle","title","hasSummary","labels","tab","classes","changeTab","customStep","useContext","context","useState","steps","setSteps","useEffect","contextArray","Object","entries","length","updatedSteps","map","childState","name","onClick","headerContainer","messageContainer","titleContainer","stepContainer","type","stepSize","width","xs","sm","md","lg","buttonWidth","root","rootSummaryButton","summary","propTypes","shape","string","bool","number","isRequired","func","oneOf","xl"],"sources":["../../../../src/Wizard/WizardTitle/WizardTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvButton, HvDialogTitle, HvGrid, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { Report } from \"@hitachivantara/uikit-react-icons\";\nimport { HvStepNavigation } from \"@hitachivantara/uikit-react-lab\";\nimport HvWizardContext from \"../WizardContext\";\n\nimport styles from \"./styles\";\n\nconst switchTabState = (state, currentTab, index) => {\n if (index === currentTab) return \"Current\";\n if (state.valid) return \"Completed\";\n if (state.valid === null) return \"Enabled\";\n if (state.touched && state.valid === false) return \"Failed\";\n // \"Disabled\"\n // \"Pending\"\n return \"Enabled\";\n};\n\nconst HvWizardTitle = ({\n title,\n hasSummary = false,\n labels = {},\n tab,\n classes,\n changeTab,\n customStep = {},\n}) => {\n const { context } = React.useContext(HvWizardContext);\n const [steps, setSteps] = React.useState([]);\n\n React.useEffect(() => {\n const contextArray = Object.entries(context);\n if (contextArray.length) {\n const updatedSteps = contextArray.map(([, childState], index) => ({\n title: childState.name ?? `${index + 1}`,\n state: switchTabState(childState, tab, index),\n onClick: () => changeTab(index),\n }));\n\n setSteps(updatedSteps);\n }\n }, [context, tab, changeTab]);\n\n return (\n <HvDialogTitle\n className={classes.headerContainer}\n classes={{ messageContainer: classes.messageContainer }}\n >\n <HvGrid\n container\n justifyContent=\"space-between\"\n alignItems=\"center\"\n className={classes.titleContainer}\n >\n {title && (\n <HvTypography variant=\"xsTitle\" component=\"h3\">\n {title}\n </HvTypography>\n )}\n {!!steps.length && (\n <HvStepNavigation\n className={classes.stepContainer}\n steps={steps}\n type={customStep?.type ?? \"Default\"}\n stepSize={customStep?.stepSize ?? \"XS\"}\n width={customStep?.width ?? { xs: 200, sm: 350, md: 600, lg: 800 }}\n />\n )}\n {hasSummary && (\n <HvButton\n category=\"secondary\"\n className={classes.buttonWidth}\n classes={{ root: classes.rootSummaryButton }}\n >\n <Report /> {`${labels.summary ?? \"Summary\"}`}\n </HvButton>\n )}\n </HvGrid>\n </HvDialogTitle>\n );\n};\n\nHvWizardTitle.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the header container.\n */\n headerContainer: PropTypes.string,\n /**\n * Styles applied to override the Dialog Title styles.\n */\n messageContainer: PropTypes.string,\n /**\n * Styles applied to the header content container.\n */\n titleContainer: PropTypes.string,\n /**\n * Styles applied to the Button component to override its width.\n */\n buttonWidth: PropTypes.string,\n /**\n * Styles applied to the Button component to override its right padding.\n */\n rootSummaryButton: PropTypes.string,\n /**\n *\n */\n stepContainer: PropTypes.string,\n }),\n /**\n * Title for the wizard.\n */\n title: PropTypes.string,\n /**\n * Shows the summary button.\n */\n hasSummary: PropTypes.bool,\n /**\n * An object containing all the labels for the wizard header.\n */\n labels: PropTypes.shape({\n /**\n * Summary button label.\n */\n summary: PropTypes.string,\n }),\n /**\n * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.\n */\n tab: PropTypes.number.isRequired,\n /**\n * Function to change the tab when pressing previous and next buttons.\n */\n changeTab: PropTypes.func.isRequired,\n /**\n * Custom object to define type, size and width of the StepNavigation component\n */\n customStep: PropTypes.shape({\n /**\n * Type of step navigation. Values = {\"Simple\", \"Default\"}.\n */\n type: PropTypes.oneOf([\"Simple\", \"Default\"]),\n /**\n * Sets one of the standard sizes of the steps. Values = {\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"}\n */\n stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n /**\n * Width of the component element on each breakpoint screen resolution.\n */\n width: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n }),\n};\n\nexport default withStyles(styles, { name: \"HvWizardTitle\" })(HvWizardTitle);\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"WizardTitle.js","names":["React","PropTypes","withStyles","HvButton","HvDialogTitle","HvGrid","HvTypography","Report","HvStepNavigation","HvWizardContext","styles","switchTabState","state","currentTab","index","valid","touched","HvWizardTitle","title","hasSummary","labels","tab","classes","changeTab","customStep","useContext","context","useState","steps","setSteps","useEffect","contextArray","Object","entries","length","updatedSteps","map","childState","name","onClick","headerContainer","messageContainer","titleContainer","stepContainer","type","stepSize","width","xs","sm","md","lg","buttonWidth","root","rootSummaryButton","summary","propTypes","shape","string","bool","number","isRequired","func","oneOf","xl"],"sources":["../../../../src/Wizard/WizardTitle/WizardTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvButton, HvDialogTitle, HvGrid, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { Report } from \"@hitachivantara/uikit-react-icons\";\nimport { HvStepNavigation } from \"@hitachivantara/uikit-react-lab\";\nimport HvWizardContext from \"../WizardContext\";\n\nimport styles from \"./styles\";\n\nconst switchTabState = (state, currentTab, index) => {\n if (index === currentTab) return \"Current\";\n if (state.valid) return \"Completed\";\n if (state.valid === null) return \"Enabled\";\n if (state.touched && state.valid === false) return \"Failed\";\n // \"Disabled\"\n // \"Pending\"\n return \"Enabled\";\n};\n\nconst HvWizardTitle = ({\n title,\n hasSummary = false,\n labels = {},\n tab,\n classes,\n changeTab,\n customStep = {},\n}) => {\n const { context } = React.useContext(HvWizardContext);\n const [steps, setSteps] = React.useState([]);\n\n React.useEffect(() => {\n const contextArray = Object.entries(context);\n if (contextArray.length) {\n const updatedSteps = contextArray.map(([, childState], index) => ({\n title: childState.name ?? `${index + 1}`,\n state: switchTabState(childState, tab, index),\n onClick: () => changeTab(index),\n }));\n\n setSteps(updatedSteps);\n }\n }, [context, tab, changeTab]);\n\n return (\n <HvDialogTitle\n className={classes.headerContainer}\n classes={{ messageContainer: classes.messageContainer }}\n >\n <HvGrid\n container\n justifyContent=\"space-between\"\n alignItems=\"center\"\n className={classes.titleContainer}\n >\n {title && (\n <HvTypography variant=\"xsTitle\" component=\"h3\">\n {title}\n </HvTypography>\n )}\n {!!steps.length && (\n <HvStepNavigation\n className={classes.stepContainer}\n steps={steps}\n type={customStep?.type ?? \"Default\"}\n stepSize={customStep?.stepSize ?? \"XS\"}\n width={customStep?.width ?? { xs: 200, sm: 350, md: 600, lg: 800 }}\n />\n )}\n {hasSummary && (\n <HvButton\n category=\"secondary\"\n className={classes.buttonWidth}\n classes={{ root: classes.rootSummaryButton }}\n >\n <Report /> {`${labels.summary ?? \"Summary\"}`}\n </HvButton>\n )}\n </HvGrid>\n </HvDialogTitle>\n );\n};\n\nHvWizardTitle.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the header container.\n */\n headerContainer: PropTypes.string,\n /**\n * Styles applied to override the Dialog Title styles.\n */\n messageContainer: PropTypes.string,\n /**\n * Styles applied to the header content container.\n */\n titleContainer: PropTypes.string,\n /**\n * Styles applied to the Button component to override its width.\n */\n buttonWidth: PropTypes.string,\n /**\n * Styles applied to the Button component to override its right padding.\n */\n rootSummaryButton: PropTypes.string,\n /**\n *\n */\n stepContainer: PropTypes.string,\n }),\n /**\n * Title for the wizard.\n */\n title: PropTypes.string,\n /**\n * Shows the summary button.\n */\n hasSummary: PropTypes.bool,\n /**\n * An object containing all the labels for the wizard header.\n */\n labels: PropTypes.shape({\n /**\n * Summary button label.\n */\n summary: PropTypes.string,\n }),\n /**\n * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.\n */\n tab: PropTypes.number.isRequired,\n /**\n * Function to change the tab when pressing previous and next buttons.\n */\n changeTab: PropTypes.func.isRequired,\n /**\n * Custom object to define type, size and width of the StepNavigation component\n */\n customStep: PropTypes.shape({\n /**\n * Type of step navigation. Values = {\"Simple\", \"Default\"}.\n */\n type: PropTypes.oneOf([\"Simple\", \"Default\"]),\n /**\n * Sets one of the standard sizes of the steps. Values = {\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"}\n */\n stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n /**\n * Width of the component element on each breakpoint screen resolution.\n */\n width: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n }),\n};\n\nexport default withStyles(styles, { name: \"HvWizardTitle\" })(HvWizardTitle);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Wizard/WizardTitle/index.js"],"sourcesContent":["export { default } from \"./WizardTitle\";\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Wizard/WizardTitle/index.js"],"sourcesContent":["export { default } from \"./WizardTitle\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","theme","messageContainer","width","titleContainer","margin","buttonWidth","rootSummaryButton","paddingRight","headerContainer","backgroundColor","hv","palette","atmosphere","atmo2","fontSize","fontWeight","letterSpacing","stepContainer"],"sources":["../../../../src/Wizard/WizardTitle/styles.js"],"sourcesContent":["const styles = (theme) => ({\n messageContainer: {\n \"& > div\": {\n width: \"100%\",\n },\n },\n titleContainer: {\n margin: 0,\n width: \"100%\",\n },\n buttonWidth: {\n width: 120,\n },\n rootSummaryButton: {\n paddingRight: 18,\n },\n headerContainer: {\n backgroundColor: theme.hv.palette.atmosphere.atmo2,\n \"& h6\": {\n fontSize: \"16px\",\n fontWeight: \"bold\",\n letterSpacing: 0,\n },\n },\n stepContainer: {\n margin: \"auto\",\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","messageContainer","width","titleContainer","margin","buttonWidth","rootSummaryButton","paddingRight","headerContainer","backgroundColor","hv","palette","atmosphere","atmo2","fontSize","fontWeight","letterSpacing","stepContainer"],"sources":["../../../../src/Wizard/WizardTitle/styles.js"],"sourcesContent":["const styles = (theme) => ({\n messageContainer: {\n \"& > div\": {\n width: \"100%\",\n },\n },\n titleContainer: {\n margin: 0,\n width: \"100%\",\n },\n buttonWidth: {\n width: 120,\n },\n rootSummaryButton: {\n paddingRight: 18,\n },\n headerContainer: {\n backgroundColor: theme.hv.palette.atmosphere.atmo2,\n \"& h6\": {\n fontSize: \"16px\",\n fontWeight: \"bold\",\n letterSpacing: 0,\n },\n },\n stepContainer: {\n margin: \"auto\",\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,gBAAgB,EAAE;MAChB,SAAS,EAAE;QACTC,KAAK,EAAE;MACT;IACF,CAAC;IACDC,cAAc,EAAE;MACdC,MAAM,EAAE,CAAC;MACTF,KAAK,EAAE;IACT,CAAC;IACDG,WAAW,EAAE;MACXH,KAAK,EAAE;IACT,CAAC;IACDI,iBAAiB,EAAE;MACjBC,YAAY,EAAE;IAChB,CAAC;IACDC,eAAe,EAAE;MACfC,eAAe,EAAET,KAAK,CAACU,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;MAClD,MAAM,EAAE;QACNC,QAAQ,EAAE,MAAM;QAChBC,UAAU,EAAE,MAAM;QAClBC,aAAa,EAAE;MACjB;IACF,CAAC;IACDC,aAAa,EAAE;MACbb,MAAM,EAAE;IACV;EACF,CAAC;AAAA,CAAC;AAEF,eAAeL,MAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","HvWizardContainer","HvWizardTitle","HvWizardContent","HvWizardActions","HvWizardContext","HvWizardContextProvider"],"sources":["../../../src/Wizard/index.js"],"sourcesContent":["export { default } from \"./Wizard\";\nexport { default as HvWizardContainer } from \"./WizardContainer\";\nexport { default as HvWizardTitle } from \"./WizardTitle\";\nexport { default as HvWizardContent } from \"./WizardContent\";\nexport { default as HvWizardActions } from \"./WizardActions\";\nexport { default as HvWizardContext } from \"./WizardContext\";\nexport { default as HvWizardContextProvider } from \"./WizardContext/WizardContextProvider\";\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","HvWizardContainer","HvWizardTitle","HvWizardContent","HvWizardActions","HvWizardContext","HvWizardContextProvider"],"sources":["../../../src/Wizard/index.js"],"sourcesContent":["export { default } from \"./Wizard\";\nexport { default as HvWizardContainer } from \"./WizardContainer\";\nexport { default as HvWizardTitle } from \"./WizardTitle\";\nexport { default as HvWizardContent } from \"./WizardContent\";\nexport { default as HvWizardActions } from \"./WizardActions\";\nexport { default as HvWizardContext } from \"./WizardContext\";\nexport { default as HvWizardContextProvider } from \"./WizardContext/WizardContextProvider\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU;AAClC,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,mBAAmB;AAChE,SAASD,OAAO,IAAIE,aAAa,QAAQ,eAAe;AACxD,SAASF,OAAO,IAAIG,eAAe,QAAQ,iBAAiB;AAC5D,SAASH,OAAO,IAAII,eAAe,QAAQ,iBAAiB;AAC5D,SAASJ,OAAO,IAAIK,eAAe,QAAQ,iBAAiB;AAC5D,SAASL,OAAO,IAAIM,uBAAuB,QAAQ,uCAAuC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["styles","root"],"sources":["../../../src/Wizard/styles.js"],"sourcesContent":["const styles = () => ({\n root: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","root"],"sources":["../../../src/Wizard/styles.js"],"sourcesContent":["const styles = () => ({\n root: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,OAAU;IACpBC,IAAI,EAAE,CAAC;EACT,CAAC;AAAA,CAAC;AAEF,eAAeD,MAAM"}
|
package/dist/legacy/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","HvColorPicker","HvDrawer","HvImageCarousel","HvInlineEditor","HvNavigationAnchors","HvNotificationPanel","HvStepNavigation","HvTimeAgo","HvWizard"],"sources":["../../src/index.js"],"sourcesContent":["export { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvImageCarousel } from \"./ImageCarousel\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvStepNavigation } from \"./StepNavigation\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvWizard } from \"./Wizard\";\nexport * from \"./Wizard\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","HvColorPicker","HvDrawer","HvImageCarousel","HvInlineEditor","HvNavigationAnchors","HvNotificationPanel","HvStepNavigation","HvTimeAgo","HvWizard"],"sources":["../../src/index.js"],"sourcesContent":["export { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvImageCarousel } from \"./ImageCarousel\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvStepNavigation } from \"./StepNavigation\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvWizard } from \"./Wizard\";\nexport * from \"./Wizard\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAAa,QAAQ,eAAe;AACxD,SAASD,OAAO,IAAIE,QAAQ,QAAQ,UAAU;AAC9C,SAASF,OAAO,IAAIG,eAAe,QAAQ,iBAAiB;AAC5D,SAASH,OAAO,IAAII,cAAc,QAAQ,gBAAgB;AAC1D,SAASJ,OAAO,IAAIK,mBAAmB,QAAQ,qBAAqB;AACpE,SAASL,OAAO,IAAIM,mBAAmB,QAAQ,qBAAqB;AACpE,SAASN,OAAO,IAAIO,gBAAgB,QAAQ,kBAAkB;AAC9D,SAASP,OAAO,IAAIQ,SAAS,QAAQ,WAAW;AAChD,cAAc,WAAW;AACzB,SAASR,OAAO,IAAIS,QAAQ,QAAQ,UAAU;AAC9C,cAAc,UAAU"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import "core-js/modules/web.dom-collections.iterator.js";
|
|
2
1
|
import React, { useMemo } from "react";
|
|
3
2
|
import PropTypes from "prop-types";
|
|
4
3
|
import clsx from "clsx";
|
|
@@ -8,15 +7,14 @@ import { Checkbox } from "@hitachivantara/uikit-react-icons";
|
|
|
8
7
|
import styles from "./styles";
|
|
9
8
|
import Picker from "./Picker";
|
|
10
9
|
import PresetColors from "./PresetColors";
|
|
10
|
+
|
|
11
11
|
/**
|
|
12
12
|
* A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.
|
|
13
13
|
* It receives a color string in HEX format and outputs an HEX formatted color.
|
|
14
14
|
*/
|
|
15
|
-
|
|
16
15
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
16
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
18
17
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
19
|
-
|
|
20
18
|
const HvColorPicker = props => {
|
|
21
19
|
const theme = useTheme();
|
|
22
20
|
const {
|
|
@@ -39,29 +37,23 @@ const HvColorPicker = props => {
|
|
|
39
37
|
} = props;
|
|
40
38
|
const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));
|
|
41
39
|
const [color, setColor] = useControlled(value, defaultValue);
|
|
42
|
-
|
|
43
40
|
const handleToggle = (_evt, s) => {
|
|
44
41
|
setIsOpen(s);
|
|
45
42
|
};
|
|
46
|
-
|
|
47
43
|
const handleSelect = val => {
|
|
48
44
|
onChange === null || onChange === void 0 ? void 0 : onChange(val.hex);
|
|
49
45
|
setColor(val.hex);
|
|
50
46
|
};
|
|
51
|
-
|
|
52
47
|
const elementId = useUniqueId(id, "hvdropdown");
|
|
53
48
|
const hasLabel = label != null;
|
|
54
49
|
const hasDescription = description != null;
|
|
55
50
|
const colorArray = useMemo(() => [theme.hv.palette.semantic.sema4, theme.hv.palette.semantic.sema3, "#F6941E", "#8DC63D", theme.hv.palette.semantic.sema1, theme.hv.palette.semantic.sema19, "#05A99C", "#01ADEF", theme.hv.palette.accent.acce2h, "#0155A5", "#2E3192", "#652C90", theme.hv.palette.semantic.sema6, "#EC018B", theme.hv.palette.atmosphere.atmo5, theme.hv.palette.accent.acce1], [theme]);
|
|
56
|
-
|
|
57
51
|
const setFocusToContent = containerRef => {
|
|
58
52
|
const inputs = containerRef === null || containerRef === void 0 ? void 0 : containerRef.getElementsByTagName("input");
|
|
59
|
-
|
|
60
53
|
if ((inputs === null || inputs === void 0 ? void 0 : inputs.length) > 0) {
|
|
61
54
|
inputs[0].focus();
|
|
62
55
|
}
|
|
63
56
|
};
|
|
64
|
-
|
|
65
57
|
return /*#__PURE__*/_jsxs(HvFormElement, {
|
|
66
58
|
id: id,
|
|
67
59
|
name: name,
|
|
@@ -112,18 +104,15 @@ const HvColorPicker = props => {
|
|
|
112
104
|
})]
|
|
113
105
|
});
|
|
114
106
|
};
|
|
115
|
-
|
|
116
107
|
process.env.NODE_ENV !== "production" ? HvColorPicker.propTypes = {
|
|
117
108
|
/**
|
|
118
109
|
* Id to be applied to the form element root node.
|
|
119
110
|
*/
|
|
120
111
|
id: PropTypes.string,
|
|
121
|
-
|
|
122
112
|
/**
|
|
123
113
|
* The form element name.
|
|
124
114
|
*/
|
|
125
115
|
name: PropTypes.string,
|
|
126
|
-
|
|
127
116
|
/**
|
|
128
117
|
* The label of the form element.
|
|
129
118
|
*
|
|
@@ -131,42 +120,34 @@ process.env.NODE_ENV !== "production" ? HvColorPicker.propTypes = {
|
|
|
131
120
|
* If not provided, an aria-label or aria-labelledby must be provided instead.
|
|
132
121
|
*/
|
|
133
122
|
label: PropTypes.node,
|
|
134
|
-
|
|
135
123
|
/**
|
|
136
124
|
* @ignore
|
|
137
125
|
*/
|
|
138
126
|
"aria-label": PropTypes.string,
|
|
139
|
-
|
|
140
127
|
/**
|
|
141
128
|
* @ignore
|
|
142
129
|
*/
|
|
143
130
|
"aria-labelledby": PropTypes.string,
|
|
144
|
-
|
|
145
131
|
/**
|
|
146
132
|
* Provide additional descriptive text for the form element.
|
|
147
133
|
*/
|
|
148
134
|
description: PropTypes.node,
|
|
149
|
-
|
|
150
135
|
/**
|
|
151
136
|
* @ignore
|
|
152
137
|
*/
|
|
153
138
|
"aria-describedby": PropTypes.string,
|
|
154
|
-
|
|
155
139
|
/**
|
|
156
140
|
* Indicates that the form element is disabled.
|
|
157
141
|
*/
|
|
158
142
|
disabled: PropTypes.bool,
|
|
159
|
-
|
|
160
143
|
/**
|
|
161
144
|
* Indicates that user input is required on the form element.
|
|
162
145
|
*/
|
|
163
146
|
required: PropTypes.bool,
|
|
164
|
-
|
|
165
147
|
/**
|
|
166
148
|
* Class names to be applied.
|
|
167
149
|
*/
|
|
168
150
|
className: PropTypes.string,
|
|
169
|
-
|
|
170
151
|
/**
|
|
171
152
|
* A Jss Object used to override or extend the styles applied.
|
|
172
153
|
*/
|
|
@@ -180,27 +161,22 @@ process.env.NODE_ENV !== "production" ? HvColorPicker.propTypes = {
|
|
|
180
161
|
panel: PropTypes.string,
|
|
181
162
|
colorPicker: PropTypes.string
|
|
182
163
|
}).isRequired,
|
|
183
|
-
|
|
184
164
|
/**
|
|
185
165
|
* If `true` the color picker starts opened if `false` it starts closed.
|
|
186
166
|
*/
|
|
187
167
|
expanded: PropTypes.bool,
|
|
188
|
-
|
|
189
168
|
/**
|
|
190
169
|
* When uncontrolled, defines the initial expanded state.
|
|
191
170
|
*/
|
|
192
171
|
defaultExpanded: PropTypes.bool,
|
|
193
|
-
|
|
194
172
|
/**
|
|
195
173
|
* The callback fired when the value changes.
|
|
196
174
|
*/
|
|
197
175
|
onChange: PropTypes.func,
|
|
198
|
-
|
|
199
176
|
/**
|
|
200
177
|
* The value color, in HEX format.
|
|
201
178
|
*/
|
|
202
179
|
value: PropTypes.string,
|
|
203
|
-
|
|
204
180
|
/**
|
|
205
181
|
* When uncontrolled, defines the initial value state.
|
|
206
182
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.js","names":["React","useMemo","PropTypes","clsx","withStyles","useTheme","HvPanel","HvLabel","HvInfoMessage","HvFormElement","HvBaseDropdown","useControlled","HvTypography","useUniqueId","setId","Checkbox","styles","Picker","PresetColors","HvColorPicker","props","theme","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","className","classes","value","onChange","defaultValue","hv","palette","accent","acce1","expanded","defaultExpanded","isOpen","setIsOpen","Boolean","color","setColor","handleToggle","_evt","s","handleSelect","val","hex","elementId","hasLabel","hasDescription","colorArray","semantic","sema4","sema3","sema1","sema19","acce2h","sema6","atmosphere","atmo5","setFocusToContent","containerRef","inputs","getElementsByTagName","length","focus","root","labelContainer","headerColorIcon","headerColorValue","join","trim","undefined","panel","colorPicker","propTypes","string","node","bool","shape","isRequired","func"],"sources":["../../../src/ColorPicker/ColorPicker.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport {\n HvPanel,\n HvLabel,\n HvInfoMessage,\n HvFormElement,\n HvBaseDropdown,\n useControlled,\n HvTypography,\n useUniqueId,\n setId,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Checkbox } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\nimport Picker from \"./Picker\";\nimport PresetColors from \"./PresetColors\";\n\n/**\n * A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.\n * It receives a color string in HEX format and outputs an HEX formatted color.\n */\nconst HvColorPicker = (props) => {\n const theme = useTheme();\n const {\n id,\n name,\n\n required = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n className,\n classes,\n value,\n onChange,\n defaultValue = theme.hv.palette.accent.acce1,\n\n expanded,\n defaultExpanded = false,\n } = props;\n\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n const [color, setColor] = useControlled(value, defaultValue);\n\n const handleToggle = (_evt, s) => {\n setIsOpen(s);\n };\n\n const handleSelect = (val) => {\n onChange?.(val.hex);\n setColor(val.hex);\n };\n\n const elementId = useUniqueId(id, \"hvdropdown\");\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n const colorArray = useMemo(\n () => [\n theme.hv.palette.semantic.sema4,\n theme.hv.palette.semantic.sema3,\n \"#F6941E\",\n \"#8DC63D\",\n theme.hv.palette.semantic.sema1,\n theme.hv.palette.semantic.sema19,\n \"#05A99C\",\n \"#01ADEF\",\n theme.hv.palette.accent.acce2h,\n \"#0155A5\",\n \"#2E3192\",\n \"#652C90\",\n theme.hv.palette.semantic.sema6,\n \"#EC018B\",\n theme.hv.palette.atmosphere.atmo5,\n theme.hv.palette.accent.acce1,\n ],\n [theme]\n );\n\n const setFocusToContent = (containerRef) => {\n const inputs = containerRef?.getElementsByTagName(\"input\");\n if (inputs?.length > 0) {\n inputs[0].focus();\n }\n };\n\n return (\n <HvFormElement\n id={id}\n name={name}\n disabled={disabled}\n required={required}\n className={clsx(className, classes.root)}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n )}\n\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n className={className}\n expanded={isOpen}\n onToggle={handleToggle}\n onContainerCreation={setFocusToContent}\n placeholder={\n <>\n <Checkbox className={classes.headerColorIcon} color={[color]} />\n <HvTypography className={classes.headerColorValue}>{color}</HvTypography>\n </>\n }\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n }\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n undefined\n }\n >\n <HvPanel className={classes.panel}>\n <div className={classes.colorPicker}>\n <Picker color={color} onChange={handleSelect} />\n <PresetColors colors={colorArray} onClick={handleSelect} />\n </div>\n </HvPanel>\n </HvBaseDropdown>\n </HvFormElement>\n );\n};\n\nHvColorPicker.propTypes = {\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\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 labelContainer: PropTypes.string,\n label: PropTypes.string,\n description: PropTypes.string,\n headerColorIcon: PropTypes.string,\n headerColorValue: PropTypes.string,\n panel: PropTypes.string,\n colorPicker: PropTypes.string,\n }).isRequired,\n\n /**\n * If `true` the color picker starts opened if `false` it starts closed.\n */\n expanded: PropTypes.bool,\n /**\n * When uncontrolled, defines the initial expanded state.\n */\n defaultExpanded: PropTypes.bool,\n\n /**\n * The callback fired when the value changes.\n */\n onChange: PropTypes.func,\n\n /**\n * The value color, in HEX format.\n */\n value: PropTypes.string,\n\n /**\n * When uncontrolled, defines the initial value state.\n */\n defaultValue: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvColorPicker\" })(HvColorPicker);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ColorPicker.js","names":["React","useMemo","PropTypes","clsx","withStyles","useTheme","HvPanel","HvLabel","HvInfoMessage","HvFormElement","HvBaseDropdown","useControlled","HvTypography","useUniqueId","setId","Checkbox","styles","Picker","PresetColors","HvColorPicker","props","theme","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","className","classes","value","onChange","defaultValue","hv","palette","accent","acce1","expanded","defaultExpanded","isOpen","setIsOpen","Boolean","color","setColor","handleToggle","_evt","s","handleSelect","val","hex","elementId","hasLabel","hasDescription","colorArray","semantic","sema4","sema3","sema1","sema19","acce2h","sema6","atmosphere","atmo5","setFocusToContent","containerRef","inputs","getElementsByTagName","length","focus","root","labelContainer","headerColorIcon","headerColorValue","join","trim","undefined","panel","colorPicker","propTypes","string","node","bool","shape","isRequired","func"],"sources":["../../../src/ColorPicker/ColorPicker.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport {\n HvPanel,\n HvLabel,\n HvInfoMessage,\n HvFormElement,\n HvBaseDropdown,\n useControlled,\n HvTypography,\n useUniqueId,\n setId,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Checkbox } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\nimport Picker from \"./Picker\";\nimport PresetColors from \"./PresetColors\";\n\n/**\n * A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.\n * It receives a color string in HEX format and outputs an HEX formatted color.\n */\nconst HvColorPicker = (props) => {\n const theme = useTheme();\n const {\n id,\n name,\n\n required = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n className,\n classes,\n value,\n onChange,\n defaultValue = theme.hv.palette.accent.acce1,\n\n expanded,\n defaultExpanded = false,\n } = props;\n\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n const [color, setColor] = useControlled(value, defaultValue);\n\n const handleToggle = (_evt, s) => {\n setIsOpen(s);\n };\n\n const handleSelect = (val) => {\n onChange?.(val.hex);\n setColor(val.hex);\n };\n\n const elementId = useUniqueId(id, \"hvdropdown\");\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n const colorArray = useMemo(\n () => [\n theme.hv.palette.semantic.sema4,\n theme.hv.palette.semantic.sema3,\n \"#F6941E\",\n \"#8DC63D\",\n theme.hv.palette.semantic.sema1,\n theme.hv.palette.semantic.sema19,\n \"#05A99C\",\n \"#01ADEF\",\n theme.hv.palette.accent.acce2h,\n \"#0155A5\",\n \"#2E3192\",\n \"#652C90\",\n theme.hv.palette.semantic.sema6,\n \"#EC018B\",\n theme.hv.palette.atmosphere.atmo5,\n theme.hv.palette.accent.acce1,\n ],\n [theme]\n );\n\n const setFocusToContent = (containerRef) => {\n const inputs = containerRef?.getElementsByTagName(\"input\");\n if (inputs?.length > 0) {\n inputs[0].focus();\n }\n };\n\n return (\n <HvFormElement\n id={id}\n name={name}\n disabled={disabled}\n required={required}\n className={clsx(className, classes.root)}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n )}\n\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n className={className}\n expanded={isOpen}\n onToggle={handleToggle}\n onContainerCreation={setFocusToContent}\n placeholder={\n <>\n <Checkbox className={classes.headerColorIcon} color={[color]} />\n <HvTypography className={classes.headerColorValue}>{color}</HvTypography>\n </>\n }\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n }\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n undefined\n }\n >\n <HvPanel className={classes.panel}>\n <div className={classes.colorPicker}>\n <Picker color={color} onChange={handleSelect} />\n <PresetColors colors={colorArray} onClick={handleSelect} />\n </div>\n </HvPanel>\n </HvBaseDropdown>\n </HvFormElement>\n );\n};\n\nHvColorPicker.propTypes = {\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\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 labelContainer: PropTypes.string,\n label: PropTypes.string,\n description: PropTypes.string,\n headerColorIcon: PropTypes.string,\n headerColorValue: PropTypes.string,\n panel: PropTypes.string,\n colorPicker: PropTypes.string,\n }).isRequired,\n\n /**\n * If `true` the color picker starts opened if `false` it starts closed.\n */\n expanded: PropTypes.bool,\n /**\n * When uncontrolled, defines the initial expanded state.\n */\n defaultExpanded: PropTypes.bool,\n\n /**\n * The callback fired when the value changes.\n */\n onChange: PropTypes.func,\n\n /**\n * The value color, in HEX format.\n */\n value: PropTypes.string,\n\n /**\n * When uncontrolled, defines the initial value state.\n */\n defaultValue: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvColorPicker\" })(HvColorPicker);\n"],"mappings":"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"}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import "core-js/modules/web.dom-collections.iterator.js";
|
|
2
|
-
import "core-js/modules/es.string.replace.js";
|
|
3
|
-
|
|
4
1
|
/* eslint-disable no-param-reassign */
|
|
2
|
+
|
|
5
3
|
import React, { useEffect, useRef, useState } from "react";
|
|
6
4
|
import PropTypes from "prop-types";
|
|
7
5
|
import clsx from "clsx";
|
|
8
6
|
import * as color from "react-color/lib/helpers/color";
|
|
9
7
|
import { HvInput } from "@hitachivantara/uikit-react-core";
|
|
10
|
-
import useStyles from "./styles";
|
|
8
|
+
import useStyles from "./styles";
|
|
11
9
|
|
|
10
|
+
// eslint-disable-next-line react/prop-types
|
|
12
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
12
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
13
|
export const Fields = ({
|
|
@@ -34,16 +33,13 @@ export const Fields = ({
|
|
|
34
33
|
if (document.activeElement !== redInputRef.current) {
|
|
35
34
|
setInternalRed(rgb.r);
|
|
36
35
|
}
|
|
37
|
-
|
|
38
36
|
if (document.activeElement !== greenInputRef.current) {
|
|
39
37
|
setInternalGreen(rgb.g);
|
|
40
38
|
}
|
|
41
|
-
|
|
42
39
|
if (document.activeElement !== blueInputRef.current) {
|
|
43
40
|
setInternalBlue(rgb.b);
|
|
44
41
|
}
|
|
45
42
|
}, [rgb]);
|
|
46
|
-
|
|
47
43
|
const handleChange = (data, e) => {
|
|
48
44
|
if (data.hex && color.isValidHex(data.hex)) {
|
|
49
45
|
onChange({
|
|
@@ -59,14 +55,12 @@ export const Fields = ({
|
|
|
59
55
|
}, e);
|
|
60
56
|
}
|
|
61
57
|
};
|
|
62
|
-
|
|
63
58
|
const onChangeHex = (_evt, value) => {
|
|
64
59
|
setInternalHex(value);
|
|
65
60
|
handleChange({
|
|
66
61
|
hex: value
|
|
67
62
|
}, _evt);
|
|
68
63
|
};
|
|
69
|
-
|
|
70
64
|
const onChangeRbg = (_evt, value, colorPart) => {
|
|
71
65
|
if (colorPart === "r") setInternalRed(value);
|
|
72
66
|
if (colorPart === "g") setInternalGreen(value);
|
|
@@ -77,7 +71,6 @@ export const Fields = ({
|
|
|
77
71
|
b: colorPart === "b" ? value : rgb.b
|
|
78
72
|
}, _evt);
|
|
79
73
|
};
|
|
80
|
-
|
|
81
74
|
return /*#__PURE__*/_jsxs("div", {
|
|
82
75
|
className: clsx(classes.fields),
|
|
83
76
|
children: [/*#__PURE__*/_jsx(HvInput, {
|