@hitachivantara/uikit-react-lab 3.38.0 → 3.39.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -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 +53 -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 +53 -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 +53 -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 +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Table/TableHeader/TableHeader.js"],"names":["React","forwardRef","useContext","useMemo","PropTypes","object","clsx","capitalize","withStyles","HvButton","HvTypography","getSortIcon","isParagraph","styles","TableContext","TableSectionContext","defaultComponent","HvTableHeader","props","ref","children","component","className","style","classes","scope","scopeProp","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortDirection","sorted","sortable","headerTextProps","resizerProps","resizable","resizing","others","tableContext","tableSectionContext","isHeadCell","Sort","Component","components","Th","role","paragraph","root","undefined","headerContent","sortButton","sortIcon","headerParagraph","headerText","sortableHeaderText","resizer","propTypes","elementType","node","string","instanceOf","Object","oneOf","bool","shape","head","body","footer","alignLeft","alignRight","alignCenter","alignJustify","alignFlexLeft","alignFlexRight","alignFlexCenter","alignFlexJustify","variantCheckbox","variantExpand","variantActions","variantNone","isRequired","name"],"mappings":"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","sourcesContent":["import React, { forwardRef, useContext, useMemo } from \"react\";\nimport PropTypes, { object } from \"prop-types\";\nimport clsx from \"clsx\";\nimport capitalize from \"lodash/capitalize\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport styles from \"./styles\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nconst defaultComponent = \"th\";\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nconst HvTableHeader = forwardRef(function HvTableHeader(props, ref) {\n const {\n children,\n\n component,\n\n className,\n style,\n classes,\n\n scope: scopeProp,\n\n align = \"inherit\",\n variant = \"default\",\n\n type: typeProp,\n\n stickyColumn = false,\n stickyColumnMostLeft = false,\n stickyColumnLeastRight = false,\n\n groupColumnMostLeft = false,\n groupColumnMostRight = false,\n\n sortDirection = \"none\",\n sorted,\n sortable,\n headerTextProps,\n\n resizerProps = {},\n resizable = false,\n resizing = false,\n\n ...others\n } = props;\n\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const type = typeProp || tableSectionContext?.type || \"body\";\n const isHeadCell = type === \"head\";\n\n const scope = scopeProp ?? isHeadCell ? \"col\" : \"row\";\n\n const Sort = useMemo(() => getSortIcon(sorted && sortDirection), [sorted, sortDirection]);\n\n const Component = component || tableContext?.components?.Th || defaultComponent;\n\n // eslint-disable-next-line no-nested-ternary\n const role = Component === defaultComponent ? null : isHeadCell ? \"columnheader\" : \"rowheader\";\n const paragraph = isParagraph(children);\n return (\n <Component\n ref={ref}\n role={role}\n scope={scope}\n style={style}\n className={clsx(\n classes.root,\n classes[type],\n {\n [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n\n [classes.stickyColumn]: stickyColumn,\n [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n\n [classes.groupColumnMostLeft]: groupColumnMostLeft,\n [classes.groupColumnMostRight]: groupColumnMostRight,\n\n [classes.sortable]: sortable,\n [classes.sorted]: sorted,\n [classes.resizable]: resizable,\n [classes.resizing]: resizing,\n },\n className\n )}\n aria-sort={sortable ? sortDirection : undefined}\n {...others}\n >\n <div\n className={clsx(classes.headerContent, {\n [classes[`alignFlex${capitalize(align)}`]]: align !== \"inherit\",\n })}\n >\n {isHeadCell && sortable && (\n <HvButton className={classes.sortButton} icon overrideIconColors={false}>\n <Sort className={classes.sortIcon} />\n </HvButton>\n )}\n <HvTypography\n component=\"div\"\n className={clsx({\n [classes.headerText]: !paragraph,\n [classes.headerParagraph]: paragraph,\n [classes.sortableHeaderText]: sortable,\n })}\n variant=\"highlightText\"\n {...headerTextProps}\n >\n {children}\n </HvTypography>\n {resizable && <div {...resizerProps} className={classes.resizer} />}\n </div>\n </Component>\n );\n});\n\nHvTableHeader.propTypes = {\n /**\n * The component used for the root node. Either a string to use a HTML element or a component.\n * Defaults to th.\n */\n component: PropTypes.elementType,\n\n /**\n * Content to be rendered\n */\n children: PropTypes.node,\n\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Inline styles to be applied to the root element.\n */\n style: PropTypes.instanceOf(Object),\n\n /**\n * The scope of cells that the header element relates to.\n */\n scope: PropTypes.oneOf([\"col\", \"row\", \"colgroup\", \"rowgroup\"]),\n\n /**\n * Set the text-align on the table cell content.\n */\n align: PropTypes.oneOf([\"center\", \"inherit\", \"justify\", \"left\", \"right\"]),\n /**\n * Sets the cell's variant.\n */\n variant: PropTypes.oneOf([\"checkbox\", \"expand\", \"actions\", \"default\", \"none\"]),\n\n /**\n * Specify the cell type.\n * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.\n */\n type: PropTypes.oneOf([\"body\", \"footer\", \"head\"]),\n\n /**\n * The cell is part of a sticky column.\n */\n stickyColumn: PropTypes.bool,\n /**\n * The cell is part of the last sticky to the left column.\n */\n stickyColumnMostLeft: PropTypes.bool,\n /**\n * The cell is part of the first sticky to the right column.\n */\n stickyColumnLeastRight: PropTypes.bool,\n\n /**\n * The cell is part of the first column in the group.\n */\n groupColumnMostLeft: PropTypes.bool,\n /**\n * The cell is part of the last column in the group.\n */\n groupColumnMostRight: PropTypes.bool,\n\n /**\n * Whether or not the cell is sorted\n */\n sorted: PropTypes.bool,\n /**\n * Whether or not the cell is sortable\n */\n sortable: PropTypes.bool,\n /**\n * Set sort direction icon and aria-sort.\n */\n sortDirection: PropTypes.oneOf([\"ascending\", \"descending\", false]),\n /**\n * Extra props to be passed onto the text in the header.\n */\n headerTextProps: PropTypes.instanceOf(object),\n\n /**\n * Whether or not the cell is resizable\n */\n resizable: PropTypes.bool,\n /**\n * Whether or not the cell is being resized\n */\n resizing: PropTypes.bool,\n\n /**\n * The resize props injected in the resize handler\n */\n resizerProps: PropTypes.instanceOf(object),\n\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n\n /**\n * Styles applied to the cell when it's in the table head.\n */\n head: PropTypes.string,\n /**\n * Styles applied to the cell when it's in the table body.\n */\n body: PropTypes.string,\n /**\n * Styles applied to the cell when it's in the table footer.\n */\n footer: PropTypes.string,\n\n /**\n * Styles applied to the cell when it's part of a sticky column.\n */\n stickyColumn: PropTypes.string,\n /**\n * Styles applied to the cell when it's part of the last sticky to the left column.\n */\n stickyColumnMostLeft: PropTypes.string,\n /**\n * Styles applied to the cell when it's part of the first right sticky column.\n */\n stickyColumnLeastRight: PropTypes.string,\n\n /**\n * Styles applied to the cell when it's part of the first column in the group.\n */\n groupColumnMostLeft: PropTypes.string,\n /**\n * Styles applied to the cell when it's part of the last column in the group.\n */\n groupColumnMostRight: PropTypes.string,\n\n /**\n * Styles applied to the container of the header cell content.\n */\n headerContent: PropTypes.string,\n /**\n * Styles applied to the text of the header cell.\n */\n headerText: PropTypes.string,\n /**\n * Styles applied to the text of the header cell when it is a paragraph.\n */\n headerParagraph: PropTypes.string,\n /**\n * Styles applied to the text of the header cell when it is sorted.\n */\n sortableHeaderText: PropTypes.string,\n\n /**\n * Styles applied to the component root when it is sorted.\n */\n sorted: PropTypes.string,\n /**\n * Styles applied to the component root when it is sortable.\n */\n sortable: PropTypes.string,\n /**\n * Styles applied to the sort button component.\n */\n sortButton: PropTypes.string,\n /**\n * Styles applied to the sort icon component.\n */\n sortIcon: PropTypes.string,\n\n /**\n * Styles applied to the component root when it is left aligned\n */\n alignLeft: PropTypes.string,\n /**\n * Styles applied to the component root when it is right aligned\n */\n alignRight: PropTypes.string,\n /**\n * Styles applied to the component root when it is center aligned\n */\n alignCenter: PropTypes.string,\n /**\n * Styles applied to the component root when it is justified\n */\n alignJustify: PropTypes.string,\n /**\n * Styles applied to the header content when it is left aligned\n */\n alignFlexLeft: PropTypes.string,\n /**\n * Styles applied to the header content when it is right aligned\n */\n alignFlexRight: PropTypes.string,\n /**\n * Styles applied to the header content when it is center aligned\n */\n alignFlexCenter: PropTypes.string,\n /**\n * Styles applied to the header content when it is justified\n */\n alignFlexJustify: PropTypes.string,\n /**\n * Styles applied to the component root when its variant is checkbox\n */\n variantCheckbox: PropTypes.string,\n /**\n * Styles applied to the component root when its variant is expand\n */\n variantExpand: PropTypes.string,\n /**\n * Styles applied to the component root when its variant is actions\n */\n variantActions: PropTypes.string,\n /**\n * Styles applied to the component root when its variant is none\n */\n variantNone: PropTypes.string,\n /**\n * Styles applied to the cell when it's part of a resizable column.\n */\n resizable: PropTypes.string,\n /**\n * Styles applied to the cell when it's part of a resizing column.\n */\n resizing: PropTypes.string,\n /**\n * Styles applied to the resizer object when column is resizable.\n */\n resizer: PropTypes.string,\n }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableHeader\" })(HvTableHeader);\n"],"file":"TableHeader.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/Table/TableHeader/TableHeader.js"],"names":["React","forwardRef","useContext","useMemo","PropTypes","object","clsx","capitalize","withStyles","HvButton","HvTypography","getSortIcon","isParagraph","styles","TableContext","TableSectionContext","defaultComponent","HvTableHeader","props","ref","children","component","className","style","classes","scope","scopeProp","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortDirection","sorted","sortable","headerTextProps","resizerProps","resizable","resizing","others","tableContext","tableSectionContext","isHeadCell","Sort","Component","components","Th","role","paragraph","root","undefined","headerContent","sortButton","sortIcon","headerParagraph","headerText","sortableHeaderText","resizer","propTypes","elementType","node","string","instanceOf","Object","oneOf","bool","shape","head","body","footer","alignLeft","alignRight","alignCenter","alignJustify","alignFlexLeft","alignFlexRight","alignFlexCenter","alignFlexJustify","variantCheckbox","variantExpand","variantActions","variantNone","isRequired","name"],"mappings":"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","sourcesContent":["import React, { forwardRef, useContext, useMemo } from \"react\";\nimport PropTypes, { object } from \"prop-types\";\nimport clsx from \"clsx\";\nimport capitalize from \"lodash/capitalize\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport styles from \"./styles\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nconst defaultComponent = \"th\";\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nconst HvTableHeader = forwardRef(function HvTableHeader(props, ref) {\n const {\n children,\n\n component,\n\n className,\n style,\n classes,\n\n scope: scopeProp,\n\n align = \"inherit\",\n variant = \"default\",\n\n type: typeProp,\n\n stickyColumn = false,\n stickyColumnMostLeft = false,\n stickyColumnLeastRight = false,\n\n groupColumnMostLeft = false,\n groupColumnMostRight = false,\n\n sortDirection = \"none\",\n sorted,\n sortable,\n headerTextProps,\n\n resizerProps = {},\n resizable = false,\n resizing = false,\n\n ...others\n } = props;\n\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const type = typeProp || tableSectionContext?.type || \"body\";\n const isHeadCell = type === \"head\";\n\n const scope = scopeProp ?? isHeadCell ? \"col\" : \"row\";\n\n const Sort = useMemo(() => getSortIcon(sorted && sortDirection), [sorted, sortDirection]);\n\n const Component = component || tableContext?.components?.Th || defaultComponent;\n\n // eslint-disable-next-line no-nested-ternary\n const role = Component === defaultComponent ? null : isHeadCell ? \"columnheader\" : \"rowheader\";\n const paragraph = isParagraph(children);\n return (\n <Component\n ref={ref}\n role={role}\n scope={scope}\n style={style}\n className={clsx(\n classes.root,\n classes[type],\n {\n [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n\n [classes.stickyColumn]: stickyColumn,\n [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n\n [classes.groupColumnMostLeft]: groupColumnMostLeft,\n [classes.groupColumnMostRight]: groupColumnMostRight,\n\n [classes.sortable]: sortable,\n [classes.sorted]: sorted,\n [classes.resizable]: resizable,\n [classes.resizing]: resizing,\n },\n className\n )}\n aria-sort={sortable ? sortDirection : undefined}\n {...others}\n >\n <div\n className={clsx(classes.headerContent, {\n [classes[`alignFlex${capitalize(align)}`]]: align !== \"inherit\",\n })}\n >\n {isHeadCell && sortable && (\n <HvButton className={classes.sortButton} icon overrideIconColors={false}>\n <Sort className={classes.sortIcon} />\n </HvButton>\n )}\n <HvTypography\n component=\"div\"\n className={clsx({\n [classes.headerText]: !paragraph,\n [classes.headerParagraph]: paragraph,\n [classes.sortableHeaderText]: sortable,\n })}\n variant=\"highlightText\"\n {...headerTextProps}\n >\n {children}\n </HvTypography>\n {resizable && <div {...resizerProps} className={classes.resizer} />}\n </div>\n </Component>\n );\n});\n\nHvTableHeader.propTypes = {\n /**\n * The component used for the root node. Either a string to use a HTML element or a component.\n * Defaults to th.\n */\n component: PropTypes.elementType,\n\n /**\n * Content to be rendered\n */\n children: PropTypes.node,\n\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Inline styles to be applied to the root element.\n */\n style: PropTypes.instanceOf(Object),\n\n /**\n * The scope of cells that the header element relates to.\n */\n scope: PropTypes.oneOf([\"col\", \"row\", \"colgroup\", \"rowgroup\"]),\n\n /**\n * Set the text-align on the table cell content.\n */\n align: PropTypes.oneOf([\"center\", \"inherit\", \"justify\", \"left\", \"right\"]),\n /**\n * Sets the cell's variant.\n */\n variant: PropTypes.oneOf([\"checkbox\", \"expand\", \"actions\", \"default\", \"none\"]),\n\n /**\n * Specify the cell type.\n * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.\n */\n type: PropTypes.oneOf([\"body\", \"footer\", \"head\"]),\n\n /**\n * The cell is part of a sticky column.\n */\n stickyColumn: PropTypes.bool,\n /**\n * The cell is part of the last sticky to the left column.\n */\n stickyColumnMostLeft: PropTypes.bool,\n /**\n * The cell is part of the first sticky to the right column.\n */\n stickyColumnLeastRight: PropTypes.bool,\n\n /**\n * The cell is part of the first column in the group.\n */\n groupColumnMostLeft: PropTypes.bool,\n /**\n * The cell is part of the last column in the group.\n */\n groupColumnMostRight: PropTypes.bool,\n\n /**\n * Whether or not the cell is sorted\n */\n sorted: PropTypes.bool,\n /**\n * Whether or not the cell is sortable\n */\n sortable: PropTypes.bool,\n /**\n * Set sort direction icon and aria-sort.\n */\n sortDirection: PropTypes.oneOf([\"ascending\", \"descending\", false]),\n /**\n * Extra props to be passed onto the text in the header.\n */\n headerTextProps: PropTypes.instanceOf(object),\n\n /**\n * Whether or not the cell is resizable\n */\n resizable: PropTypes.bool,\n /**\n * Whether or not the cell is being resized\n */\n resizing: PropTypes.bool,\n\n /**\n * The resize props injected in the resize handler\n */\n resizerProps: PropTypes.instanceOf(object),\n\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n\n /**\n * Styles applied to the cell when it's in the table head.\n */\n head: PropTypes.string,\n /**\n * Styles applied to the cell when it's in the table body.\n */\n body: PropTypes.string,\n /**\n * Styles applied to the cell when it's in the table footer.\n */\n footer: PropTypes.string,\n\n /**\n * Styles applied to the cell when it's part of a sticky column.\n */\n stickyColumn: PropTypes.string,\n /**\n * Styles applied to the cell when it's part of the last sticky to the left column.\n */\n stickyColumnMostLeft: PropTypes.string,\n /**\n * Styles applied to the cell when it's part of the first right sticky column.\n */\n stickyColumnLeastRight: PropTypes.string,\n\n /**\n * Styles applied to the cell when it's part of the first column in the group.\n */\n groupColumnMostLeft: PropTypes.string,\n /**\n * Styles applied to the cell when it's part of the last column in the group.\n */\n groupColumnMostRight: PropTypes.string,\n\n /**\n * Styles applied to the container of the header cell content.\n */\n headerContent: PropTypes.string,\n /**\n * Styles applied to the text of the header cell.\n */\n headerText: PropTypes.string,\n /**\n * Styles applied to the text of the header cell when it is a paragraph.\n */\n headerParagraph: PropTypes.string,\n /**\n * Styles applied to the text of the header cell when it is sorted.\n */\n sortableHeaderText: PropTypes.string,\n\n /**\n * Styles applied to the component root when it is sorted.\n */\n sorted: PropTypes.string,\n /**\n * Styles applied to the component root when it is sortable.\n */\n sortable: PropTypes.string,\n /**\n * Styles applied to the sort button component.\n */\n sortButton: PropTypes.string,\n /**\n * Styles applied to the sort icon component.\n */\n sortIcon: PropTypes.string,\n\n /**\n * Styles applied to the component root when it is left aligned\n */\n alignLeft: PropTypes.string,\n /**\n * Styles applied to the component root when it is right aligned\n */\n alignRight: PropTypes.string,\n /**\n * Styles applied to the component root when it is center aligned\n */\n alignCenter: PropTypes.string,\n /**\n * Styles applied to the component root when it is justified\n */\n alignJustify: PropTypes.string,\n /**\n * Styles applied to the header content when it is left aligned\n */\n alignFlexLeft: PropTypes.string,\n /**\n * Styles applied to the header content when it is right aligned\n */\n alignFlexRight: PropTypes.string,\n /**\n * Styles applied to the header content when it is center aligned\n */\n alignFlexCenter: PropTypes.string,\n /**\n * Styles applied to the header content when it is justified\n */\n alignFlexJustify: PropTypes.string,\n /**\n * Styles applied to the component root when its variant is checkbox\n */\n variantCheckbox: PropTypes.string,\n /**\n * Styles applied to the component root when its variant is expand\n */\n variantExpand: PropTypes.string,\n /**\n * Styles applied to the component root when its variant is actions\n */\n variantActions: PropTypes.string,\n /**\n * Styles applied to the component root when its variant is none\n */\n variantNone: PropTypes.string,\n /**\n * Styles applied to the cell when it's part of a resizable column.\n */\n resizable: PropTypes.string,\n /**\n * Styles applied to the cell when it's part of a resizing column.\n */\n resizing: PropTypes.string,\n /**\n * Styles applied to the resizer object when column is resizable.\n */\n resizer: PropTypes.string,\n }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableHeader\" })(HvTableHeader);\n"],"file":"TableHeader.js"}
|
|
@@ -37,7 +37,7 @@ const HvTableRow = /*#__PURE__*/forwardRef(function HvTableRow(props, ref) {
|
|
|
37
37
|
role: Component === defaultComponent ? null : "row"
|
|
38
38
|
}, others));
|
|
39
39
|
});
|
|
40
|
-
HvTableRow.propTypes = {
|
|
40
|
+
process.env.NODE_ENV !== "production" ? HvTableRow.propTypes = {
|
|
41
41
|
/**
|
|
42
42
|
* The component used for the root node. Either a string to use a HTML element or a component.
|
|
43
43
|
* Defaults to tr.
|
|
@@ -118,7 +118,7 @@ HvTableRow.propTypes = {
|
|
|
118
118
|
*/
|
|
119
119
|
footer: PropTypes.string
|
|
120
120
|
}).isRequired
|
|
121
|
-
};
|
|
121
|
+
} : void 0;
|
|
122
122
|
export default withStyles(styles, {
|
|
123
123
|
name: "HvTableRow"
|
|
124
124
|
})(HvTableRow);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Table/TableRow/TableRow.js"],"names":["React","forwardRef","useContext","PropTypes","clsx","withStyles","styles","TableContext","TableSectionContext","defaultComponent","HvTableRow","props","ref","classes","className","component","hover","selected","expanded","striped","others","tableContext","tableSectionContext","type","Component","components","Tr","root","propTypes","elementType","children","node","string","bool","shape","head","body","footer","isRequired","name"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,UAA5B,QAA8C,OAA9C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,mBAAP,MAAgC,wBAAhC;AAEA,MAAMC,gBAAgB,GAAG,IAAzB;AAEA;AACA;AACA;;AACA,MAAMC,UAAU,gBAAGT,UAAU,CAAC,SAASS,UAAT,CAAoBC,KAApB,EAA2BC,GAA3B,EAAgC;AAAA;;AAC5D,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,SAFI;AAGJC,IAAAA,SAHI;AAIJC,IAAAA,KAAK,GAAG,KAJJ;AAKJC,IAAAA,QAAQ,GAAG,KALP;AAMJC,IAAAA,QAAQ,GAAG,KANP;AAOJC,IAAAA,OAAO,GAAG;AAPN,MASFR,KATJ;AAAA,QAQKS,MARL,4BASIT,KATJ;;AAWA,QAAMU,YAAY,GAAGnB,UAAU,CAACK,YAAD,CAA/B;AACA,QAAMe,mBAAmB,GAAGpB,UAAU,CAACM,mBAAD,CAAtC;AAEA,QAAMe,IAAI,GAAG,CAAAD,mBAAmB,SAAnB,IAAAA,mBAAmB,WAAnB,YAAAA,mBAAmB,CAAEC,IAArB,KAA6B,MAA1C;AAEA,QAAMC,SAAS,GAAGT,SAAS,KAAIM,YAAJ,aAAIA,YAAJ,gDAAIA,YAAY,CAAEI,UAAlB,0DAAI,sBAA0BC,EAA9B,CAAT,IAA6CjB,gBAA/D;AAEA,sBACE,oBAAC,SAAD;AACE,IAAA,GAAG,EAAEG,GADP;AAEE,IAAA,SAAS,EAAER,IAAI,CACbS,OAAO,CAACc,IADK,EAEbd,OAAO,CAACU,IAAD,CAFM,EASbT,SATa,EAIME,KAJN,IAIVH,OAAO,CAACG,KAJE,EAKSC,QALT,IAKVJ,OAAO,CAACI,QALE,EAMSC,QANT,IAMVL,OAAO,CAACK,QANE,EAOQC,OAPR,IAOVN,OAAO,CAACM,OAPE,CAFjB;AAaE,IAAA,IAAI,EAAEK,SAAS,KAAKf,gBAAd,GAAiC,IAAjC,GAAwC;AAbhD,KAcMW,MAdN,EADF;AAkBD,CArC4B,CAA7B;
|
|
1
|
+
{"version":3,"sources":["../../../../src/Table/TableRow/TableRow.js"],"names":["React","forwardRef","useContext","PropTypes","clsx","withStyles","styles","TableContext","TableSectionContext","defaultComponent","HvTableRow","props","ref","classes","className","component","hover","selected","expanded","striped","others","tableContext","tableSectionContext","type","Component","components","Tr","root","propTypes","elementType","children","node","string","bool","shape","head","body","footer","isRequired","name"],"mappings":"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","sourcesContent":["import React, { forwardRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nconst defaultComponent = \"tr\";\n\n/**\n * `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nconst HvTableRow = forwardRef(function HvTableRow(props, ref) {\n const {\n classes,\n className,\n component,\n hover = false,\n selected = false,\n expanded = false,\n striped = false,\n ...others\n } = props;\n\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const type = tableSectionContext?.type || \"body\";\n\n const Component = component || tableContext?.components?.Tr || defaultComponent;\n\n return (\n <Component\n ref={ref}\n className={clsx(\n classes.root,\n classes[type],\n {\n [classes.hover]: hover,\n [classes.selected]: selected,\n [classes.expanded]: expanded,\n [classes.striped]: striped,\n },\n className\n )}\n role={Component === defaultComponent ? null : \"row\"}\n {...others}\n />\n );\n});\n\nHvTableRow.propTypes = {\n /**\n * The component used for the root node. Either a string to use a HTML element or a component.\n * Defaults to tr.\n */\n component: PropTypes.elementType,\n\n /**\n * Content to be rendered\n */\n children: PropTypes.node,\n\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n\n /**\n * Whether the table row will shade on hover.\n */\n hover: PropTypes.bool,\n /**\n * Whether the table row will have the selected shading.\n */\n selected: PropTypes.bool,\n\n /**\n * Whether the table row is expanded.\n */\n expanded: PropTypes.bool,\n\n /**\n * Whether the table row background is striped.\n */\n striped: PropTypes.bool,\n\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the component root when selected.\n */\n selected: PropTypes.string,\n /**\n * Styles applied to the component root when expanded.\n */\n expanded: PropTypes.string,\n /**\n * Styles applied to the component root when striped.\n */\n striped: PropTypes.string,\n /**\n * Styles applied to the component root on hover.\n */\n hover: PropTypes.string,\n /**\n * Styles applied to the component root when inside a `HvTableHead`.\n */\n head: PropTypes.string,\n /**\n * Styles applied to the component root when inside a `HvTableBody`.\n */\n body: PropTypes.string,\n /**\n * Styles applied to the component root when inside a `HvTableFooter`.\n */\n footer: PropTypes.string,\n }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableRow\" })(HvTableRow);\n"],"file":"TableRow.js"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
var _DropDownXS, _DropRightXS;
|
|
2
|
+
|
|
1
3
|
import "core-js/modules/web.dom-collections.iterator.js";
|
|
2
4
|
|
|
3
5
|
/* eslint-disable react/prop-types */
|
|
@@ -23,7 +25,7 @@ export const CellWithExpandButton = ({
|
|
|
23
25
|
"aria-label": row.isExpanded ? labels.collapseRowButtonAriaLabel : labels.expandRowButtonAriaLabel,
|
|
24
26
|
"aria-expanded": row.isExpanded,
|
|
25
27
|
onClick: onClick
|
|
26
|
-
}, row.isExpanded ? /*#__PURE__*/React.createElement(DropDownXS, null) : /*#__PURE__*/React.createElement(DropRightXS, null)), (cell === null || cell === void 0 ? void 0 : cell.value) && /*#__PURE__*/React.createElement(HvTypography, {
|
|
28
|
+
}, row.isExpanded ? _DropDownXS || (_DropDownXS = /*#__PURE__*/React.createElement(DropDownXS, null)) : _DropRightXS || (_DropRightXS = /*#__PURE__*/React.createElement(DropRightXS, null))), (cell === null || cell === void 0 ? void 0 : cell.value) && /*#__PURE__*/React.createElement(HvTypography, {
|
|
27
29
|
variant: "highlightText",
|
|
28
30
|
component: "span"
|
|
29
31
|
}, cell.value));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Table/hooks/useRowExpand.js"],"names":["React","HvButton","HvTypography","useLabels","DropDownXS","DropRightXS","DEFAULT_LABELS","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","CellWithExpandButton","row","cell","labels","labelsProp","onClick","getToggleRowExpandedProps","isExpanded","value","visibleColumnsHook","columns","instance","disableCreateExpandButton","firstDataColumnIndex","findIndex","c","id","indexOf","firstDataColumn","Cell","variant","expandColumn","width","sticky","columnsCopy","splice","getRowPropsHook","props","nextProps","expanded","useRowExpand","hooks","visibleColumns","push","getRowProps","pluginName"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../src/Table/hooks/useRowExpand.js"],"names":["React","HvButton","HvTypography","useLabels","DropDownXS","DropRightXS","DEFAULT_LABELS","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","CellWithExpandButton","row","cell","labels","labelsProp","onClick","getToggleRowExpandedProps","isExpanded","value","visibleColumnsHook","columns","instance","disableCreateExpandButton","firstDataColumnIndex","findIndex","c","id","indexOf","firstDataColumn","Cell","variant","expandColumn","width","sticky","columnsCopy","splice","getRowPropsHook","props","nextProps","expanded","useRowExpand","hooks","visibleColumns","push","getRowProps","pluginName"],"mappings":";;;;AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,QAAT,EAAmBC,YAAnB,EAAiCC,SAAjC,QAAkD,kCAAlD;AACA,SAASC,UAAT,EAAqBC,WAArB,QAAwC,mCAAxC;AAEA,OAAO,MAAMC,cAAc,GAAG;AAC5BC,EAAAA,wBAAwB,EAAE,iBADE;AAE5BC,EAAAA,0BAA0B,EAAE;AAFA,CAAvB;AAKP,OAAO,MAAMC,oBAAoB,GAAG,CAAC;AAAEC,EAAAA,GAAF;AAAOC,EAAAA,IAAP;AAAaC,EAAAA,MAAM,EAAEC;AAArB,CAAD,KAAuC;AACzE,QAAMD,MAAM,GAAGT,SAAS,CAACG,cAAD,EAAiBO,UAAjB,CAAxB;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAAcJ,GAAG,CAACK,yBAAJ,EAApB;AAEA,sBACE,uDACE,oBAAC,QAAD;AACE,IAAA,IAAI,MADN;AAEE,IAAA,QAAQ,EAAC,OAFX;AAGE,kBACEL,GAAG,CAACM,UAAJ,GAAiBJ,MAAM,CAACJ,0BAAxB,GAAqDI,MAAM,CAACL,wBAJhE;AAME,qBAAeG,GAAG,CAACM,UANrB;AAOE,IAAA,OAAO,EAAEF;AAPX,KASGJ,GAAG,CAACM,UAAJ,8CAAiB,oBAAC,UAAD,OAAjB,iDAAkC,oBAAC,WAAD,OAAlC,CATH,CADF,EAYG,CAAAL,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEM,KAAN,kBACC,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAC,eAAtB;AAAsC,IAAA,SAAS,EAAC;AAAhD,KACGN,IAAI,CAACM,KADR,CAbJ,CADF;AAoBD,CAzBM;AA2BP,OAAO,MAAMC,kBAAkB,GAAG,CAACC,OAAD,EAAU;AAAEC,EAAAA;AAAF,CAAV,KAA2B;AAC3D,MAAIA,QAAQ,CAACC,yBAAb,EAAwC;AACtC,WAAOF,OAAP;AACD,GAH0D,CAK3D;AACA;;;AACA,QAAMG,oBAAoB,GAAGH,OAAO,CAACI,SAAR,CAAmBC,CAAD;AAAA;;AAAA,WAAO,UAAAA,CAAC,CAACC,EAAF,gDAAMC,OAAN,CAAc,MAAd,OAA0B,CAAjC;AAAA,GAAlB,CAA7B;;AAEA,MAAIJ,oBAAoB,KAAK,CAAC,CAA9B,EAAiC;AAC/B,UAAMK,eAAe,GAAGR,OAAO,CAACG,oBAAD,CAA/B;;AAEA,QAAIK,eAAe,CAACC,IAAhB,IAAwB,IAA5B,EAAkC;AAChCD,MAAAA,eAAe,CAACC,IAAhB,GAAuBnB,oBAAvB;AACAkB,MAAAA,eAAe,CAACE,OAAhB,GAA0B,QAA1B;AAEA,aAAOV,OAAP;AACD;AACF;;AAED,QAAMW,YAAY,GAAG;AACnBL,IAAAA,EAAE,EAAE,YADe;AAEnBI,IAAAA,OAAO,EAAE,MAFU;AAInBE,IAAAA,KAAK,EAAE,EAJY;AAMnB;AACA;AACAC,IAAAA,MAAM,EAAE,MARW;AAUnBJ,IAAAA,IAAI,EAAEnB;AAVa,GAArB;AAaA,QAAMwB,WAAW,GAAG,CAAC,GAAGd,OAAJ,CAApB;AACAc,EAAAA,WAAW,CAACC,MAAZ,CAAmBZ,oBAAoB,KAAK,CAAC,CAA1B,GAA8BA,oBAA9B,GAAqD,CAAxE,EAA2E,CAA3E,EAA8EQ,YAA9E;AAEA,SAAOG,WAAP;AACD,CArCM;AAuCP,OAAO,MAAME,eAAe,GAAG,CAACC,KAAD,EAAQ;AAAE1B,EAAAA;AAAF,CAAR,KAAoB;AACjD,QAAM2B,SAAS,GAAG;AAChBC,IAAAA,QAAQ,EAAE5B,GAAG,CAACM;AADE,GAAlB;AAIA,SAAO,CAACoB,KAAD,EAAQC,SAAR,CAAP;AACD,CANM;;AAQP,MAAME,YAAY,GAAIC,KAAD,IAAW;AAC9BA,EAAAA,KAAK,CAACC,cAAN,CAAqBC,IAArB,CAA0BxB,kBAA1B;AACAsB,EAAAA,KAAK,CAACG,WAAN,CAAkBD,IAAlB,CAAuBP,eAAvB;AACD,CAHD;;AAIAI,YAAY,CAACK,UAAb,GAA0B,gBAA1B;AAEA,eAAeL,YAAf","sourcesContent":["/* eslint-disable react/prop-types */\nimport React from \"react\";\n\nimport { HvButton, HvTypography, useLabels } from \"@hitachivantara/uikit-react-core\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nexport const DEFAULT_LABELS = {\n expandRowButtonAriaLabel: \"Expand this row\",\n collapseRowButtonAriaLabel: \"Collapse this row\",\n};\n\nexport const CellWithExpandButton = ({ row, cell, labels: labelsProp }) => {\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const { onClick } = row.getToggleRowExpandedProps();\n\n return (\n <>\n <HvButton\n icon\n category=\"ghost\"\n aria-label={\n row.isExpanded ? labels.collapseRowButtonAriaLabel : labels.expandRowButtonAriaLabel\n }\n aria-expanded={row.isExpanded}\n onClick={onClick}\n >\n {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n </HvButton>\n {cell?.value && (\n <HvTypography variant=\"highlightText\" component=\"span\">\n {cell.value}\n </HvTypography>\n )}\n </>\n );\n};\n\nexport const visibleColumnsHook = (columns, { instance }) => {\n if (instance.disableCreateExpandButton) {\n return columns;\n }\n\n // add a button to first data column, unless it has a custom renderer\n // if so, add an extra column instead\n const firstDataColumnIndex = columns.findIndex((c) => c.id?.indexOf(\"_hv_\") !== 0);\n\n if (firstDataColumnIndex !== -1) {\n const firstDataColumn = columns[firstDataColumnIndex];\n\n if (firstDataColumn.Cell == null) {\n firstDataColumn.Cell = CellWithExpandButton;\n firstDataColumn.variant = \"expand\";\n\n return columns;\n }\n }\n\n const expandColumn = {\n id: \"_hv_expand\",\n variant: \"none\",\n\n width: 32,\n\n // this will only work when using useHvTableSticky\n // but ensures it stays left of any sticky column\n sticky: \"left\",\n\n Cell: CellWithExpandButton,\n };\n\n const columnsCopy = [...columns];\n columnsCopy.splice(firstDataColumnIndex !== -1 ? firstDataColumnIndex : 0, 0, expandColumn);\n\n return columnsCopy;\n};\n\nexport const getRowPropsHook = (props, { row }) => {\n const nextProps = {\n expanded: row.isExpanded,\n };\n\n return [props, nextProps];\n};\n\nconst useRowExpand = (hooks) => {\n hooks.visibleColumns.push(visibleColumnsHook);\n hooks.getRowProps.push(getRowPropsHook);\n};\nuseRowExpand.pluginName = \"useHvRowExpand\";\n\nexport default useRowExpand;\n"],"file":"useRowExpand.js"}
|
|
@@ -6,4 +6,6 @@ export { default as HvTableHead } from "./TableHead";
|
|
|
6
6
|
export { default as HvTableHeader } from "./TableHeader";
|
|
7
7
|
export { default as HvTableRow } from "./TableRow";
|
|
8
8
|
export * from "./hooks";
|
|
9
|
+
export * from "./renderers";
|
|
10
|
+
export * from "./utils";
|
|
9
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Table/index.js"],"names":["default","HvTableBody","HvTableCell","HvTableContainer","HvTableHead","HvTableHeader","HvTableRow"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB;AACA,SAASA,OAAO,IAAIC,WAApB,QAAuC,aAAvC;AACA,SAASD,OAAO,IAAIE,WAApB,QAAuC,aAAvC;AACA,SAASF,OAAO,IAAIG,gBAApB,QAA4C,kBAA5C;AACA,SAASH,OAAO,IAAII,WAApB,QAAuC,aAAvC;AACA,SAASJ,OAAO,IAAIK,aAApB,QAAyC,eAAzC;AACA,SAASL,OAAO,IAAIM,UAApB,QAAsC,YAAtC;AAEA,cAAc,SAAd","sourcesContent":["export { default } from \"./Table\";\nexport { default as HvTableBody } from \"./TableBody\";\nexport { default as HvTableCell } from \"./TableCell\";\nexport { default as HvTableContainer } from \"./TableContainer\";\nexport { default as HvTableHead } from \"./TableHead\";\nexport { default as HvTableHeader } from \"./TableHeader\";\nexport { default as HvTableRow } from \"./TableRow\";\n\nexport * from \"./hooks\";\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/Table/index.js"],"names":["default","HvTableBody","HvTableCell","HvTableContainer","HvTableHead","HvTableHeader","HvTableRow"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB;AACA,SAASA,OAAO,IAAIC,WAApB,QAAuC,aAAvC;AACA,SAASD,OAAO,IAAIE,WAApB,QAAuC,aAAvC;AACA,SAASF,OAAO,IAAIG,gBAApB,QAA4C,kBAA5C;AACA,SAASH,OAAO,IAAII,WAApB,QAAuC,aAAvC;AACA,SAASJ,OAAO,IAAIK,aAApB,QAAyC,eAAzC;AACA,SAASL,OAAO,IAAIM,UAApB,QAAsC,YAAtC;AAEA,cAAc,SAAd;AACA,cAAc,aAAd;AACA,cAAc,SAAd","sourcesContent":["export { default } from \"./Table\";\nexport { default as HvTableBody } from \"./TableBody\";\nexport { default as HvTableCell } from \"./TableCell\";\nexport { default as HvTableContainer } from \"./TableContainer\";\nexport { default as HvTableHead } from \"./TableHead\";\nexport { default as HvTableHeader } from \"./TableHeader\";\nexport { default as HvTableRow } from \"./TableRow\";\n\nexport * from \"./hooks\";\nexport * from \"./renderers\";\nexport * from \"./utils\";\n"],"file":"index.js"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface HvDateColumnCellProp {
|
|
2
|
+
/**
|
|
3
|
+
* Date to render.
|
|
4
|
+
*/
|
|
5
|
+
dateFormat?: string;
|
|
6
|
+
/**
|
|
7
|
+
* The timezone used to format the date.
|
|
8
|
+
*/
|
|
9
|
+
date: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export default function HvDateColumnCellProp(props: HvDateColumnCellProp): JSX.Element | null;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
|
+
import dayjs from "dayjs";
|
|
4
|
+
import { HvOverflowTooltip } from "@hitachivantara/uikit-react-core";
|
|
5
|
+
|
|
6
|
+
const HvDateColumnCell = ({
|
|
7
|
+
date,
|
|
8
|
+
dateFormat
|
|
9
|
+
}) => {
|
|
10
|
+
const formattedDate = useMemo(() => {
|
|
11
|
+
if (date) return dayjs(date).format(dateFormat !== "ISO8601" ? dateFormat : undefined);
|
|
12
|
+
return "—";
|
|
13
|
+
}, [date, dateFormat]);
|
|
14
|
+
return /*#__PURE__*/React.createElement(HvOverflowTooltip, {
|
|
15
|
+
data: formattedDate
|
|
16
|
+
});
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
process.env.NODE_ENV !== "production" ? HvDateColumnCell.propTypes = {
|
|
20
|
+
/**
|
|
21
|
+
* Date to render.
|
|
22
|
+
*/
|
|
23
|
+
date: PropTypes.string.isRequired,
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* The timezone used to format the date.
|
|
27
|
+
*/
|
|
28
|
+
dateFormat: PropTypes.string
|
|
29
|
+
} : void 0;
|
|
30
|
+
export default HvDateColumnCell;
|
|
31
|
+
//# sourceMappingURL=DateColumnCell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/Table/renderers/DateColumnCell/DateColumnCell.js"],"names":["React","useMemo","PropTypes","dayjs","HvOverflowTooltip","HvDateColumnCell","date","dateFormat","formattedDate","format","undefined","propTypes","string","isRequired"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAASC,iBAAT,QAAkC,kCAAlC;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAAD,KAA0B;AACjD,QAAMC,aAAa,GAAGP,OAAO,CAAC,MAAM;AAClC,QAAIK,IAAJ,EAAU,OAAOH,KAAK,CAACG,IAAD,CAAL,CAAYG,MAAZ,CAAmBF,UAAU,KAAK,SAAf,GAA2BA,UAA3B,GAAwCG,SAA3D,CAAP;AACV,WAAO,GAAP;AACD,GAH4B,EAG1B,CAACJ,IAAD,EAAOC,UAAP,CAH0B,CAA7B;AAKA,sBAAO,oBAAC,iBAAD;AAAmB,IAAA,IAAI,EAAEC;AAAzB,IAAP;AACD,CAPD;;AASA,wCAAAH,gBAAgB,CAACM,SAAjB,GAA6B;AAC3B;AACF;AACA;AACEL,EAAAA,IAAI,EAAEJ,SAAS,CAACU,MAAV,CAAiBC,UAJI;;AAK3B;AACF;AACA;AACEN,EAAAA,UAAU,EAAEL,SAAS,CAACU;AARK,CAA7B;AAWA,eAAeP,gBAAf","sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport dayjs from \"dayjs\";\nimport { HvOverflowTooltip } from \"@hitachivantara/uikit-react-core\";\n\nconst HvDateColumnCell = ({ date, dateFormat }) => {\n const formattedDate = useMemo(() => {\n if (date) return dayjs(date).format(dateFormat !== \"ISO8601\" ? dateFormat : undefined);\n return \"—\";\n }, [date, dateFormat]);\n\n return <HvOverflowTooltip data={formattedDate} />;\n};\n\nHvDateColumnCell.propTypes = {\n /**\n * Date to render.\n */\n date: PropTypes.string.isRequired,\n /**\n * The timezone used to format the date.\n */\n dateFormat: PropTypes.string,\n};\n\nexport default HvDateColumnCell;\n"],"file":"DateColumnCell.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/Table/renderers/DateColumnCell/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,kBAAxB","sourcesContent":["export { default } from \"./DateColumnCell\";\n"],"file":"index.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./DateColumnCell";
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { HvDropdownProps, ListValueProp } from "@hitachivantara/uikit-react-core";
|
|
2
|
+
|
|
3
|
+
export interface HvDropdownColumnCellProps {
|
|
4
|
+
/**
|
|
5
|
+
* values to render in the dropdown.
|
|
6
|
+
*/
|
|
7
|
+
values: ListValueProp[];
|
|
8
|
+
/**
|
|
9
|
+
* Placeholder text for when the dropdown is empty.
|
|
10
|
+
*/
|
|
11
|
+
placeholder: string;
|
|
12
|
+
/**
|
|
13
|
+
* The whether the dropdown is disabled.
|
|
14
|
+
*/
|
|
15
|
+
disabled: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Function called when there is change on the dropdown.
|
|
18
|
+
*/
|
|
19
|
+
onChange?: (value: ListValueProp) => void;
|
|
20
|
+
/**
|
|
21
|
+
* Extra props to be passed onto the dropdown.
|
|
22
|
+
*/
|
|
23
|
+
dropdownProps?: HvDropdownProps;
|
|
24
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import "core-js/modules/web.dom-collections.iterator.js";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import PropTypes from "prop-types";
|
|
5
|
+
import { HvDropdown } from "@hitachivantara/uikit-react-core";
|
|
6
|
+
|
|
7
|
+
const HvDropdownColumnCell = ({
|
|
8
|
+
values,
|
|
9
|
+
disabled,
|
|
10
|
+
onChange,
|
|
11
|
+
placeholder,
|
|
12
|
+
dropdownProps
|
|
13
|
+
}) => {
|
|
14
|
+
return /*#__PURE__*/React.createElement(HvDropdown, _extends({
|
|
15
|
+
onChange: item => {
|
|
16
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(item);
|
|
17
|
+
},
|
|
18
|
+
placeholder: placeholder,
|
|
19
|
+
disabled: disabled,
|
|
20
|
+
values: values,
|
|
21
|
+
disablePortal: true
|
|
22
|
+
}, dropdownProps));
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
process.env.NODE_ENV !== "production" ? HvDropdownColumnCell.propTypes = {
|
|
26
|
+
/**
|
|
27
|
+
* values to render in the dropdown.
|
|
28
|
+
*/
|
|
29
|
+
values: PropTypes.arrayOf(PropTypes.shape({
|
|
30
|
+
id: PropTypes.string,
|
|
31
|
+
label: PropTypes.node.isRequired,
|
|
32
|
+
searchValue: PropTypes.string,
|
|
33
|
+
value: PropTypes.any,
|
|
34
|
+
selected: PropTypes.bool
|
|
35
|
+
})),
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* The whether the dropdown is disabled.
|
|
39
|
+
*/
|
|
40
|
+
disabled: PropTypes.bool,
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* Function called when there is change on the dropdown.
|
|
44
|
+
*/
|
|
45
|
+
onChange: PropTypes.func,
|
|
46
|
+
|
|
47
|
+
/**
|
|
48
|
+
* Placeholder text for when the dropdown is empty.
|
|
49
|
+
*/
|
|
50
|
+
placeholder: PropTypes.string,
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* Extra props to be passed onto the dropdown.
|
|
54
|
+
*/
|
|
55
|
+
dropdownProps: PropTypes.instanceOf(Object)
|
|
56
|
+
} : void 0;
|
|
57
|
+
export default HvDropdownColumnCell;
|
|
58
|
+
//# sourceMappingURL=DropdownColumnCell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/Table/renderers/DropdownColumnCell/DropdownColumnCell.js"],"names":["React","PropTypes","HvDropdown","HvDropdownColumnCell","values","disabled","onChange","placeholder","dropdownProps","item","propTypes","arrayOf","shape","id","string","label","node","isRequired","searchValue","value","any","selected","bool","func","instanceOf","Object"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,kCAA3B;;AAEA,MAAMC,oBAAoB,GAAG,CAAC;AAAEC,EAAAA,MAAF;AAAUC,EAAAA,QAAV;AAAoBC,EAAAA,QAApB;AAA8BC,EAAAA,WAA9B;AAA2CC,EAAAA;AAA3C,CAAD,KAAgE;AAC3F,sBACE,oBAAC,UAAD;AACE,IAAA,QAAQ,EAAGC,IAAD,IAAU;AAClBH,MAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGG,IAAH,CAAR;AACD,KAHH;AAIE,IAAA,WAAW,EAAEF,WAJf;AAKE,IAAA,QAAQ,EAAEF,QALZ;AAME,IAAA,MAAM,EAAED,MANV;AAOE,IAAA,aAAa;AAPf,KAQMI,aARN,EADF;AAYD,CAbD;;AAeA,wCAAAL,oBAAoB,CAACO,SAArB,GAAiC;AAC/B;AACF;AACA;AACEN,EAAAA,MAAM,EAAEH,SAAS,CAACU,OAAV,CACNV,SAAS,CAACW,KAAV,CAAgB;AACdC,IAAAA,EAAE,EAAEZ,SAAS,CAACa,MADA;AAEdC,IAAAA,KAAK,EAAEd,SAAS,CAACe,IAAV,CAAeC,UAFR;AAGdC,IAAAA,WAAW,EAAEjB,SAAS,CAACa,MAHT;AAIdK,IAAAA,KAAK,EAAElB,SAAS,CAACmB,GAJH;AAKdC,IAAAA,QAAQ,EAAEpB,SAAS,CAACqB;AALN,GAAhB,CADM,CAJuB;;AAa/B;AACF;AACA;AACEjB,EAAAA,QAAQ,EAAEJ,SAAS,CAACqB,IAhBW;;AAiB/B;AACF;AACA;AACEhB,EAAAA,QAAQ,EAAEL,SAAS,CAACsB,IApBW;;AAqB/B;AACF;AACA;AACEhB,EAAAA,WAAW,EAAEN,SAAS,CAACa,MAxBQ;;AAyB/B;AACF;AACA;AACEN,EAAAA,aAAa,EAAEP,SAAS,CAACuB,UAAV,CAAqBC,MAArB;AA5BgB,CAAjC;AA+BA,eAAetB,oBAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvDropdown } from \"@hitachivantara/uikit-react-core\";\n\nconst HvDropdownColumnCell = ({ values, disabled, onChange, placeholder, dropdownProps }) => {\n return (\n <HvDropdown\n onChange={(item) => {\n onChange?.(item);\n }}\n placeholder={placeholder}\n disabled={disabled}\n values={values}\n disablePortal\n {...dropdownProps}\n />\n );\n};\n\nHvDropdownColumnCell.propTypes = {\n /**\n * values to render in the dropdown.\n */\n values: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n label: PropTypes.node.isRequired,\n searchValue: PropTypes.string,\n value: PropTypes.any,\n selected: PropTypes.bool,\n })\n ),\n /**\n * The whether the dropdown is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Function called when there is change on the dropdown.\n */\n onChange: PropTypes.func,\n /**\n * Placeholder text for when the dropdown is empty.\n */\n placeholder: PropTypes.string,\n /**\n * Extra props to be passed onto the dropdown.\n */\n dropdownProps: PropTypes.instanceOf(Object),\n};\n\nexport default HvDropdownColumnCell;\n"],"file":"DropdownColumnCell.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./DropdownColumnCell";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/Table/renderers/DropdownColumnCell/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,sBAAxB","sourcesContent":["export { default } from \"./DropdownColumnCell\";\n"],"file":"index.js"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export interface HvProgressColumnCellProps {
|
|
2
|
+
/**
|
|
3
|
+
* Current value of the bar.
|
|
4
|
+
*/
|
|
5
|
+
partial: number;
|
|
6
|
+
/**
|
|
7
|
+
* Maximum value of the bar.
|
|
8
|
+
*/
|
|
9
|
+
total: number;
|
|
10
|
+
/**
|
|
11
|
+
* The color of the bar.
|
|
12
|
+
*/
|
|
13
|
+
color?: "primary" | "secondary";
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export function normalizeProgressBar(value: number, max: number): number;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import PropTypes from "prop-types";
|
|
3
|
+
import { LinearProgress } from "@material-ui/core";
|
|
4
|
+
import useStyles from "./styles";
|
|
5
|
+
export const normalizeProgressBar = (value, max) => {
|
|
6
|
+
return max > 0 ? Math.floor(value * 100 / max) : 0;
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
const HvProgressColumnCell = ({
|
|
10
|
+
partial,
|
|
11
|
+
total,
|
|
12
|
+
color = "primary"
|
|
13
|
+
}) => {
|
|
14
|
+
const classes = useStyles();
|
|
15
|
+
const percentage = normalizeProgressBar(partial, total);
|
|
16
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
17
|
+
className: classes.root
|
|
18
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
19
|
+
className: classes.linearProgressContainer
|
|
20
|
+
}, /*#__PURE__*/React.createElement(LinearProgress, {
|
|
21
|
+
className: classes.linearProgress,
|
|
22
|
+
classes: {
|
|
23
|
+
colorPrimary: classes.linearProgressColorPrimary,
|
|
24
|
+
barColorPrimary: classes.linearProgressBarColorPrimary,
|
|
25
|
+
barColorSecondary: classes.linearProgressBarColorSecondary
|
|
26
|
+
},
|
|
27
|
+
color: color,
|
|
28
|
+
variant: "determinate",
|
|
29
|
+
value: percentage
|
|
30
|
+
})));
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
process.env.NODE_ENV !== "production" ? HvProgressColumnCell.propTypes = {
|
|
34
|
+
/**
|
|
35
|
+
* Current value of the bar.
|
|
36
|
+
*/
|
|
37
|
+
partial: PropTypes.number,
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* Maximum value of the bar.
|
|
41
|
+
*/
|
|
42
|
+
total: PropTypes.number,
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* The color of the bar.
|
|
46
|
+
*/
|
|
47
|
+
color: PropTypes.oneOf(["primary", "secondary"])
|
|
48
|
+
} : void 0;
|
|
49
|
+
export default HvProgressColumnCell;
|
|
50
|
+
//# sourceMappingURL=ProgressColumnCell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/Table/renderers/ProgressColumnCell/ProgressColumnCell.js"],"names":["React","PropTypes","LinearProgress","useStyles","normalizeProgressBar","value","max","Math","floor","HvProgressColumnCell","partial","total","color","classes","percentage","root","linearProgressContainer","linearProgress","colorPrimary","linearProgressColorPrimary","barColorPrimary","linearProgressBarColorPrimary","barColorSecondary","linearProgressBarColorSecondary","propTypes","number","oneOf"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,cAAT,QAA+B,mBAA/B;AAEA,OAAOC,SAAP,MAAsB,UAAtB;AAEA,OAAO,MAAMC,oBAAoB,GAAG,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAClD,SAAOA,GAAG,GAAG,CAAN,GAAUC,IAAI,CAACC,KAAL,CAAYH,KAAK,GAAG,GAAT,GAAgBC,GAA3B,CAAV,GAA4C,CAAnD;AACD,CAFM;;AAIP,MAAMG,oBAAoB,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,KAAX;AAAkBC,EAAAA,KAAK,GAAG;AAA1B,CAAD,KAA2C;AACtE,QAAMC,OAAO,GAAGV,SAAS,EAAzB;AACA,QAAMW,UAAU,GAAGV,oBAAoB,CAACM,OAAD,EAAUC,KAAV,CAAvC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEE,OAAO,CAACE;AAAxB,kBACE;AAAK,IAAA,SAAS,EAAEF,OAAO,CAACG;AAAxB,kBACE,oBAAC,cAAD;AACE,IAAA,SAAS,EAAEH,OAAO,CAACI,cADrB;AAEE,IAAA,OAAO,EAAE;AACPC,MAAAA,YAAY,EAAEL,OAAO,CAACM,0BADf;AAEPC,MAAAA,eAAe,EAAEP,OAAO,CAACQ,6BAFlB;AAGPC,MAAAA,iBAAiB,EAAET,OAAO,CAACU;AAHpB,KAFX;AAOE,IAAA,KAAK,EAAEX,KAPT;AAQE,IAAA,OAAO,EAAC,aARV;AASE,IAAA,KAAK,EAAEE;AATT,IADF,CADF,CADF;AAiBD,CArBD;;AAuBA,wCAAAL,oBAAoB,CAACe,SAArB,GAAiC;AAC/B;AACF;AACA;AACEd,EAAAA,OAAO,EAAET,SAAS,CAACwB,MAJY;;AAK/B;AACF;AACA;AACEd,EAAAA,KAAK,EAAEV,SAAS,CAACwB,MARc;;AAS/B;AACF;AACA;AACEb,EAAAA,KAAK,EAAEX,SAAS,CAACyB,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,CAAhB;AAZwB,CAAjC;AAeA,eAAejB,oBAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { LinearProgress } from \"@material-ui/core\";\n\nimport useStyles from \"./styles\";\n\nexport const normalizeProgressBar = (value, max) => {\n return max > 0 ? Math.floor((value * 100) / max) : 0;\n};\n\nconst HvProgressColumnCell = ({ partial, total, color = \"primary\" }) => {\n const classes = useStyles();\n const percentage = normalizeProgressBar(partial, total);\n\n return (\n <div className={classes.root}>\n <div className={classes.linearProgressContainer}>\n <LinearProgress\n className={classes.linearProgress}\n classes={{\n colorPrimary: classes.linearProgressColorPrimary,\n barColorPrimary: classes.linearProgressBarColorPrimary,\n barColorSecondary: classes.linearProgressBarColorSecondary,\n }}\n color={color}\n variant=\"determinate\"\n value={percentage}\n />\n </div>\n </div>\n );\n};\n\nHvProgressColumnCell.propTypes = {\n /**\n * Current value of the bar.\n */\n partial: PropTypes.number,\n /**\n * Maximum value of the bar.\n */\n total: PropTypes.number,\n /**\n * The color of the bar.\n */\n color: PropTypes.oneOf([\"primary\", \"secondary\"]),\n};\n\nexport default HvProgressColumnCell;\n"],"file":"ProgressColumnCell.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/Table/renderers/ProgressColumnCell/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,sBAAxB;AACA,cAAc,sBAAd","sourcesContent":["export { default } from \"./ProgressColumnCell\";\nexport * from \"./ProgressColumnCell\";\n"],"file":"index.js"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { makeStyles } from "@material-ui/core";
|
|
2
|
+
const useStyles = makeStyles(theme => ({
|
|
3
|
+
root: {
|
|
4
|
+
display: "flex",
|
|
5
|
+
width: "100%"
|
|
6
|
+
},
|
|
7
|
+
linearProgressContainer: {
|
|
8
|
+
width: "100%",
|
|
9
|
+
margin: "auto"
|
|
10
|
+
},
|
|
11
|
+
linearProgress: {
|
|
12
|
+
height: 8
|
|
13
|
+
},
|
|
14
|
+
linearProgressColorPrimary: {
|
|
15
|
+
backgroundColor: theme.hv.palette.atmosphere.atmo4
|
|
16
|
+
},
|
|
17
|
+
linearProgressBarColorPrimary: {
|
|
18
|
+
backgroundColor: theme.hv.palette.semantic.sema1
|
|
19
|
+
},
|
|
20
|
+
linearProgressBarColorSecondary: {
|
|
21
|
+
backgroundColor: theme.hv.palette.accent.acce1
|
|
22
|
+
}
|
|
23
|
+
}));
|
|
24
|
+
export default useStyles;
|
|
25
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/Table/renderers/ProgressColumnCell/styles.js"],"names":["makeStyles","useStyles","theme","root","display","width","linearProgressContainer","margin","linearProgress","height","linearProgressColorPrimary","backgroundColor","hv","palette","atmosphere","atmo4","linearProgressBarColorPrimary","semantic","sema1","linearProgressBarColorSecondary","accent","acce1"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,SAAS,GAAGD,UAAU,CAAEE,KAAD,KAAY;AACvCC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,MADL;AAEJC,IAAAA,KAAK,EAAE;AAFH,GADiC;AAKvCC,EAAAA,uBAAuB,EAAE;AACvBD,IAAAA,KAAK,EAAE,MADgB;AAEvBE,IAAAA,MAAM,EAAE;AAFe,GALc;AASvCC,EAAAA,cAAc,EAAE;AACdC,IAAAA,MAAM,EAAE;AADM,GATuB;AAYvCC,EAAAA,0BAA0B,EAAE;AAC1BC,IAAAA,eAAe,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADnB,GAZW;AAevCC,EAAAA,6BAA6B,EAAE;AAC7BL,IAAAA,eAAe,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBI,QAAjB,CAA0BC;AADd,GAfQ;AAkBvCC,EAAAA,+BAA+B,EAAE;AAC/BR,IAAAA,eAAe,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBO,MAAjB,CAAwBC;AADV;AAlBM,CAAZ,CAAD,CAA5B;AAuBA,eAAepB,SAAf","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: \"flex\",\n width: \"100%\",\n },\n linearProgressContainer: {\n width: \"100%\",\n margin: \"auto\",\n },\n linearProgress: {\n height: 8,\n },\n linearProgressColorPrimary: {\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n linearProgressBarColorPrimary: {\n backgroundColor: theme.hv.palette.semantic.sema1,\n },\n linearProgressBarColorSecondary: {\n backgroundColor: theme.hv.palette.accent.acce1,\n },\n}));\n\nexport default useStyles;\n"],"file":"styles.js"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { HvBaseSwitchProps } from "@hitachivantara/uikit-react-core";
|
|
2
|
+
|
|
3
|
+
export interface HvSwitchColumnCellProps {
|
|
4
|
+
/**
|
|
5
|
+
* Whether the switch is checked or not.
|
|
6
|
+
*/
|
|
7
|
+
checked: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* The switch label.
|
|
10
|
+
*/
|
|
11
|
+
value: number | string | undefined;
|
|
12
|
+
/**
|
|
13
|
+
* The value of the switch.
|
|
14
|
+
*/
|
|
15
|
+
switchLabel: string;
|
|
16
|
+
/**
|
|
17
|
+
* The right switch label.
|
|
18
|
+
*/
|
|
19
|
+
falseLabel?: string;
|
|
20
|
+
/**
|
|
21
|
+
* The left switch label.
|
|
22
|
+
*/
|
|
23
|
+
trueLabel?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Extra props to be passed to the switch.
|
|
26
|
+
*/
|
|
27
|
+
switchProps?: HvBaseSwitchProps;
|
|
28
|
+
}
|
|
29
|
+
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
import PropTypes from "prop-types";
|
|
5
|
+
import { HvBaseSwitch, HvTypography } from "@hitachivantara/uikit-react-core";
|
|
6
|
+
import useStyles from "./styles";
|
|
7
|
+
|
|
8
|
+
const HvSwitchColumnCell = ({
|
|
9
|
+
checked,
|
|
10
|
+
value,
|
|
11
|
+
switchLabel,
|
|
12
|
+
falseLabel,
|
|
13
|
+
trueLabel,
|
|
14
|
+
switchProps
|
|
15
|
+
}) => {
|
|
16
|
+
const classes = useStyles();
|
|
17
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, falseLabel != null && /*#__PURE__*/React.createElement(HvTypography, {
|
|
18
|
+
"aria-hidden": "true",
|
|
19
|
+
variant: "normalText",
|
|
20
|
+
className: clsx(classes.switchProperties, classes.switchNo)
|
|
21
|
+
}, falseLabel), /*#__PURE__*/React.createElement(HvBaseSwitch, _extends({
|
|
22
|
+
"aria-label": switchLabel,
|
|
23
|
+
checked: checked,
|
|
24
|
+
value: value
|
|
25
|
+
}, switchProps)), trueLabel != null && /*#__PURE__*/React.createElement(HvTypography, {
|
|
26
|
+
"aria-hidden": "true",
|
|
27
|
+
variant: "normalText",
|
|
28
|
+
className: clsx(classes.switchProperties, classes.switchYes)
|
|
29
|
+
}, trueLabel));
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
process.env.NODE_ENV !== "production" ? HvSwitchColumnCell.propTypes = {
|
|
33
|
+
/**
|
|
34
|
+
* Whether the switch is checked or not.
|
|
35
|
+
*/
|
|
36
|
+
checked: PropTypes.bool,
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* The value of the switch.
|
|
40
|
+
*/
|
|
41
|
+
value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* The switch label.
|
|
45
|
+
*/
|
|
46
|
+
switchLabel: PropTypes.string,
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* The right switch label.
|
|
50
|
+
*/
|
|
51
|
+
falseLabel: PropTypes.string,
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* The left switch label.
|
|
55
|
+
*/
|
|
56
|
+
trueLabel: PropTypes.string,
|
|
57
|
+
|
|
58
|
+
/**
|
|
59
|
+
* Extra props to be passed to the switch.
|
|
60
|
+
*/
|
|
61
|
+
switchProps: PropTypes.instanceOf(Object),
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* The timezone used to format the date.
|
|
65
|
+
*/
|
|
66
|
+
color: PropTypes.oneOf(["primary", "secondary"])
|
|
67
|
+
} : void 0;
|
|
68
|
+
export default HvSwitchColumnCell;
|
|
69
|
+
//# sourceMappingURL=SwitchColumnCell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/Table/renderers/SwitchColumnCell/SwitchColumnCell.js"],"names":["React","clsx","PropTypes","HvBaseSwitch","HvTypography","useStyles","HvSwitchColumnCell","checked","value","switchLabel","falseLabel","trueLabel","switchProps","classes","switchProperties","switchNo","switchYes","propTypes","bool","oneOfType","number","string","instanceOf","Object","color","oneOf"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,YAAT,EAAuBC,YAAvB,QAA2C,kCAA3C;AAEA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,MAAMC,kBAAkB,GAAG,CAAC;AAC1BC,EAAAA,OAD0B;AAE1BC,EAAAA,KAF0B;AAG1BC,EAAAA,WAH0B;AAI1BC,EAAAA,UAJ0B;AAK1BC,EAAAA,SAL0B;AAM1BC,EAAAA;AAN0B,CAAD,KAOrB;AACJ,QAAMC,OAAO,GAAGR,SAAS,EAAzB;AAEA,sBACE,0CACGK,UAAU,IAAI,IAAd,iBACC,oBAAC,YAAD;AACE,mBAAY,MADd;AAEE,IAAA,OAAO,EAAC,YAFV;AAGE,IAAA,SAAS,EAAET,IAAI,CAACY,OAAO,CAACC,gBAAT,EAA2BD,OAAO,CAACE,QAAnC;AAHjB,KAKGL,UALH,CAFJ,eAUE,oBAAC,YAAD;AAAc,kBAAYD,WAA1B;AAAuC,IAAA,OAAO,EAAEF,OAAhD;AAAyD,IAAA,KAAK,EAAEC;AAAhE,KAA2EI,WAA3E,EAVF,EAWGD,SAAS,IAAI,IAAb,iBACC,oBAAC,YAAD;AACE,mBAAY,MADd;AAEE,IAAA,OAAO,EAAC,YAFV;AAGE,IAAA,SAAS,EAAEV,IAAI,CAACY,OAAO,CAACC,gBAAT,EAA2BD,OAAO,CAACG,SAAnC;AAHjB,KAKGL,SALH,CAZJ,CADF;AAuBD,CAjCD;;AAmCA,wCAAAL,kBAAkB,CAACW,SAAnB,GAA+B;AAC7B;AACF;AACA;AACEV,EAAAA,OAAO,EAAEL,SAAS,CAACgB,IAJU;;AAK7B;AACF;AACA;AACEV,EAAAA,KAAK,EAAEN,SAAS,CAACiB,SAAV,CAAoB,CAACjB,SAAS,CAACkB,MAAX,EAAmBlB,SAAS,CAACmB,MAA7B,CAApB,CARsB;;AAS7B;AACF;AACA;AACEZ,EAAAA,WAAW,EAAEP,SAAS,CAACmB,MAZM;;AAa7B;AACF;AACA;AACEX,EAAAA,UAAU,EAAER,SAAS,CAACmB,MAhBO;;AAiB7B;AACF;AACA;AACEV,EAAAA,SAAS,EAAET,SAAS,CAACmB,MApBQ;;AAqB7B;AACF;AACA;AACET,EAAAA,WAAW,EAAEV,SAAS,CAACoB,UAAV,CAAqBC,MAArB,CAxBgB;;AAyB7B;AACF;AACA;AACEC,EAAAA,KAAK,EAAEtB,SAAS,CAACuB,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,CAAhB;AA5BsB,CAA/B;AA+BA,eAAenB,kBAAf","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\n\nimport { HvBaseSwitch, HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\nconst HvSwitchColumnCell = ({\n checked,\n value,\n switchLabel,\n falseLabel,\n trueLabel,\n switchProps,\n}) => {\n const classes = useStyles();\n\n return (\n <>\n {falseLabel != null && (\n <HvTypography\n aria-hidden=\"true\"\n variant=\"normalText\"\n className={clsx(classes.switchProperties, classes.switchNo)}\n >\n {falseLabel}\n </HvTypography>\n )}\n <HvBaseSwitch aria-label={switchLabel} checked={checked} value={value} {...switchProps} />\n {trueLabel != null && (\n <HvTypography\n aria-hidden=\"true\"\n variant=\"normalText\"\n className={clsx(classes.switchProperties, classes.switchYes)}\n >\n {trueLabel}\n </HvTypography>\n )}\n </>\n );\n};\n\nHvSwitchColumnCell.propTypes = {\n /**\n * Whether the switch is checked or not.\n */\n checked: PropTypes.bool,\n /**\n * The value of the switch.\n */\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n /**\n * The switch label.\n */\n switchLabel: PropTypes.string,\n /**\n * The right switch label.\n */\n falseLabel: PropTypes.string,\n /**\n * The left switch label.\n */\n trueLabel: PropTypes.string,\n /**\n * Extra props to be passed to the switch.\n */\n switchProps: PropTypes.instanceOf(Object),\n /**\n * The timezone used to format the date.\n */\n color: PropTypes.oneOf([\"primary\", \"secondary\"]),\n};\n\nexport default HvSwitchColumnCell;\n"],"file":"SwitchColumnCell.js"}
|