@hitachivantara/uikit-react-lab 3.38.0 → 3.39.3
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 +46 -0
- package/LICENSE.txt +201 -0
- package/dist/AppSwitcherPanel/Action/Action.js +2 -2
- package/dist/AppSwitcherPanel/Action/Action.js.map +1 -1
- package/dist/AppSwitcherPanel/AppSwitcherPanel.js +2 -2
- package/dist/AppSwitcherPanel/AppSwitcherPanel.js.map +1 -1
- package/dist/AppSwitcherPanel/TitleWithTooltip.js +2 -2
- package/dist/AppSwitcherPanel/TitleWithTooltip.js.map +1 -1
- package/dist/ColorPicker/ColorPicker.js +2 -2
- package/dist/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/ColorPicker/Fields/Fields.js +2 -2
- package/dist/ColorPicker/Fields/Fields.js.map +1 -1
- package/dist/ColorPicker/PresetColors/PresetColors.js +2 -2
- package/dist/ColorPicker/PresetColors/PresetColors.js.map +1 -1
- package/dist/Drawer/Drawer.js +8 -6
- package/dist/Drawer/Drawer.js.map +1 -1
- package/dist/FormComposer/FormComposer.js +2 -2
- package/dist/FormComposer/FormComposer.js.map +1 -1
- package/dist/InlineEditor/InlineEditor.js +2 -2
- package/dist/InlineEditor/InlineEditor.js.map +1 -1
- package/dist/NavigationAnchors/NavigationAnchors.js +2 -2
- package/dist/NavigationAnchors/NavigationAnchors.js.map +1 -1
- package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js +5 -3
- package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map +1 -1
- package/dist/NotificationPanel/Notification/Notification.js +2 -2
- package/dist/NotificationPanel/Notification/Notification.js.map +1 -1
- package/dist/NotificationPanel/NotificationPanel.js +2 -2
- package/dist/NotificationPanel/NotificationPanel.js.map +1 -1
- package/dist/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js +2 -2
- package/dist/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js.map +1 -1
- package/dist/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js +2 -2
- package/dist/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js.map +1 -1
- package/dist/QueryBuilder/QueryBuilder.js +2 -2
- package/dist/QueryBuilder/QueryBuilder.js.map +1 -1
- package/dist/QueryBuilder/Rule/Attribute/Attribute.js +2 -2
- package/dist/QueryBuilder/Rule/Attribute/Attribute.js.map +1 -1
- package/dist/QueryBuilder/Rule/Operator/Operator.js +2 -2
- package/dist/QueryBuilder/Rule/Operator/Operator.js.map +1 -1
- package/dist/QueryBuilder/Rule/Rule.js +5 -3
- package/dist/QueryBuilder/Rule/Rule.js.map +1 -1
- package/dist/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js +2 -2
- package/dist/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js.map +1 -1
- package/dist/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js +2 -2
- package/dist/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js.map +1 -1
- package/dist/QueryBuilder/Rule/Value/NumericValue/NumericValue.js +2 -2
- package/dist/QueryBuilder/Rule/Value/NumericValue/NumericValue.js.map +1 -1
- package/dist/QueryBuilder/Rule/Value/TextValue/TextValue.js +2 -2
- package/dist/QueryBuilder/Rule/Value/TextValue/TextValue.js.map +1 -1
- package/dist/QueryBuilder/Rule/Value/Value.js +2 -2
- package/dist/QueryBuilder/Rule/Value/Value.js.map +1 -1
- package/dist/QueryBuilder/RuleGroup/RuleGroup.js +10 -8
- package/dist/QueryBuilder/RuleGroup/RuleGroup.js.map +1 -1
- package/dist/Slider/KnobRing/KnobRing.js +2 -2
- package/dist/Slider/KnobRing/KnobRing.js.map +1 -1
- package/dist/Slider/Slider.js +2 -2
- package/dist/Slider/Slider.js.map +1 -1
- package/dist/Table/Table.js +2 -2
- package/dist/Table/Table.js.map +1 -1
- package/dist/Table/TableBody/TableBody.js +2 -2
- package/dist/Table/TableBody/TableBody.js.map +1 -1
- package/dist/Table/TableCell/TableCell.js +2 -2
- package/dist/Table/TableCell/TableCell.js.map +1 -1
- package/dist/Table/TableContainer/TableContainer.js +2 -2
- package/dist/Table/TableContainer/TableContainer.js.map +1 -1
- package/dist/Table/TableHead/TableHead.js +2 -2
- package/dist/Table/TableHead/TableHead.js.map +1 -1
- package/dist/Table/TableHeader/TableHeader.js +2 -2
- package/dist/Table/TableHeader/TableHeader.js.map +1 -1
- package/dist/Table/TableRow/TableRow.js +2 -2
- package/dist/Table/TableRow/TableRow.js.map +1 -1
- package/dist/Table/hooks/useRowExpand.js +5 -4
- package/dist/Table/hooks/useRowExpand.js.map +1 -1
- package/dist/Table/index.d.ts +2 -0
- package/dist/Table/index.js +28 -0
- package/dist/Table/index.js.map +1 -1
- package/dist/Table/renderers/DateColumnCell/DateColumnCell.d.ts +12 -0
- package/dist/Table/renderers/DateColumnCell/DateColumnCell.js +61 -0
- package/dist/Table/renderers/DateColumnCell/DateColumnCell.js.map +1 -0
- package/dist/Table/renderers/DateColumnCell/index.js +16 -0
- package/dist/Table/renderers/DateColumnCell/index.js.map +1 -0
- package/dist/Table/renderers/DateColumnCell/index.ts +1 -0
- package/dist/Table/renderers/DropdownColumnCell/DropdownColumnCell.d.ts +24 -0
- package/dist/Table/renderers/DropdownColumnCell/DropdownColumnCell.js +75 -0
- package/dist/Table/renderers/DropdownColumnCell/DropdownColumnCell.js.map +1 -0
- package/dist/Table/renderers/DropdownColumnCell/index.d.ts +1 -0
- package/dist/Table/renderers/DropdownColumnCell/index.js +16 -0
- package/dist/Table/renderers/DropdownColumnCell/index.js.map +1 -0
- package/dist/Table/renderers/ProgressColumnCell/ProgressColumnCell.d.ts +16 -0
- package/dist/Table/renderers/ProgressColumnCell/ProgressColumnCell.js +66 -0
- package/dist/Table/renderers/ProgressColumnCell/ProgressColumnCell.js.map +1 -0
- package/dist/Table/renderers/ProgressColumnCell/index.js +49 -0
- package/dist/Table/renderers/ProgressColumnCell/index.js.map +1 -0
- package/dist/Table/renderers/ProgressColumnCell/index.ts +2 -0
- package/dist/Table/renderers/ProgressColumnCell/styles.js +36 -0
- package/dist/Table/renderers/ProgressColumnCell/styles.js.map +1 -0
- package/dist/Table/renderers/SwitchColumnCell/SwitchColumnCell.d.ts +29 -0
- package/dist/Table/renderers/SwitchColumnCell/SwitchColumnCell.js +83 -0
- package/dist/Table/renderers/SwitchColumnCell/SwitchColumnCell.js.map +1 -0
- package/dist/Table/renderers/SwitchColumnCell/index.js +16 -0
- package/dist/Table/renderers/SwitchColumnCell/index.js.map +1 -0
- package/dist/Table/renderers/SwitchColumnCell/index.ts +1 -0
- package/dist/Table/renderers/SwitchColumnCell/styles.js +26 -0
- package/dist/Table/renderers/SwitchColumnCell/styles.js.map +1 -0
- package/dist/Table/renderers/index.d.ts +14 -0
- package/dist/Table/renderers/index.js +80 -0
- package/dist/Table/renderers/index.js.map +1 -0
- package/dist/Table/renderers/renderers.d.ts +60 -0
- package/dist/Table/renderers/renderers.js +238 -0
- package/dist/Table/renderers/renderers.js.map +1 -0
- package/dist/Table/stories/TableColumnRenderers.stories.mdx +193 -0
- package/dist/Table/utils/fallbacks.d.ts +6 -0
- package/dist/Table/utils/fallbacks.js +32 -0
- package/dist/Table/utils/fallbacks.js.map +1 -0
- package/dist/Table/utils/index.d.ts +3 -0
- package/dist/Table/utils/index.js +26 -0
- package/dist/Table/utils/index.js.map +1 -0
- package/dist/Tag/Tag.js +2 -2
- package/dist/Tag/Tag.js.map +1 -1
- package/dist/TimeAgo/TimeAgo.js +2 -2
- package/dist/TimeAgo/TimeAgo.js.map +1 -1
- package/dist/TimePicker/PeriodPicker/PeriodPicker.js +2 -2
- package/dist/TimePicker/PeriodPicker/PeriodPicker.js.map +1 -1
- package/dist/TimePicker/TimePicker.js +2 -2
- package/dist/TimePicker/TimePicker.js.map +1 -1
- package/dist/TimePicker/UnitTimePicker/UnitTimePicker.js +2 -2
- package/dist/TimePicker/UnitTimePicker/UnitTimePicker.js.map +1 -1
- package/dist/legacy/AppSwitcherPanel/Action/Action.js +2 -2
- package/dist/legacy/AppSwitcherPanel/Action/Action.js.map +1 -1
- package/dist/legacy/AppSwitcherPanel/AppSwitcherPanel.js +2 -2
- package/dist/legacy/AppSwitcherPanel/AppSwitcherPanel.js.map +1 -1
- package/dist/legacy/AppSwitcherPanel/TitleWithTooltip.js +2 -2
- package/dist/legacy/AppSwitcherPanel/TitleWithTooltip.js.map +1 -1
- package/dist/legacy/ColorPicker/ColorPicker.js +2 -2
- package/dist/legacy/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/legacy/ColorPicker/Fields/Fields.js +2 -2
- package/dist/legacy/ColorPicker/Fields/Fields.js.map +1 -1
- package/dist/legacy/ColorPicker/PresetColors/PresetColors.js +2 -2
- package/dist/legacy/ColorPicker/PresetColors/PresetColors.js.map +1 -1
- package/dist/legacy/Drawer/Drawer.js +7 -4
- package/dist/legacy/Drawer/Drawer.js.map +1 -1
- package/dist/legacy/FormComposer/FormComposer.js +2 -2
- package/dist/legacy/FormComposer/FormComposer.js.map +1 -1
- package/dist/legacy/InlineEditor/InlineEditor.js +2 -2
- package/dist/legacy/InlineEditor/InlineEditor.js.map +1 -1
- package/dist/legacy/NavigationAnchors/NavigationAnchors.js +2 -2
- package/dist/legacy/NavigationAnchors/NavigationAnchors.js.map +1 -1
- package/dist/legacy/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js +5 -3
- package/dist/legacy/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map +1 -1
- package/dist/legacy/NotificationPanel/Notification/Notification.js +2 -2
- package/dist/legacy/NotificationPanel/Notification/Notification.js.map +1 -1
- package/dist/legacy/NotificationPanel/NotificationPanel.js +2 -2
- package/dist/legacy/NotificationPanel/NotificationPanel.js.map +1 -1
- package/dist/legacy/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js +2 -2
- package/dist/legacy/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js.map +1 -1
- package/dist/legacy/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js +2 -2
- package/dist/legacy/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js.map +1 -1
- package/dist/legacy/QueryBuilder/QueryBuilder.js +2 -2
- package/dist/legacy/QueryBuilder/QueryBuilder.js.map +1 -1
- package/dist/legacy/QueryBuilder/Rule/Attribute/Attribute.js +2 -2
- package/dist/legacy/QueryBuilder/Rule/Attribute/Attribute.js.map +1 -1
- package/dist/legacy/QueryBuilder/Rule/Operator/Operator.js +2 -2
- package/dist/legacy/QueryBuilder/Rule/Operator/Operator.js.map +1 -1
- package/dist/legacy/QueryBuilder/Rule/Rule.js +5 -3
- package/dist/legacy/QueryBuilder/Rule/Rule.js.map +1 -1
- package/dist/legacy/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js +2 -2
- package/dist/legacy/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js.map +1 -1
- package/dist/legacy/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js +2 -2
- package/dist/legacy/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js.map +1 -1
- package/dist/legacy/QueryBuilder/Rule/Value/NumericValue/NumericValue.js +2 -2
- package/dist/legacy/QueryBuilder/Rule/Value/NumericValue/NumericValue.js.map +1 -1
- package/dist/legacy/QueryBuilder/Rule/Value/TextValue/TextValue.js +2 -2
- package/dist/legacy/QueryBuilder/Rule/Value/TextValue/TextValue.js.map +1 -1
- package/dist/legacy/QueryBuilder/Rule/Value/Value.js +2 -2
- package/dist/legacy/QueryBuilder/Rule/Value/Value.js.map +1 -1
- package/dist/legacy/QueryBuilder/RuleGroup/RuleGroup.js +9 -6
- package/dist/legacy/QueryBuilder/RuleGroup/RuleGroup.js.map +1 -1
- package/dist/legacy/Slider/KnobRing/KnobRing.js +2 -2
- package/dist/legacy/Slider/KnobRing/KnobRing.js.map +1 -1
- package/dist/legacy/Slider/Slider.js +2 -2
- package/dist/legacy/Slider/Slider.js.map +1 -1
- package/dist/legacy/Table/Table.js +2 -2
- package/dist/legacy/Table/Table.js.map +1 -1
- package/dist/legacy/Table/TableBody/TableBody.js +2 -2
- package/dist/legacy/Table/TableBody/TableBody.js.map +1 -1
- package/dist/legacy/Table/TableCell/TableCell.js +2 -2
- package/dist/legacy/Table/TableCell/TableCell.js.map +1 -1
- package/dist/legacy/Table/TableContainer/TableContainer.js +2 -2
- package/dist/legacy/Table/TableContainer/TableContainer.js.map +1 -1
- package/dist/legacy/Table/TableHead/TableHead.js +2 -2
- package/dist/legacy/Table/TableHead/TableHead.js.map +1 -1
- package/dist/legacy/Table/TableHeader/TableHeader.js +2 -2
- package/dist/legacy/Table/TableHeader/TableHeader.js.map +1 -1
- package/dist/legacy/Table/TableRow/TableRow.js +2 -2
- package/dist/legacy/Table/TableRow/TableRow.js.map +1 -1
- package/dist/legacy/Table/hooks/useRowExpand.js +4 -1
- package/dist/legacy/Table/hooks/useRowExpand.js.map +1 -1
- package/dist/legacy/Table/index.d.ts +2 -0
- package/dist/legacy/Table/index.js +2 -0
- package/dist/legacy/Table/index.js.map +1 -1
- package/dist/legacy/Table/renderers/DateColumnCell/DateColumnCell.d.ts +12 -0
- package/dist/legacy/Table/renderers/DateColumnCell/DateColumnCell.js +30 -0
- package/dist/legacy/Table/renderers/DateColumnCell/DateColumnCell.js.map +1 -0
- package/dist/legacy/Table/renderers/DateColumnCell/index.js +2 -0
- package/dist/legacy/Table/renderers/DateColumnCell/index.js.map +1 -0
- package/dist/legacy/Table/renderers/DateColumnCell/index.ts +1 -0
- package/dist/legacy/Table/renderers/DropdownColumnCell/DropdownColumnCell.d.ts +24 -0
- package/dist/legacy/Table/renderers/DropdownColumnCell/DropdownColumnCell.js +59 -0
- package/dist/legacy/Table/renderers/DropdownColumnCell/DropdownColumnCell.js.map +1 -0
- package/dist/legacy/Table/renderers/DropdownColumnCell/index.d.ts +1 -0
- package/dist/legacy/Table/renderers/DropdownColumnCell/index.js +2 -0
- package/dist/legacy/Table/renderers/DropdownColumnCell/index.js.map +1 -0
- package/dist/legacy/Table/renderers/ProgressColumnCell/ProgressColumnCell.d.ts +16 -0
- package/dist/legacy/Table/renderers/ProgressColumnCell/ProgressColumnCell.js +50 -0
- package/dist/legacy/Table/renderers/ProgressColumnCell/ProgressColumnCell.js.map +1 -0
- package/dist/legacy/Table/renderers/ProgressColumnCell/index.js +3 -0
- package/dist/legacy/Table/renderers/ProgressColumnCell/index.js.map +1 -0
- package/dist/legacy/Table/renderers/ProgressColumnCell/index.ts +2 -0
- package/dist/legacy/Table/renderers/ProgressColumnCell/styles.js +27 -0
- package/dist/legacy/Table/renderers/ProgressColumnCell/styles.js.map +1 -0
- package/dist/legacy/Table/renderers/SwitchColumnCell/SwitchColumnCell.d.ts +29 -0
- package/dist/legacy/Table/renderers/SwitchColumnCell/SwitchColumnCell.js +68 -0
- package/dist/legacy/Table/renderers/SwitchColumnCell/SwitchColumnCell.js.map +1 -0
- package/dist/legacy/Table/renderers/SwitchColumnCell/index.js +2 -0
- package/dist/legacy/Table/renderers/SwitchColumnCell/index.js.map +1 -0
- package/dist/legacy/Table/renderers/SwitchColumnCell/index.ts +1 -0
- package/dist/legacy/Table/renderers/SwitchColumnCell/styles.js +17 -0
- package/dist/legacy/Table/renderers/SwitchColumnCell/styles.js.map +1 -0
- package/dist/legacy/Table/renderers/index.d.ts +14 -0
- package/dist/legacy/Table/renderers/index.js +5 -0
- package/dist/legacy/Table/renderers/index.js.map +1 -0
- package/dist/legacy/Table/renderers/renderers.d.ts +60 -0
- package/dist/legacy/Table/renderers/renderers.js +193 -0
- package/dist/legacy/Table/renderers/renderers.js.map +1 -0
- package/dist/legacy/Table/stories/TableColumnRenderers.stories.mdx +193 -0
- package/dist/legacy/Table/utils/fallbacks.d.ts +6 -0
- package/dist/legacy/Table/utils/fallbacks.js +14 -0
- package/dist/legacy/Table/utils/fallbacks.js.map +1 -0
- package/dist/legacy/Table/utils/index.d.ts +3 -0
- package/dist/legacy/Table/utils/index.js +2 -0
- package/dist/legacy/Table/utils/index.js.map +1 -0
- package/dist/legacy/Tag/Tag.js +2 -2
- package/dist/legacy/Tag/Tag.js.map +1 -1
- package/dist/legacy/TimeAgo/TimeAgo.js +2 -2
- package/dist/legacy/TimeAgo/TimeAgo.js.map +1 -1
- package/dist/legacy/TimePicker/PeriodPicker/PeriodPicker.js +2 -2
- package/dist/legacy/TimePicker/PeriodPicker/PeriodPicker.js.map +1 -1
- package/dist/legacy/TimePicker/TimePicker.js +2 -2
- package/dist/legacy/TimePicker/TimePicker.js.map +1 -1
- package/dist/legacy/TimePicker/UnitTimePicker/UnitTimePicker.js +2 -2
- package/dist/legacy/TimePicker/UnitTimePicker/UnitTimePicker.js.map +1 -1
- package/dist/modern/AppSwitcherPanel/Action/Action.js +2 -2
- package/dist/modern/AppSwitcherPanel/Action/Action.js.map +1 -1
- package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.js +2 -2
- package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.js.map +1 -1
- package/dist/modern/AppSwitcherPanel/TitleWithTooltip.js +2 -2
- package/dist/modern/AppSwitcherPanel/TitleWithTooltip.js.map +1 -1
- package/dist/modern/ColorPicker/ColorPicker.js +2 -2
- package/dist/modern/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/modern/ColorPicker/Fields/Fields.js +2 -2
- package/dist/modern/ColorPicker/Fields/Fields.js.map +1 -1
- package/dist/modern/ColorPicker/PresetColors/PresetColors.js +2 -2
- package/dist/modern/ColorPicker/PresetColors/PresetColors.js.map +1 -1
- package/dist/modern/Drawer/Drawer.js +7 -4
- package/dist/modern/Drawer/Drawer.js.map +1 -1
- package/dist/modern/FormComposer/FormComposer.js +2 -2
- package/dist/modern/FormComposer/FormComposer.js.map +1 -1
- package/dist/modern/InlineEditor/InlineEditor.js +2 -2
- package/dist/modern/InlineEditor/InlineEditor.js.map +1 -1
- package/dist/modern/NavigationAnchors/NavigationAnchors.js +2 -2
- package/dist/modern/NavigationAnchors/NavigationAnchors.js.map +1 -1
- package/dist/modern/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js +5 -3
- package/dist/modern/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map +1 -1
- package/dist/modern/NotificationPanel/Notification/Notification.js +2 -2
- package/dist/modern/NotificationPanel/Notification/Notification.js.map +1 -1
- package/dist/modern/NotificationPanel/NotificationPanel.js +2 -2
- package/dist/modern/NotificationPanel/NotificationPanel.js.map +1 -1
- package/dist/modern/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js +2 -2
- package/dist/modern/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js.map +1 -1
- package/dist/modern/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js +2 -2
- package/dist/modern/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js.map +1 -1
- package/dist/modern/QueryBuilder/QueryBuilder.js +2 -2
- package/dist/modern/QueryBuilder/QueryBuilder.js.map +1 -1
- package/dist/modern/QueryBuilder/Rule/Attribute/Attribute.js +2 -2
- package/dist/modern/QueryBuilder/Rule/Attribute/Attribute.js.map +1 -1
- package/dist/modern/QueryBuilder/Rule/Operator/Operator.js +2 -2
- package/dist/modern/QueryBuilder/Rule/Operator/Operator.js.map +1 -1
- package/dist/modern/QueryBuilder/Rule/Rule.js +5 -3
- package/dist/modern/QueryBuilder/Rule/Rule.js.map +1 -1
- package/dist/modern/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js +2 -2
- package/dist/modern/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js.map +1 -1
- package/dist/modern/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js +2 -2
- package/dist/modern/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js.map +1 -1
- package/dist/modern/QueryBuilder/Rule/Value/NumericValue/NumericValue.js +2 -2
- package/dist/modern/QueryBuilder/Rule/Value/NumericValue/NumericValue.js.map +1 -1
- package/dist/modern/QueryBuilder/Rule/Value/TextValue/TextValue.js +2 -2
- package/dist/modern/QueryBuilder/Rule/Value/TextValue/TextValue.js.map +1 -1
- package/dist/modern/QueryBuilder/Rule/Value/Value.js +2 -2
- package/dist/modern/QueryBuilder/Rule/Value/Value.js.map +1 -1
- package/dist/modern/QueryBuilder/RuleGroup/RuleGroup.js +9 -6
- package/dist/modern/QueryBuilder/RuleGroup/RuleGroup.js.map +1 -1
- package/dist/modern/Slider/KnobRing/KnobRing.js +2 -2
- package/dist/modern/Slider/KnobRing/KnobRing.js.map +1 -1
- package/dist/modern/Slider/Slider.js +2 -2
- package/dist/modern/Slider/Slider.js.map +1 -1
- package/dist/modern/Table/Table.js +2 -2
- package/dist/modern/Table/Table.js.map +1 -1
- package/dist/modern/Table/TableBody/TableBody.js +2 -2
- package/dist/modern/Table/TableBody/TableBody.js.map +1 -1
- package/dist/modern/Table/TableCell/TableCell.js +2 -2
- package/dist/modern/Table/TableCell/TableCell.js.map +1 -1
- package/dist/modern/Table/TableContainer/TableContainer.js +2 -2
- package/dist/modern/Table/TableContainer/TableContainer.js.map +1 -1
- package/dist/modern/Table/TableHead/TableHead.js +2 -2
- package/dist/modern/Table/TableHead/TableHead.js.map +1 -1
- package/dist/modern/Table/TableHeader/TableHeader.js +2 -2
- package/dist/modern/Table/TableHeader/TableHeader.js.map +1 -1
- package/dist/modern/Table/TableRow/TableRow.js +2 -2
- package/dist/modern/Table/TableRow/TableRow.js.map +1 -1
- package/dist/modern/Table/hooks/useRowExpand.js +3 -1
- package/dist/modern/Table/hooks/useRowExpand.js.map +1 -1
- package/dist/modern/Table/index.d.ts +2 -0
- package/dist/modern/Table/index.js +2 -0
- package/dist/modern/Table/index.js.map +1 -1
- package/dist/modern/Table/renderers/DateColumnCell/DateColumnCell.d.ts +12 -0
- package/dist/modern/Table/renderers/DateColumnCell/DateColumnCell.js +31 -0
- package/dist/modern/Table/renderers/DateColumnCell/DateColumnCell.js.map +1 -0
- package/dist/modern/Table/renderers/DateColumnCell/index.js +2 -0
- package/dist/modern/Table/renderers/DateColumnCell/index.js.map +1 -0
- package/dist/modern/Table/renderers/DateColumnCell/index.ts +1 -0
- package/dist/modern/Table/renderers/DropdownColumnCell/DropdownColumnCell.d.ts +24 -0
- package/dist/modern/Table/renderers/DropdownColumnCell/DropdownColumnCell.js +58 -0
- package/dist/modern/Table/renderers/DropdownColumnCell/DropdownColumnCell.js.map +1 -0
- package/dist/modern/Table/renderers/DropdownColumnCell/index.d.ts +1 -0
- package/dist/modern/Table/renderers/DropdownColumnCell/index.js +2 -0
- package/dist/modern/Table/renderers/DropdownColumnCell/index.js.map +1 -0
- package/dist/modern/Table/renderers/ProgressColumnCell/ProgressColumnCell.d.ts +16 -0
- package/dist/modern/Table/renderers/ProgressColumnCell/ProgressColumnCell.js +50 -0
- package/dist/modern/Table/renderers/ProgressColumnCell/ProgressColumnCell.js.map +1 -0
- package/dist/modern/Table/renderers/ProgressColumnCell/index.js +3 -0
- package/dist/modern/Table/renderers/ProgressColumnCell/index.js.map +1 -0
- package/dist/modern/Table/renderers/ProgressColumnCell/index.ts +2 -0
- package/dist/modern/Table/renderers/ProgressColumnCell/styles.js +25 -0
- package/dist/modern/Table/renderers/ProgressColumnCell/styles.js.map +1 -0
- package/dist/modern/Table/renderers/SwitchColumnCell/SwitchColumnCell.d.ts +29 -0
- package/dist/modern/Table/renderers/SwitchColumnCell/SwitchColumnCell.js +69 -0
- package/dist/modern/Table/renderers/SwitchColumnCell/SwitchColumnCell.js.map +1 -0
- package/dist/modern/Table/renderers/SwitchColumnCell/index.js +2 -0
- package/dist/modern/Table/renderers/SwitchColumnCell/index.js.map +1 -0
- package/dist/modern/Table/renderers/SwitchColumnCell/index.ts +1 -0
- package/dist/modern/Table/renderers/SwitchColumnCell/styles.js +15 -0
- package/dist/modern/Table/renderers/SwitchColumnCell/styles.js.map +1 -0
- package/dist/modern/Table/renderers/index.d.ts +14 -0
- package/dist/modern/Table/renderers/index.js +5 -0
- package/dist/modern/Table/renderers/index.js.map +1 -0
- package/dist/modern/Table/renderers/renderers.d.ts +60 -0
- package/dist/modern/Table/renderers/renderers.js +186 -0
- package/dist/modern/Table/renderers/renderers.js.map +1 -0
- package/dist/modern/Table/stories/TableColumnRenderers.stories.mdx +193 -0
- package/dist/modern/Table/utils/fallbacks.d.ts +6 -0
- package/dist/modern/Table/utils/fallbacks.js +12 -0
- package/dist/modern/Table/utils/fallbacks.js.map +1 -0
- package/dist/modern/Table/utils/index.d.ts +3 -0
- package/dist/modern/Table/utils/index.js +2 -0
- package/dist/modern/Table/utils/index.js.map +1 -0
- package/dist/modern/Tag/Tag.js +2 -2
- package/dist/modern/Tag/Tag.js.map +1 -1
- package/dist/modern/TimeAgo/TimeAgo.js +2 -2
- package/dist/modern/TimeAgo/TimeAgo.js.map +1 -1
- package/dist/modern/TimePicker/PeriodPicker/PeriodPicker.js +2 -2
- package/dist/modern/TimePicker/PeriodPicker/PeriodPicker.js.map +1 -1
- package/dist/modern/TimePicker/TimePicker.js +2 -2
- package/dist/modern/TimePicker/TimePicker.js.map +1 -1
- package/dist/modern/TimePicker/UnitTimePicker/UnitTimePicker.js +2 -2
- package/dist/modern/TimePicker/UnitTimePicker/UnitTimePicker.js.map +1 -1
- package/package.json +6 -6
|
@@ -143,12 +143,12 @@ export var Fields = function Fields(_ref) {
|
|
|
143
143
|
disableClear: true
|
|
144
144
|
}));
|
|
145
145
|
};
|
|
146
|
-
Fields.propTypes = {
|
|
146
|
+
process.env.NODE_ENV !== "production" ? Fields.propTypes = {
|
|
147
147
|
rgb: PropTypes.shape({
|
|
148
148
|
r: PropTypes.number,
|
|
149
149
|
g: PropTypes.number,
|
|
150
150
|
b: PropTypes.number
|
|
151
151
|
}).isRequired
|
|
152
|
-
};
|
|
152
|
+
} : void 0;
|
|
153
153
|
export default Fields;
|
|
154
154
|
//# sourceMappingURL=Fields.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/ColorPicker/Fields/Fields.js"],"names":["React","useEffect","useRef","useState","PropTypes","clsx","color","HvInput","useStyles","Fields","onChange","rgb","hex","classes","internalHex","setInternalHex","r","internalRed","setInternalRed","g","internalGreen","setInternalGreen","b","internalBlue","setInternalBlue","hexInputRef","redInputRef","greenInputRef","blueInputRef","document","activeElement","current","handleChange","data","e","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","fields","double","replace","single","propTypes","shape","number","isRequired"],"mappings":"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
|
|
1
|
+
{"version":3,"sources":["../../../../src/ColorPicker/Fields/Fields.js"],"names":["React","useEffect","useRef","useState","PropTypes","clsx","color","HvInput","useStyles","Fields","onChange","rgb","hex","classes","internalHex","setInternalHex","r","internalRed","setInternalRed","g","internalGreen","setInternalGreen","b","internalBlue","setInternalBlue","hexInputRef","redInputRef","greenInputRef","blueInputRef","document","activeElement","current","handleChange","data","e","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","fields","double","replace","single","propTypes","shape","number","isRequired"],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport * as color from \"react-color/lib/helpers/color\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nexport const Fields = ({ onChange, rgb, hex }) => {\n const classes = useStyles();\n const [internalHex, setInternalHex] = useState(hex);\n const [internalRed, setInternalRed] = useState(rgb.r);\n const [internalGreen, setInternalGreen] = useState(rgb.g);\n const [internalBlue, setInternalBlue] = useState(rgb.b);\n\n const hexInputRef = useRef();\n const redInputRef = useRef();\n const greenInputRef = useRef();\n const blueInputRef = useRef();\n\n useEffect(() => {\n if (document.activeElement !== hexInputRef.current) {\n setInternalHex(hex);\n }\n }, [hex]);\n\n useEffect(() => {\n if (document.activeElement !== redInputRef.current) {\n setInternalRed(rgb.r);\n }\n\n if (document.activeElement !== greenInputRef.current) {\n setInternalGreen(rgb.g);\n }\n\n if (document.activeElement !== blueInputRef.current) {\n setInternalBlue(rgb.b);\n }\n }, [rgb]);\n\n const handleChange = (data, e) => {\n if (data.hex && color.isValidHex(data.hex)) {\n onChange(\n {\n hex: data.hex,\n source: \"hex\",\n },\n e\n );\n } else if (data.r || data.g || data.b) {\n onChange(\n {\n r: data.r || rgb.r,\n g: data.g || rgb.g,\n b: data.b || rgb.b,\n source: \"rgb\",\n },\n e\n );\n }\n };\n\n const onChangeHex = (_evt, value) => {\n setInternalHex(value);\n handleChange({ hex: value }, _evt);\n };\n\n const onChangeRbg = (_evt, value, colorPart) => {\n if (colorPart === \"r\") setInternalRed(value);\n if (colorPart === \"g\") setInternalGreen(value);\n if (colorPart === \"b\") setInternalBlue(value);\n handleChange(\n {\n r: colorPart === \"r\" ? value : rgb.r,\n g: colorPart === \"g\" ? value : rgb.g,\n b: colorPart === \"b\" ? value : rgb.b,\n },\n _evt\n );\n };\n\n return (\n <div className={clsx(classes.fields)}>\n <HvInput\n inputRef={hexInputRef}\n className={clsx(classes.double)}\n label=\"HEX\"\n value={internalHex.replace(\"#\", \"\")}\n onChange={onChangeHex}\n onBlur={() => setInternalHex(hex)}\n disableClear\n />\n <HvInput\n inputRef={redInputRef}\n className={clsx(classes.single)}\n label=\"R\"\n value={`${internalRed}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"r\")}\n onBlur={() => setInternalRed(rgb.r)}\n disableClear\n />\n <HvInput\n inputRef={greenInputRef}\n className={clsx(classes.single)}\n label=\"G\"\n value={`${internalGreen}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"g\")}\n onBlur={() => setInternalGreen(rgb.g)}\n disableClear\n />\n <HvInput\n inputRef={blueInputRef}\n className={clsx(classes.single)}\n label=\"B\"\n value={`${internalBlue}`}\n onChange={(_evt, value) => onChangeRbg(_evt, value, \"b\")}\n onBlur={() => setInternalBlue(rgb.b)}\n disableClear\n />\n </div>\n );\n};\n\nFields.propTypes = {\n rgb: PropTypes.shape({\n r: PropTypes.number,\n g: PropTypes.number,\n b: PropTypes.number,\n }).isRequired,\n};\n\nexport default Fields;\n"],"file":"Fields.js"}
|
|
@@ -37,12 +37,12 @@ export var SketchPresetColors = function SketchPresetColors(_ref) {
|
|
|
37
37
|
})));
|
|
38
38
|
}));
|
|
39
39
|
};
|
|
40
|
-
SketchPresetColors.propTypes = {
|
|
40
|
+
process.env.NODE_ENV !== "production" ? SketchPresetColors.propTypes = {
|
|
41
41
|
colors: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
|
|
42
42
|
color: PropTypes.string,
|
|
43
43
|
title: PropTypes.string
|
|
44
44
|
})])).isRequired,
|
|
45
45
|
onClick: PropTypes.func.isRequired
|
|
46
|
-
};
|
|
46
|
+
} : void 0;
|
|
47
47
|
export default SketchPresetColors;
|
|
48
48
|
//# sourceMappingURL=PresetColors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/ColorPicker/PresetColors/PresetColors.js"],"names":["React","PropTypes","Swatch","useStyles","SketchPresetColors","colors","onClick","classes","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,MAAT,QAAuB,mCAAvB;AAEA,OAAOC,SAAP,MAAsB,UAAtB;AAEA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoC;AAAA,MAAjCC,MAAiC,QAAjCA,MAAiC;AAAA,0BAAzBC,OAAyB;AAAA,MAAzBA,OAAyB,6BAAf,YAAM,CAAE,CAAO;AACpE,MAAMC,OAAO,GAAGJ,SAAS,EAAzB;;AAEA,MAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAMC,CAAN,EAAY;AAC9BJ,IAAAA,OAAO,CACL;AACEG,MAAAA,GAAG,EAAHA,GADF;AAEEE,MAAAA,MAAM,EAAE;AAFV,KADK,EAKLD,CALK,CAAP;AAOD,GARD;;AAUA,sBACE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACF;AAAxB,KACGA,MAAM,CAACO,GAAP,CAAW,UAACC,gBAAD,EAAsB;AAChC,QAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;AAAEE,MAAAA,KAAK,EAAEF;AAAT,KAAvC,GAAqEA,gBADvE;AAEA,QAAMG,GAAG,aAAMF,CAAC,CAACC,KAAR,SAAgBD,CAAC,CAACG,KAAF,IAAW,EAA3B,CAAT;AACA,wBACE;AAAK,MAAA,GAAG,EAAED,GAAV;AAAe,MAAA,SAAS,EAAET,OAAO,CAACW;AAAlC,oBACE,oBAAC,MAAD,eACMJ,CADN;AAEE,MAAA,SAAS,EAAEP,OAAO,CAACY,MAFrB;AAGE,MAAA,OAAO,EAAEX,WAHX;AAIE,MAAA,UAAU,EAAE;AACVY,QAAAA,SAAS,qDAA8CN,CAAC,CAACC,KAAhD;AADC;AAJd,OADF,CADF;AAYD,GAhBA,CADH,CADF;AAqBD,CAlCM;
|
|
1
|
+
{"version":3,"sources":["../../../../src/ColorPicker/PresetColors/PresetColors.js"],"names":["React","PropTypes","Swatch","useStyles","SketchPresetColors","colors","onClick","classes","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,MAAT,QAAuB,mCAAvB;AAEA,OAAOC,SAAP,MAAsB,UAAtB;AAEA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoC;AAAA,MAAjCC,MAAiC,QAAjCA,MAAiC;AAAA,0BAAzBC,OAAyB;AAAA,MAAzBA,OAAyB,6BAAf,YAAM,CAAE,CAAO;AACpE,MAAMC,OAAO,GAAGJ,SAAS,EAAzB;;AAEA,MAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAMC,CAAN,EAAY;AAC9BJ,IAAAA,OAAO,CACL;AACEG,MAAAA,GAAG,EAAHA,GADF;AAEEE,MAAAA,MAAM,EAAE;AAFV,KADK,EAKLD,CALK,CAAP;AAOD,GARD;;AAUA,sBACE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACF;AAAxB,KACGA,MAAM,CAACO,GAAP,CAAW,UAACC,gBAAD,EAAsB;AAChC,QAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;AAAEE,MAAAA,KAAK,EAAEF;AAAT,KAAvC,GAAqEA,gBADvE;AAEA,QAAMG,GAAG,aAAMF,CAAC,CAACC,KAAR,SAAgBD,CAAC,CAACG,KAAF,IAAW,EAA3B,CAAT;AACA,wBACE;AAAK,MAAA,GAAG,EAAED,GAAV;AAAe,MAAA,SAAS,EAAET,OAAO,CAACW;AAAlC,oBACE,oBAAC,MAAD,eACMJ,CADN;AAEE,MAAA,SAAS,EAAEP,OAAO,CAACY,MAFrB;AAGE,MAAA,OAAO,EAAEX,WAHX;AAIE,MAAA,UAAU,EAAE;AACVY,QAAAA,SAAS,qDAA8CN,CAAC,CAACC,KAAhD;AADC;AAJd,OADF,CADF;AAYD,GAhBA,CADH,CADF;AAqBD,CAlCM;AAoCP,wCAAAX,kBAAkB,CAACiB,SAAnB,GAA+B;AAC7BhB,EAAAA,MAAM,EAAEJ,SAAS,CAACqB,OAAV,CACNrB,SAAS,CAACsB,SAAV,CAAoB,CAClBtB,SAAS,CAACuB,MADQ,EAElBvB,SAAS,CAACwB,KAAV,CAAgB;AACdV,IAAAA,KAAK,EAAEd,SAAS,CAACuB,MADH;AAEdP,IAAAA,KAAK,EAAEhB,SAAS,CAACuB;AAFH,GAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;AAU7BpB,EAAAA,OAAO,EAAEL,SAAS,CAAC0B,IAAV,CAAeD;AAVK,CAA/B;AAaA,eAAetB,kBAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n const classes = useStyles();\n\n const handleClick = (hex, e) => {\n onClick(\n {\n hex,\n source: \"hex\",\n },\n e\n );\n };\n\n return (\n <div className={classes.colors}>\n {colors.map((colorObjOrString) => {\n const c =\n typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n const key = `${c.color}${c.title || \"\"}`;\n return (\n <div key={key} className={classes.swatchWrap}>\n <Swatch\n {...c}\n className={classes.swatch}\n onClick={handleClick}\n focusStyle={{\n boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n }}\n />\n </div>\n );\n })}\n </div>\n );\n};\n\nSketchPresetColors.propTypes = {\n colors: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({\n color: PropTypes.string,\n title: PropTypes.string,\n }),\n ])\n ).isRequired,\n onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"file":"PresetColors.js"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
|
|
4
|
+
var _Close;
|
|
5
|
+
|
|
3
6
|
var _excluded = ["className", "classes", "id", "children", "open", "onClose", "anchor", "buttonTitle"];
|
|
4
7
|
import "core-js/modules/es.string.anchor.js";
|
|
5
8
|
import React from "react";
|
|
@@ -29,9 +32,9 @@ var HvDrawer = function HvDrawer(_ref) {
|
|
|
29
32
|
others = _objectWithoutProperties(_ref, _excluded);
|
|
30
33
|
|
|
31
34
|
var closeButtonDisplay = function closeButtonDisplay() {
|
|
32
|
-
return /*#__PURE__*/React.createElement(Close, {
|
|
35
|
+
return _Close || (_Close = /*#__PURE__*/React.createElement(Close, {
|
|
33
36
|
role: "presentation"
|
|
34
|
-
});
|
|
37
|
+
}));
|
|
35
38
|
};
|
|
36
39
|
|
|
37
40
|
var CloseButtonTooltipWrapper = buttonTitle ? withTooltip(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
|
|
@@ -62,7 +65,7 @@ var HvDrawer = function HvDrawer(_ref) {
|
|
|
62
65
|
}, /*#__PURE__*/React.createElement(CloseButtonTooltipWrapper, null)), children);
|
|
63
66
|
};
|
|
64
67
|
|
|
65
|
-
HvDrawer.propTypes = {
|
|
68
|
+
process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
|
|
66
69
|
/**
|
|
67
70
|
* Class names to be applied.
|
|
68
71
|
*/
|
|
@@ -126,7 +129,7 @@ HvDrawer.propTypes = {
|
|
|
126
129
|
* Title for the button close.
|
|
127
130
|
*/
|
|
128
131
|
buttonTitle: PropTypes.string
|
|
129
|
-
};
|
|
132
|
+
} : void 0;
|
|
130
133
|
export default withStyles(styles, {
|
|
131
134
|
name: "HvDrawer"
|
|
132
135
|
})(HvDrawer);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Drawer/Drawer.js"],"names":["React","clsx","PropTypes","Drawer","withStyles","Close","HvButton","withTooltip","setId","styles","HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","event","reason","closeButton","propTypes","string","shape","isRequired","node","bool","func","oneOf","name"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/Drawer/Drawer.js"],"names":["React","clsx","PropTypes","Drawer","withStyles","Close","HvButton","withTooltip","setId","styles","HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","event","reason","closeButton","propTypes","string","shape","isRequired","node","bool","func","oneOf","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer, withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nconst HvDrawer = ({\n className,\n classes,\n id,\n children,\n open,\n onClose,\n anchor = \"right\",\n buttonTitle = \"Close\",\n ...others\n}) => {\n const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n const CloseButtonTooltipWrapper = buttonTitle\n ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n : closeButtonDisplay;\n\n return (\n <Drawer\n className={clsx(classes.root, className)}\n id={id}\n anchor={anchor}\n open={open}\n PaperProps={{\n classes: {\n root: classes.paper,\n },\n }}\n BackdropProps={{\n classes: {\n root: classes.background,\n },\n }}\n onClose={(event, reason) => onClose(event, reason)}\n {...others}\n >\n <HvButton\n id={setId(id, \"close\")}\n className={classes.closeButton}\n category=\"ghost\"\n onClick={onClose}\n aria-label={buttonTitle}\n >\n <CloseButtonTooltipWrapper />\n </HvButton>\n {children}\n </Drawer>\n );\n};\n\nHvDrawer.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Style applied to the root of the component.\n */\n root: PropTypes.string,\n /**\n * Style applied to the background (outside) of the component.\n */\n background: PropTypes.string,\n /**\n * Style applied to the component (root).\n */\n paper: PropTypes.string,\n /**\n * Style applied to the close button.\n */\n closeButton: PropTypes.string,\n }).isRequired,\n /**\n * Components of the Drawer.\n */\n children: PropTypes.node.isRequired,\n /**\n * Current state of the Drawer.\n */\n open: PropTypes.bool.isRequired,\n /**\n * Function executed on close.\n * Extended from Modal from material-ui\n *\n * @param {object} event The event source of the callback.\n * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n */\n onClose: PropTypes.func.isRequired,\n /**\n * The side the drawer opens from.\n */\n anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n /**\n * Title for the button close.\n */\n buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"file":"Drawer.js"}
|
|
@@ -168,7 +168,7 @@ var HvFormComposer = /*#__PURE__*/function (_React$Component) {
|
|
|
168
168
|
return HvFormComposer;
|
|
169
169
|
}(React.Component);
|
|
170
170
|
|
|
171
|
-
HvFormComposer.propTypes = {
|
|
171
|
+
process.env.NODE_ENV !== "production" ? HvFormComposer.propTypes = {
|
|
172
172
|
/**
|
|
173
173
|
* A Jss Object used to override or extend the styles applied to the form composer.
|
|
174
174
|
*/
|
|
@@ -201,7 +201,7 @@ HvFormComposer.propTypes = {
|
|
|
201
201
|
* Content to be shown on the footer.
|
|
202
202
|
*/
|
|
203
203
|
footerContent: PropTypes.node
|
|
204
|
-
};
|
|
204
|
+
} : void 0;
|
|
205
205
|
/**
|
|
206
206
|
* Default properties.
|
|
207
207
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/FormComposer/FormComposer.js"],"names":["React","PropTypes","shape","withStyles","HvTypography","HvNavigationAnchors","styles","HvFormComposer","props","groups","componentValues","forEach","group","children","child","name","value","state","originalHandler","undefined","getValues","onChange","newComponentValues","setState","getInitialValuesFromComponents","classes","mainTitle","hasNavigation","hasFooter","footerContent","footerElements","map","i","key","cloneElement","onClick","getValuesHandler","navigationOptions","groupedComponents","push","label","title","event","childOnChangeHandler","root","mainContainer","navContainer","componentContainer","footer","Component","propTypes","instanceOf","Object","isRequired","string","arrayOf","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes, { shape } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport HvNavigationAnchors from \"../NavigationAnchors\";\nimport styles from \"./styles\";\n\n/**\n * A form composer component used to create a form dynamically, still in development\n */\nclass HvFormComposer extends React.Component {\n constructor(props) {\n super(props);\n\n const { groups } = this.props;\n\n this.state = {\n componentValues: this.getInitialValuesFromComponents(groups),\n };\n }\n\n /**\n * Gets the values that are set on each component inside the groups.\n *\n * @param {Object} groups - Initial group object containing all the component elements.\n * @return {Object} - { key (Component name): value (Value set on the component) }\n */\n getInitialValuesFromComponents = (groups) => {\n const componentValues = {};\n groups.forEach((group) => {\n group.children.forEach((child) => {\n componentValues[child.props.name] = child.props.value;\n });\n });\n\n return componentValues;\n };\n\n /**\n * Gets the values stored in the state of each component.\n */\n getValues = () => {\n const { componentValues } = this.state;\n return componentValues;\n };\n\n /**\n * Handler to retrieve the values.\n *\n * @param {Function} originalHandler - The handler that was originally triggered.\n */\n getValuesHandler = (originalHandler) => {\n if (originalHandler !== undefined && typeof originalHandler === \"function\") {\n originalHandler(this.getValues());\n }\n };\n\n /**\n * Stores the value on the state when a child component onChange event is triggered.\n *\n * @param {*} value - Value that will be stored on the state.\n * @param {string} name - Name of the component.\n * @param {Function} onChange - Original function triggered by the component.\n */\n childOnChangeHandler = (value, name, onChange) => {\n const { componentValues } = this.state;\n\n const newComponentValues = { ...componentValues };\n newComponentValues[name] = value;\n\n this.setState({ componentValues: newComponentValues });\n\n if (onChange !== undefined && typeof onChange === \"function\") {\n return onChange(value);\n }\n // The UI-KIT input forced to have the value explicitly returned on the onChanged function.\n return value;\n };\n\n render() {\n const { classes, mainTitle, groups, hasNavigation, hasFooter, footerContent } = this.props;\n\n const footerElements = footerContent.map((child, i) => {\n const key = `fc-${i}`;\n return React.cloneElement(child, {\n onClick: () => this.getValuesHandler(child.props.onClick),\n key,\n });\n });\n\n const navigationOptions = [];\n\n const groupedComponents = groups.map((group) => {\n navigationOptions.push({ label: group.title, value: group.title });\n\n return (\n <div key={group.title}>\n <HvTypography id={group.title} variant=\"mTitle\">\n {group.title}\n </HvTypography>\n {group.children.map((child, i) => {\n const key = `fc-${group.title}-${i}`;\n return (\n <div key={key}>\n {React.cloneElement(child, {\n onChange: (event, value) =>\n this.childOnChangeHandler(value, child.props.name, child.props.onChange),\n })}\n </div>\n );\n })}\n </div>\n );\n });\n\n return (\n <div className={classes.root}>\n <HvTypography variant=\"xlTitle\" className={classes.title}>\n {mainTitle}\n </HvTypography>\n <div className={classes.mainContainer}>\n {hasNavigation && (\n <div className={classes.navContainer}>\n <HvNavigationAnchors options={navigationOptions} floating={false} />\n </div>\n )}\n <div className={classes.componentContainer}>{groupedComponents}</div>\n </div>\n {hasFooter && <div className={classes.footer}>{footerElements}</div>}\n </div>\n );\n }\n}\n\nHvFormComposer.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied to the form composer.\n */\n classes: PropTypes.instanceOf(Object).isRequired,\n /**\n * Main title to be displayed.\n */\n mainTitle: PropTypes.string,\n /**\n * The group of component that will be added to the Form composer.\n */\n groups: PropTypes.arrayOf(\n shape({\n title: PropTypes.string,\n children: PropTypes.node,\n })\n ).isRequired,\n /**\n * Shows navigation bar.\n */\n hasNavigation: PropTypes.bool,\n /**\n * Shows footer.\n */\n hasFooter: PropTypes.bool,\n /**\n * Content to be shown on the footer.\n */\n footerContent: PropTypes.node,\n};\n\n/**\n * Default properties.\n */\nHvFormComposer.defaultProps = {\n mainTitle: \"\",\n hasNavigation: false,\n hasFooter: false,\n footerContent: [],\n};\n\nexport default withStyles(styles, { name: \"HvFormComposer\" })(HvFormComposer);\n"],"file":"FormComposer.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/FormComposer/FormComposer.js"],"names":["React","PropTypes","shape","withStyles","HvTypography","HvNavigationAnchors","styles","HvFormComposer","props","groups","componentValues","forEach","group","children","child","name","value","state","originalHandler","undefined","getValues","onChange","newComponentValues","setState","getInitialValuesFromComponents","classes","mainTitle","hasNavigation","hasFooter","footerContent","footerElements","map","i","key","cloneElement","onClick","getValuesHandler","navigationOptions","groupedComponents","push","label","title","event","childOnChangeHandler","root","mainContainer","navContainer","componentContainer","footer","Component","propTypes","instanceOf","Object","isRequired","string","arrayOf","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes, { shape } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport HvNavigationAnchors from \"../NavigationAnchors\";\nimport styles from \"./styles\";\n\n/**\n * A form composer component used to create a form dynamically, still in development\n */\nclass HvFormComposer extends React.Component {\n constructor(props) {\n super(props);\n\n const { groups } = this.props;\n\n this.state = {\n componentValues: this.getInitialValuesFromComponents(groups),\n };\n }\n\n /**\n * Gets the values that are set on each component inside the groups.\n *\n * @param {Object} groups - Initial group object containing all the component elements.\n * @return {Object} - { key (Component name): value (Value set on the component) }\n */\n getInitialValuesFromComponents = (groups) => {\n const componentValues = {};\n groups.forEach((group) => {\n group.children.forEach((child) => {\n componentValues[child.props.name] = child.props.value;\n });\n });\n\n return componentValues;\n };\n\n /**\n * Gets the values stored in the state of each component.\n */\n getValues = () => {\n const { componentValues } = this.state;\n return componentValues;\n };\n\n /**\n * Handler to retrieve the values.\n *\n * @param {Function} originalHandler - The handler that was originally triggered.\n */\n getValuesHandler = (originalHandler) => {\n if (originalHandler !== undefined && typeof originalHandler === \"function\") {\n originalHandler(this.getValues());\n }\n };\n\n /**\n * Stores the value on the state when a child component onChange event is triggered.\n *\n * @param {*} value - Value that will be stored on the state.\n * @param {string} name - Name of the component.\n * @param {Function} onChange - Original function triggered by the component.\n */\n childOnChangeHandler = (value, name, onChange) => {\n const { componentValues } = this.state;\n\n const newComponentValues = { ...componentValues };\n newComponentValues[name] = value;\n\n this.setState({ componentValues: newComponentValues });\n\n if (onChange !== undefined && typeof onChange === \"function\") {\n return onChange(value);\n }\n // The UI-KIT input forced to have the value explicitly returned on the onChanged function.\n return value;\n };\n\n render() {\n const { classes, mainTitle, groups, hasNavigation, hasFooter, footerContent } = this.props;\n\n const footerElements = footerContent.map((child, i) => {\n const key = `fc-${i}`;\n return React.cloneElement(child, {\n onClick: () => this.getValuesHandler(child.props.onClick),\n key,\n });\n });\n\n const navigationOptions = [];\n\n const groupedComponents = groups.map((group) => {\n navigationOptions.push({ label: group.title, value: group.title });\n\n return (\n <div key={group.title}>\n <HvTypography id={group.title} variant=\"mTitle\">\n {group.title}\n </HvTypography>\n {group.children.map((child, i) => {\n const key = `fc-${group.title}-${i}`;\n return (\n <div key={key}>\n {React.cloneElement(child, {\n onChange: (event, value) =>\n this.childOnChangeHandler(value, child.props.name, child.props.onChange),\n })}\n </div>\n );\n })}\n </div>\n );\n });\n\n return (\n <div className={classes.root}>\n <HvTypography variant=\"xlTitle\" className={classes.title}>\n {mainTitle}\n </HvTypography>\n <div className={classes.mainContainer}>\n {hasNavigation && (\n <div className={classes.navContainer}>\n <HvNavigationAnchors options={navigationOptions} floating={false} />\n </div>\n )}\n <div className={classes.componentContainer}>{groupedComponents}</div>\n </div>\n {hasFooter && <div className={classes.footer}>{footerElements}</div>}\n </div>\n );\n }\n}\n\nHvFormComposer.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied to the form composer.\n */\n classes: PropTypes.instanceOf(Object).isRequired,\n /**\n * Main title to be displayed.\n */\n mainTitle: PropTypes.string,\n /**\n * The group of component that will be added to the Form composer.\n */\n groups: PropTypes.arrayOf(\n shape({\n title: PropTypes.string,\n children: PropTypes.node,\n })\n ).isRequired,\n /**\n * Shows navigation bar.\n */\n hasNavigation: PropTypes.bool,\n /**\n * Shows footer.\n */\n hasFooter: PropTypes.bool,\n /**\n * Content to be shown on the footer.\n */\n footerContent: PropTypes.node,\n};\n\n/**\n * Default properties.\n */\nHvFormComposer.defaultProps = {\n mainTitle: \"\",\n hasNavigation: false,\n hasFooter: false,\n footerContent: [],\n};\n\nexport default withStyles(styles, { name: \"HvFormComposer\" })(HvFormComposer);\n"],"file":"FormComposer.js"}
|
|
@@ -134,7 +134,7 @@ var HvInlineEditor = function HvInlineEditor(props) {
|
|
|
134
134
|
})));
|
|
135
135
|
};
|
|
136
136
|
|
|
137
|
-
HvInlineEditor.propTypes = {
|
|
137
|
+
process.env.NODE_ENV !== "production" ? HvInlineEditor.propTypes = {
|
|
138
138
|
/**
|
|
139
139
|
* Class names to be applied.
|
|
140
140
|
*/
|
|
@@ -210,7 +210,7 @@ HvInlineEditor.propTypes = {
|
|
|
210
210
|
* Props passed to the HvTypography text component
|
|
211
211
|
*/
|
|
212
212
|
typographyProps: PropTypes.instanceOf(Object)
|
|
213
|
-
};
|
|
213
|
+
} : void 0;
|
|
214
214
|
export default withStyles(styles, {
|
|
215
215
|
name: "HvInlineEditor"
|
|
216
216
|
})(HvInlineEditor);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/InlineEditor/InlineEditor.js"],"names":["React","useLayoutEffect","useRef","useState","PropTypes","clsx","withStyles","useTheme","HvButton","HvInput","HvTypography","isKeypress","KeyboardCodes","useControlled","Edit","styles","HvInlineEditor","props","className","classes","valueProp","value","defaultValue","showIcon","component","InputComponent","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","setValue","editMode","setEditMode","cachedValue","setCachedValue","inputRef","theme","typographyStyles","hv","typography","lineHeight","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","Esc","handleChange","val","root","inputRoot","inputBorderContainer","style","height","undefined","button","parseInt","largeText","text","textEmpty","icon","iconVisible","propTypes","string","shape","isRequired","bool","elementType","func","instanceOf","Object","name"],"mappings":"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","sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles, useTheme } from \"@material-ui/core\";\nimport {\n HvButton,\n HvInput,\n HvTypography,\n isKeypress,\n KeyboardCodes,\n useControlled,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\n/**\n * An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n */\nconst HvInlineEditor = (props) => {\n const {\n className,\n classes,\n value: valueProp,\n defaultValue,\n showIcon,\n component: InputComponent = HvInput,\n variant = \"normalText\",\n placeholder = \"Enter text\",\n onBlur,\n onChange,\n onKeyDown,\n buttonProps,\n typographyProps,\n ...others\n } = props;\n const [value, setValue] = useControlled(valueProp, defaultValue);\n const [editMode, setEditMode] = useState(false);\n const [cachedValue, setCachedValue] = useState(value);\n const inputRef = useRef();\n const theme = useTheme();\n\n const typographyStyles = theme.hv.typography[variant] || {};\n const { lineHeight } = typographyStyles;\n\n useLayoutEffect(() => {\n const input = inputRef.current;\n if (editMode && input) {\n input.focus();\n input.select();\n }\n }, [editMode]);\n\n const handleClick = () => {\n setEditMode(true);\n setCachedValue(value);\n };\n\n const handleBlur = (event) => {\n setEditMode(false);\n\n const newValue = value || cachedValue; // empty values should be ignored\n setValue(newValue);\n onBlur?.(event, newValue);\n };\n\n const handleKeyDown = (event) => {\n if (isKeypress(event, KeyboardCodes.Esc)) {\n setEditMode(false);\n setValue(cachedValue);\n }\n onKeyDown?.(event);\n };\n\n const handleChange = (event, val) => {\n setValue(val);\n onChange?.(event, val);\n };\n\n return (\n <div className={clsx(className, classes.root)}>\n {editMode ? (\n <InputComponent\n inputRef={inputRef}\n classes={{\n root: classes.inputRoot,\n input: classes.input,\n inputBorderContainer: classes.inputBorderContainer,\n }}\n inputProps={{\n style: {\n ...typographyStyles,\n height: InputComponent === HvInput ? lineHeight : undefined,\n },\n }}\n value={value}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n {...others}\n />\n ) : (\n <HvButton\n category=\"ghost\"\n overrideIconColors={false}\n className={clsx(classes.button, {\n [classes.largeText]: parseInt(lineHeight, 10) >= 28,\n })}\n onClick={handleClick}\n {...buttonProps}\n >\n <HvTypography\n variant={variant}\n className={clsx(classes.text, { [classes.textEmpty]: !value })}\n {...typographyProps}\n >\n {value || placeholder}\n </HvTypography>\n <Edit\n color=\"atmo5\"\n role=\"presentation\"\n className={clsx(classes.icon, {\n [classes.iconVisible]: showIcon,\n })}\n />\n </HvButton>\n )}\n </div>\n );\n};\n\nHvInlineEditor.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n input: PropTypes.string,\n inputRoot: PropTypes.string,\n inputBorderContainer: PropTypes.string,\n text: PropTypes.string,\n textEmpty: PropTypes.string,\n button: PropTypes.string,\n icon: PropTypes.string,\n iconVisible: PropTypes.string,\n largeText: PropTypes.string,\n }).isRequired,\n /**\n * The value of the input element, for controlled usage.\n */\n value: PropTypes.string,\n /**\n * The default value of the input element, for uncontrolled usage.\n */\n defaultValue: PropTypes.string,\n /**\n * Whether the Edit icon should always be visible\n */\n showIcon: PropTypes.bool,\n /**\n * Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`)\n */\n component: PropTypes.elementType,\n /**\n * Variant of the HvTypography to display\n */\n variant: PropTypes.string,\n /**\n * The placeholder value of the HvTypography.\n */\n placeholder: PropTypes.string,\n /**\n * Called when the input is blurred.\n */\n onBlur: PropTypes.func,\n /**\n * Called when the input value is changed.\n */\n onChange: PropTypes.func,\n /**\n * Called when a key is pressed on the input.\n */\n onKeyDown: PropTypes.func,\n /**\n * Props passed to the HvButton component\n */\n buttonProps: PropTypes.instanceOf(Object),\n /**\n * Props passed to the HvTypography text component\n */\n typographyProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvInlineEditor\" })(HvInlineEditor);\n"],"file":"InlineEditor.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/InlineEditor/InlineEditor.js"],"names":["React","useLayoutEffect","useRef","useState","PropTypes","clsx","withStyles","useTheme","HvButton","HvInput","HvTypography","isKeypress","KeyboardCodes","useControlled","Edit","styles","HvInlineEditor","props","className","classes","valueProp","value","defaultValue","showIcon","component","InputComponent","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","setValue","editMode","setEditMode","cachedValue","setCachedValue","inputRef","theme","typographyStyles","hv","typography","lineHeight","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","Esc","handleChange","val","root","inputRoot","inputBorderContainer","style","height","undefined","button","parseInt","largeText","text","textEmpty","icon","iconVisible","propTypes","string","shape","isRequired","bool","elementType","func","instanceOf","Object","name"],"mappings":"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","sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles, useTheme } from \"@material-ui/core\";\nimport {\n HvButton,\n HvInput,\n HvTypography,\n isKeypress,\n KeyboardCodes,\n useControlled,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\n/**\n * An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n */\nconst HvInlineEditor = (props) => {\n const {\n className,\n classes,\n value: valueProp,\n defaultValue,\n showIcon,\n component: InputComponent = HvInput,\n variant = \"normalText\",\n placeholder = \"Enter text\",\n onBlur,\n onChange,\n onKeyDown,\n buttonProps,\n typographyProps,\n ...others\n } = props;\n const [value, setValue] = useControlled(valueProp, defaultValue);\n const [editMode, setEditMode] = useState(false);\n const [cachedValue, setCachedValue] = useState(value);\n const inputRef = useRef();\n const theme = useTheme();\n\n const typographyStyles = theme.hv.typography[variant] || {};\n const { lineHeight } = typographyStyles;\n\n useLayoutEffect(() => {\n const input = inputRef.current;\n if (editMode && input) {\n input.focus();\n input.select();\n }\n }, [editMode]);\n\n const handleClick = () => {\n setEditMode(true);\n setCachedValue(value);\n };\n\n const handleBlur = (event) => {\n setEditMode(false);\n\n const newValue = value || cachedValue; // empty values should be ignored\n setValue(newValue);\n onBlur?.(event, newValue);\n };\n\n const handleKeyDown = (event) => {\n if (isKeypress(event, KeyboardCodes.Esc)) {\n setEditMode(false);\n setValue(cachedValue);\n }\n onKeyDown?.(event);\n };\n\n const handleChange = (event, val) => {\n setValue(val);\n onChange?.(event, val);\n };\n\n return (\n <div className={clsx(className, classes.root)}>\n {editMode ? (\n <InputComponent\n inputRef={inputRef}\n classes={{\n root: classes.inputRoot,\n input: classes.input,\n inputBorderContainer: classes.inputBorderContainer,\n }}\n inputProps={{\n style: {\n ...typographyStyles,\n height: InputComponent === HvInput ? lineHeight : undefined,\n },\n }}\n value={value}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n {...others}\n />\n ) : (\n <HvButton\n category=\"ghost\"\n overrideIconColors={false}\n className={clsx(classes.button, {\n [classes.largeText]: parseInt(lineHeight, 10) >= 28,\n })}\n onClick={handleClick}\n {...buttonProps}\n >\n <HvTypography\n variant={variant}\n className={clsx(classes.text, { [classes.textEmpty]: !value })}\n {...typographyProps}\n >\n {value || placeholder}\n </HvTypography>\n <Edit\n color=\"atmo5\"\n role=\"presentation\"\n className={clsx(classes.icon, {\n [classes.iconVisible]: showIcon,\n })}\n />\n </HvButton>\n )}\n </div>\n );\n};\n\nHvInlineEditor.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n input: PropTypes.string,\n inputRoot: PropTypes.string,\n inputBorderContainer: PropTypes.string,\n text: PropTypes.string,\n textEmpty: PropTypes.string,\n button: PropTypes.string,\n icon: PropTypes.string,\n iconVisible: PropTypes.string,\n largeText: PropTypes.string,\n }).isRequired,\n /**\n * The value of the input element, for controlled usage.\n */\n value: PropTypes.string,\n /**\n * The default value of the input element, for uncontrolled usage.\n */\n defaultValue: PropTypes.string,\n /**\n * Whether the Edit icon should always be visible\n */\n showIcon: PropTypes.bool,\n /**\n * Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`)\n */\n component: PropTypes.elementType,\n /**\n * Variant of the HvTypography to display\n */\n variant: PropTypes.string,\n /**\n * The placeholder value of the HvTypography.\n */\n placeholder: PropTypes.string,\n /**\n * Called when the input is blurred.\n */\n onBlur: PropTypes.func,\n /**\n * Called when the input value is changed.\n */\n onChange: PropTypes.func,\n /**\n * Called when a key is pressed on the input.\n */\n onKeyDown: PropTypes.func,\n /**\n * Props passed to the HvButton component\n */\n buttonProps: PropTypes.instanceOf(Object),\n /**\n * Props passed to the HvTypography text component\n */\n typographyProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvInlineEditor\" })(HvInlineEditor);\n"],"file":"InlineEditor.js"}
|
|
@@ -261,7 +261,7 @@ var NavigationAnchors = function NavigationAnchors(_ref) {
|
|
|
261
261
|
}));
|
|
262
262
|
};
|
|
263
263
|
|
|
264
|
-
NavigationAnchors.propTypes = {
|
|
264
|
+
process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
|
|
265
265
|
/**
|
|
266
266
|
* Class names to be applied.
|
|
267
267
|
*/
|
|
@@ -323,7 +323,7 @@ NavigationAnchors.propTypes = {
|
|
|
323
323
|
* Each element can also have a specific offset via the options property.
|
|
324
324
|
*/
|
|
325
325
|
offset: PropTypes.number
|
|
326
|
-
};
|
|
326
|
+
} : void 0;
|
|
327
327
|
export default withStyles(styles, {
|
|
328
328
|
name: "HvNavigationAnchors"
|
|
329
329
|
})(NavigationAnchors);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/NavigationAnchors/NavigationAnchors.js"],"names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","HvListItem","styles","navigationOption","RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","checkScroll","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","map","label","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","string","shape","isRequired","arrayOf","number","bool","func","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst getScrollTop = (c = window) => {\n if (c === window) {\n return (\n window.scrollY ||\n window.pageYOffset ||\n (document.documentElement && document.documentElement.scrollTop) ||\n document.body.scrollTop\n );\n }\n\n return c.scrollTop;\n};\n\nconst verticalScrollOffset = (t, c = window) => {\n if (c === window) {\n return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n }\n if (getComputedStyle(c).position !== \"static\") {\n return t.offsetTop;\n }\n\n return t.offsetTop - c.offsetTop;\n};\n\nconst scrollElement = (element, container, offset = 0) => {\n const elemTop = verticalScrollOffset(element, container);\n container.scrollTo({\n top: elemTop - offset,\n behavior: \"smooth\",\n });\n};\n\nconst isScrolledToTheBottom = (container) => {\n const containerScrollTop = getScrollTop(container);\n\n if (container === window) {\n // accounting for cases where html/body are set to height:100%\n const scrollHeight =\n (document.documentElement && document.documentElement.scrollHeight) ||\n document.body.scrollHeight;\n\n return containerScrollTop + window.innerHeight >= scrollHeight;\n }\n\n return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\n// find the last nav item that whose top scrolled out of the container's visible area\nconst findFirstVisibleElement = (container, options, offset) => {\n const boundsTop = verticalScrollOffset(container);\n\n let i = 0;\n // find index of first element whose top is still visible inside the container\n for (; i < options.length; i += 1) {\n const ele = document.getElementById(options[i].value);\n\n if (ele) {\n const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n if (elemTop > boundsTop) {\n break;\n }\n }\n }\n\n // return the previous index, the element that last scrolled past the top\n return i - 1;\n};\n\n/**\n * A navigation component to help in changing views, still in development\n */\nconst NavigationAnchors = ({\n selectedIndex: selectedIndexProp = 0,\n scrollElementId,\n href = true,\n onClick,\n className,\n classes,\n options,\n floating,\n offset = 0,\n ...other\n}) => {\n const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n const scrollEle = useRef();\n const requestedAnimationFrame = useRef(0);\n\n const lastContainerScrollTop = useRef();\n\n // ref to use a often-changing value in useCallback, has recommended in\n // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n const selectedIndexRef = useRef(selectedIndex);\n useEffect(() => {\n selectedIndexRef.current = selectedIndex;\n }, [selectedIndex]);\n\n // get and store the container's dom element\n useEffect(() => {\n scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n }, [scrollElementId]);\n\n const checkScroll = useCallback(() => {\n if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n requestedAnimationFrame.current = 0;\n\n const firstVisibleElementIndex = findFirstVisibleElement(\n scrollEle.current,\n options,\n offset\n );\n\n let newSelectedIndex = firstVisibleElementIndex;\n\n // select the first element when all elements are bellow the container's top\n if (firstVisibleElementIndex < 0) {\n newSelectedIndex = 0;\n }\n\n // if the user has reached the bottom of the container, select the first nav item still visible\n // (usually this selects the last nav item, when it can't reach the top the container)\n // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n newSelectedIndex += 1;\n }\n\n const containerScrollTop = getScrollTop(scrollEle.current);\n const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n lastContainerScrollTop.current = containerScrollTop;\n\n // only update the selected item if the scroll direction is moving away from it\n if (isScrollingDown) {\n if (newSelectedIndex < selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n } else if (newSelectedIndex > selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n\n setSelectedIndex(newSelectedIndex);\n });\n }\n }, [offset, options]);\n\n // registers and unregisters the scroll listener\n useEffect(() => {\n if (scrollEle.current) {\n scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n }\n\n return () => {\n if (scrollEle.current) {\n scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n }\n\n if (requestedAnimationFrame.current !== 0) {\n window.cancelAnimationFrame(requestedAnimationFrame.current);\n requestedAnimationFrame.current = 0;\n }\n };\n }, [checkScroll]);\n\n // waits for the elements to be rendered and scrolls to the one referenced\n // in the URL hash, if any\n useEffect(() => {\n let checkRenderedInterval;\n\n if (href) {\n const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n const option = options.find((o) => o.value === hashValue);\n\n if (option) {\n let retry = 0;\n checkRenderedInterval = setInterval(() => {\n const ele = document.getElementById(option.value);\n\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n clearInterval(checkRenderedInterval);\n } else {\n retry += 1;\n if (retry === RETRY_MAX) {\n clearInterval(checkRenderedInterval);\n }\n }\n }, 1000);\n }\n }\n\n return () => {\n clearInterval(checkRenderedInterval);\n };\n\n // we really want to run this just in the first load\n // in fact this doesn't even belong here, the logic should be external\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleListItemClick = (event, id, index) => {\n const option = options.find((o) => o.value === id);\n\n if (option) {\n const ele = document.getElementById(id);\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n }\n\n if (!href && onClick) {\n onClick(event, index, option);\n } else if (href) {\n window.history.pushState({}, \"\", `#${options[index].value}`);\n }\n\n setSelectedIndex(index);\n\n // Safari scrolls immediately (no smooth scroll support),\n // so this ref value must be updated asap\n selectedIndexRef.current = index;\n }\n };\n\n const navOptions = useMemo(() => {\n return options.map((option) => {\n return navigationOption(option.label);\n });\n }, [options]);\n\n return (\n <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n {options.map((option, index) => {\n const NavOpt = navOptions[index];\n\n return (\n <HvListItem\n classes={{\n selected: classes.listItemSelected,\n gutters: classes.listItemGutters,\n }}\n key={option.key || option.label}\n onClick={(event) => handleListItemClick(event, option.value, index)}\n selected={selectedIndex === index}\n >\n <NavOpt />\n </HvListItem>\n );\n })}\n </HvListContainer>\n );\n};\n\nNavigationAnchors.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n listItemGutters: PropTypes.string,\n listItemSelected: PropTypes.string,\n }).isRequired,\n /**\n * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n */\n options: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n value: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n offset: PropTypes.number,\n })\n ).isRequired,\n /**\n * True if the href location link should be applied. It will create an a element around every list item\n */\n href: PropTypes.bool,\n /**\n * A callback called on click of every list item, if the href is false\n */\n onClick: PropTypes.func,\n /**\n * Whether the anchors are always in a fixed position\n *\n * @deprecated Currently does nothing. Style the component instead.\n */\n floating: deprecatedPropType(PropTypes.bool),\n /**\n * Currently selected index passed from the parent.\n */\n selectedIndex: PropTypes.number,\n /**\n * The Id of the scrollable container containing displayed elements.\n *\n * Defaults to `window` if unspecified.\n */\n scrollElementId: PropTypes.string,\n /**\n * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n * or to put more breathing room between the targeted element and the edges of the container.\n *\n * Each element can also have a specific offset via the options property.\n */\n offset: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"file":"NavigationAnchors.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/NavigationAnchors/NavigationAnchors.js"],"names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","HvListItem","styles","navigationOption","RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","checkScroll","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","map","label","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","string","shape","isRequired","arrayOf","number","bool","func","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst getScrollTop = (c = window) => {\n if (c === window) {\n return (\n window.scrollY ||\n window.pageYOffset ||\n (document.documentElement && document.documentElement.scrollTop) ||\n document.body.scrollTop\n );\n }\n\n return c.scrollTop;\n};\n\nconst verticalScrollOffset = (t, c = window) => {\n if (c === window) {\n return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n }\n if (getComputedStyle(c).position !== \"static\") {\n return t.offsetTop;\n }\n\n return t.offsetTop - c.offsetTop;\n};\n\nconst scrollElement = (element, container, offset = 0) => {\n const elemTop = verticalScrollOffset(element, container);\n container.scrollTo({\n top: elemTop - offset,\n behavior: \"smooth\",\n });\n};\n\nconst isScrolledToTheBottom = (container) => {\n const containerScrollTop = getScrollTop(container);\n\n if (container === window) {\n // accounting for cases where html/body are set to height:100%\n const scrollHeight =\n (document.documentElement && document.documentElement.scrollHeight) ||\n document.body.scrollHeight;\n\n return containerScrollTop + window.innerHeight >= scrollHeight;\n }\n\n return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\n// find the last nav item that whose top scrolled out of the container's visible area\nconst findFirstVisibleElement = (container, options, offset) => {\n const boundsTop = verticalScrollOffset(container);\n\n let i = 0;\n // find index of first element whose top is still visible inside the container\n for (; i < options.length; i += 1) {\n const ele = document.getElementById(options[i].value);\n\n if (ele) {\n const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n if (elemTop > boundsTop) {\n break;\n }\n }\n }\n\n // return the previous index, the element that last scrolled past the top\n return i - 1;\n};\n\n/**\n * A navigation component to help in changing views, still in development\n */\nconst NavigationAnchors = ({\n selectedIndex: selectedIndexProp = 0,\n scrollElementId,\n href = true,\n onClick,\n className,\n classes,\n options,\n floating,\n offset = 0,\n ...other\n}) => {\n const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n const scrollEle = useRef();\n const requestedAnimationFrame = useRef(0);\n\n const lastContainerScrollTop = useRef();\n\n // ref to use a often-changing value in useCallback, has recommended in\n // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n const selectedIndexRef = useRef(selectedIndex);\n useEffect(() => {\n selectedIndexRef.current = selectedIndex;\n }, [selectedIndex]);\n\n // get and store the container's dom element\n useEffect(() => {\n scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n }, [scrollElementId]);\n\n const checkScroll = useCallback(() => {\n if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n requestedAnimationFrame.current = 0;\n\n const firstVisibleElementIndex = findFirstVisibleElement(\n scrollEle.current,\n options,\n offset\n );\n\n let newSelectedIndex = firstVisibleElementIndex;\n\n // select the first element when all elements are bellow the container's top\n if (firstVisibleElementIndex < 0) {\n newSelectedIndex = 0;\n }\n\n // if the user has reached the bottom of the container, select the first nav item still visible\n // (usually this selects the last nav item, when it can't reach the top the container)\n // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n newSelectedIndex += 1;\n }\n\n const containerScrollTop = getScrollTop(scrollEle.current);\n const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n lastContainerScrollTop.current = containerScrollTop;\n\n // only update the selected item if the scroll direction is moving away from it\n if (isScrollingDown) {\n if (newSelectedIndex < selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n } else if (newSelectedIndex > selectedIndexRef.current) {\n newSelectedIndex = selectedIndexRef.current;\n }\n\n setSelectedIndex(newSelectedIndex);\n });\n }\n }, [offset, options]);\n\n // registers and unregisters the scroll listener\n useEffect(() => {\n if (scrollEle.current) {\n scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n }\n\n return () => {\n if (scrollEle.current) {\n scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n }\n\n if (requestedAnimationFrame.current !== 0) {\n window.cancelAnimationFrame(requestedAnimationFrame.current);\n requestedAnimationFrame.current = 0;\n }\n };\n }, [checkScroll]);\n\n // waits for the elements to be rendered and scrolls to the one referenced\n // in the URL hash, if any\n useEffect(() => {\n let checkRenderedInterval;\n\n if (href) {\n const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n const option = options.find((o) => o.value === hashValue);\n\n if (option) {\n let retry = 0;\n checkRenderedInterval = setInterval(() => {\n const ele = document.getElementById(option.value);\n\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n clearInterval(checkRenderedInterval);\n } else {\n retry += 1;\n if (retry === RETRY_MAX) {\n clearInterval(checkRenderedInterval);\n }\n }\n }, 1000);\n }\n }\n\n return () => {\n clearInterval(checkRenderedInterval);\n };\n\n // we really want to run this just in the first load\n // in fact this doesn't even belong here, the logic should be external\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleListItemClick = (event, id, index) => {\n const option = options.find((o) => o.value === id);\n\n if (option) {\n const ele = document.getElementById(id);\n if (ele) {\n scrollElement(ele, scrollEle.current, option.offset || offset);\n }\n\n if (!href && onClick) {\n onClick(event, index, option);\n } else if (href) {\n window.history.pushState({}, \"\", `#${options[index].value}`);\n }\n\n setSelectedIndex(index);\n\n // Safari scrolls immediately (no smooth scroll support),\n // so this ref value must be updated asap\n selectedIndexRef.current = index;\n }\n };\n\n const navOptions = useMemo(() => {\n return options.map((option) => {\n return navigationOption(option.label);\n });\n }, [options]);\n\n return (\n <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n {options.map((option, index) => {\n const NavOpt = navOptions[index];\n\n return (\n <HvListItem\n classes={{\n selected: classes.listItemSelected,\n gutters: classes.listItemGutters,\n }}\n key={option.key || option.label}\n onClick={(event) => handleListItemClick(event, option.value, index)}\n selected={selectedIndex === index}\n >\n <NavOpt />\n </HvListItem>\n );\n })}\n </HvListContainer>\n );\n};\n\nNavigationAnchors.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n root: PropTypes.string,\n listItemGutters: PropTypes.string,\n listItemSelected: PropTypes.string,\n }).isRequired,\n /**\n * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n */\n options: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n value: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n offset: PropTypes.number,\n })\n ).isRequired,\n /**\n * True if the href location link should be applied. It will create an a element around every list item\n */\n href: PropTypes.bool,\n /**\n * A callback called on click of every list item, if the href is false\n */\n onClick: PropTypes.func,\n /**\n * Whether the anchors are always in a fixed position\n *\n * @deprecated Currently does nothing. Style the component instead.\n */\n floating: deprecatedPropType(PropTypes.bool),\n /**\n * Currently selected index passed from the parent.\n */\n selectedIndex: PropTypes.number,\n /**\n * The Id of the scrollable container containing displayed elements.\n *\n * Defaults to `window` if unspecified.\n */\n scrollElementId: PropTypes.string,\n /**\n * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n * or to put more breathing room between the targeted element and the edges of the container.\n *\n * Each element can also have a specific offset via the options property.\n */\n offset: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"file":"NavigationAnchors.js"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
var _Alert;
|
|
2
|
+
|
|
1
3
|
import React from "react";
|
|
2
4
|
import PropTypes from "prop-types";
|
|
3
5
|
import { HvEmptyState } from "@hitachivantara/uikit-react-core";
|
|
@@ -16,7 +18,7 @@ var EmptyStatePanel = function EmptyStatePanel(_ref) {
|
|
|
16
18
|
id: id,
|
|
17
19
|
title: title,
|
|
18
20
|
message: message,
|
|
19
|
-
icon: icon || /*#__PURE__*/React.createElement(Alert, null),
|
|
21
|
+
icon: icon || _Alert || (_Alert = /*#__PURE__*/React.createElement(Alert, null)),
|
|
20
22
|
className: className,
|
|
21
23
|
classes: {
|
|
22
24
|
root: classes.emptyStateRoot,
|
|
@@ -27,7 +29,7 @@ var EmptyStatePanel = function EmptyStatePanel(_ref) {
|
|
|
27
29
|
});
|
|
28
30
|
};
|
|
29
31
|
|
|
30
|
-
EmptyStatePanel.propTypes = {
|
|
32
|
+
process.env.NODE_ENV !== "production" ? EmptyStatePanel.propTypes = {
|
|
31
33
|
/**
|
|
32
34
|
* Id of the EmptyStatePanel
|
|
33
35
|
*/
|
|
@@ -77,7 +79,7 @@ EmptyStatePanel.propTypes = {
|
|
|
77
79
|
* Empty Panel Icon
|
|
78
80
|
*/
|
|
79
81
|
icon: PropTypes.element
|
|
80
|
-
};
|
|
82
|
+
} : void 0;
|
|
81
83
|
export default withStyles(styles, {
|
|
82
84
|
name: "HvEmptyStatePanel"
|
|
83
85
|
})(EmptyStatePanel);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"names":["React","PropTypes","HvEmptyState","Alert","withStyles","styles","EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","string","isRequired","shape","element","name"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,YAAT,QAA6B,kCAA7B;AACA,SAASC,KAAT,QAAsB,mCAAtB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAAsD;AAAA,MAAnDC,EAAmD,QAAnDA,EAAmD;AAAA,MAA/CC,OAA+C,QAA/CA,OAA+C;AAAA,MAAtCC,SAAsC,QAAtCA,SAAsC;AAAA,MAA3BC,KAA2B,QAA3BA,KAA2B;AAAA,MAApBC,OAAoB,QAApBA,OAAoB;AAAA,MAAXC,IAAW,QAAXA,IAAW;AAC5E,sBACE,oBAAC,YAAD;AACE,IAAA,EAAE,EAAEL,EADN;AAEE,IAAA,KAAK,EAAEG,KAFT;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,IAAI,EAAEC,IAAI,
|
|
1
|
+
{"version":3,"sources":["../../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"names":["React","PropTypes","HvEmptyState","Alert","withStyles","styles","EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","string","isRequired","shape","element","name"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,YAAT,QAA6B,kCAA7B;AACA,SAASC,KAAT,QAAsB,mCAAtB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAAsD;AAAA,MAAnDC,EAAmD,QAAnDA,EAAmD;AAAA,MAA/CC,OAA+C,QAA/CA,OAA+C;AAAA,MAAtCC,SAAsC,QAAtCA,SAAsC;AAAA,MAA3BC,KAA2B,QAA3BA,KAA2B;AAAA,MAApBC,OAAoB,QAApBA,OAAoB;AAAA,MAAXC,IAAW,QAAXA,IAAW;AAC5E,sBACE,oBAAC,YAAD;AACE,IAAA,EAAE,EAAEL,EADN;AAEE,IAAA,KAAK,EAAEG,KAFT;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,IAAI,EAAEC,IAAI,qCAAI,oBAAC,KAAD,OAAJ,CAJZ;AAKE,IAAA,SAAS,EAAEH,SALb;AAME,IAAA,OAAO,EAAE;AACPI,MAAAA,IAAI,EAAEL,OAAO,CAACM,cADP;AAEPC,MAAAA,SAAS,EAAEP,OAAO,CAACQ,mBAFZ;AAGPC,MAAAA,aAAa,EAAET,OAAO,CAACU,uBAHhB;AAIPC,MAAAA,cAAc,EAAEX,OAAO,CAACY;AAJjB;AANX,IADF;AAeD,CAhBD;;AAkBA,wCAAAd,eAAe,CAACe,SAAhB,GAA4B;AAC1B;AACF;AACA;AACEd,EAAAA,EAAE,EAAEN,SAAS,CAACqB,MAAV,CAAiBC,UAJK;;AAK1B;AACF;AACA;AACEf,EAAAA,OAAO,EAAEP,SAAS,CAACuB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIV,IAAAA,cAAc,EAAEb,SAAS,CAACqB,MAJH;;AAKvB;AACJ;AACA;AACIN,IAAAA,mBAAmB,EAAEf,SAAS,CAACqB,MARR;;AAUvB;AACJ;AACA;AACIJ,IAAAA,uBAAuB,EAAEjB,SAAS,CAACqB,MAbZ;;AAevB;AACJ;AACA;AACIF,IAAAA,wBAAwB,EAAEnB,SAAS,CAACqB;AAlBb,GAAhB,EAmBNC,UA3BuB;;AA6B1B;AACF;AACA;AACEd,EAAAA,SAAS,EAAER,SAAS,CAACqB,MAhCK;;AAiC1B;AACF;AACA;AACEZ,EAAAA,KAAK,EAAET,SAAS,CAACqB,MAAV,CAAiBC,UApCE;;AAqC1B;AACF;AACA;AACEZ,EAAAA,OAAO,EAAEV,SAAS,CAACqB,MAAV,CAAiBC,UAxCA;;AAyC1B;AACF;AACA;AACEX,EAAAA,IAAI,EAAEX,SAAS,CAACwB;AA5CU,CAA5B;AA8CA,eAAerB,UAAU,CAACC,MAAD,EAAS;AAAEqB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAkDpB,eAAlD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n return (\n <HvEmptyState\n id={id}\n title={title}\n message={message}\n icon={icon || <Alert />}\n className={className}\n classes={{\n root: classes.emptyStateRoot,\n container: classes.emptyStateContainer,\n iconContainer: classes.emptyStateIconContainer,\n titleContainer: classes.emptyStateTitleContainer,\n }}\n />\n );\n};\n\nEmptyStatePanel.propTypes = {\n /**\n * Id of the EmptyStatePanel\n */\n id: PropTypes.string.isRequired,\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root of the panel.\n */\n emptyStateRoot: PropTypes.string,\n /**\n * Styles applied to the EmptyStatePanel container.\n */\n emptyStateContainer: PropTypes.string,\n\n /**\n * Styles applied to the empty state container icon.\n */\n emptyStateIconContainer: PropTypes.string,\n\n /**\n * Styles applied to the EmptyStatePanel title.\n */\n emptyStateTitleContainer: PropTypes.string,\n }).isRequired,\n\n /**\n * Class names to be applied to the accordion.\n */\n className: PropTypes.string,\n /**\n * Title of the EmptyStatePanel\n */\n title: PropTypes.string.isRequired,\n /**\n * Message of the EmptyStatePanel\n */\n message: PropTypes.string.isRequired,\n /**\n * Empty Panel Icon\n */\n icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"file":"EmptyStatePanel.js"}
|
|
@@ -81,7 +81,7 @@ var Notification = function Notification(_ref) {
|
|
|
81
81
|
}, rightContainer));
|
|
82
82
|
};
|
|
83
83
|
|
|
84
|
-
Notification.propTypes = {
|
|
84
|
+
process.env.NODE_ENV !== "production" ? Notification.propTypes = {
|
|
85
85
|
/**
|
|
86
86
|
* A Jss Object used to override or extend the component styles.
|
|
87
87
|
*/
|
|
@@ -196,7 +196,7 @@ Notification.propTypes = {
|
|
|
196
196
|
* Denotes index of clicked notification
|
|
197
197
|
*/
|
|
198
198
|
isHighlighted: PropTypes.bool
|
|
199
|
-
};
|
|
199
|
+
} : void 0;
|
|
200
200
|
export default withStyles(styles, {
|
|
201
201
|
name: "HvNotificationPanelNotification"
|
|
202
202
|
})(Notification);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/NotificationPanel/Notification/Notification.js"],"names":["React","PropTypes","clsx","dayjs","relativeTime","HvTypography","withTooltip","withStyles","styles","extend","hideTooltip","evt","target","scrollHeight","clientHeight","wrapperTooltip","Component","label","ComponentFunction","style","Notification","classes","className","notificationId","title","isRead","icon","date","onClick","onKeyPress","rightContainer","isHighlighted","getTime","fromNow","d","format","isSame","Date","now","NotificationWithTooltip","messageContainer","event","root","notificationWrapperDropdown","read","notificationWrapper","notificationDropdownOpen","iconContainer","timeContainer","bullet","hide","time","notificationActionWrapper","propTypes","shape","string","isRequired","bool","oneOfType","number","object","element","func","node","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\nimport { HvTypography, withTooltip } from \"@hitachivantara/uikit-react-core\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\ndayjs.extend(relativeTime);\n\nconst hideTooltip = (evt) => evt.target.scrollHeight <= evt.target.clientHeight;\n\nconst wrapperTooltip = (Component, label) => {\n const ComponentFunction = () => Component;\n // override thr withTooltip styles as we want to use the styles of the component\n return withTooltip(ComponentFunction, label, \"top\", hideTooltip, { style: {} });\n};\n\nconst Notification = ({\n classes,\n className,\n notificationId,\n title,\n isRead,\n icon,\n date,\n onClick,\n onKeyPress,\n rightContainer,\n isHighlighted,\n}) => {\n const getTime = () => {\n if (!isRead) {\n return dayjs(date).fromNow();\n }\n\n const d = dayjs(date);\n let format = \"D MMMM YYYY, h:mm A\";\n\n if (d.isSame(Date.now(), \"week\")) {\n format = \"ddd, h:mm A\";\n }\n\n return d.format(format);\n };\n\n const NotificationWithTooltip = wrapperTooltip(\n <div className={classes.messageContainer}>\n <HvTypography variant={isRead ? \"normalText\" : \"highlightText\"}>{title}</HvTypography>\n </div>,\n title\n );\n\n return (\n <div\n onClick={(event) => onClick(event, notificationId)}\n onKeyPress={(event) => onKeyPress(event, notificationId)}\n className={clsx(className, classes.root, {\n [classes.notificationWrapperDropdown]: isHighlighted,\n [classes.read]: isRead,\n })}\n role=\"button\"\n tabIndex={0}\n >\n <div\n className={clsx(classes.notificationWrapper, {\n [classes.notificationDropdownOpen]: isHighlighted,\n })}\n >\n <div className={classes.iconContainer}>{icon}</div>\n <div>\n <NotificationWithTooltip />\n <div className={classes.timeContainer}>\n <div\n className={clsx(classes.bullet, {\n [classes.hide]: isRead,\n })}\n />\n <div className={classes.time}>{getTime()}</div>\n </div>\n </div>\n </div>\n <div className={classes.notificationActionWrapper}>{rightContainer}</div>\n </div>\n );\n};\n\nNotification.propTypes = {\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root of the accordion.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the notification wrapper.\n */\n notificationWrapper: PropTypes.string,\n\n /**\n * Styles applied to the notification wrapper when the actions dropdown is open.\n */\n notificationWrapperDropdown: PropTypes.string,\n\n /**\n * Styles applied to the notification icon container.\n */\n iconContainer: PropTypes.string,\n\n /**\n * Styles applied to the notification message container.\n */\n messageContainer: PropTypes.string,\n\n /**\n * Styles applied to the notification time container.\n */\n timeContainer: PropTypes.string,\n\n /**\n * Styles applied to the notification bullet.\n */\n bullet: PropTypes.string,\n\n /**\n * Styles applied to the content when it is hidden.\n */\n hide: PropTypes.string,\n\n /**\n * Styles applied to the notification time indicator.\n */\n time: PropTypes.string,\n /**\n * Styles applied to the notification is read.\n */\n read: PropTypes.string,\n /**\n * Styles applied when the notification dropdown is open.\n */\n notificationDropdownOpen: PropTypes.string,\n\n /**\n * Styles applied to the notification message actions dropdown.\n */\n notificationActionWrapper: PropTypes.string,\n }).isRequired,\n\n /**\n * Class names to be applied to the accordion.\n */\n className: PropTypes.string,\n /**\n * Notification id\n */\n notificationId: PropTypes.string,\n /**\n * Title of the notification\n */\n title: PropTypes.string.isRequired,\n /**\n * 'true' if the notification has been read or 'false' if it has not been read\n */\n isRead: PropTypes.bool.isRequired,\n /**\n * date the notification was created\n */\n date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n /**\n * renderable icon that denotes the status of the notification\n */\n icon: PropTypes.element,\n /**\n * Click action applied to the notification\n */\n onClick: PropTypes.func,\n /**\n * On Key Press action applied to the notification\n */\n onKeyPress: PropTypes.func,\n /**\n * Actions to be executed by the notification, available in the dropdown menu\n */\n rightContainer: PropTypes.node,\n /**\n * Denotes index of clicked notification\n */\n isHighlighted: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanelNotification\" })(Notification);\n"],"file":"Notification.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/NotificationPanel/Notification/Notification.js"],"names":["React","PropTypes","clsx","dayjs","relativeTime","HvTypography","withTooltip","withStyles","styles","extend","hideTooltip","evt","target","scrollHeight","clientHeight","wrapperTooltip","Component","label","ComponentFunction","style","Notification","classes","className","notificationId","title","isRead","icon","date","onClick","onKeyPress","rightContainer","isHighlighted","getTime","fromNow","d","format","isSame","Date","now","NotificationWithTooltip","messageContainer","event","root","notificationWrapperDropdown","read","notificationWrapper","notificationDropdownOpen","iconContainer","timeContainer","bullet","hide","time","notificationActionWrapper","propTypes","shape","string","isRequired","bool","oneOfType","number","object","element","func","node","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\nimport { HvTypography, withTooltip } from \"@hitachivantara/uikit-react-core\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\ndayjs.extend(relativeTime);\n\nconst hideTooltip = (evt) => evt.target.scrollHeight <= evt.target.clientHeight;\n\nconst wrapperTooltip = (Component, label) => {\n const ComponentFunction = () => Component;\n // override thr withTooltip styles as we want to use the styles of the component\n return withTooltip(ComponentFunction, label, \"top\", hideTooltip, { style: {} });\n};\n\nconst Notification = ({\n classes,\n className,\n notificationId,\n title,\n isRead,\n icon,\n date,\n onClick,\n onKeyPress,\n rightContainer,\n isHighlighted,\n}) => {\n const getTime = () => {\n if (!isRead) {\n return dayjs(date).fromNow();\n }\n\n const d = dayjs(date);\n let format = \"D MMMM YYYY, h:mm A\";\n\n if (d.isSame(Date.now(), \"week\")) {\n format = \"ddd, h:mm A\";\n }\n\n return d.format(format);\n };\n\n const NotificationWithTooltip = wrapperTooltip(\n <div className={classes.messageContainer}>\n <HvTypography variant={isRead ? \"normalText\" : \"highlightText\"}>{title}</HvTypography>\n </div>,\n title\n );\n\n return (\n <div\n onClick={(event) => onClick(event, notificationId)}\n onKeyPress={(event) => onKeyPress(event, notificationId)}\n className={clsx(className, classes.root, {\n [classes.notificationWrapperDropdown]: isHighlighted,\n [classes.read]: isRead,\n })}\n role=\"button\"\n tabIndex={0}\n >\n <div\n className={clsx(classes.notificationWrapper, {\n [classes.notificationDropdownOpen]: isHighlighted,\n })}\n >\n <div className={classes.iconContainer}>{icon}</div>\n <div>\n <NotificationWithTooltip />\n <div className={classes.timeContainer}>\n <div\n className={clsx(classes.bullet, {\n [classes.hide]: isRead,\n })}\n />\n <div className={classes.time}>{getTime()}</div>\n </div>\n </div>\n </div>\n <div className={classes.notificationActionWrapper}>{rightContainer}</div>\n </div>\n );\n};\n\nNotification.propTypes = {\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root of the accordion.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the notification wrapper.\n */\n notificationWrapper: PropTypes.string,\n\n /**\n * Styles applied to the notification wrapper when the actions dropdown is open.\n */\n notificationWrapperDropdown: PropTypes.string,\n\n /**\n * Styles applied to the notification icon container.\n */\n iconContainer: PropTypes.string,\n\n /**\n * Styles applied to the notification message container.\n */\n messageContainer: PropTypes.string,\n\n /**\n * Styles applied to the notification time container.\n */\n timeContainer: PropTypes.string,\n\n /**\n * Styles applied to the notification bullet.\n */\n bullet: PropTypes.string,\n\n /**\n * Styles applied to the content when it is hidden.\n */\n hide: PropTypes.string,\n\n /**\n * Styles applied to the notification time indicator.\n */\n time: PropTypes.string,\n /**\n * Styles applied to the notification is read.\n */\n read: PropTypes.string,\n /**\n * Styles applied when the notification dropdown is open.\n */\n notificationDropdownOpen: PropTypes.string,\n\n /**\n * Styles applied to the notification message actions dropdown.\n */\n notificationActionWrapper: PropTypes.string,\n }).isRequired,\n\n /**\n * Class names to be applied to the accordion.\n */\n className: PropTypes.string,\n /**\n * Notification id\n */\n notificationId: PropTypes.string,\n /**\n * Title of the notification\n */\n title: PropTypes.string.isRequired,\n /**\n * 'true' if the notification has been read or 'false' if it has not been read\n */\n isRead: PropTypes.bool.isRequired,\n /**\n * date the notification was created\n */\n date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n /**\n * renderable icon that denotes the status of the notification\n */\n icon: PropTypes.element,\n /**\n * Click action applied to the notification\n */\n onClick: PropTypes.func,\n /**\n * On Key Press action applied to the notification\n */\n onKeyPress: PropTypes.func,\n /**\n * Actions to be executed by the notification, available in the dropdown menu\n */\n rightContainer: PropTypes.node,\n /**\n * Denotes index of clicked notification\n */\n isHighlighted: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanelNotification\" })(Notification);\n"],"file":"Notification.js"}
|
|
@@ -229,7 +229,7 @@ var HvNotificationPanel = function HvNotificationPanel(_ref3) {
|
|
|
229
229
|
}, footer));
|
|
230
230
|
};
|
|
231
231
|
|
|
232
|
-
HvNotificationPanel.propTypes = {
|
|
232
|
+
process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
|
|
233
233
|
/**
|
|
234
234
|
* Id to be applied to the root node of the panel.
|
|
235
235
|
*/
|
|
@@ -367,7 +367,7 @@ HvNotificationPanel.propTypes = {
|
|
|
367
367
|
* The locale to be used on the notification date, if undefined it will use the one from the HvProvider
|
|
368
368
|
*/
|
|
369
369
|
locale: PropTypes.string
|
|
370
|
-
};
|
|
370
|
+
} : void 0;
|
|
371
371
|
export default withStyles(styles, {
|
|
372
372
|
name: "HvNotificationPanel"
|
|
373
373
|
})(HvNotificationPanel);
|