@hitachivantara/uikit-react-lab 4.0.3 → 4.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/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.d.ts +12 -10
- 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.d.ts +4 -0
- package/dist/Wizard/Wizard.js +46 -86
- 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.d.ts +4 -0
- package/dist/Wizard/WizardContent/WizardContent.js +84 -59
- 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 +16 -4
- package/dist/Wizard/WizardContent/styles.js.map +1 -1
- package/dist/Wizard/WizardContext/WizardContext.d.ts +4 -6
- 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 +29 -56
- 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.d.ts +12 -10
- 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.d.ts +4 -0
- package/dist/legacy/Wizard/Wizard.js +46 -60
- 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.d.ts +4 -0
- package/dist/legacy/Wizard/WizardContent/WizardContent.js +85 -32
- 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 +16 -3
- package/dist/legacy/Wizard/WizardContent/styles.js.map +1 -1
- package/dist/legacy/Wizard/WizardContext/WizardContext.d.ts +4 -6
- 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 +29 -40
- 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.d.ts +12 -10
- 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.d.ts +4 -0
- package/dist/modern/Wizard/Wizard.js +33 -49
- 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.d.ts +4 -0
- package/dist/modern/Wizard/WizardContent/WizardContent.js +65 -22
- 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 +16 -3
- package/dist/modern/Wizard/WizardContent/styles.js.map +1 -1
- package/dist/modern/Wizard/WizardContext/WizardContext.d.ts +4 -6
- 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 +15 -24
- 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 +6 -5
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"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":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAAyB;AAAA"}
|
|
@@ -13,72 +13,63 @@ import { Checkbox } from "@hitachivantara/uikit-react-icons";
|
|
|
13
13
|
import styles from "./styles";
|
|
14
14
|
import Picker from "./Picker";
|
|
15
15
|
import PresetColors from "./PresetColors";
|
|
16
|
+
|
|
16
17
|
/**
|
|
17
18
|
* 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.
|
|
18
19
|
* It receives a color string in HEX format and outputs an HEX formatted color.
|
|
19
20
|
*/
|
|
20
|
-
|
|
21
21
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
22
22
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
23
23
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
24
|
-
|
|
25
24
|
var HvColorPicker = function HvColorPicker(props) {
|
|
26
25
|
var theme = useTheme();
|
|
27
26
|
var id = props.id,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
27
|
+
name = props.name,
|
|
28
|
+
_props$required = props.required,
|
|
29
|
+
required = _props$required === void 0 ? false : _props$required,
|
|
30
|
+
_props$disabled = props.disabled,
|
|
31
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
32
|
+
label = props.label,
|
|
33
|
+
ariaLabel = props["aria-label"],
|
|
34
|
+
ariaLabelledBy = props["aria-labelledby"],
|
|
35
|
+
description = props.description,
|
|
36
|
+
ariaDescribedBy = props["aria-describedby"],
|
|
37
|
+
className = props.className,
|
|
38
|
+
classes = props.classes,
|
|
39
|
+
value = props.value,
|
|
40
|
+
onChange = props.onChange,
|
|
41
|
+
_props$defaultValue = props.defaultValue,
|
|
42
|
+
defaultValue = _props$defaultValue === void 0 ? theme.hv.palette.accent.acce1 : _props$defaultValue,
|
|
43
|
+
expanded = props.expanded,
|
|
44
|
+
_props$defaultExpande = props.defaultExpanded,
|
|
45
|
+
defaultExpanded = _props$defaultExpande === void 0 ? false : _props$defaultExpande;
|
|
48
46
|
var _useControlled = useControlled(expanded, Boolean(defaultExpanded)),
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
47
|
+
_useControlled2 = _slicedToArray(_useControlled, 2),
|
|
48
|
+
isOpen = _useControlled2[0],
|
|
49
|
+
setIsOpen = _useControlled2[1];
|
|
53
50
|
var _useControlled3 = useControlled(value, defaultValue),
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
51
|
+
_useControlled4 = _slicedToArray(_useControlled3, 2),
|
|
52
|
+
color = _useControlled4[0],
|
|
53
|
+
setColor = _useControlled4[1];
|
|
58
54
|
var handleToggle = function handleToggle(_evt, s) {
|
|
59
55
|
setIsOpen(s);
|
|
60
56
|
};
|
|
61
|
-
|
|
62
57
|
var handleSelect = function handleSelect(val) {
|
|
63
58
|
onChange === null || onChange === void 0 ? void 0 : onChange(val.hex);
|
|
64
59
|
setColor(val.hex);
|
|
65
60
|
};
|
|
66
|
-
|
|
67
61
|
var elementId = useUniqueId(id, "hvdropdown");
|
|
68
62
|
var hasLabel = label != null;
|
|
69
63
|
var hasDescription = description != null;
|
|
70
64
|
var colorArray = useMemo(function () {
|
|
71
65
|
return [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];
|
|
72
66
|
}, [theme]);
|
|
73
|
-
|
|
74
67
|
var setFocusToContent = function setFocusToContent(containerRef) {
|
|
75
68
|
var inputs = containerRef === null || containerRef === void 0 ? void 0 : containerRef.getElementsByTagName("input");
|
|
76
|
-
|
|
77
69
|
if ((inputs === null || inputs === void 0 ? void 0 : inputs.length) > 0) {
|
|
78
70
|
inputs[0].focus();
|
|
79
71
|
}
|
|
80
72
|
};
|
|
81
|
-
|
|
82
73
|
return /*#__PURE__*/_jsxs(HvFormElement, {
|
|
83
74
|
id: id,
|
|
84
75
|
name: name,
|
|
@@ -129,18 +120,15 @@ var HvColorPicker = function HvColorPicker(props) {
|
|
|
129
120
|
})]
|
|
130
121
|
});
|
|
131
122
|
};
|
|
132
|
-
|
|
133
123
|
process.env.NODE_ENV !== "production" ? HvColorPicker.propTypes = {
|
|
134
124
|
/**
|
|
135
125
|
* Id to be applied to the form element root node.
|
|
136
126
|
*/
|
|
137
127
|
id: PropTypes.string,
|
|
138
|
-
|
|
139
128
|
/**
|
|
140
129
|
* The form element name.
|
|
141
130
|
*/
|
|
142
131
|
name: PropTypes.string,
|
|
143
|
-
|
|
144
132
|
/**
|
|
145
133
|
* The label of the form element.
|
|
146
134
|
*
|
|
@@ -148,42 +136,34 @@ process.env.NODE_ENV !== "production" ? HvColorPicker.propTypes = {
|
|
|
148
136
|
* If not provided, an aria-label or aria-labelledby must be provided instead.
|
|
149
137
|
*/
|
|
150
138
|
label: PropTypes.node,
|
|
151
|
-
|
|
152
139
|
/**
|
|
153
140
|
* @ignore
|
|
154
141
|
*/
|
|
155
142
|
"aria-label": PropTypes.string,
|
|
156
|
-
|
|
157
143
|
/**
|
|
158
144
|
* @ignore
|
|
159
145
|
*/
|
|
160
146
|
"aria-labelledby": PropTypes.string,
|
|
161
|
-
|
|
162
147
|
/**
|
|
163
148
|
* Provide additional descriptive text for the form element.
|
|
164
149
|
*/
|
|
165
150
|
description: PropTypes.node,
|
|
166
|
-
|
|
167
151
|
/**
|
|
168
152
|
* @ignore
|
|
169
153
|
*/
|
|
170
154
|
"aria-describedby": PropTypes.string,
|
|
171
|
-
|
|
172
155
|
/**
|
|
173
156
|
* Indicates that the form element is disabled.
|
|
174
157
|
*/
|
|
175
158
|
disabled: PropTypes.bool,
|
|
176
|
-
|
|
177
159
|
/**
|
|
178
160
|
* Indicates that user input is required on the form element.
|
|
179
161
|
*/
|
|
180
162
|
required: PropTypes.bool,
|
|
181
|
-
|
|
182
163
|
/**
|
|
183
164
|
* Class names to be applied.
|
|
184
165
|
*/
|
|
185
166
|
className: PropTypes.string,
|
|
186
|
-
|
|
187
167
|
/**
|
|
188
168
|
* A Jss Object used to override or extend the styles applied.
|
|
189
169
|
*/
|
|
@@ -197,27 +177,22 @@ process.env.NODE_ENV !== "production" ? HvColorPicker.propTypes = {
|
|
|
197
177
|
panel: PropTypes.string,
|
|
198
178
|
colorPicker: PropTypes.string
|
|
199
179
|
}).isRequired,
|
|
200
|
-
|
|
201
180
|
/**
|
|
202
181
|
* If `true` the color picker starts opened if `false` it starts closed.
|
|
203
182
|
*/
|
|
204
183
|
expanded: PropTypes.bool,
|
|
205
|
-
|
|
206
184
|
/**
|
|
207
185
|
* When uncontrolled, defines the initial expanded state.
|
|
208
186
|
*/
|
|
209
187
|
defaultExpanded: PropTypes.bool,
|
|
210
|
-
|
|
211
188
|
/**
|
|
212
189
|
* The callback fired when the value changes.
|
|
213
190
|
*/
|
|
214
191
|
onChange: PropTypes.func,
|
|
215
|
-
|
|
216
192
|
/**
|
|
217
193
|
* The value color, in HEX format.
|
|
218
194
|
*/
|
|
219
195
|
value: PropTypes.string,
|
|
220
|
-
|
|
221
196
|
/**
|
|
222
197
|
* When uncontrolled, defines the initial value state.
|
|
223
198
|
*/
|
|
@@ -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","Boolean","isOpen","setIsOpen","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","Boolean","isOpen","setIsOpen","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,43 +1,39 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
2
|
import "core-js/modules/es.regexp.exec.js";
|
|
3
3
|
import "core-js/modules/es.string.replace.js";
|
|
4
|
-
|
|
5
4
|
/* eslint-disable no-param-reassign */
|
|
5
|
+
|
|
6
6
|
import React, { useEffect, useRef, useState } from "react";
|
|
7
7
|
import PropTypes from "prop-types";
|
|
8
8
|
import clsx from "clsx";
|
|
9
9
|
import * as color from "react-color/lib/helpers/color";
|
|
10
10
|
import { HvInput } from "@hitachivantara/uikit-react-core";
|
|
11
|
-
import useStyles from "./styles";
|
|
11
|
+
import useStyles from "./styles";
|
|
12
12
|
|
|
13
|
+
// eslint-disable-next-line react/prop-types
|
|
13
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
15
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
16
|
export var Fields = function Fields(_ref) {
|
|
16
17
|
var onChange = _ref.onChange,
|
|
17
|
-
|
|
18
|
-
|
|
18
|
+
rgb = _ref.rgb,
|
|
19
|
+
hex = _ref.hex;
|
|
19
20
|
var classes = useStyles();
|
|
20
|
-
|
|
21
21
|
var _useState = useState(hex),
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
23
|
+
internalHex = _useState2[0],
|
|
24
|
+
setInternalHex = _useState2[1];
|
|
26
25
|
var _useState3 = useState(rgb.r),
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
26
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
27
|
+
internalRed = _useState4[0],
|
|
28
|
+
setInternalRed = _useState4[1];
|
|
31
29
|
var _useState5 = useState(rgb.g),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
30
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
31
|
+
internalGreen = _useState6[0],
|
|
32
|
+
setInternalGreen = _useState6[1];
|
|
36
33
|
var _useState7 = useState(rgb.b),
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
34
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
35
|
+
internalBlue = _useState8[0],
|
|
36
|
+
setInternalBlue = _useState8[1];
|
|
41
37
|
var hexInputRef = useRef();
|
|
42
38
|
var redInputRef = useRef();
|
|
43
39
|
var greenInputRef = useRef();
|
|
@@ -51,16 +47,13 @@ export var Fields = function Fields(_ref) {
|
|
|
51
47
|
if (document.activeElement !== redInputRef.current) {
|
|
52
48
|
setInternalRed(rgb.r);
|
|
53
49
|
}
|
|
54
|
-
|
|
55
50
|
if (document.activeElement !== greenInputRef.current) {
|
|
56
51
|
setInternalGreen(rgb.g);
|
|
57
52
|
}
|
|
58
|
-
|
|
59
53
|
if (document.activeElement !== blueInputRef.current) {
|
|
60
54
|
setInternalBlue(rgb.b);
|
|
61
55
|
}
|
|
62
56
|
}, [rgb]);
|
|
63
|
-
|
|
64
57
|
var handleChange = function handleChange(data, e) {
|
|
65
58
|
if (data.hex && color.isValidHex(data.hex)) {
|
|
66
59
|
onChange({
|
|
@@ -76,14 +69,12 @@ export var Fields = function Fields(_ref) {
|
|
|
76
69
|
}, e);
|
|
77
70
|
}
|
|
78
71
|
};
|
|
79
|
-
|
|
80
72
|
var onChangeHex = function onChangeHex(_evt, value) {
|
|
81
73
|
setInternalHex(value);
|
|
82
74
|
handleChange({
|
|
83
75
|
hex: value
|
|
84
76
|
}, _evt);
|
|
85
77
|
};
|
|
86
|
-
|
|
87
78
|
var onChangeRbg = function onChangeRbg(_evt, value, colorPart) {
|
|
88
79
|
if (colorPart === "r") setInternalRed(value);
|
|
89
80
|
if (colorPart === "g") setInternalGreen(value);
|
|
@@ -94,7 +85,6 @@ export var Fields = function Fields(_ref) {
|
|
|
94
85
|
b: colorPart === "b" ? value : rgb.b
|
|
95
86
|
}, _evt);
|
|
96
87
|
};
|
|
97
|
-
|
|
98
88
|
return /*#__PURE__*/_jsxs("div", {
|
|
99
89
|
className: clsx(classes.fields),
|
|
100
90
|
children: [/*#__PURE__*/_jsx(HvInput, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fields.js","names":["React","useEffect","useRef","useState","PropTypes","clsx","color","HvInput","useStyles","Fields","onChange","rgb","hex","classes","internalHex","setInternalHex","r","internalRed","setInternalRed","g","internalGreen","setInternalGreen","b","internalBlue","setInternalBlue","hexInputRef","redInputRef","greenInputRef","blueInputRef","document","activeElement","current","handleChange","data","e","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","fields","double","replace","single","propTypes","shape","number","isRequired"],"sources":["../../../../src/ColorPicker/Fields/Fields.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport * as color from \"react-color/lib/helpers/color\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nexport const Fields = ({ onChange, rgb, hex }) => {\n const classes = useStyles();\n const [internalHex, setInternalHex] = useState(hex);\n const [internalRed, setInternalRed] = useState(rgb.r);\n const [internalGreen, setInternalGreen] = useState(rgb.g);\n const [internalBlue, setInternalBlue] = useState(rgb.b);\n\n const hexInputRef = useRef();\n const redInputRef = useRef();\n const greenInputRef = useRef();\n const blueInputRef = useRef();\n\n useEffect(() => {\n if (document.activeElement !== hexInputRef.current) {\n setInternalHex(hex);\n }\n }, [hex]);\n\n useEffect(() => {\n if (document.activeElement !== redInputRef.current) {\n setInternalRed(rgb.r);\n }\n\n if (document.activeElement !== greenInputRef.current) {\n setInternalGreen(rgb.g);\n }\n\n if (document.activeElement !== blueInputRef.current) {\n setInternalBlue(rgb.b);\n }\n }, [rgb]);\n\n const handleChange = (data, e) => {\n if (data.hex && color.isValidHex(data.hex)) {\n onChange(\n {\n hex: data.hex,\n source: \"hex\",\n },\n e\n );\n } else if (data.r || data.g || data.b) {\n onChange(\n {\n r: data.r || rgb.r,\n g: data.g || rgb.g,\n b: data.b || rgb.b,\n source: \"rgb\",\n },\n e\n );\n }\n };\n\n const onChangeHex = (_evt, value) => {\n setInternalHex(value);\n handleChange({ hex: value }, _evt);\n };\n\n const onChangeRbg = (_evt, value, colorPart) => {\n if (colorPart === \"r\") setInternalRed(value);\n if (colorPart === \"g\") setInternalGreen(value);\n if (colorPart === \"b\") setInternalBlue(value);\n handleChange(\n {\n r: colorPart === \"r\" ? value : rgb.r,\n g: colorPart === \"g\" ? value : rgb.g,\n b: colorPart === \"b\" ? value : rgb.b,\n },\n _evt\n );\n };\n\n return (\n <div className={clsx(classes.fields)}>\n <HvInput\n inputRef={hexInputRef}\n className={clsx(classes.double)}\n label=\"HEX\"\n value={internalHex.replace(\"#\", \"\")}\n onChange={onChangeHex}\n onBlur={() => setInternalHex(hex)}\n disableClear\n />\n <HvInput\n inputRef={redInputRef}\n className={clsx(classes.single)}\n label=\"R\"\n value={`${internalRed}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"r\")}\n onBlur={() => setInternalRed(rgb.r)}\n disableClear\n />\n <HvInput\n inputRef={greenInputRef}\n className={clsx(classes.single)}\n label=\"G\"\n value={`${internalGreen}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"g\")}\n onBlur={() => setInternalGreen(rgb.g)}\n disableClear\n />\n <HvInput\n inputRef={blueInputRef}\n className={clsx(classes.single)}\n label=\"B\"\n value={`${internalBlue}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"b\")}\n onBlur={() => setInternalBlue(rgb.b)}\n disableClear\n />\n </div>\n );\n};\n\nFields.propTypes = {\n rgb: PropTypes.shape({\n r: PropTypes.number,\n g: PropTypes.number,\n b: PropTypes.number,\n }).isRequired,\n};\n\nexport default Fields;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Fields.js","names":["React","useEffect","useRef","useState","PropTypes","clsx","color","HvInput","useStyles","Fields","onChange","rgb","hex","classes","internalHex","setInternalHex","r","internalRed","setInternalRed","g","internalGreen","setInternalGreen","b","internalBlue","setInternalBlue","hexInputRef","redInputRef","greenInputRef","blueInputRef","document","activeElement","current","handleChange","data","e","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","fields","double","replace","single","propTypes","shape","number","isRequired"],"sources":["../../../../src/ColorPicker/Fields/Fields.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport * as color from \"react-color/lib/helpers/color\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nexport const Fields = ({ onChange, rgb, hex }) => {\n const classes = useStyles();\n const [internalHex, setInternalHex] = useState(hex);\n const [internalRed, setInternalRed] = useState(rgb.r);\n const [internalGreen, setInternalGreen] = useState(rgb.g);\n const [internalBlue, setInternalBlue] = useState(rgb.b);\n\n const hexInputRef = useRef();\n const redInputRef = useRef();\n const greenInputRef = useRef();\n const blueInputRef = useRef();\n\n useEffect(() => {\n if (document.activeElement !== hexInputRef.current) {\n setInternalHex(hex);\n }\n }, [hex]);\n\n useEffect(() => {\n if (document.activeElement !== redInputRef.current) {\n setInternalRed(rgb.r);\n }\n\n if (document.activeElement !== greenInputRef.current) {\n setInternalGreen(rgb.g);\n }\n\n if (document.activeElement !== blueInputRef.current) {\n setInternalBlue(rgb.b);\n }\n }, [rgb]);\n\n const handleChange = (data, e) => {\n if (data.hex && color.isValidHex(data.hex)) {\n onChange(\n {\n hex: data.hex,\n source: \"hex\",\n },\n e\n );\n } else if (data.r || data.g || data.b) {\n onChange(\n {\n r: data.r || rgb.r,\n g: data.g || rgb.g,\n b: data.b || rgb.b,\n source: \"rgb\",\n },\n e\n );\n }\n };\n\n const onChangeHex = (_evt, value) => {\n setInternalHex(value);\n handleChange({ hex: value }, _evt);\n };\n\n const onChangeRbg = (_evt, value, colorPart) => {\n if (colorPart === \"r\") setInternalRed(value);\n if (colorPart === \"g\") setInternalGreen(value);\n if (colorPart === \"b\") setInternalBlue(value);\n handleChange(\n {\n r: colorPart === \"r\" ? value : rgb.r,\n g: colorPart === \"g\" ? value : rgb.g,\n b: colorPart === \"b\" ? value : rgb.b,\n },\n _evt\n );\n };\n\n return (\n <div className={clsx(classes.fields)}>\n <HvInput\n inputRef={hexInputRef}\n className={clsx(classes.double)}\n label=\"HEX\"\n value={internalHex.replace(\"#\", \"\")}\n onChange={onChangeHex}\n onBlur={() => setInternalHex(hex)}\n disableClear\n />\n <HvInput\n inputRef={redInputRef}\n className={clsx(classes.single)}\n label=\"R\"\n value={`${internalRed}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"r\")}\n onBlur={() => setInternalRed(rgb.r)}\n disableClear\n />\n <HvInput\n inputRef={greenInputRef}\n className={clsx(classes.single)}\n label=\"G\"\n value={`${internalGreen}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"g\")}\n onBlur={() => setInternalGreen(rgb.g)}\n disableClear\n />\n <HvInput\n inputRef={blueInputRef}\n className={clsx(classes.single)}\n label=\"B\"\n value={`${internalBlue}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"b\")}\n onBlur={() => setInternalBlue(rgb.b)}\n disableClear\n />\n </div>\n );\n};\n\nFields.propTypes = {\n rgb: PropTypes.shape({\n r: PropTypes.number,\n g: PropTypes.number,\n b: PropTypes.number,\n }).isRequired,\n};\n\nexport default Fields;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/ColorPicker/Fields/index.js"],"sourcesContent":["export { default } from \"./Fields\";\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/ColorPicker/Fields/index.js"],"sourcesContent":["export { default } from \"./Fields\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["makeStyles","styles","fields","width","display","paddingTop","paddingBottom","marginRight","single","paddingLeft","marginLeft","double","textTransform","paddingRight"],"sources":["../../../../src/ColorPicker/Fields/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n fields: {\n width: \"100%\",\n display: \"flex\",\n paddingTop: 10,\n paddingBottom: 20,\n marginRight: 5,\n },\n single: {\n width: 40,\n paddingLeft: 5,\n \"& input\": {\n marginLeft: 5,\n marginRight: 5,\n },\n \"& label\": {\n paddingLeft: 5,\n },\n },\n double: {\n width: 80,\n \"& input\": {\n textTransform: \"uppercase\",\n marginLeft: 5,\n marginRight: 5,\n },\n \"& label\": {\n paddingLeft: 5,\n },\n paddingRight: 20,\n },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"styles.js","names":["makeStyles","styles","fields","width","display","paddingTop","paddingBottom","marginRight","single","paddingLeft","marginLeft","double","textTransform","paddingRight"],"sources":["../../../../src/ColorPicker/Fields/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n fields: {\n width: \"100%\",\n display: \"flex\",\n paddingTop: 10,\n paddingBottom: 20,\n marginRight: 5,\n },\n single: {\n width: 40,\n paddingLeft: 5,\n \"& input\": {\n marginLeft: 5,\n marginRight: 5,\n },\n \"& label\": {\n paddingLeft: 5,\n },\n },\n double: {\n width: 80,\n \"& input\": {\n textTransform: \"uppercase\",\n marginLeft: 5,\n marginRight: 5,\n },\n \"& label\": {\n paddingLeft: 5,\n },\n paddingRight: 20,\n },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,IAAMC,MAAM,GAAGD,UAAU,CAAC;EAAA,OAAO;IAC/BE,MAAM,EAAE;MACNC,KAAK,EAAE,MAAM;MACbC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,EAAE;MACjBC,WAAW,EAAE;IACf,CAAC;IACDC,MAAM,EAAE;MACNL,KAAK,EAAE,EAAE;MACTM,WAAW,EAAE,CAAC;MACd,SAAS,EAAE;QACTC,UAAU,EAAE,CAAC;QACbH,WAAW,EAAE;MACf,CAAC;MACD,SAAS,EAAE;QACTE,WAAW,EAAE;MACf;IACF,CAAC;IACDE,MAAM,EAAE;MACNR,KAAK,EAAE,EAAE;MACT,SAAS,EAAE;QACTS,aAAa,EAAE,WAAW;QAC1BF,UAAU,EAAE,CAAC;QACbH,WAAW,EAAE;MACf,CAAC;MACD,SAAS,EAAE;QACTE,WAAW,EAAE;MACf,CAAC;MACDI,YAAY,EAAE;IAChB;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,eAAeZ,MAAM"}
|
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
/* eslint-disable no-param-reassign */
|
|
2
|
+
|
|
2
3
|
import clsx from "clsx";
|
|
3
4
|
import React, { useCallback } from "react";
|
|
4
5
|
import { Saturation, ColorWrap, Hue } from "react-color/lib/components/common";
|
|
5
6
|
import Fields from "../Fields";
|
|
6
|
-
import useStyles from "./styles";
|
|
7
|
+
import useStyles from "./styles";
|
|
7
8
|
|
|
9
|
+
// eslint-disable-next-line react/prop-types
|
|
8
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
11
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
12
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
11
|
-
|
|
12
13
|
var Picker = function Picker(_ref) {
|
|
13
14
|
var onChange = _ref.onChange,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
rgb = _ref.rgb,
|
|
16
|
+
hsl = _ref.hsl,
|
|
17
|
+
hsv = _ref.hsv,
|
|
18
|
+
hex = _ref.hex;
|
|
18
19
|
var classes = useStyles();
|
|
19
20
|
var SaturationPointer = useCallback(function () {
|
|
20
21
|
return /*#__PURE__*/_jsx("div", {
|
|
@@ -54,6 +55,5 @@ var Picker = function Picker(_ref) {
|
|
|
54
55
|
})]
|
|
55
56
|
});
|
|
56
57
|
};
|
|
57
|
-
|
|
58
58
|
export default ColorWrap(Picker);
|
|
59
59
|
//# sourceMappingURL=Picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Picker.js","names":["clsx","React","useCallback","Saturation","ColorWrap","Hue","Fields","useStyles","Picker","onChange","rgb","hsl","hsv","hex","classes","SaturationPointer","saturationPointer","HueSlider","hueSlider","pickers","saturation","hue"],"sources":["../../../../src/ColorPicker/Picker/Picker.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport clsx from \"clsx\";\nimport React, { useCallback } from \"react\";\nimport { Saturation, ColorWrap, Hue } from \"react-color/lib/components/common\";\n\nimport Fields from \"../Fields\";\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nconst Picker = ({ onChange, rgb, hsl, hsv, hex }) => {\n const classes = useStyles();\n\n const SaturationPointer = useCallback(\n () => <div className={clsx(classes.saturationPointer)} />,\n [classes.saturationPointer]\n );\n const HueSlider = useCallback(\n () => <div className={clsx(classes.hueSlider)} />,\n [classes.hueSlider]\n );\n\n return (\n <>\n <div className={clsx(classes.pickers)}>\n <div className={clsx(classes.saturation)}>\n <Saturation hsl={hsl} hsv={hsv} onChange={onChange} pointer={SaturationPointer} />\n </div>\n <div className={clsx(classes.hue)}>\n <Hue direction=\"vertical\" hsl={hsl} onChange={onChange} pointer={HueSlider} />\n </div>\n </div>\n <Fields rgb={rgb} hsl={hsl} hex={hex} onChange={onChange} />\n </>\n );\n};\n\nexport default ColorWrap(Picker);\n"],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"Picker.js","names":["clsx","React","useCallback","Saturation","ColorWrap","Hue","Fields","useStyles","Picker","onChange","rgb","hsl","hsv","hex","classes","SaturationPointer","saturationPointer","HueSlider","hueSlider","pickers","saturation","hue"],"sources":["../../../../src/ColorPicker/Picker/Picker.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport clsx from \"clsx\";\nimport React, { useCallback } from \"react\";\nimport { Saturation, ColorWrap, Hue } from \"react-color/lib/components/common\";\n\nimport Fields from \"../Fields\";\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nconst Picker = ({ onChange, rgb, hsl, hsv, hex }) => {\n const classes = useStyles();\n\n const SaturationPointer = useCallback(\n () => <div className={clsx(classes.saturationPointer)} />,\n [classes.saturationPointer]\n );\n const HueSlider = useCallback(\n () => <div className={clsx(classes.hueSlider)} />,\n [classes.hueSlider]\n );\n\n return (\n <>\n <div className={clsx(classes.pickers)}>\n <div className={clsx(classes.saturation)}>\n <Saturation hsl={hsl} hsv={hsv} onChange={onChange} pointer={SaturationPointer} />\n </div>\n <div className={clsx(classes.hue)}>\n <Hue direction=\"vertical\" hsl={hsl} onChange={onChange} pointer={HueSlider} />\n </div>\n </div>\n <Fields rgb={rgb} hsl={hsl} hex={hex} onChange={onChange} />\n </>\n );\n};\n\nexport default ColorWrap(Picker);\n"],"mappings":"AAAA;;AAEA,OAAOA,IAAI,MAAM,MAAM;AACvB,OAAOC,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,UAAU,EAAEC,SAAS,EAAEC,GAAG,QAAQ,mCAAmC;AAE9E,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,SAAS,MAAM,UAAU;;AAEhC;AAAA;AAAA;AAAA;AACA,IAAMC,MAAM,GAAG,SAATA,MAAM,OAAyC;EAAA,IAAnCC,QAAQ,QAARA,QAAQ;IAAEC,GAAG,QAAHA,GAAG;IAAEC,GAAG,QAAHA,GAAG;IAAEC,GAAG,QAAHA,GAAG;IAAEC,GAAG,QAAHA,GAAG;EAC5C,IAAMC,OAAO,GAAGP,SAAS,EAAE;EAE3B,IAAMQ,iBAAiB,GAAGb,WAAW,CACnC;IAAA,oBAAM;MAAK,SAAS,EAAEF,IAAI,CAACc,OAAO,CAACE,iBAAiB;IAAE,EAAG;EAAA,GACzD,CAACF,OAAO,CAACE,iBAAiB,CAAC,CAC5B;EACD,IAAMC,SAAS,GAAGf,WAAW,CAC3B;IAAA,oBAAM;MAAK,SAAS,EAAEF,IAAI,CAACc,OAAO,CAACI,SAAS;IAAE,EAAG;EAAA,GACjD,CAACJ,OAAO,CAACI,SAAS,CAAC,CACpB;EAED,oBACE;IAAA,wBACE;MAAK,SAAS,EAAElB,IAAI,CAACc,OAAO,CAACK,OAAO,CAAE;MAAA,wBACpC;QAAK,SAAS,EAAEnB,IAAI,CAACc,OAAO,CAACM,UAAU,CAAE;QAAA,uBACvC,KAAC,UAAU;UAAC,GAAG,EAAET,GAAI;UAAC,GAAG,EAAEC,GAAI;UAAC,QAAQ,EAAEH,QAAS;UAAC,OAAO,EAAEM;QAAkB;MAAG,EAC9E,eACN;QAAK,SAAS,EAAEf,IAAI,CAACc,OAAO,CAACO,GAAG,CAAE;QAAA,uBAChC,KAAC,GAAG;UAAC,SAAS,EAAC,UAAU;UAAC,GAAG,EAAEV,GAAI;UAAC,QAAQ,EAAEF,QAAS;UAAC,OAAO,EAAEQ;QAAU;MAAG,EAC1E;IAAA,EACF,eACN,KAAC,MAAM;MAAC,GAAG,EAAEP,GAAI;MAAC,GAAG,EAAEC,GAAI;MAAC,GAAG,EAAEE,GAAI;MAAC,QAAQ,EAAEJ;IAAS,EAAG;EAAA,EAC3D;AAEP,CAAC;AAED,eAAeL,SAAS,CAACI,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/ColorPicker/Picker/index.js"],"sourcesContent":["export { default } from \"./Picker\";\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/ColorPicker/Picker/index.js"],"sourcesContent":["export { default } from \"./Picker\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["makeStyles","styles","pickers","display","saturation","width","height","marginRight","position","overflow","saturationPointer","boxShadow","borderRadius","transform","sliders","padding","flex","hue","hueSlider","background","marginLeft","double"],"sources":["../../../../src/ColorPicker/Picker/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n pickers: {\n display: \"flex\",\n },\n saturation: {\n width: 180,\n height: 180,\n marginRight: 5,\n position: \"relative\",\n overflow: \"visible\",\n },\n saturationPointer: {\n width: \"6px\",\n height: \"6px\",\n boxShadow: `0 0 0 2px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n 0 0 1px 2px rgba(0,0,0,.4)`,\n borderRadius: \"50%\",\n transform: \"translate(-3px, -3px)\",\n },\n sliders: {\n padding: \"4px 0\",\n flex: \"1\",\n },\n hue: {\n width: 15,\n position: \"relative\",\n overflow: \"visible\",\n },\n hueSlider: {\n width: 12,\n height: 6,\n background: \"#fff\",\n boxShadow: \"0 0 2px rgb(0 0 0 / 60%)\",\n marginLeft: 1,\n borderRadius: \"1px\",\n transform: \"translate(0, -2px)\",\n },\n double: {\n flex: \"2\",\n },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"styles.js","names":["makeStyles","styles","pickers","display","saturation","width","height","marginRight","position","overflow","saturationPointer","boxShadow","borderRadius","transform","sliders","padding","flex","hue","hueSlider","background","marginLeft","double"],"sources":["../../../../src/ColorPicker/Picker/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n pickers: {\n display: \"flex\",\n },\n saturation: {\n width: 180,\n height: 180,\n marginRight: 5,\n position: \"relative\",\n overflow: \"visible\",\n },\n saturationPointer: {\n width: \"6px\",\n height: \"6px\",\n boxShadow: `0 0 0 2px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n 0 0 1px 2px rgba(0,0,0,.4)`,\n borderRadius: \"50%\",\n transform: \"translate(-3px, -3px)\",\n },\n sliders: {\n padding: \"4px 0\",\n flex: \"1\",\n },\n hue: {\n width: 15,\n position: \"relative\",\n overflow: \"visible\",\n },\n hueSlider: {\n width: 12,\n height: 6,\n background: \"#fff\",\n boxShadow: \"0 0 2px rgb(0 0 0 / 60%)\",\n marginLeft: 1,\n borderRadius: \"1px\",\n transform: \"translate(0, -2px)\",\n },\n double: {\n flex: \"2\",\n },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,IAAMC,MAAM,GAAGD,UAAU,CAAC;EAAA,OAAO;IAC/BE,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,UAAU,EAAE;MACVC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,GAAG;MACXC,WAAW,EAAE,CAAC;MACdC,QAAQ,EAAE,UAAU;MACpBC,QAAQ,EAAE;IACZ,CAAC;IACDC,iBAAiB,EAAE;MACjBL,KAAK,EAAE,KAAK;MACZC,MAAM,EAAE,KAAK;MACbK,SAAS,6FAC0B;MACnCC,YAAY,EAAE,KAAK;MACnBC,SAAS,EAAE;IACb,CAAC;IACDC,OAAO,EAAE;MACPC,OAAO,EAAE,OAAO;MAChBC,IAAI,EAAE;IACR,CAAC;IACDC,GAAG,EAAE;MACHZ,KAAK,EAAE,EAAE;MACTG,QAAQ,EAAE,UAAU;MACpBC,QAAQ,EAAE;IACZ,CAAC;IACDS,SAAS,EAAE;MACTb,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,CAAC;MACTa,UAAU,EAAE,MAAM;MAClBR,SAAS,EAAE,0BAA0B;MACrCS,UAAU,EAAE,CAAC;MACbR,YAAY,EAAE,KAAK;MACnBC,SAAS,EAAE;IACb,CAAC;IACDQ,MAAM,EAAE;MACNL,IAAI,EAAE;IACR;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,eAAef,MAAM"}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
-
|
|
3
2
|
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; }
|
|
4
|
-
|
|
5
3
|
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; }
|
|
6
|
-
|
|
7
4
|
import "core-js/modules/es.array.map.js";
|
|
8
5
|
import "core-js/modules/es.array.concat.js";
|
|
9
6
|
import "core-js/modules/es.object.keys.js";
|
|
@@ -20,17 +17,15 @@ import useStyles from "./styles";
|
|
|
20
17
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
21
18
|
export var SketchPresetColors = function SketchPresetColors(_ref) {
|
|
22
19
|
var colors = _ref.colors,
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
_ref$onClick = _ref.onClick,
|
|
21
|
+
onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
|
|
25
22
|
var classes = useStyles();
|
|
26
|
-
|
|
27
23
|
var handleClick = function handleClick(hex, e) {
|
|
28
24
|
onClick({
|
|
29
25
|
hex: hex,
|
|
30
26
|
source: "hex"
|
|
31
27
|
}, e);
|
|
32
28
|
};
|
|
33
|
-
|
|
34
29
|
return /*#__PURE__*/_jsx("div", {
|
|
35
30
|
className: classes.colors,
|
|
36
31
|
children: colors.map(function (colorObjOrString) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PresetColors.js","names":["React","PropTypes","Swatch","useStyles","SketchPresetColors","colors","onClick","classes","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"sources":["../../../../src/ColorPicker/PresetColors/PresetColors.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n const classes = useStyles();\n\n const handleClick = (hex, e) => {\n onClick(\n {\n hex,\n source: \"hex\",\n },\n e\n );\n };\n\n return (\n <div className={classes.colors}>\n {colors.map((colorObjOrString) => {\n const c =\n typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n const key = `${c.color}${c.title || \"\"}`;\n return (\n <div key={key} className={classes.swatchWrap}>\n <Swatch\n {...c}\n className={classes.swatch}\n onClick={handleClick}\n focusStyle={{\n boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n }}\n />\n </div>\n );\n })}\n </div>\n );\n};\n\nSketchPresetColors.propTypes = {\n colors: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({\n color: PropTypes.string,\n title: PropTypes.string,\n }),\n ])\n ).isRequired,\n onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PresetColors.js","names":["React","PropTypes","Swatch","useStyles","SketchPresetColors","colors","onClick","classes","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"sources":["../../../../src/ColorPicker/PresetColors/PresetColors.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n const classes = useStyles();\n\n const handleClick = (hex, e) => {\n onClick(\n {\n hex,\n source: \"hex\",\n },\n e\n );\n };\n\n return (\n <div className={classes.colors}>\n {colors.map((colorObjOrString) => {\n const c =\n typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n const key = `${c.color}${c.title || \"\"}`;\n return (\n <div key={key} className={classes.swatchWrap}>\n <Swatch\n {...c}\n className={classes.swatch}\n onClick={handleClick}\n focusStyle={{\n boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n }}\n />\n </div>\n );\n })}\n </div>\n );\n};\n\nSketchPresetColors.propTypes = {\n colors: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({\n color: PropTypes.string,\n title: PropTypes.string,\n }),\n ])\n ).isRequired,\n onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,MAAM,QAAQ,mCAAmC;AAE1D,OAAOC,SAAS,MAAM,UAAU;AAAC;AAEjC,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAuC;EAAA,IAAjCC,MAAM,QAANA,MAAM;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;EAC7D,IAAMC,OAAO,GAAGJ,SAAS,EAAE;EAE3B,IAAMK,WAAW,GAAG,SAAdA,WAAW,CAAIC,GAAG,EAAEC,CAAC,EAAK;IAC9BJ,OAAO,CACL;MACEG,GAAG,EAAHA,GAAG;MACHE,MAAM,EAAE;IACV,CAAC,EACDD,CAAC,CACF;EACH,CAAC;EAED,oBACE;IAAK,SAAS,EAAEH,OAAO,CAACF,MAAO;IAAA,UAC5BA,MAAM,CAACO,GAAG,CAAC,UAACC,gBAAgB,EAAK;MAChC,IAAMC,CAAC,GACL,OAAOD,gBAAgB,KAAK,QAAQ,GAAG;QAAEE,KAAK,EAAEF;MAAiB,CAAC,GAAGA,gBAAgB;MACvF,IAAMG,GAAG,aAAMF,CAAC,CAACC,KAAK,SAAGD,CAAC,CAACG,KAAK,IAAI,EAAE,CAAE;MACxC,oBACE;QAAe,SAAS,EAAEV,OAAO,CAACW,UAAW;QAAA,uBAC3C,KAAC,MAAM,kCACDJ,CAAC;UACL,SAAS,EAAEP,OAAO,CAACY,MAAO;UAC1B,OAAO,EAAEX,WAAY;UACrB,UAAU,EAAE;YACVY,SAAS,qDAA8CN,CAAC,CAACC,KAAK;UAChE;QAAE;MACF,GARMC,GAAG,CASP;IAEV,CAAC;EAAC,EACE;AAEV,CAAC;AAED,wCAAAZ,kBAAkB,CAACiB,SAAS,GAAG;EAC7BhB,MAAM,EAAEJ,SAAS,CAACqB,OAAO,CACvBrB,SAAS,CAACsB,SAAS,CAAC,CAClBtB,SAAS,CAACuB,MAAM,EAChBvB,SAAS,CAACwB,KAAK,CAAC;IACdV,KAAK,EAAEd,SAAS,CAACuB,MAAM;IACvBP,KAAK,EAAEhB,SAAS,CAACuB;EACnB,CAAC,CAAC,CACH,CAAC,CACH,CAACE,UAAU;EACZpB,OAAO,EAAEL,SAAS,CAAC0B,IAAI,CAACD;AAC1B,CAAC;AAED,eAAetB,kBAAkB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/ColorPicker/PresetColors/index.js"],"sourcesContent":["export { default } from \"./PresetColors\";\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/ColorPicker/PresetColors/index.js"],"sourcesContent":["export { default } from \"./PresetColors\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["makeStyles","styles","colors","display","flexWrap","position","width","margin","padding","swatchWrap","height","swatch","borderRadius","boxShadow"],"sources":["../../../../src/ColorPicker/PresetColors/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n colors: {\n display: \"flex\",\n flexWrap: \"wrap\",\n position: \"relative\",\n width: \"calc(100% + 5px)\",\n margin: \"-5px -3px\",\n padding: 0,\n },\n swatchWrap: {\n width: \"16px\",\n height: \"16px\",\n margin: 5,\n },\n swatch: {\n borderRadius: \"3px\",\n boxShadow: \"inset 0 0 0 1px rgba(0,0,0,.15)\",\n },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"styles.js","names":["makeStyles","styles","colors","display","flexWrap","position","width","margin","padding","swatchWrap","height","swatch","borderRadius","boxShadow"],"sources":["../../../../src/ColorPicker/PresetColors/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n colors: {\n display: \"flex\",\n flexWrap: \"wrap\",\n position: \"relative\",\n width: \"calc(100% + 5px)\",\n margin: \"-5px -3px\",\n padding: 0,\n },\n swatchWrap: {\n width: \"16px\",\n height: \"16px\",\n margin: 5,\n },\n swatch: {\n borderRadius: \"3px\",\n boxShadow: \"inset 0 0 0 1px rgba(0,0,0,.15)\",\n },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,IAAMC,MAAM,GAAGD,UAAU,CAAC;EAAA,OAAO;IAC/BE,MAAM,EAAE;MACNC,OAAO,EAAE,MAAM;MACfC,QAAQ,EAAE,MAAM;MAChBC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,kBAAkB;MACzBC,MAAM,EAAE,WAAW;MACnBC,OAAO,EAAE;IACX,CAAC;IACDC,UAAU,EAAE;MACVH,KAAK,EAAE,MAAM;MACbI,MAAM,EAAE,MAAM;MACdH,MAAM,EAAE;IACV,CAAC;IACDI,MAAM,EAAE;MACNC,YAAY,EAAE,KAAK;MACnBC,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,eAAeZ,MAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/ColorPicker/index.js"],"sourcesContent":["export { default } from \"./ColorPicker\";\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/ColorPicker/index.js"],"sourcesContent":["export { default } from \"./ColorPicker\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe"}
|