@hitachivantara/uikit-react-lab 2.6.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2334 -0
- package/LICENSE.txt +201 -0
- package/README.md +11 -0
- package/dist/AppSwitcherPanel/Action/Action.d.ts +67 -0
- package/dist/AppSwitcherPanel/Action/Action.js +255 -0
- package/dist/AppSwitcherPanel/Action/Action.js.map +1 -0
- package/dist/AppSwitcherPanel/Action/index.d.ts +2 -0
- package/dist/AppSwitcherPanel/Action/index.js +21 -0
- package/dist/AppSwitcherPanel/Action/index.js.map +1 -0
- package/dist/AppSwitcherPanel/Action/styles.js +91 -0
- package/dist/AppSwitcherPanel/Action/styles.js.map +1 -0
- package/dist/AppSwitcherPanel/AppSwitcherPanel.d.ts +50 -0
- package/dist/AppSwitcherPanel/AppSwitcherPanel.js +230 -0
- package/dist/AppSwitcherPanel/AppSwitcherPanel.js.map +1 -0
- package/dist/AppSwitcherPanel/index.d.ts +2 -0
- package/dist/AppSwitcherPanel/index.js +21 -0
- package/dist/AppSwitcherPanel/index.js.map +1 -0
- package/dist/AppSwitcherPanel/styles.js +83 -0
- package/dist/AppSwitcherPanel/styles.js.map +1 -0
- package/dist/CodeEditor/CodeEditor.d.ts +14 -0
- package/dist/CodeEditor/CodeEditor.js +144 -0
- package/dist/CodeEditor/CodeEditor.js.map +1 -0
- package/dist/CodeEditor/index.d.ts +2 -0
- package/dist/CodeEditor/index.js +16 -0
- package/dist/CodeEditor/index.js.map +1 -0
- package/dist/CodeEditor/styles.js +53 -0
- package/dist/CodeEditor/styles.js.map +1 -0
- package/dist/Footer/Footer.d.ts +12 -0
- package/dist/Footer/Footer.js +67 -0
- package/dist/Footer/Footer.js.map +1 -0
- package/dist/Footer/index.d.ts +2 -0
- package/dist/Footer/index.js +16 -0
- package/dist/Footer/index.js.map +1 -0
- package/dist/Footer/styles.js +54 -0
- package/dist/Footer/styles.js.map +1 -0
- package/dist/FormComposer/FormComposer.d.ts +41 -0
- package/dist/FormComposer/FormComposer.js +258 -0
- package/dist/FormComposer/FormComposer.js.map +1 -0
- package/dist/FormComposer/index.d.ts +2 -0
- package/dist/FormComposer/index.js +16 -0
- package/dist/FormComposer/index.js.map +1 -0
- package/dist/FormComposer/styles.js +39 -0
- package/dist/FormComposer/styles.js.map +1 -0
- package/dist/Loading/Loading.d.ts +32 -0
- package/dist/Loading/Loading.js +89 -0
- package/dist/Loading/Loading.js.map +1 -0
- package/dist/Loading/LoadingWithDelay.d.ts +12 -0
- package/dist/Loading/LoadingWithDelay.js +135 -0
- package/dist/Loading/LoadingWithDelay.js.map +1 -0
- package/dist/Loading/index.d.ts +2 -0
- package/dist/Loading/index.js +16 -0
- package/dist/Loading/index.js.map +1 -0
- package/dist/Loading/styles.js +85 -0
- package/dist/Loading/styles.js.map +1 -0
- package/dist/NavigationAnchors/NavigationAnchors.d.ts +46 -0
- package/dist/NavigationAnchors/NavigationAnchors.js +297 -0
- package/dist/NavigationAnchors/NavigationAnchors.js.map +1 -0
- package/dist/NavigationAnchors/index.d.ts +2 -0
- package/dist/NavigationAnchors/index.js +16 -0
- package/dist/NavigationAnchors/index.js.map +1 -0
- package/dist/NavigationAnchors/styles.js +87 -0
- package/dist/NavigationAnchors/styles.js.map +1 -0
- package/dist/NotificationPanel/Notification/Notification.js +153 -0
- package/dist/NotificationPanel/Notification/Notification.js.map +1 -0
- package/dist/NotificationPanel/Notification/index.js +21 -0
- package/dist/NotificationPanel/Notification/index.js.map +1 -0
- package/dist/NotificationPanel/Notification/styles.js +73 -0
- package/dist/NotificationPanel/Notification/styles.js.map +1 -0
- package/dist/NotificationPanel/NotificationPanel.d.ts +49 -0
- package/dist/NotificationPanel/NotificationPanel.js +219 -0
- package/dist/NotificationPanel/NotificationPanel.js.map +1 -0
- package/dist/NotificationPanel/Panel/Panel.js +202 -0
- package/dist/NotificationPanel/Panel/Panel.js.map +1 -0
- package/dist/NotificationPanel/Panel/index.js +21 -0
- package/dist/NotificationPanel/Panel/index.js.map +1 -0
- package/dist/NotificationPanel/Panel/styles.js +84 -0
- package/dist/NotificationPanel/Panel/styles.js.map +1 -0
- package/dist/NotificationPanel/index.d.ts +2 -0
- package/dist/NotificationPanel/index.js +16 -0
- package/dist/NotificationPanel/index.js.map +1 -0
- package/dist/NotificationPanel/styles.js +16 -0
- package/dist/NotificationPanel/styles.js.map +1 -0
- package/dist/Slider/KnobRing/KnobRing.js +26 -0
- package/dist/Slider/KnobRing/KnobRing.js.map +1 -0
- package/dist/Slider/KnobRing/index.js +19 -0
- package/dist/Slider/KnobRing/index.js.map +1 -0
- package/dist/Slider/KnobRing/styles.js +40 -0
- package/dist/Slider/KnobRing/styles.js.map +1 -0
- package/dist/Slider/Slider.d.ts +133 -0
- package/dist/Slider/Slider.js +607 -0
- package/dist/Slider/Slider.js.map +1 -0
- package/dist/Slider/index.d.ts +2 -0
- package/dist/Slider/index.js +16 -0
- package/dist/Slider/index.js.map +1 -0
- package/dist/Slider/styles.js +125 -0
- package/dist/Slider/styles.js.map +1 -0
- package/dist/TimePicker/PeriodPicker/PeriodPicker.js +128 -0
- package/dist/TimePicker/PeriodPicker/PeriodPicker.js.map +1 -0
- package/dist/TimePicker/PeriodPicker/index.js +21 -0
- package/dist/TimePicker/PeriodPicker/index.js.map +1 -0
- package/dist/TimePicker/PeriodPicker/styles.js +63 -0
- package/dist/TimePicker/PeriodPicker/styles.js.map +1 -0
- package/dist/TimePicker/TimePicker.d.ts +77 -0
- package/dist/TimePicker/TimePicker.js +425 -0
- package/dist/TimePicker/TimePicker.js.map +1 -0
- package/dist/TimePicker/UnitTimePicker/UnitTimePicker.js +225 -0
- package/dist/TimePicker/UnitTimePicker/UnitTimePicker.js.map +1 -0
- package/dist/TimePicker/UnitTimePicker/index.js +21 -0
- package/dist/TimePicker/UnitTimePicker/index.js.map +1 -0
- package/dist/TimePicker/UnitTimePicker/styles.js +80 -0
- package/dist/TimePicker/UnitTimePicker/styles.js.map +1 -0
- package/dist/TimePicker/enums.js +40 -0
- package/dist/TimePicker/enums.js.map +1 -0
- package/dist/TimePicker/index.d.ts +2 -0
- package/dist/TimePicker/index.js +16 -0
- package/dist/TimePicker/index.js.map +1 -0
- package/dist/TimePicker/styles.js +113 -0
- package/dist/TimePicker/styles.js.map +1 -0
- package/dist/TimePicker/timePickerConverter.js +90 -0
- package/dist/TimePicker/timePickerConverter.js.map +1 -0
- package/dist/TimePicker/timePickerFormatter.js +77 -0
- package/dist/TimePicker/timePickerFormatter.js.map +1 -0
- package/dist/TimePicker/timePickerUtils.js +36 -0
- package/dist/TimePicker/timePickerUtils.js.map +1 -0
- package/dist/index.d.ts +26 -0
- package/dist/index.js +80 -0
- package/dist/index.js.map +1 -0
- package/dist/legacy/AppSwitcherPanel/Action/Action.d.ts +67 -0
- package/dist/legacy/AppSwitcherPanel/Action/Action.js +214 -0
- package/dist/legacy/AppSwitcherPanel/Action/Action.js.map +1 -0
- package/dist/legacy/AppSwitcherPanel/Action/index.d.ts +2 -0
- package/dist/legacy/AppSwitcherPanel/Action/index.js +7 -0
- package/dist/legacy/AppSwitcherPanel/Action/index.js.map +1 -0
- package/dist/legacy/AppSwitcherPanel/Action/styles.js +83 -0
- package/dist/legacy/AppSwitcherPanel/Action/styles.js.map +1 -0
- package/dist/legacy/AppSwitcherPanel/AppSwitcherPanel.d.ts +50 -0
- package/dist/legacy/AppSwitcherPanel/AppSwitcherPanel.js +195 -0
- package/dist/legacy/AppSwitcherPanel/AppSwitcherPanel.js.map +1 -0
- package/dist/legacy/AppSwitcherPanel/index.d.ts +2 -0
- package/dist/legacy/AppSwitcherPanel/index.js +7 -0
- package/dist/legacy/AppSwitcherPanel/index.js.map +1 -0
- package/dist/legacy/AppSwitcherPanel/styles.js +65 -0
- package/dist/legacy/AppSwitcherPanel/styles.js.map +1 -0
- package/dist/legacy/CodeEditor/CodeEditor.d.ts +14 -0
- package/dist/legacy/CodeEditor/CodeEditor.js +114 -0
- package/dist/legacy/CodeEditor/CodeEditor.js.map +1 -0
- package/dist/legacy/CodeEditor/index.d.ts +2 -0
- package/dist/legacy/CodeEditor/index.js +2 -0
- package/dist/legacy/CodeEditor/index.js.map +1 -0
- package/dist/legacy/CodeEditor/styles.js +45 -0
- package/dist/legacy/CodeEditor/styles.js.map +1 -0
- package/dist/legacy/Footer/Footer.d.ts +12 -0
- package/dist/legacy/Footer/Footer.js +51 -0
- package/dist/legacy/Footer/Footer.js.map +1 -0
- package/dist/legacy/Footer/index.d.ts +2 -0
- package/dist/legacy/Footer/index.js +2 -0
- package/dist/legacy/Footer/index.js.map +1 -0
- package/dist/legacy/Footer/styles.js +44 -0
- package/dist/legacy/Footer/styles.js.map +1 -0
- package/dist/legacy/FormComposer/FormComposer.d.ts +41 -0
- package/dist/legacy/FormComposer/FormComposer.js +218 -0
- package/dist/legacy/FormComposer/FormComposer.js.map +1 -0
- package/dist/legacy/FormComposer/index.d.ts +2 -0
- package/dist/legacy/FormComposer/index.js +2 -0
- package/dist/legacy/FormComposer/index.js.map +1 -0
- package/dist/legacy/FormComposer/styles.js +31 -0
- package/dist/legacy/FormComposer/styles.js.map +1 -0
- package/dist/legacy/Loading/Loading.d.ts +32 -0
- package/dist/legacy/Loading/Loading.js +71 -0
- package/dist/legacy/Loading/Loading.js.map +1 -0
- package/dist/legacy/Loading/LoadingWithDelay.d.ts +12 -0
- package/dist/legacy/Loading/LoadingWithDelay.js +97 -0
- package/dist/legacy/Loading/LoadingWithDelay.js.map +1 -0
- package/dist/legacy/Loading/index.d.ts +2 -0
- package/dist/legacy/Loading/index.js +2 -0
- package/dist/legacy/Loading/index.js.map +1 -0
- package/dist/legacy/Loading/styles.js +78 -0
- package/dist/legacy/Loading/styles.js.map +1 -0
- package/dist/legacy/NavigationAnchors/NavigationAnchors.d.ts +46 -0
- package/dist/legacy/NavigationAnchors/NavigationAnchors.js +275 -0
- package/dist/legacy/NavigationAnchors/NavigationAnchors.js.map +1 -0
- package/dist/legacy/NavigationAnchors/index.d.ts +2 -0
- package/dist/legacy/NavigationAnchors/index.js +2 -0
- package/dist/legacy/NavigationAnchors/index.js.map +1 -0
- package/dist/legacy/NavigationAnchors/styles.js +70 -0
- package/dist/legacy/NavigationAnchors/styles.js.map +1 -0
- package/dist/legacy/NotificationPanel/Notification/Notification.js +119 -0
- package/dist/legacy/NotificationPanel/Notification/Notification.js.map +1 -0
- package/dist/legacy/NotificationPanel/Notification/index.js +7 -0
- package/dist/legacy/NotificationPanel/Notification/index.js.map +1 -0
- package/dist/legacy/NotificationPanel/Notification/styles.js +56 -0
- package/dist/legacy/NotificationPanel/Notification/styles.js.map +1 -0
- package/dist/legacy/NotificationPanel/NotificationPanel.d.ts +49 -0
- package/dist/legacy/NotificationPanel/NotificationPanel.js +182 -0
- package/dist/legacy/NotificationPanel/NotificationPanel.js.map +1 -0
- package/dist/legacy/NotificationPanel/Panel/Panel.js +166 -0
- package/dist/legacy/NotificationPanel/Panel/Panel.js.map +1 -0
- package/dist/legacy/NotificationPanel/Panel/index.js +7 -0
- package/dist/legacy/NotificationPanel/Panel/index.js.map +1 -0
- package/dist/legacy/NotificationPanel/Panel/styles.js +66 -0
- package/dist/legacy/NotificationPanel/Panel/styles.js.map +1 -0
- package/dist/legacy/NotificationPanel/index.d.ts +2 -0
- package/dist/legacy/NotificationPanel/index.js +2 -0
- package/dist/legacy/NotificationPanel/index.js.map +1 -0
- package/dist/legacy/NotificationPanel/styles.js +9 -0
- package/dist/legacy/NotificationPanel/styles.js.map +1 -0
- package/dist/legacy/Slider/KnobRing/KnobRing.js +15 -0
- package/dist/legacy/Slider/KnobRing/KnobRing.js.map +1 -0
- package/dist/legacy/Slider/KnobRing/index.js +5 -0
- package/dist/legacy/Slider/KnobRing/index.js.map +1 -0
- package/dist/legacy/Slider/KnobRing/styles.js +32 -0
- package/dist/legacy/Slider/KnobRing/styles.js.map +1 -0
- package/dist/legacy/Slider/Slider.d.ts +133 -0
- package/dist/legacy/Slider/Slider.js +583 -0
- package/dist/legacy/Slider/Slider.js.map +1 -0
- package/dist/legacy/Slider/index.d.ts +2 -0
- package/dist/legacy/Slider/index.js +2 -0
- package/dist/legacy/Slider/index.js.map +1 -0
- package/dist/legacy/Slider/styles.js +108 -0
- package/dist/legacy/Slider/styles.js.map +1 -0
- package/dist/legacy/TimePicker/PeriodPicker/PeriodPicker.js +110 -0
- package/dist/legacy/TimePicker/PeriodPicker/PeriodPicker.js.map +1 -0
- package/dist/legacy/TimePicker/PeriodPicker/index.js +7 -0
- package/dist/legacy/TimePicker/PeriodPicker/index.js.map +1 -0
- package/dist/legacy/TimePicker/PeriodPicker/styles.js +46 -0
- package/dist/legacy/TimePicker/PeriodPicker/styles.js.map +1 -0
- package/dist/legacy/TimePicker/TimePicker.d.ts +77 -0
- package/dist/legacy/TimePicker/TimePicker.js +402 -0
- package/dist/legacy/TimePicker/TimePicker.js.map +1 -0
- package/dist/legacy/TimePicker/UnitTimePicker/UnitTimePicker.js +207 -0
- package/dist/legacy/TimePicker/UnitTimePicker/UnitTimePicker.js.map +1 -0
- package/dist/legacy/TimePicker/UnitTimePicker/index.js +7 -0
- package/dist/legacy/TimePicker/UnitTimePicker/index.js.map +1 -0
- package/dist/legacy/TimePicker/UnitTimePicker/styles.js +63 -0
- package/dist/legacy/TimePicker/UnitTimePicker/styles.js.map +1 -0
- package/dist/legacy/TimePicker/enums.js +32 -0
- package/dist/legacy/TimePicker/enums.js.map +1 -0
- package/dist/legacy/TimePicker/index.d.ts +2 -0
- package/dist/legacy/TimePicker/index.js +2 -0
- package/dist/legacy/TimePicker/index.js.map +1 -0
- package/dist/legacy/TimePicker/styles.js +96 -0
- package/dist/legacy/TimePicker/styles.js.map +1 -0
- package/dist/legacy/TimePicker/timePickerConverter.js +71 -0
- package/dist/legacy/TimePicker/timePickerConverter.js.map +1 -0
- package/dist/legacy/TimePicker/timePickerFormatter.js +63 -0
- package/dist/legacy/TimePicker/timePickerFormatter.js.map +1 -0
- package/dist/legacy/TimePicker/timePickerUtils.js +27 -0
- package/dist/legacy/TimePicker/timePickerUtils.js.map +1 -0
- package/dist/legacy/index.d.ts +26 -0
- package/dist/legacy/index.js +11 -0
- package/dist/legacy/index.js.map +1 -0
- package/dist/legacy/withStyleProps/WithStyleProps.js +14 -0
- package/dist/legacy/withStyleProps/WithStyleProps.js.map +1 -0
- package/dist/legacy/withStyleProps/index.js +2 -0
- package/dist/legacy/withStyleProps/index.js.map +1 -0
- package/dist/modern/AppSwitcherPanel/Action/Action.d.ts +67 -0
- package/dist/modern/AppSwitcherPanel/Action/Action.js +177 -0
- package/dist/modern/AppSwitcherPanel/Action/Action.js.map +1 -0
- package/dist/modern/AppSwitcherPanel/Action/index.d.ts +2 -0
- package/dist/modern/AppSwitcherPanel/Action/index.js +7 -0
- package/dist/modern/AppSwitcherPanel/Action/index.js.map +1 -0
- package/dist/modern/AppSwitcherPanel/Action/styles.js +77 -0
- package/dist/modern/AppSwitcherPanel/Action/styles.js.map +1 -0
- package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.d.ts +50 -0
- package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.js +167 -0
- package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.js.map +1 -0
- package/dist/modern/AppSwitcherPanel/index.d.ts +2 -0
- package/dist/modern/AppSwitcherPanel/index.js +7 -0
- package/dist/modern/AppSwitcherPanel/index.js.map +1 -0
- package/dist/modern/AppSwitcherPanel/styles.js +55 -0
- package/dist/modern/AppSwitcherPanel/styles.js.map +1 -0
- package/dist/modern/CodeEditor/CodeEditor.d.ts +14 -0
- package/dist/modern/CodeEditor/CodeEditor.js +109 -0
- package/dist/modern/CodeEditor/CodeEditor.js.map +1 -0
- package/dist/modern/CodeEditor/index.d.ts +2 -0
- package/dist/modern/CodeEditor/index.js +2 -0
- package/dist/modern/CodeEditor/index.js.map +1 -0
- package/dist/modern/CodeEditor/styles.js +43 -0
- package/dist/modern/CodeEditor/styles.js.map +1 -0
- package/dist/modern/Footer/Footer.d.ts +12 -0
- package/dist/modern/Footer/Footer.js +51 -0
- package/dist/modern/Footer/Footer.js.map +1 -0
- package/dist/modern/Footer/index.d.ts +2 -0
- package/dist/modern/Footer/index.js +2 -0
- package/dist/modern/Footer/index.js.map +1 -0
- package/dist/modern/Footer/styles.js +43 -0
- package/dist/modern/Footer/styles.js.map +1 -0
- package/dist/modern/FormComposer/FormComposer.d.ts +41 -0
- package/dist/modern/FormComposer/FormComposer.js +183 -0
- package/dist/modern/FormComposer/FormComposer.js.map +1 -0
- package/dist/modern/FormComposer/index.d.ts +2 -0
- package/dist/modern/FormComposer/index.js +2 -0
- package/dist/modern/FormComposer/index.js.map +1 -0
- package/dist/modern/FormComposer/styles.js +29 -0
- package/dist/modern/FormComposer/styles.js.map +1 -0
- package/dist/modern/Loading/Loading.d.ts +32 -0
- package/dist/modern/Loading/Loading.js +72 -0
- package/dist/modern/Loading/Loading.js.map +1 -0
- package/dist/modern/Loading/LoadingWithDelay.d.ts +12 -0
- package/dist/modern/Loading/LoadingWithDelay.js +92 -0
- package/dist/modern/Loading/LoadingWithDelay.js.map +1 -0
- package/dist/modern/Loading/index.d.ts +2 -0
- package/dist/modern/Loading/index.js +2 -0
- package/dist/modern/Loading/index.js.map +1 -0
- package/dist/modern/Loading/styles.js +76 -0
- package/dist/modern/Loading/styles.js.map +1 -0
- package/dist/modern/NavigationAnchors/NavigationAnchors.d.ts +46 -0
- package/dist/modern/NavigationAnchors/NavigationAnchors.js +243 -0
- package/dist/modern/NavigationAnchors/NavigationAnchors.js.map +1 -0
- package/dist/modern/NavigationAnchors/index.d.ts +2 -0
- package/dist/modern/NavigationAnchors/index.js +2 -0
- package/dist/modern/NavigationAnchors/index.js.map +1 -0
- package/dist/modern/NavigationAnchors/styles.js +61 -0
- package/dist/modern/NavigationAnchors/styles.js.map +1 -0
- package/dist/modern/NotificationPanel/Notification/Notification.js +90 -0
- package/dist/modern/NotificationPanel/Notification/Notification.js.map +1 -0
- package/dist/modern/NotificationPanel/Notification/index.js +7 -0
- package/dist/modern/NotificationPanel/Notification/index.js.map +1 -0
- package/dist/modern/NotificationPanel/Notification/styles.js +45 -0
- package/dist/modern/NotificationPanel/Notification/styles.js.map +1 -0
- package/dist/modern/NotificationPanel/NotificationPanel.d.ts +49 -0
- package/dist/modern/NotificationPanel/NotificationPanel.js +153 -0
- package/dist/modern/NotificationPanel/NotificationPanel.js.map +1 -0
- package/dist/modern/NotificationPanel/Panel/Panel.js +133 -0
- package/dist/modern/NotificationPanel/Panel/Panel.js.map +1 -0
- package/dist/modern/NotificationPanel/Panel/index.js +7 -0
- package/dist/modern/NotificationPanel/Panel/index.js.map +1 -0
- package/dist/modern/NotificationPanel/Panel/styles.js +56 -0
- package/dist/modern/NotificationPanel/Panel/styles.js.map +1 -0
- package/dist/modern/NotificationPanel/index.d.ts +2 -0
- package/dist/modern/NotificationPanel/index.js +2 -0
- package/dist/modern/NotificationPanel/index.js.map +1 -0
- package/dist/modern/NotificationPanel/styles.js +9 -0
- package/dist/modern/NotificationPanel/styles.js.map +1 -0
- package/dist/modern/Slider/KnobRing/KnobRing.js +17 -0
- package/dist/modern/Slider/KnobRing/KnobRing.js.map +1 -0
- package/dist/modern/Slider/KnobRing/index.js +5 -0
- package/dist/modern/Slider/KnobRing/index.js.map +1 -0
- package/dist/modern/Slider/KnobRing/styles.js +34 -0
- package/dist/modern/Slider/KnobRing/styles.js.map +1 -0
- package/dist/modern/Slider/Slider.d.ts +133 -0
- package/dist/modern/Slider/Slider.js +542 -0
- package/dist/modern/Slider/Slider.js.map +1 -0
- package/dist/modern/Slider/index.d.ts +2 -0
- package/dist/modern/Slider/index.js +2 -0
- package/dist/modern/Slider/index.js.map +1 -0
- package/dist/modern/Slider/styles.js +99 -0
- package/dist/modern/Slider/styles.js.map +1 -0
- package/dist/modern/TimePicker/PeriodPicker/PeriodPicker.js +88 -0
- package/dist/modern/TimePicker/PeriodPicker/PeriodPicker.js.map +1 -0
- package/dist/modern/TimePicker/PeriodPicker/index.js +7 -0
- package/dist/modern/TimePicker/PeriodPicker/index.js.map +1 -0
- package/dist/modern/TimePicker/PeriodPicker/styles.js +37 -0
- package/dist/modern/TimePicker/PeriodPicker/styles.js.map +1 -0
- package/dist/modern/TimePicker/TimePicker.d.ts +77 -0
- package/dist/modern/TimePicker/TimePicker.js +394 -0
- package/dist/modern/TimePicker/TimePicker.js.map +1 -0
- package/dist/modern/TimePicker/UnitTimePicker/UnitTimePicker.js +186 -0
- package/dist/modern/TimePicker/UnitTimePicker/UnitTimePicker.js.map +1 -0
- package/dist/modern/TimePicker/UnitTimePicker/index.js +7 -0
- package/dist/modern/TimePicker/UnitTimePicker/index.js.map +1 -0
- package/dist/modern/TimePicker/UnitTimePicker/styles.js +54 -0
- package/dist/modern/TimePicker/UnitTimePicker/styles.js.map +1 -0
- package/dist/modern/TimePicker/enums.js +32 -0
- package/dist/modern/TimePicker/enums.js.map +1 -0
- package/dist/modern/TimePicker/index.d.ts +2 -0
- package/dist/modern/TimePicker/index.js +2 -0
- package/dist/modern/TimePicker/index.js.map +1 -0
- package/dist/modern/TimePicker/styles.js +87 -0
- package/dist/modern/TimePicker/styles.js.map +1 -0
- package/dist/modern/TimePicker/timePickerConverter.js +66 -0
- package/dist/modern/TimePicker/timePickerConverter.js.map +1 -0
- package/dist/modern/TimePicker/timePickerFormatter.js +62 -0
- package/dist/modern/TimePicker/timePickerFormatter.js.map +1 -0
- package/dist/modern/TimePicker/timePickerUtils.js +26 -0
- package/dist/modern/TimePicker/timePickerUtils.js.map +1 -0
- package/dist/modern/index.d.ts +26 -0
- package/dist/modern/index.js +11 -0
- package/dist/modern/index.js.map +1 -0
- package/dist/modern/withStyleProps/WithStyleProps.js +10 -0
- package/dist/modern/withStyleProps/WithStyleProps.js.map +1 -0
- package/dist/modern/withStyleProps/index.js +2 -0
- package/dist/modern/withStyleProps/index.js.map +1 -0
- package/dist/withStyleProps/WithStyleProps.js +25 -0
- package/dist/withStyleProps/WithStyleProps.js.map +1 -0
- package/dist/withStyleProps/index.js +16 -0
- package/dist/withStyleProps/index.js.map +1 -0
- package/package.json +72 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import withStyles from "@material-ui/core/styles/withStyles";
|
|
2
|
+
import styles from "./styles";
|
|
3
|
+
import Notification from "./Notification";
|
|
4
|
+
export default withStyles(styles, {
|
|
5
|
+
name: "HvNotificationPanelNotification"
|
|
6
|
+
})(Notification);
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["withStyles","styles","Notification","name"],"sources":["../../../../src/NotificationPanel/Notification/index.js"],"sourcesContent":["import withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\nimport Notification from \"./Notification\";\n\nexport default withStyles(styles, { name: \"HvNotificationPanelNotification\" })(Notification);\n"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,qCAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AAEA,eAAeF,UAAU,CAACC,MAAD,EAAS;EAAEE,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgED,YAAhE,CAAf"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import "core-js/modules/es.object.keys.js";
|
|
2
|
+
import "core-js/modules/es.symbol.js";
|
|
3
|
+
import "core-js/modules/es.array.filter.js";
|
|
4
|
+
import "core-js/modules/es.object.to-string.js";
|
|
5
|
+
import "core-js/modules/es.object.get-own-property-descriptor.js";
|
|
6
|
+
import "core-js/modules/web.dom-collections.for-each.js";
|
|
7
|
+
import "core-js/modules/es.object.get-own-property-descriptors.js";
|
|
8
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
|
+
|
|
10
|
+
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; }
|
|
11
|
+
|
|
12
|
+
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; }
|
|
13
|
+
|
|
14
|
+
import "core-js/modules/es.array.concat.js";
|
|
15
|
+
|
|
16
|
+
var styles = function styles(theme) {
|
|
17
|
+
return {
|
|
18
|
+
root: {
|
|
19
|
+
display: "flex",
|
|
20
|
+
minHeight: "68px",
|
|
21
|
+
backgroundColor: theme.palette.common.white,
|
|
22
|
+
color: theme.hv.palette.accent.acce1,
|
|
23
|
+
padding: "".concat(theme.hv.spacing.sm, "px ").concat(theme.hv.spacing.sm, "px"),
|
|
24
|
+
"&$read": {
|
|
25
|
+
backgroundColor: theme.hv.palette.atmosphere.atmo2
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
read: {},
|
|
29
|
+
iconContainer: {
|
|
30
|
+
width: "32px",
|
|
31
|
+
marginRight: "".concat(theme.hv.spacing.sm, "px")
|
|
32
|
+
},
|
|
33
|
+
title: _objectSpread(_objectSpread({}, theme.hv.typography.highlightText), {}, {
|
|
34
|
+
marginBottom: "5px",
|
|
35
|
+
"&$read": _objectSpread({}, theme.hv.typography.normalText)
|
|
36
|
+
}),
|
|
37
|
+
timeContainer: _objectSpread(_objectSpread({}, theme.hv.typography.vizText), {}, {
|
|
38
|
+
display: "flex",
|
|
39
|
+
alignItems: "center"
|
|
40
|
+
}),
|
|
41
|
+
bullet: {
|
|
42
|
+
width: "6px",
|
|
43
|
+
height: "6px",
|
|
44
|
+
borderRadius: "50%",
|
|
45
|
+
marginRight: "6px",
|
|
46
|
+
backgroundColor: theme.palette.common.black,
|
|
47
|
+
"&$hide": {
|
|
48
|
+
display: "none"
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
hide: {}
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
export default styles;
|
|
56
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","root","display","minHeight","backgroundColor","palette","common","white","color","hv","accent","acce1","padding","spacing","sm","atmosphere","atmo2","read","iconContainer","width","marginRight","title","typography","highlightText","marginBottom","normalText","timeContainer","vizText","alignItems","bullet","height","borderRadius","black","hide"],"sources":["../../../../src/NotificationPanel/Notification/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n display: \"flex\",\n minHeight: \"68px\",\n backgroundColor: theme.palette.common.white,\n color: theme.hv.palette.accent.acce1,\n padding: `${theme.hv.spacing.sm}px ${theme.hv.spacing.sm}px`,\n\n \"&$read\": {\n backgroundColor: theme.hv.palette.atmosphere.atmo2,\n },\n },\n read: {},\n iconContainer: {\n width: \"32px\",\n marginRight: `${theme.hv.spacing.sm}px`,\n },\n title: {\n ...theme.hv.typography.highlightText,\n marginBottom: \"5px\",\n\n \"&$read\": {\n ...theme.hv.typography.normalText,\n },\n },\n timeContainer: {\n ...theme.hv.typography.vizText,\n display: \"flex\",\n alignItems: \"center\",\n },\n bullet: {\n width: \"6px\",\n height: \"6px\",\n borderRadius: \"50%\",\n marginRight: \"6px\",\n backgroundColor: theme.palette.common.black,\n\n \"&$hide\": {\n display: \"none\",\n },\n },\n hide: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,SAAS,EAAE,MAFP;MAGJC,eAAe,EAAEJ,KAAK,CAACK,OAAN,CAAcC,MAAd,CAAqBC,KAHlC;MAIJC,KAAK,EAAER,KAAK,CAACS,EAAN,CAASJ,OAAT,CAAiBK,MAAjB,CAAwBC,KAJ3B;MAKJC,OAAO,YAAKZ,KAAK,CAACS,EAAN,CAASI,OAAT,CAAiBC,EAAtB,gBAA8Bd,KAAK,CAACS,EAAN,CAASI,OAAT,CAAiBC,EAA/C,OALH;MAOJ,UAAU;QACRV,eAAe,EAAEJ,KAAK,CAACS,EAAN,CAASJ,OAAT,CAAiBU,UAAjB,CAA4BC;MADrC;IAPN,CADmB;IAYzBC,IAAI,EAAE,EAZmB;IAazBC,aAAa,EAAE;MACbC,KAAK,EAAE,MADM;MAEbC,WAAW,YAAKpB,KAAK,CAACS,EAAN,CAASI,OAAT,CAAiBC,EAAtB;IAFE,CAbU;IAiBzBO,KAAK,kCACArB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,aADpB;MAEHC,YAAY,EAAE,KAFX;MAIH,4BACKxB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBG,UADzB;IAJG,EAjBoB;IAyBzBC,aAAa,kCACR1B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBK,OADZ;MAEXzB,OAAO,EAAE,MAFE;MAGX0B,UAAU,EAAE;IAHD,EAzBY;IA8BzBC,MAAM,EAAE;MACNV,KAAK,EAAE,KADD;MAENW,MAAM,EAAE,KAFF;MAGNC,YAAY,EAAE,KAHR;MAINX,WAAW,EAAE,KAJP;MAKNhB,eAAe,EAAEJ,KAAK,CAACK,OAAN,CAAcC,MAAd,CAAqB0B,KALhC;MAON,UAAU;QACR9B,OAAO,EAAE;MADD;IAPJ,CA9BiB;IAyCzB+B,IAAI,EAAE;EAzCmB,CAAZ;AAAA,CAAf;;AA4CA,eAAelC,MAAf"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { StandardProps } from "@material-ui/core";
|
|
3
|
+
|
|
4
|
+
interface Header {
|
|
5
|
+
/**
|
|
6
|
+
* The title of the header
|
|
7
|
+
*/
|
|
8
|
+
headerTitle: string;
|
|
9
|
+
/**
|
|
10
|
+
* The icon that denoted close functionality
|
|
11
|
+
*/
|
|
12
|
+
headerCloseImg: React.ElementType<React.HTMLAttributes<HTMLElement>>;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
interface Notification {
|
|
16
|
+
/**
|
|
17
|
+
* Id of notification
|
|
18
|
+
*/
|
|
19
|
+
id: string;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export type HvNotificationPanelClassKey = "panel" | "badgeBorder";
|
|
23
|
+
|
|
24
|
+
export interface HvNotificationPanelProps
|
|
25
|
+
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvNotificationPanelClassKey> {
|
|
26
|
+
/**
|
|
27
|
+
* 'true' if panel is open or 'false' if the panel is not open
|
|
28
|
+
*/
|
|
29
|
+
open?: boolean;
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* renderable element that opens the notification panel
|
|
33
|
+
*/
|
|
34
|
+
icon: React.ElementType<React.HTMLAttributes<HTMLElement>>;
|
|
35
|
+
/**
|
|
36
|
+
* Object that holds header properties
|
|
37
|
+
*/
|
|
38
|
+
header: Header;
|
|
39
|
+
/**
|
|
40
|
+
* Array of notification object to be rendered inside the panel
|
|
41
|
+
*/
|
|
42
|
+
notifications: Notification[];
|
|
43
|
+
/**
|
|
44
|
+
* renderable footer element
|
|
45
|
+
*/
|
|
46
|
+
footer: React.ElementType<React.HTMLAttributes<HTMLElement>>;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
export default function HvNotificationPanel(props: HvNotificationPanelProps): JSX.Element | null;
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
import "core-js/modules/es.object.to-string.js";
|
|
2
|
+
import "core-js/modules/es.reflect.construct.js";
|
|
3
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
4
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
5
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
6
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
7
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
8
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
9
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
|
+
|
|
11
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
12
|
+
|
|
13
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
14
|
+
|
|
15
|
+
import React, { Component } from "react";
|
|
16
|
+
import PropTypes from "prop-types";
|
|
17
|
+
import map from "lodash/map";
|
|
18
|
+
import { withStyles } from "@material-ui/core";
|
|
19
|
+
import { HvBadge } from "@hitachivantara/uikit-react-core";
|
|
20
|
+
import Panel from "./Panel";
|
|
21
|
+
import Notification from "./Notification";
|
|
22
|
+
import styles from "./styles";
|
|
23
|
+
/**
|
|
24
|
+
* Notification Panel displays all of read and unread notifications. Still in development
|
|
25
|
+
*/
|
|
26
|
+
|
|
27
|
+
var HvNotificationPanel = /*#__PURE__*/function (_Component) {
|
|
28
|
+
_inherits(HvNotificationPanel, _Component);
|
|
29
|
+
|
|
30
|
+
var _super = _createSuper(HvNotificationPanel);
|
|
31
|
+
|
|
32
|
+
function HvNotificationPanel(props) {
|
|
33
|
+
var _this;
|
|
34
|
+
|
|
35
|
+
_classCallCheck(this, HvNotificationPanel);
|
|
36
|
+
|
|
37
|
+
_this = _super.call(this, props);
|
|
38
|
+
|
|
39
|
+
_defineProperty(_assertThisInitialized(_this), "handleIconClick", function () {
|
|
40
|
+
_this.setState(function (prevState) {
|
|
41
|
+
return {
|
|
42
|
+
open: !prevState.open
|
|
43
|
+
};
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
_defineProperty(_assertThisInitialized(_this), "handleIconKeyDown", function (e) {
|
|
48
|
+
if (e.keyCode === 13) {
|
|
49
|
+
_this.setState(function (prevState) {
|
|
50
|
+
return {
|
|
51
|
+
open: !prevState.open
|
|
52
|
+
};
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
_defineProperty(_assertThisInitialized(_this), "onClose", function () {
|
|
58
|
+
_this.setState({
|
|
59
|
+
open: false
|
|
60
|
+
});
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
_this.state = {
|
|
64
|
+
open: props.open
|
|
65
|
+
};
|
|
66
|
+
return _this;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
_createClass(HvNotificationPanel, [{
|
|
70
|
+
key: "render",
|
|
71
|
+
value: function render() {
|
|
72
|
+
var _this$props = this.props,
|
|
73
|
+
classes = _this$props.classes,
|
|
74
|
+
icon = _this$props.icon,
|
|
75
|
+
header = _this$props.header,
|
|
76
|
+
footer = _this$props.footer,
|
|
77
|
+
notifications = _this$props.notifications;
|
|
78
|
+
var open = this.state.open;
|
|
79
|
+
var n = map(notifications, function (notification) {
|
|
80
|
+
return /*#__PURE__*/React.createElement(Notification, {
|
|
81
|
+
key: notification.id,
|
|
82
|
+
notification: notification
|
|
83
|
+
});
|
|
84
|
+
});
|
|
85
|
+
var panelProps = {
|
|
86
|
+
open: open,
|
|
87
|
+
classes: {
|
|
88
|
+
panel: classes.panel
|
|
89
|
+
},
|
|
90
|
+
onClose: this.onClose,
|
|
91
|
+
header: header,
|
|
92
|
+
footer: footer,
|
|
93
|
+
notifications: notifications
|
|
94
|
+
};
|
|
95
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
96
|
+
className: classes.root
|
|
97
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
98
|
+
role: "button",
|
|
99
|
+
className: classes.iconWrapper,
|
|
100
|
+
tabIndex: "0",
|
|
101
|
+
onKeyDown: this.handleIconKeyDown,
|
|
102
|
+
onClick: this.handleIconClick
|
|
103
|
+
}, /*#__PURE__*/React.createElement(HvBadge, {
|
|
104
|
+
icon: icon,
|
|
105
|
+
showCount: true,
|
|
106
|
+
count: notifications.length,
|
|
107
|
+
classes: {
|
|
108
|
+
root: classes.badgeBorder
|
|
109
|
+
}
|
|
110
|
+
})), /*#__PURE__*/React.createElement(Panel, panelProps, n));
|
|
111
|
+
}
|
|
112
|
+
}]);
|
|
113
|
+
|
|
114
|
+
return HvNotificationPanel;
|
|
115
|
+
}(Component);
|
|
116
|
+
|
|
117
|
+
process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
|
|
118
|
+
/**
|
|
119
|
+
* 'true' if panel is open or 'false' if the panel is not open
|
|
120
|
+
*/
|
|
121
|
+
open: PropTypes.bool,
|
|
122
|
+
|
|
123
|
+
/**
|
|
124
|
+
* A Jss Object used to override or extend the styles applied.
|
|
125
|
+
*/
|
|
126
|
+
classes: PropTypes.shape({
|
|
127
|
+
root: PropTypes.string,
|
|
128
|
+
iconWrapper: PropTypes.string,
|
|
129
|
+
|
|
130
|
+
/**
|
|
131
|
+
* styles object applied to the panel
|
|
132
|
+
*/
|
|
133
|
+
panel: PropTypes.any,
|
|
134
|
+
|
|
135
|
+
/**
|
|
136
|
+
* styles object applied to badgeContainer
|
|
137
|
+
*/
|
|
138
|
+
badgeBorder: PropTypes.any
|
|
139
|
+
}).isRequired,
|
|
140
|
+
|
|
141
|
+
/**
|
|
142
|
+
* renderable element that opens the notification panel
|
|
143
|
+
*/
|
|
144
|
+
icon: PropTypes.element.isRequired,
|
|
145
|
+
|
|
146
|
+
/**
|
|
147
|
+
* Object that holds header properties
|
|
148
|
+
*/
|
|
149
|
+
header: PropTypes.shape({
|
|
150
|
+
/**
|
|
151
|
+
* The title of the header
|
|
152
|
+
*/
|
|
153
|
+
headerTitle: PropTypes.string.isRequired,
|
|
154
|
+
|
|
155
|
+
/**
|
|
156
|
+
* The icon that denoted close functionality
|
|
157
|
+
*/
|
|
158
|
+
headerCloseImg: PropTypes.element.isRequired
|
|
159
|
+
}).isRequired,
|
|
160
|
+
|
|
161
|
+
/**
|
|
162
|
+
* Array of notification object to be rendered inside the panel
|
|
163
|
+
*/
|
|
164
|
+
notifications: PropTypes.arrayOf(PropTypes.shape({
|
|
165
|
+
/**
|
|
166
|
+
* Id of notification
|
|
167
|
+
*/
|
|
168
|
+
id: PropTypes.string.isRequired
|
|
169
|
+
})).isRequired,
|
|
170
|
+
|
|
171
|
+
/**
|
|
172
|
+
* renderable footer element
|
|
173
|
+
*/
|
|
174
|
+
footer: PropTypes.element.isRequired
|
|
175
|
+
} : void 0;
|
|
176
|
+
HvNotificationPanel.defaultProps = {
|
|
177
|
+
open: false
|
|
178
|
+
};
|
|
179
|
+
export default withStyles(styles, {
|
|
180
|
+
name: "HvNotificationPanel"
|
|
181
|
+
})(HvNotificationPanel);
|
|
182
|
+
//# sourceMappingURL=NotificationPanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NotificationPanel.js","names":["React","Component","PropTypes","map","withStyles","HvBadge","Panel","Notification","styles","HvNotificationPanel","props","setState","prevState","open","e","keyCode","state","classes","icon","header","footer","notifications","n","notification","id","panelProps","panel","onClose","root","iconWrapper","handleIconKeyDown","handleIconClick","length","badgeBorder","propTypes","bool","shape","string","any","isRequired","element","headerTitle","headerCloseImg","arrayOf","defaultProps","name"],"sources":["../../../src/NotificationPanel/NotificationPanel.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport map from \"lodash/map\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvBadge } from \"@hitachivantara/uikit-react-core\";\nimport Panel from \"./Panel\";\nimport Notification from \"./Notification\";\nimport styles from \"./styles\";\n\n/**\n * Notification Panel displays all of read and unread notifications. Still in development\n */\nclass HvNotificationPanel extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n open: props.open,\n };\n }\n\n handleIconClick = () => {\n this.setState((prevState) => ({\n open: !prevState.open,\n }));\n };\n\n handleIconKeyDown = (e) => {\n if (e.keyCode === 13) {\n this.setState((prevState) => ({\n open: !prevState.open,\n }));\n }\n };\n\n onClose = () => {\n this.setState({\n open: false,\n });\n };\n\n render() {\n const { classes, icon, header, footer, notifications } = this.props;\n const { open } = this.state;\n\n const n = map(notifications, (notification) => (\n <Notification key={notification.id} notification={notification} />\n ));\n\n const panelProps = {\n open,\n classes: {\n panel: classes.panel,\n },\n onClose: this.onClose,\n header,\n footer,\n notifications,\n };\n\n return (\n <div className={classes.root}>\n <div\n role=\"button\"\n className={classes.iconWrapper}\n tabIndex=\"0\"\n onKeyDown={this.handleIconKeyDown}\n onClick={this.handleIconClick}\n >\n <HvBadge\n icon={icon}\n showCount\n count={notifications.length}\n classes={{ root: classes.badgeBorder }}\n />\n </div>\n <Panel {...panelProps}>{n}</Panel>\n </div>\n );\n }\n}\n\nHvNotificationPanel.propTypes = {\n /**\n * 'true' if panel is open or 'false' if the panel is not open\n */\n open: PropTypes.bool,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n iconWrapper: PropTypes.string,\n /**\n * styles object applied to the panel\n */\n panel: PropTypes.any,\n /**\n * styles object applied to badgeContainer\n */\n badgeBorder: PropTypes.any,\n }).isRequired,\n /**\n * renderable element that opens the notification panel\n */\n icon: PropTypes.element.isRequired,\n /**\n * Object that holds header properties\n */\n header: PropTypes.shape({\n /**\n * The title of the header\n */\n headerTitle: PropTypes.string.isRequired,\n /**\n * The icon that denoted close functionality\n */\n headerCloseImg: PropTypes.element.isRequired,\n }).isRequired,\n /**\n * Array of notification object to be rendered inside the panel\n */\n notifications: PropTypes.arrayOf(\n PropTypes.shape({\n /**\n * Id of notification\n */\n id: PropTypes.string.isRequired,\n })\n ).isRequired,\n /**\n * renderable footer element\n */\n footer: PropTypes.element.isRequired,\n};\n\nHvNotificationPanel.defaultProps = {\n open: false,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanel\" })(HvNotificationPanel);\n"],"mappings":"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"}
|
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
import "core-js/modules/es.reflect.construct.js";
|
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
7
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
8
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
|
+
import "core-js/modules/es.array.concat.js";
|
|
10
|
+
import "core-js/modules/es.array.filter.js";
|
|
11
|
+
import "core-js/modules/es.object.to-string.js";
|
|
12
|
+
|
|
13
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
14
|
+
|
|
15
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
16
|
+
|
|
17
|
+
import React, { Component } from "react";
|
|
18
|
+
import PropTypes from "prop-types";
|
|
19
|
+
import _ from "lodash";
|
|
20
|
+
import { HvBadge } from "@hitachivantara/uikit-react-core";
|
|
21
|
+
var EnterKeyCode = 13;
|
|
22
|
+
|
|
23
|
+
var Panel = /*#__PURE__*/function (_Component) {
|
|
24
|
+
_inherits(Panel, _Component);
|
|
25
|
+
|
|
26
|
+
var _super = _createSuper(Panel);
|
|
27
|
+
|
|
28
|
+
function Panel() {
|
|
29
|
+
var _this;
|
|
30
|
+
|
|
31
|
+
_classCallCheck(this, Panel);
|
|
32
|
+
|
|
33
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
34
|
+
args[_key] = arguments[_key];
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
38
|
+
|
|
39
|
+
_defineProperty(_assertThisInitialized(_this), "onKeyDownClose", function (e) {
|
|
40
|
+
if (e.keyCode === EnterKeyCode) {
|
|
41
|
+
var onClose = _this.props.onClose;
|
|
42
|
+
onClose();
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
return _this;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
_createClass(Panel, [{
|
|
50
|
+
key: "render",
|
|
51
|
+
value: function render() {
|
|
52
|
+
var _this$props = this.props,
|
|
53
|
+
classes = _this$props.classes,
|
|
54
|
+
open = _this$props.open,
|
|
55
|
+
_this$props$header = _this$props.header,
|
|
56
|
+
headerTitle = _this$props$header.headerTitle,
|
|
57
|
+
headerCloseImg = _this$props$header.headerCloseImg,
|
|
58
|
+
notifications = _this$props.notifications,
|
|
59
|
+
onClose = _this$props.onClose,
|
|
60
|
+
footer = _this$props.footer,
|
|
61
|
+
children = _this$props.children;
|
|
62
|
+
|
|
63
|
+
var newNotificationCount = _.filter(notifications, function (notification) {
|
|
64
|
+
return !notification.isRead;
|
|
65
|
+
}).length;
|
|
66
|
+
|
|
67
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
68
|
+
className: "".concat(classes.root, " ").concat(open ? classes.open : "", " ").concat(classes.panel),
|
|
69
|
+
ref: this.rootRef
|
|
70
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
71
|
+
className: classes.header
|
|
72
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
73
|
+
className: classes.titleContainer
|
|
74
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
75
|
+
className: classes.title
|
|
76
|
+
}, headerTitle), /*#__PURE__*/React.createElement(HvBadge, {
|
|
77
|
+
count: newNotificationCount,
|
|
78
|
+
showCount: true
|
|
79
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
80
|
+
role: "button",
|
|
81
|
+
className: classes.close,
|
|
82
|
+
tabIndex: "0",
|
|
83
|
+
onKeyDown: this.onKeyDownClose,
|
|
84
|
+
onClick: onClose
|
|
85
|
+
}, headerCloseImg)), /*#__PURE__*/React.createElement("div", {
|
|
86
|
+
className: classes.notificationsContainer
|
|
87
|
+
}, children), /*#__PURE__*/React.createElement("div", {
|
|
88
|
+
className: classes.footerContainer
|
|
89
|
+
}, footer));
|
|
90
|
+
}
|
|
91
|
+
}]);
|
|
92
|
+
|
|
93
|
+
return Panel;
|
|
94
|
+
}(Component);
|
|
95
|
+
|
|
96
|
+
export { Panel as default };
|
|
97
|
+
process.env.NODE_ENV !== "production" ? Panel.propTypes = {
|
|
98
|
+
/**
|
|
99
|
+
* 'true' if the panel is open or 'false if the panel is closed
|
|
100
|
+
*/
|
|
101
|
+
open: PropTypes.bool,
|
|
102
|
+
|
|
103
|
+
/**
|
|
104
|
+
* Number of new notifications
|
|
105
|
+
*/
|
|
106
|
+
notifications: PropTypes.arrayOf(PropTypes.shape({
|
|
107
|
+
/**
|
|
108
|
+
* 'true' if notification has been read; 'false' otherwise
|
|
109
|
+
*/
|
|
110
|
+
isRead: PropTypes.bool.isRequired
|
|
111
|
+
}).isRequired),
|
|
112
|
+
|
|
113
|
+
/**
|
|
114
|
+
* A Jss Object used to override or extend the styles applied.
|
|
115
|
+
*/
|
|
116
|
+
classes: PropTypes.shape({
|
|
117
|
+
/**
|
|
118
|
+
* styles applied to the panel
|
|
119
|
+
*/
|
|
120
|
+
panel: PropTypes.string,
|
|
121
|
+
root: PropTypes.string,
|
|
122
|
+
open: PropTypes.string,
|
|
123
|
+
header: PropTypes.string,
|
|
124
|
+
titleContainer: PropTypes.string,
|
|
125
|
+
title: PropTypes.string,
|
|
126
|
+
close: PropTypes.string,
|
|
127
|
+
notificationsContainer: PropTypes.string,
|
|
128
|
+
footerContainer: PropTypes.string
|
|
129
|
+
}).isRequired,
|
|
130
|
+
|
|
131
|
+
/**
|
|
132
|
+
* The function that will be executed when the panel is closed
|
|
133
|
+
*/
|
|
134
|
+
onClose: PropTypes.func.isRequired,
|
|
135
|
+
|
|
136
|
+
/**
|
|
137
|
+
* Object that holds header properties
|
|
138
|
+
*/
|
|
139
|
+
header: PropTypes.shape({
|
|
140
|
+
/**
|
|
141
|
+
* The title of the header
|
|
142
|
+
*/
|
|
143
|
+
headerTitle: PropTypes.string.isRequired,
|
|
144
|
+
|
|
145
|
+
/**
|
|
146
|
+
* The icon that denoted close functionality
|
|
147
|
+
*/
|
|
148
|
+
headerCloseImg: PropTypes.element.isRequired
|
|
149
|
+
}).isRequired,
|
|
150
|
+
|
|
151
|
+
/**
|
|
152
|
+
* The renderable footer element
|
|
153
|
+
*/
|
|
154
|
+
footer: PropTypes.element.isRequired,
|
|
155
|
+
|
|
156
|
+
/**
|
|
157
|
+
* Node to be rendered
|
|
158
|
+
*/
|
|
159
|
+
children: PropTypes.node
|
|
160
|
+
} : void 0;
|
|
161
|
+
Panel.defaultProps = {
|
|
162
|
+
open: false,
|
|
163
|
+
notifications: [],
|
|
164
|
+
children: null
|
|
165
|
+
};
|
|
166
|
+
//# sourceMappingURL=Panel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Panel.js","names":["React","Component","PropTypes","_","HvBadge","EnterKeyCode","Panel","e","keyCode","onClose","props","classes","open","header","headerTitle","headerCloseImg","notifications","footer","children","newNotificationCount","filter","notification","isRead","length","root","panel","rootRef","titleContainer","title","close","onKeyDownClose","notificationsContainer","footerContainer","propTypes","bool","arrayOf","shape","isRequired","string","func","element","node","defaultProps"],"sources":["../../../../src/NotificationPanel/Panel/Panel.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport _ from \"lodash\";\nimport { HvBadge } from \"@hitachivantara/uikit-react-core\";\n\nconst EnterKeyCode = 13;\n\nexport default class Panel extends Component {\n onKeyDownClose = (e) => {\n if (e.keyCode === EnterKeyCode) {\n const { onClose } = this.props;\n onClose();\n }\n };\n\n render() {\n const {\n classes,\n open,\n header: { headerTitle, headerCloseImg },\n notifications,\n onClose,\n footer,\n children,\n } = this.props;\n const newNotificationCount = _.filter(\n notifications,\n (notification) => !notification.isRead\n ).length;\n\n return (\n <div\n className={`${classes.root} ${open ? classes.open : \"\"} ${classes.panel}`}\n ref={this.rootRef}\n >\n <div className={classes.header}>\n <div className={classes.titleContainer}>\n <div className={classes.title}>{headerTitle}</div>\n <HvBadge count={newNotificationCount} showCount />\n </div>\n <div\n role=\"button\"\n className={classes.close}\n tabIndex=\"0\"\n onKeyDown={this.onKeyDownClose}\n onClick={onClose}\n >\n {headerCloseImg}\n </div>\n </div>\n <div className={classes.notificationsContainer}>{children}</div>\n <div className={classes.footerContainer}>{footer}</div>\n </div>\n );\n }\n}\n\nPanel.propTypes = {\n /**\n * 'true' if the panel is open or 'false if the panel is closed\n */\n open: PropTypes.bool,\n /**\n * Number of new notifications\n */\n notifications: PropTypes.arrayOf(\n PropTypes.shape({\n /**\n * 'true' if notification has been read; 'false' otherwise\n */\n isRead: PropTypes.bool.isRequired,\n }).isRequired\n ),\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * styles applied to the panel\n */\n panel: PropTypes.string,\n root: PropTypes.string,\n open: PropTypes.string,\n header: PropTypes.string,\n titleContainer: PropTypes.string,\n title: PropTypes.string,\n close: PropTypes.string,\n notificationsContainer: PropTypes.string,\n footerContainer: PropTypes.string,\n }).isRequired,\n /**\n * The function that will be executed when the panel is closed\n */\n onClose: PropTypes.func.isRequired,\n /**\n * Object that holds header properties\n */\n header: PropTypes.shape({\n /**\n * The title of the header\n */\n headerTitle: PropTypes.string.isRequired,\n /**\n * The icon that denoted close functionality\n */\n headerCloseImg: PropTypes.element.isRequired,\n }).isRequired,\n /**\n * The renderable footer element\n */\n footer: PropTypes.element.isRequired,\n /**\n * Node to be rendered\n */\n children: PropTypes.node,\n};\n\nPanel.defaultProps = {\n open: false,\n notifications: [],\n children: null,\n};\n"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["withStyles","styles","Panel","name"],"sources":["../../../../src/NotificationPanel/Panel/index.js"],"sourcesContent":["import withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\nimport Panel from \"./Panel\";\n\nexport default withStyles(styles, { name: \"HvNotificationPanelPanel\" })(Panel);\n"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,qCAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,KAAP,MAAkB,SAAlB;AAEA,eAAeF,UAAU,CAACC,MAAD,EAAS;EAAEE,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDD,KAAzD,CAAf"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import "core-js/modules/es.object.keys.js";
|
|
2
|
+
import "core-js/modules/es.symbol.js";
|
|
3
|
+
import "core-js/modules/es.array.filter.js";
|
|
4
|
+
import "core-js/modules/es.object.to-string.js";
|
|
5
|
+
import "core-js/modules/es.object.get-own-property-descriptor.js";
|
|
6
|
+
import "core-js/modules/web.dom-collections.for-each.js";
|
|
7
|
+
import "core-js/modules/es.object.get-own-property-descriptors.js";
|
|
8
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
|
+
import "core-js/modules/es.array.concat.js";
|
|
10
|
+
|
|
11
|
+
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; }
|
|
12
|
+
|
|
13
|
+
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; }
|
|
14
|
+
|
|
15
|
+
var styles = function styles(theme) {
|
|
16
|
+
return {
|
|
17
|
+
root: {
|
|
18
|
+
display: "none",
|
|
19
|
+
position: "absolute",
|
|
20
|
+
width: "320px",
|
|
21
|
+
height: "500px",
|
|
22
|
+
right: 0,
|
|
23
|
+
backgroundColor: theme.palette.common.white,
|
|
24
|
+
boxShadow: "0 2px 12px rgba(65, 65, 65, 0.12)" // rgb color corresponds to #414141;
|
|
25
|
+
|
|
26
|
+
},
|
|
27
|
+
titleContainer: {
|
|
28
|
+
display: "flex",
|
|
29
|
+
alignItems: "center"
|
|
30
|
+
},
|
|
31
|
+
title: {
|
|
32
|
+
marginRight: "5px"
|
|
33
|
+
},
|
|
34
|
+
open: {
|
|
35
|
+
display: "flex",
|
|
36
|
+
flexDirection: "column"
|
|
37
|
+
},
|
|
38
|
+
panel: {},
|
|
39
|
+
header: _objectSpread(_objectSpread({}, theme.hv.typography.highlightText), {}, {
|
|
40
|
+
display: "flex",
|
|
41
|
+
justifyContent: "space-between",
|
|
42
|
+
alignItems: "center",
|
|
43
|
+
height: "52px",
|
|
44
|
+
padding: "".concat(theme.hv.spacing.xs, "px ").concat(theme.hv.spacing.sm, "px"),
|
|
45
|
+
borderBottom: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2),
|
|
46
|
+
marginBottom: "".concat(theme.hv.spacing.sm, "px")
|
|
47
|
+
}),
|
|
48
|
+
close: {
|
|
49
|
+
cursor: "pointer"
|
|
50
|
+
},
|
|
51
|
+
notificationsContainer: {
|
|
52
|
+
flex: 1,
|
|
53
|
+
margin: "".concat(theme.hv.spacing.xs, "px 0")
|
|
54
|
+
},
|
|
55
|
+
footerContainer: _objectSpread(_objectSpread({}, theme.hv.typography.highlightText), {}, {
|
|
56
|
+
display: "flex",
|
|
57
|
+
alignItems: "center",
|
|
58
|
+
height: "52px",
|
|
59
|
+
borderTop: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2),
|
|
60
|
+
padding: "".concat(theme.hv.spacing.xs, "px ").concat(theme.hv.spacing.sm, "px")
|
|
61
|
+
})
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
export default styles;
|
|
66
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","root","display","position","width","height","right","backgroundColor","palette","common","white","boxShadow","titleContainer","alignItems","title","marginRight","open","flexDirection","panel","header","hv","typography","highlightText","justifyContent","padding","spacing","xs","sm","borderBottom","atmosphere","atmo2","marginBottom","close","cursor","notificationsContainer","flex","margin","footerContainer","borderTop"],"sources":["../../../../src/NotificationPanel/Panel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n display: \"none\",\n position: \"absolute\",\n width: \"320px\",\n height: \"500px\",\n right: 0,\n backgroundColor: theme.palette.common.white,\n boxShadow: `0 2px 12px rgba(65, 65, 65, 0.12)`, // rgb color corresponds to #414141;\n },\n titleContainer: {\n display: \"flex\",\n alignItems: \"center\",\n },\n title: {\n marginRight: \"5px\",\n },\n open: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n panel: {},\n header: {\n ...theme.hv.typography.highlightText,\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n height: \"52px\",\n padding: `${theme.hv.spacing.xs}px ${theme.hv.spacing.sm}px`,\n borderBottom: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n marginBottom: `${theme.hv.spacing.sm}px`,\n },\n close: {\n cursor: \"pointer\",\n },\n notificationsContainer: {\n flex: 1,\n margin: `${theme.hv.spacing.xs}px 0`,\n },\n footerContainer: {\n ...theme.hv.typography.highlightText,\n display: \"flex\",\n alignItems: \"center\",\n height: \"52px\",\n borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n padding: `${theme.hv.spacing.xs}px ${theme.hv.spacing.sm}px`,\n },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,QAAQ,EAAE,UAFN;MAGJC,KAAK,EAAE,OAHH;MAIJC,MAAM,EAAE,OAJJ;MAKJC,KAAK,EAAE,CALH;MAMJC,eAAe,EAAEP,KAAK,CAACQ,OAAN,CAAcC,MAAd,CAAqBC,KANlC;MAOJC,SAAS,qCAPL,CAO4C;;IAP5C,CADmB;IAUzBC,cAAc,EAAE;MACdV,OAAO,EAAE,MADK;MAEdW,UAAU,EAAE;IAFE,CAVS;IAczBC,KAAK,EAAE;MACLC,WAAW,EAAE;IADR,CAdkB;IAiBzBC,IAAI,EAAE;MACJd,OAAO,EAAE,MADL;MAEJe,aAAa,EAAE;IAFX,CAjBmB;IAqBzBC,KAAK,EAAE,EArBkB;IAsBzBC,MAAM,kCACDnB,KAAK,CAACoB,EAAN,CAASC,UAAT,CAAoBC,aADnB;MAEJpB,OAAO,EAAE,MAFL;MAGJqB,cAAc,EAAE,eAHZ;MAIJV,UAAU,EAAE,QAJR;MAKJR,MAAM,EAAE,MALJ;MAMJmB,OAAO,YAAKxB,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBC,EAAtB,gBAA8B1B,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBE,EAA/C,OANH;MAOJC,YAAY,sBAAe5B,KAAK,CAACoB,EAAN,CAASZ,OAAT,CAAiBqB,UAAjB,CAA4BC,KAA3C,CAPR;MAQJC,YAAY,YAAK/B,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBE,EAAtB;IARR,EAtBmB;IAgCzBK,KAAK,EAAE;MACLC,MAAM,EAAE;IADH,CAhCkB;IAmCzBC,sBAAsB,EAAE;MACtBC,IAAI,EAAE,CADgB;MAEtBC,MAAM,YAAKpC,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBC,EAAtB;IAFgB,CAnCC;IAuCzBW,eAAe,kCACVrC,KAAK,CAACoB,EAAN,CAASC,UAAT,CAAoBC,aADV;MAEbpB,OAAO,EAAE,MAFI;MAGbW,UAAU,EAAE,QAHC;MAIbR,MAAM,EAAE,MAJK;MAKbiC,SAAS,sBAAetC,KAAK,CAACoB,EAAN,CAASZ,OAAT,CAAiBqB,UAAjB,CAA4BC,KAA3C,CALI;MAMbN,OAAO,YAAKxB,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBC,EAAtB,gBAA8B1B,KAAK,CAACoB,EAAN,CAASK,OAAT,CAAiBE,EAA/C;IANM;EAvCU,CAAZ;AAAA,CAAf;;AAiDA,eAAe5B,MAAf"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/NotificationPanel/index.js"],"sourcesContent":["export { default } from \"./NotificationPanel\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,qBAAxB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","iconWrapper","cursor","panel","badgeBorder"],"sources":["../../../src/NotificationPanel/styles.js"],"sourcesContent":["const styles = {\n iconWrapper: {\n cursor: \"pointer\",\n },\n panel: {},\n badgeBorder: {},\n};\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG;EACbC,WAAW,EAAE;IACXC,MAAM,EAAE;EADG,CADA;EAIbC,KAAK,EAAE,EAJM;EAKbC,WAAW,EAAE;AALA,CAAf;AAQA,eAAeJ,MAAf"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
|
+
|
|
4
|
+
var HvKnobRing = function HvKnobRing(props) {
|
|
5
|
+
var classes = props.classes;
|
|
6
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
7
|
+
className: classes.knobRing
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
process.env.NODE_ENV !== "production" ? HvKnobRing.propTypes = {
|
|
12
|
+
classes: PropTypes.instanceOf(Object).isRequired
|
|
13
|
+
} : void 0;
|
|
14
|
+
export default HvKnobRing;
|
|
15
|
+
//# sourceMappingURL=KnobRing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KnobRing.js","names":["React","PropTypes","HvKnobRing","props","classes","knobRing","propTypes","instanceOf","Object","isRequired"],"sources":["../../../../src/Slider/KnobRing/KnobRing.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst HvKnobRing = (props) => {\n const { classes } = props;\n\n return <div className={classes.knobRing} />;\n};\n\nHvKnobRing.propTypes = {\n classes: PropTypes.instanceOf(Object).isRequired,\n};\n\nexport default HvKnobRing;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EAC5B,IAAQC,OAAR,GAAoBD,KAApB,CAAQC,OAAR;EAEA,oBAAO;IAAK,SAAS,EAAEA,OAAO,CAACC;EAAxB,EAAP;AACD,CAJD;;AAMA,wCAAAH,UAAU,CAACI,SAAX,GAAuB;EACrBF,OAAO,EAAEH,SAAS,CAACM,UAAV,CAAqBC,MAArB,EAA6BC;AADjB,CAAvB;AAIA,eAAeP,UAAf"}
|