@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,108 @@
|
|
|
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
|
+
var styles = function styles(theme) {
|
|
15
|
+
return {
|
|
16
|
+
root: {
|
|
17
|
+
"& .rc-slider-handle": {
|
|
18
|
+
cursor: "pointer",
|
|
19
|
+
marginTop: "-8px",
|
|
20
|
+
"&:active": {
|
|
21
|
+
cursor: "grab"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
zIndex: 0
|
|
25
|
+
},
|
|
26
|
+
dot: {
|
|
27
|
+
position: "absolute",
|
|
28
|
+
bottom: "-1px",
|
|
29
|
+
marginLeft: "0px",
|
|
30
|
+
width: "1px",
|
|
31
|
+
height: "4px",
|
|
32
|
+
border: "none",
|
|
33
|
+
borderRadius: "0%",
|
|
34
|
+
backgroundColor: theme.hv.palette.atmosphere.atmo7,
|
|
35
|
+
cursor: "pointer",
|
|
36
|
+
verticalAlign: "middle",
|
|
37
|
+
zIndex: "-3"
|
|
38
|
+
},
|
|
39
|
+
rail: {
|
|
40
|
+
backgroundColor: theme.hv.palette.atmosphere.atmo7,
|
|
41
|
+
height: "1px",
|
|
42
|
+
zIndex: "-3"
|
|
43
|
+
},
|
|
44
|
+
knobInner: {
|
|
45
|
+
borderColor: "transparent",
|
|
46
|
+
boxShadow: "none",
|
|
47
|
+
backgroundColor: theme.hv.palette.accent.acce1,
|
|
48
|
+
width: "16px",
|
|
49
|
+
height: "16px"
|
|
50
|
+
},
|
|
51
|
+
knobOuter: {
|
|
52
|
+
position: "relative",
|
|
53
|
+
borderColor: "transparent",
|
|
54
|
+
borderRadius: "50%",
|
|
55
|
+
boxShadow: "none",
|
|
56
|
+
backgroundColor: theme.hv.palette.atmosphere.atmo7,
|
|
57
|
+
width: "32px",
|
|
58
|
+
height: "32px",
|
|
59
|
+
top: "-80%",
|
|
60
|
+
left: "-80%",
|
|
61
|
+
zIndex: "-1"
|
|
62
|
+
},
|
|
63
|
+
knobHidden: {
|
|
64
|
+
display: "none"
|
|
65
|
+
},
|
|
66
|
+
knobHiddenLast: {
|
|
67
|
+
borderColor: "transparent",
|
|
68
|
+
height: "3px",
|
|
69
|
+
width: "2px",
|
|
70
|
+
marginLeft: "-1px",
|
|
71
|
+
border: "none",
|
|
72
|
+
borderRadius: "0",
|
|
73
|
+
marginTop: "0px",
|
|
74
|
+
left: "100%",
|
|
75
|
+
touchAction: "none",
|
|
76
|
+
cursor: "default"
|
|
77
|
+
},
|
|
78
|
+
track: {
|
|
79
|
+
backgroundColor: theme.hv.palette.accent.acce1,
|
|
80
|
+
height: "3px",
|
|
81
|
+
zIndex: "-1",
|
|
82
|
+
marginTop: "-1px"
|
|
83
|
+
},
|
|
84
|
+
mark: _objectSpread(_objectSpread({}, theme.hv.typography.vizText), {}, {
|
|
85
|
+
fontFamily: theme.hv.typography.fontFamily,
|
|
86
|
+
top: "-2px"
|
|
87
|
+
}),
|
|
88
|
+
sliderTooltip: {
|
|
89
|
+
"& .rc-slider-tooltip-inner": _objectSpread(_objectSpread({
|
|
90
|
+
background: theme.hv.palette.atmosphere.atmo1,
|
|
91
|
+
border: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo7, " "),
|
|
92
|
+
borderRadius: 0,
|
|
93
|
+
maxWidth: "532px",
|
|
94
|
+
height: "100%",
|
|
95
|
+
padding: "".concat(theme.hv.spacing.sm, "px")
|
|
96
|
+
}, theme.hv.typography.infoText), {}, {
|
|
97
|
+
fontFamily: theme.hv.typography.fontFamily,
|
|
98
|
+
boxShadow: "none"
|
|
99
|
+
}),
|
|
100
|
+
"& .rc-slider-tooltip-arrow": {
|
|
101
|
+
visibility: "hidden"
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
|
|
107
|
+
export default styles;
|
|
108
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","root","cursor","marginTop","zIndex","dot","position","bottom","marginLeft","width","height","border","borderRadius","backgroundColor","hv","palette","atmosphere","atmo7","verticalAlign","rail","knobInner","borderColor","boxShadow","accent","acce1","knobOuter","top","left","knobHidden","display","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","sliderTooltip","background","atmo1","maxWidth","padding","spacing","sm","infoText","visibility"],"sources":["../../../src/Slider/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n \"& .rc-slider-handle\": {\n cursor: \"pointer\",\n marginTop: \"-8px\",\n \"&:active\": {\n cursor: \"grab\",\n },\n },\n zIndex: 0,\n },\n dot: {\n position: \"absolute\",\n bottom: \"-1px\",\n marginLeft: \"0px\",\n width: \"1px\",\n height: \"4px\",\n border: \"none\",\n borderRadius: \"0%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo7,\n cursor: \"pointer\",\n verticalAlign: \"middle\",\n zIndex: \"-3\",\n },\n rail: {\n backgroundColor: theme.hv.palette.atmosphere.atmo7,\n height: \"1px\",\n zIndex: \"-3\",\n },\n knobInner: {\n borderColor: \"transparent\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.accent.acce1,\n width: \"16px\",\n height: \"16px\",\n },\n knobOuter: {\n position: \"relative\",\n borderColor: \"transparent\",\n borderRadius: \"50%\",\n boxShadow: \"none\",\n backgroundColor: theme.hv.palette.atmosphere.atmo7,\n width: \"32px\",\n height: \"32px\",\n top: \"-80%\",\n left: \"-80%\",\n zIndex: \"-1\",\n },\n knobHidden: {\n display: \"none\",\n },\n knobHiddenLast: {\n borderColor: \"transparent\",\n height: \"3px\",\n width: \"2px\",\n marginLeft: \"-1px\",\n border: \"none\",\n borderRadius: \"0\",\n marginTop: \"0px\",\n left: \"100%\",\n touchAction: \"none\",\n cursor: \"default\",\n },\n track: {\n backgroundColor: theme.hv.palette.accent.acce1,\n height: \"3px\",\n zIndex: \"-1\",\n marginTop: \"-1px\",\n },\n mark: {\n ...theme.hv.typography.vizText,\n fontFamily: theme.hv.typography.fontFamily,\n top: \"-2px\",\n },\n sliderTooltip: {\n \"& .rc-slider-tooltip-inner\": {\n background: theme.hv.palette.atmosphere.atmo1,\n border: `solid 1px ${theme.hv.palette.atmosphere.atmo7} `,\n borderRadius: 0,\n maxWidth: \"532px\",\n height: \"100%\",\n padding: `${theme.hv.spacing.sm}px`,\n ...theme.hv.typography.infoText,\n fontFamily: theme.hv.typography.fontFamily,\n boxShadow: \"none\",\n },\n \"& .rc-slider-tooltip-arrow\": {\n visibility: \"hidden\",\n },\n },\n});\n\nexport default styles;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,110 @@
|
|
|
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 from "react";
|
|
16
|
+
import PropTypes from "prop-types";
|
|
17
|
+
import { HvTypography } from "@hitachivantara/uikit-react-core";
|
|
18
|
+
import { DropUpXS as UpIcon, DropDownXS as DownIcon } from "@hitachivantara/uikit-react-icons";
|
|
19
|
+
import { getPeriodForDate } from "../timePickerUtils";
|
|
20
|
+
import { PeriodPickerOptions } from "../enums";
|
|
21
|
+
|
|
22
|
+
var PeriodPicker = /*#__PURE__*/function (_React$Component) {
|
|
23
|
+
_inherits(PeriodPicker, _React$Component);
|
|
24
|
+
|
|
25
|
+
var _super = _createSuper(PeriodPicker);
|
|
26
|
+
|
|
27
|
+
function PeriodPicker(props) {
|
|
28
|
+
var _this;
|
|
29
|
+
|
|
30
|
+
_classCallCheck(this, PeriodPicker);
|
|
31
|
+
|
|
32
|
+
_this = _super.call(this, props);
|
|
33
|
+
|
|
34
|
+
_defineProperty(_assertThisInitialized(_this), "handleChangePeriod", function () {
|
|
35
|
+
var onChangePeriod = _this.props.onChangePeriod;
|
|
36
|
+
|
|
37
|
+
var period = _this.selectDifferentPeriod();
|
|
38
|
+
|
|
39
|
+
_this.setState({
|
|
40
|
+
currentPeriod: period
|
|
41
|
+
});
|
|
42
|
+
|
|
43
|
+
onChangePeriod(period);
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
_defineProperty(_assertThisInitialized(_this), "selectDifferentPeriod", function () {
|
|
47
|
+
var currentPeriod = _this.state.currentPeriod;
|
|
48
|
+
return currentPeriod === PeriodPickerOptions.AM ? PeriodPickerOptions.PM : PeriodPickerOptions.AM;
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
_this.state = {
|
|
52
|
+
currentPeriod: props.period
|
|
53
|
+
};
|
|
54
|
+
return _this;
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* Handles the period change
|
|
58
|
+
* @memberof PeriodPicker
|
|
59
|
+
*/
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
_createClass(PeriodPicker, [{
|
|
63
|
+
key: "render",
|
|
64
|
+
value:
|
|
65
|
+
/**
|
|
66
|
+
* Renders the PeriodPicker
|
|
67
|
+
* @memberof UnitTimePicker
|
|
68
|
+
*/
|
|
69
|
+
function render() {
|
|
70
|
+
var classes = this.props.classes;
|
|
71
|
+
var currentPeriod = this.state.currentPeriod;
|
|
72
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
73
|
+
className: classes.periodContainer
|
|
74
|
+
}, /*#__PURE__*/React.createElement(UpIcon, {
|
|
75
|
+
className: classes.icon,
|
|
76
|
+
onClick: this.handleChangePeriod
|
|
77
|
+
}), /*#__PURE__*/React.createElement(HvTypography, {
|
|
78
|
+
variant: "highlightText",
|
|
79
|
+
className: classes.periodText
|
|
80
|
+
}, currentPeriod), /*#__PURE__*/React.createElement(DownIcon, {
|
|
81
|
+
className: classes.icon,
|
|
82
|
+
onClick: this.handleChangePeriod
|
|
83
|
+
}));
|
|
84
|
+
}
|
|
85
|
+
}]);
|
|
86
|
+
|
|
87
|
+
return PeriodPicker;
|
|
88
|
+
}(React.Component);
|
|
89
|
+
|
|
90
|
+
process.env.NODE_ENV !== "production" ? PeriodPicker.propTypes = {
|
|
91
|
+
/**
|
|
92
|
+
* A Jss Object used to override or extend the styles applied to the input/popper
|
|
93
|
+
*/
|
|
94
|
+
classes: PropTypes.instanceOf(Object).isRequired,
|
|
95
|
+
|
|
96
|
+
/**
|
|
97
|
+
* Callback function called when the period value changes
|
|
98
|
+
*/
|
|
99
|
+
onChangePeriod: PropTypes.func.isRequired,
|
|
100
|
+
|
|
101
|
+
/**
|
|
102
|
+
* Default period value
|
|
103
|
+
*/
|
|
104
|
+
period: PropTypes.oneOf([PeriodPickerOptions.AM, PeriodPickerOptions.PM])
|
|
105
|
+
} : void 0;
|
|
106
|
+
PeriodPicker.defaultProps = {
|
|
107
|
+
period: getPeriodForDate()
|
|
108
|
+
};
|
|
109
|
+
export default PeriodPicker;
|
|
110
|
+
//# sourceMappingURL=PeriodPicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PeriodPicker.js","names":["React","PropTypes","HvTypography","DropUpXS","UpIcon","DropDownXS","DownIcon","getPeriodForDate","PeriodPickerOptions","PeriodPicker","props","onChangePeriod","period","selectDifferentPeriod","setState","currentPeriod","state","AM","PM","classes","periodContainer","icon","handleChangePeriod","periodText","Component","propTypes","instanceOf","Object","isRequired","func","oneOf","defaultProps"],"sources":["../../../../src/TimePicker/PeriodPicker/PeriodPicker.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { DropUpXS as UpIcon, DropDownXS as DownIcon } from \"@hitachivantara/uikit-react-icons\";\nimport { getPeriodForDate } from \"../timePickerUtils\";\nimport { PeriodPickerOptions } from \"../enums\";\n\nclass PeriodPicker extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n currentPeriod: props.period,\n };\n }\n\n /**\n * Handles the period change\n * @memberof PeriodPicker\n */\n handleChangePeriod = () => {\n const { onChangePeriod } = this.props;\n const period = this.selectDifferentPeriod();\n this.setState({\n currentPeriod: period,\n });\n onChangePeriod(period);\n };\n\n /**\n * Gets the new value for the period\n * @returns the new value for the period\n * @memberof UnitTimePicker\n */\n selectDifferentPeriod = () => {\n const { currentPeriod } = this.state;\n return currentPeriod === PeriodPickerOptions.AM\n ? PeriodPickerOptions.PM\n : PeriodPickerOptions.AM;\n };\n\n /**\n * Renders the PeriodPicker\n * @memberof UnitTimePicker\n */\n render() {\n const { classes } = this.props;\n const { currentPeriod } = this.state;\n\n return (\n <div className={classes.periodContainer}>\n <UpIcon className={classes.icon} onClick={this.handleChangePeriod} />\n <HvTypography variant=\"highlightText\" className={classes.periodText}>\n {currentPeriod}\n </HvTypography>\n <DownIcon className={classes.icon} onClick={this.handleChangePeriod} />\n </div>\n );\n }\n}\n\nPeriodPicker.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied to the input/popper\n */\n classes: PropTypes.instanceOf(Object).isRequired,\n /**\n * Callback function called when the period value changes\n */\n onChangePeriod: PropTypes.func.isRequired,\n /**\n * Default period value\n */\n period: PropTypes.oneOf([PeriodPickerOptions.AM, PeriodPickerOptions.PM]),\n};\n\nPeriodPicker.defaultProps = {\n period: getPeriodForDate(),\n};\n\nexport default PeriodPicker;\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,YAAT,QAA6B,kCAA7B;AACA,SAASC,QAAQ,IAAIC,MAArB,EAA6BC,UAAU,IAAIC,QAA3C,QAA2D,mCAA3D;AACA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,mBAAT,QAAoC,UAApC;;IAEMC,Y;;;;;EACJ,sBAAYC,KAAZ,EAAmB;IAAA;;IAAA;;IACjB,0BAAMA,KAAN;;IADiB,qEAYE,YAAM;MACzB,IAAQC,cAAR,GAA2B,MAAKD,KAAhC,CAAQC,cAAR;;MACA,IAAMC,MAAM,GAAG,MAAKC,qBAAL,EAAf;;MACA,MAAKC,QAAL,CAAc;QACZC,aAAa,EAAEH;MADH,CAAd;;MAGAD,cAAc,CAACC,MAAD,CAAd;IACD,CAnBkB;;IAAA,wEA0BK,YAAM;MAC5B,IAAQG,aAAR,GAA0B,MAAKC,KAA/B,CAAQD,aAAR;MACA,OAAOA,aAAa,KAAKP,mBAAmB,CAACS,EAAtC,GACHT,mBAAmB,CAACU,EADjB,GAEHV,mBAAmB,CAACS,EAFxB;IAGD,CA/BkB;;IAGjB,MAAKD,KAAL,GAAa;MACXD,aAAa,EAAEL,KAAK,CAACE;IADV,CAAb;IAHiB;EAMlB;EAED;AACF;AACA;AACA;;;;;;IAsBE;AACF;AACA;AACA;IACE,kBAAS;MACP,IAAQO,OAAR,GAAoB,KAAKT,KAAzB,CAAQS,OAAR;MACA,IAAQJ,aAAR,GAA0B,KAAKC,KAA/B,CAAQD,aAAR;MAEA,oBACE;QAAK,SAAS,EAAEI,OAAO,CAACC;MAAxB,gBACE,oBAAC,MAAD;QAAQ,SAAS,EAAED,OAAO,CAACE,IAA3B;QAAiC,OAAO,EAAE,KAAKC;MAA/C,EADF,eAEE,oBAAC,YAAD;QAAc,OAAO,EAAC,eAAtB;QAAsC,SAAS,EAAEH,OAAO,CAACI;MAAzD,GACGR,aADH,CAFF,eAKE,oBAAC,QAAD;QAAU,SAAS,EAAEI,OAAO,CAACE,IAA7B;QAAmC,OAAO,EAAE,KAAKC;MAAjD,EALF,CADF;IASD;;;;EAnDwBtB,KAAK,CAACwB,S;;AAsDjC,wCAAAf,YAAY,CAACgB,SAAb,GAAyB;EACvB;AACF;AACA;EACEN,OAAO,EAAElB,SAAS,CAACyB,UAAV,CAAqBC,MAArB,EAA6BC,UAJf;;EAKvB;AACF;AACA;EACEjB,cAAc,EAAEV,SAAS,CAAC4B,IAAV,CAAeD,UARR;;EASvB;AACF;AACA;EACEhB,MAAM,EAAEX,SAAS,CAAC6B,KAAV,CAAgB,CAACtB,mBAAmB,CAACS,EAArB,EAAyBT,mBAAmB,CAACU,EAA7C,CAAhB;AAZe,CAAzB;AAeAT,YAAY,CAACsB,YAAb,GAA4B;EAC1BnB,MAAM,EAAEL,gBAAgB;AADE,CAA5B;AAIA,eAAeE,YAAf"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import withStyles from "@material-ui/core/styles/withStyles";
|
|
2
|
+
import styles from "./styles";
|
|
3
|
+
import PeriodPicker from "./PeriodPicker";
|
|
4
|
+
export default withStyles(styles, {
|
|
5
|
+
name: "HvTimePickerPeriodPicker"
|
|
6
|
+
})(PeriodPicker);
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["withStyles","styles","PeriodPicker","name"],"sources":["../../../../src/TimePicker/PeriodPicker/index.js"],"sourcesContent":["import withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nexport default withStyles(styles, { name: \"HvTimePickerPeriodPicker\" })(PeriodPicker);\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,CAAyDD,YAAzD,CAAf"}
|
|
@@ -0,0 +1,46 @@
|
|
|
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
|
+
var icon = {
|
|
15
|
+
width: "32px",
|
|
16
|
+
height: "32px",
|
|
17
|
+
cursor: "pointer"
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
var styles = function styles(theme) {
|
|
21
|
+
return {
|
|
22
|
+
periodContainer: {
|
|
23
|
+
display: "flex",
|
|
24
|
+
flexDirection: "column",
|
|
25
|
+
justifyContent: "center",
|
|
26
|
+
alignItems: "center",
|
|
27
|
+
"&:first-child": {
|
|
28
|
+
marginTop: "".concat(theme.hv.spacing.sm, "px")
|
|
29
|
+
},
|
|
30
|
+
"&:last-child": {
|
|
31
|
+
marginBottom: "".concat(theme.hv.spacing.sm, "px")
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
periodText: _objectSpread(_objectSpread({}, theme.hv.typography.highlightText), {}, {
|
|
35
|
+
textAlign: "center",
|
|
36
|
+
height: "40px",
|
|
37
|
+
width: "40px",
|
|
38
|
+
paddingTop: "".concat(theme.hv.spacing.xs, "px"),
|
|
39
|
+
paddingBottom: "".concat(theme.hv.spacing.xs, "px")
|
|
40
|
+
}),
|
|
41
|
+
icon: _objectSpread({}, icon)
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
export default styles;
|
|
46
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","names":["icon","width","height","cursor","styles","theme","periodContainer","display","flexDirection","justifyContent","alignItems","marginTop","hv","spacing","sm","marginBottom","periodText","typography","highlightText","textAlign","paddingTop","xs","paddingBottom"],"sources":["../../../../src/TimePicker/PeriodPicker/styles.js"],"sourcesContent":["const icon = {\n width: \"32px\",\n height: \"32px\",\n cursor: \"pointer\",\n};\n\nconst styles = (theme) => ({\n periodContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n \"&:first-child\": { marginTop: `${theme.hv.spacing.sm}px` },\n \"&:last-child\": { marginBottom: `${theme.hv.spacing.sm}px` },\n },\n periodText: {\n ...theme.hv.typography.highlightText,\n textAlign: \"center\",\n height: \"40px\",\n width: \"40px\",\n paddingTop: `${theme.hv.spacing.xs}px`,\n paddingBottom: `${theme.hv.spacing.xs}px`,\n },\n icon: {\n ...icon,\n },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,IAAI,GAAG;EACXC,KAAK,EAAE,MADI;EAEXC,MAAM,EAAE,MAFG;EAGXC,MAAM,EAAE;AAHG,CAAb;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,eAAe,EAAE;MACfC,OAAO,EAAE,MADM;MAEfC,aAAa,EAAE,QAFA;MAGfC,cAAc,EAAE,QAHD;MAIfC,UAAU,EAAE,QAJG;MAKf,iBAAiB;QAAEC,SAAS,YAAKN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,EAAtB;MAAX,CALF;MAMf,gBAAgB;QAAEC,YAAY,YAAKV,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,EAAtB;MAAd;IAND,CADQ;IASzBE,UAAU,kCACLX,KAAK,CAACO,EAAN,CAASK,UAAT,CAAoBC,aADf;MAERC,SAAS,EAAE,QAFH;MAGRjB,MAAM,EAAE,MAHA;MAIRD,KAAK,EAAE,MAJC;MAKRmB,UAAU,YAAKf,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBQ,EAAtB,OALF;MAMRC,aAAa,YAAKjB,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBQ,EAAtB;IANL,EATe;IAiBzBrB,IAAI,oBACCA,IADD;EAjBqB,CAAZ;AAAA,CAAf;;AAsBA,eAAeI,MAAf"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { StandardProps } from "@material-ui/core";
|
|
3
|
+
|
|
4
|
+
export interface TimePickerLabel {
|
|
5
|
+
/**
|
|
6
|
+
* Time picker label (appears above the input)
|
|
7
|
+
*/
|
|
8
|
+
title: string;
|
|
9
|
+
/**
|
|
10
|
+
* Time picker placeholder (appears in the input)
|
|
11
|
+
*/
|
|
12
|
+
placeholder: string;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export type HvTimePickerClassKey =
|
|
16
|
+
| "input"
|
|
17
|
+
| "inputPopperOpenedBelow"
|
|
18
|
+
| "inputPopperOpenedAbove"
|
|
19
|
+
| "inputPopperClosed"
|
|
20
|
+
| "inputContainer"
|
|
21
|
+
| "icon"
|
|
22
|
+
| "timePickerContainer"
|
|
23
|
+
| "label"
|
|
24
|
+
| "timePopperContainer"
|
|
25
|
+
| "popper"
|
|
26
|
+
| "popperBelow"
|
|
27
|
+
| "popperAbove"
|
|
28
|
+
| "separator"
|
|
29
|
+
| "periodContainer";
|
|
30
|
+
|
|
31
|
+
export interface HvTimePickerProps
|
|
32
|
+
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvTimePickerClassKey> {
|
|
33
|
+
/**
|
|
34
|
+
* An Object containing the various text associated with the time picker.
|
|
35
|
+
*/
|
|
36
|
+
labels?: TimePickerLabel;
|
|
37
|
+
/**
|
|
38
|
+
* If the time should be presented in 12 or 24 hour format.
|
|
39
|
+
* If undefined, the component will use a format according to the passed locale.
|
|
40
|
+
* If defined, it will "override" the default value given by the locale
|
|
41
|
+
*/
|
|
42
|
+
timeFormat?: "12" | "24" | undefined;
|
|
43
|
+
/**
|
|
44
|
+
* Locale that will provide the time format(12 or 24 hour format)
|
|
45
|
+
* It is "overwritten" by the timeFormat prop
|
|
46
|
+
*/
|
|
47
|
+
locale: string;
|
|
48
|
+
/**
|
|
49
|
+
* Default value for the hours picker
|
|
50
|
+
*/
|
|
51
|
+
hours?: number;
|
|
52
|
+
/**
|
|
53
|
+
* Default value for the minutes picker
|
|
54
|
+
*/
|
|
55
|
+
minutes?: number;
|
|
56
|
+
/**
|
|
57
|
+
* Default value for the seconds picker
|
|
58
|
+
*/
|
|
59
|
+
seconds?: number;
|
|
60
|
+
/**
|
|
61
|
+
* Default value for the period picker
|
|
62
|
+
*/
|
|
63
|
+
period?: string;
|
|
64
|
+
/**
|
|
65
|
+
* Callback function to be triggered when the input value is changed.
|
|
66
|
+
* It is invoked with a object param with the following props:
|
|
67
|
+
* - hours (in a 24h format)
|
|
68
|
+
* - minutes
|
|
69
|
+
* - seconds
|
|
70
|
+
* - period
|
|
71
|
+
*
|
|
72
|
+
* It is always invoked with the hours in a 24h format
|
|
73
|
+
*/
|
|
74
|
+
onChange?: (timeIn24Format: object) => void;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
export default function HvTimePicker(props: HvTimePickerProps): JSX.Element | null;
|