@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
|
@@ -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 var normalizeProgressBar = function normalizeProgressBar(value, max) {
|
|
6
|
+
return max > 0 ? Math.floor(value * 100 / max) : 0;
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
var HvProgressColumnCell = function HvProgressColumnCell(_ref) {
|
|
10
|
+
var partial = _ref.partial,
|
|
11
|
+
total = _ref.total,
|
|
12
|
+
_ref$color = _ref.color,
|
|
13
|
+
color = _ref$color === void 0 ? "primary" : _ref$color;
|
|
14
|
+
var classes = useStyles();
|
|
15
|
+
var 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,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAQC,GAAR,EAAgB;AAClD,SAAOA,GAAG,GAAG,CAAN,GAAUC,IAAI,CAACC,KAAL,CAAYH,KAAK,GAAG,GAAT,GAAgBC,GAA3B,CAAV,GAA4C,CAAnD;AACD,CAFM;;AAIP,IAAMG,oBAAoB,GAAG,SAAvBA,oBAAuB,OAA2C;AAAA,MAAxCC,OAAwC,QAAxCA,OAAwC;AAAA,MAA/BC,KAA+B,QAA/BA,KAA+B;AAAA,wBAAxBC,KAAwB;AAAA,MAAxBA,KAAwB,2BAAhB,SAAgB;AACtE,MAAMC,OAAO,GAAGV,SAAS,EAAzB;AACA,MAAMW,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,27 @@
|
|
|
1
|
+
import { makeStyles } from "@material-ui/core";
|
|
2
|
+
var useStyles = makeStyles(function (theme) {
|
|
3
|
+
return {
|
|
4
|
+
root: {
|
|
5
|
+
display: "flex",
|
|
6
|
+
width: "100%"
|
|
7
|
+
},
|
|
8
|
+
linearProgressContainer: {
|
|
9
|
+
width: "100%",
|
|
10
|
+
margin: "auto"
|
|
11
|
+
},
|
|
12
|
+
linearProgress: {
|
|
13
|
+
height: 8
|
|
14
|
+
},
|
|
15
|
+
linearProgressColorPrimary: {
|
|
16
|
+
backgroundColor: theme.hv.palette.atmosphere.atmo4
|
|
17
|
+
},
|
|
18
|
+
linearProgressBarColorPrimary: {
|
|
19
|
+
backgroundColor: theme.hv.palette.semantic.sema1
|
|
20
|
+
},
|
|
21
|
+
linearProgressBarColorSecondary: {
|
|
22
|
+
backgroundColor: theme.hv.palette.accent.acce1
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
});
|
|
26
|
+
export default useStyles;
|
|
27
|
+
//# 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,IAAMC,SAAS,GAAGD,UAAU,CAAC,UAACE,KAAD;AAAA,SAAY;AACvCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,KAAK,EAAE;AAFH,KADiC;AAKvCC,IAAAA,uBAAuB,EAAE;AACvBD,MAAAA,KAAK,EAAE,MADgB;AAEvBE,MAAAA,MAAM,EAAE;AAFe,KALc;AASvCC,IAAAA,cAAc,EAAE;AACdC,MAAAA,MAAM,EAAE;AADM,KATuB;AAYvCC,IAAAA,0BAA0B,EAAE;AAC1BC,MAAAA,eAAe,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADnB,KAZW;AAevCC,IAAAA,6BAA6B,EAAE;AAC7BL,MAAAA,eAAe,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBI,QAAjB,CAA0BC;AADd,KAfQ;AAkBvCC,IAAAA,+BAA+B,EAAE;AAC/BR,MAAAA,eAAe,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBO,MAAjB,CAAwBC;AADV;AAlBM,GAAZ;AAAA,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,68 @@
|
|
|
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
|
+
var HvSwitchColumnCell = function HvSwitchColumnCell(_ref) {
|
|
9
|
+
var checked = _ref.checked,
|
|
10
|
+
value = _ref.value,
|
|
11
|
+
switchLabel = _ref.switchLabel,
|
|
12
|
+
falseLabel = _ref.falseLabel,
|
|
13
|
+
trueLabel = _ref.trueLabel,
|
|
14
|
+
switchProps = _ref.switchProps;
|
|
15
|
+
var classes = useStyles();
|
|
16
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, falseLabel != null && /*#__PURE__*/React.createElement(HvTypography, {
|
|
17
|
+
"aria-hidden": "true",
|
|
18
|
+
variant: "normalText",
|
|
19
|
+
className: clsx(classes.switchProperties, classes.switchNo)
|
|
20
|
+
}, falseLabel), /*#__PURE__*/React.createElement(HvBaseSwitch, _extends({
|
|
21
|
+
"aria-label": switchLabel,
|
|
22
|
+
checked: checked,
|
|
23
|
+
value: value
|
|
24
|
+
}, switchProps)), trueLabel != null && /*#__PURE__*/React.createElement(HvTypography, {
|
|
25
|
+
"aria-hidden": "true",
|
|
26
|
+
variant: "normalText",
|
|
27
|
+
className: clsx(classes.switchProperties, classes.switchYes)
|
|
28
|
+
}, trueLabel));
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
process.env.NODE_ENV !== "production" ? HvSwitchColumnCell.propTypes = {
|
|
32
|
+
/**
|
|
33
|
+
* Whether the switch is checked or not.
|
|
34
|
+
*/
|
|
35
|
+
checked: PropTypes.bool,
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* The value of the switch.
|
|
39
|
+
*/
|
|
40
|
+
value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* The switch label.
|
|
44
|
+
*/
|
|
45
|
+
switchLabel: PropTypes.string,
|
|
46
|
+
|
|
47
|
+
/**
|
|
48
|
+
* The right switch label.
|
|
49
|
+
*/
|
|
50
|
+
falseLabel: PropTypes.string,
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* The left switch label.
|
|
54
|
+
*/
|
|
55
|
+
trueLabel: PropTypes.string,
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* Extra props to be passed to the switch.
|
|
59
|
+
*/
|
|
60
|
+
switchProps: PropTypes.instanceOf(Object),
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* The timezone used to format the date.
|
|
64
|
+
*/
|
|
65
|
+
color: PropTypes.oneOf(["primary", "secondary"])
|
|
66
|
+
} : void 0;
|
|
67
|
+
export default HvSwitchColumnCell;
|
|
68
|
+
//# 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,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAOrB;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,MALJC,KAKI,QALJA,KAKI;AAAA,MAJJC,WAII,QAJJA,WAII;AAAA,MAHJC,UAGI,QAHJA,UAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,WACI,QADJA,WACI;AACJ,MAAMC,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/Table/renderers/SwitchColumnCell/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,oBAAxB","sourcesContent":["export { default } from \"./SwitchColumnCell\";\n"],"file":"index.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./SwitchColumnCell";
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { makeStyles } from "@material-ui/core";
|
|
2
|
+
var useStyles = makeStyles(function () {
|
|
3
|
+
return {
|
|
4
|
+
switchProperties: {
|
|
5
|
+
cursor: "pointer",
|
|
6
|
+
display: "inline-flex"
|
|
7
|
+
},
|
|
8
|
+
switchYes: {
|
|
9
|
+
marginLeft: "10px"
|
|
10
|
+
},
|
|
11
|
+
switchNo: {
|
|
12
|
+
marginRight: "10px"
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
});
|
|
16
|
+
export default useStyles;
|
|
17
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/Table/renderers/SwitchColumnCell/styles.js"],"names":["makeStyles","useStyles","switchProperties","cursor","display","switchYes","marginLeft","switchNo","marginRight"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,IAAMC,SAAS,GAAGD,UAAU,CAAC;AAAA,SAAO;AAClCE,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,MAAM,EAAE,SADQ;AAEhBC,MAAAA,OAAO,EAAE;AAFO,KADgB;AAKlCC,IAAAA,SAAS,EAAE;AACTC,MAAAA,UAAU,EAAE;AADH,KALuB;AAQlCC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,WAAW,EAAE;AADL;AARwB,GAAP;AAAA,CAAD,CAA5B;AAaA,eAAeP,SAAf","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles(() => ({\n switchProperties: {\n cursor: \"pointer\",\n display: \"inline-flex\",\n },\n switchYes: {\n marginLeft: \"10px\",\n },\n switchNo: {\n marginRight: \"10px\",\n },\n}));\n\nexport default useStyles;\n"],"file":"styles.js"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export {
|
|
2
|
+
hvTextColumn,
|
|
3
|
+
hvNumberColumn,
|
|
4
|
+
hvDateColumn,
|
|
5
|
+
hvExpandColumn,
|
|
6
|
+
hvTagColumn,
|
|
7
|
+
hvSwitchColumn,
|
|
8
|
+
hvDropdownColumn,
|
|
9
|
+
hvProgressColumn,
|
|
10
|
+
} from "./renderers";
|
|
11
|
+
export * from "./renderers";
|
|
12
|
+
export { default as HvDateColumnCell } from "./DateColumnCell";
|
|
13
|
+
export { default as HvDropdownColumnCell } from "./DropdownColumnCell";
|
|
14
|
+
export { default as HvProgressColumnCell, normalizeProgressBar } from "./ProgressColumnCell";
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export * from "./renderers";
|
|
2
|
+
export { default as HvDateColumnCell } from "./DateColumnCell";
|
|
3
|
+
export { default as HvDropdownColumnCell } from "./DropdownColumnCell";
|
|
4
|
+
export { default as HvProgressColumnCell, normalizeProgressBar } from "./ProgressColumnCell";
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/Table/renderers/index.js"],"names":["default","HvDateColumnCell","HvDropdownColumnCell","HvProgressColumnCell","normalizeProgressBar"],"mappings":"AAAA,cAAc,aAAd;AACA,SAASA,OAAO,IAAIC,gBAApB,QAA4C,kBAA5C;AACA,SAASD,OAAO,IAAIE,oBAApB,QAAgD,sBAAhD;AACA,SAASF,OAAO,IAAIG,oBAApB,EAA0CC,oBAA1C,QAAsE,sBAAtE","sourcesContent":["export * from \"./renderers\";\nexport { default as HvDateColumnCell } from \"./DateColumnCell\";\nexport { default as HvDropdownColumnCell } from \"./DropdownColumnCell\";\nexport { default as HvProgressColumnCell, normalizeProgressBar } from \"./ProgressColumnCell\";\n"],"file":"index.js"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { HvBaseSwitchProps, ListValueProp, HvTagProps } from "@hitachivantara/uikit-react-core";
|
|
2
|
+
import { HvRowInstance, HvTableColumnConfig } from "../..";
|
|
3
|
+
|
|
4
|
+
export function hvTextColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(
|
|
5
|
+
col: C
|
|
6
|
+
): HvTableColumnConfig<D>;
|
|
7
|
+
|
|
8
|
+
export function hvNumberColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(
|
|
9
|
+
col: C
|
|
10
|
+
): HvTableColumnConfig<D>;
|
|
11
|
+
|
|
12
|
+
export function hvDateColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(
|
|
13
|
+
col: C,
|
|
14
|
+
dateFormat?: string
|
|
15
|
+
): HvTableColumnConfig<D>;
|
|
16
|
+
|
|
17
|
+
export function hvExpandColumn<D extends Record<string, unknown>>(
|
|
18
|
+
col: HvTableColumnConfig<D>,
|
|
19
|
+
expandRowButtonAriaLabel: string,
|
|
20
|
+
collapseRowButtonAriaLabel: string,
|
|
21
|
+
getCanRowExpand?: (row: HvRowInstance<D>) => boolean
|
|
22
|
+
): HvTableColumnConfig<D>;
|
|
23
|
+
|
|
24
|
+
export function hvTagColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(
|
|
25
|
+
col: C,
|
|
26
|
+
valueDataKey: keyof D,
|
|
27
|
+
colorDataKey: keyof D,
|
|
28
|
+
textColorDataKey: keyof D,
|
|
29
|
+
fromRowData: boolean,
|
|
30
|
+
tagProps?: HvTagProps
|
|
31
|
+
): HvTableColumnConfig<D>;
|
|
32
|
+
|
|
33
|
+
export function hvSwitchColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(
|
|
34
|
+
col: C,
|
|
35
|
+
switchLabel: string,
|
|
36
|
+
falseLabel?: string,
|
|
37
|
+
trueLabel?: string,
|
|
38
|
+
switchProps?: HvBaseSwitchProps
|
|
39
|
+
): HvTableColumnConfig<D>;
|
|
40
|
+
|
|
41
|
+
export function hvDropdownColumn<
|
|
42
|
+
D extends Record<string, unknown>,
|
|
43
|
+
C extends HvTableColumnConfig<D>
|
|
44
|
+
>(
|
|
45
|
+
col: C,
|
|
46
|
+
id: string,
|
|
47
|
+
placeholder: string,
|
|
48
|
+
disabledPlaceholder: string,
|
|
49
|
+
onChange?: (identifier: string, value: ListValueProp) => void
|
|
50
|
+
): HvTableColumnConfig<D>;
|
|
51
|
+
|
|
52
|
+
export function hvProgressColumn<
|
|
53
|
+
D extends Record<string, unknown>,
|
|
54
|
+
C extends HvTableColumnConfig<D>
|
|
55
|
+
>(
|
|
56
|
+
col: C,
|
|
57
|
+
getPartial?: (row: HvRowInstance<D>) => number,
|
|
58
|
+
getTotal?: (row: HvRowInstance<D>) => number,
|
|
59
|
+
color?: "primary" | "secondary"
|
|
60
|
+
): HvTableColumnConfig<D>;
|
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
import "core-js/modules/es.object.keys.js";
|
|
2
|
+
import "core-js/modules/es.symbol.js";
|
|
3
|
+
import "core-js/modules/es.array.filter.js";
|
|
4
|
+
import "core-js/modules/es.object.to-string.js";
|
|
5
|
+
import "core-js/modules/es.object.get-own-property-descriptor.js";
|
|
6
|
+
import "core-js/modules/web.dom-collections.for-each.js";
|
|
7
|
+
import "core-js/modules/es.object.get-own-property-descriptors.js";
|
|
8
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
9
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
|
+
|
|
11
|
+
var _DropDownXS, _DropRightXS;
|
|
12
|
+
|
|
13
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
14
|
+
|
|
15
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
16
|
+
|
|
17
|
+
import React from "react";
|
|
18
|
+
import { HvButton, HvTag, HvTypography, HvOverflowTooltip, setId } from "@hitachivantara/uikit-react-core";
|
|
19
|
+
import { DropDownXS, DropRightXS } from "@hitachivantara/uikit-react-icons";
|
|
20
|
+
import DateColumnCell from "./DateColumnCell";
|
|
21
|
+
import SwitchColumnCell from "./SwitchColumnCell";
|
|
22
|
+
import ProgressColumnCell from "./ProgressColumnCell";
|
|
23
|
+
import DropdownColumnCell from "./DropdownColumnCell";
|
|
24
|
+
import { hvStringFallback, hvNumberFallback } from "../utils";
|
|
25
|
+
export var hvTextColumn = function hvTextColumn(col) {
|
|
26
|
+
return _objectSpread({
|
|
27
|
+
Cell: function Cell(cellProps) {
|
|
28
|
+
return /*#__PURE__*/React.createElement(HvOverflowTooltip, {
|
|
29
|
+
data: hvStringFallback(cellProps === null || cellProps === void 0 ? void 0 : cellProps.value)
|
|
30
|
+
});
|
|
31
|
+
},
|
|
32
|
+
sortType: "alphanumeric"
|
|
33
|
+
}, col);
|
|
34
|
+
};
|
|
35
|
+
export var hvNumberColumn = function hvNumberColumn(col) {
|
|
36
|
+
return _objectSpread({
|
|
37
|
+
Cell: function Cell(_ref) {
|
|
38
|
+
var value = _ref.value;
|
|
39
|
+
return hvNumberFallback(value);
|
|
40
|
+
},
|
|
41
|
+
align: "right",
|
|
42
|
+
sortType: "number"
|
|
43
|
+
}, col);
|
|
44
|
+
};
|
|
45
|
+
export var hvDateColumn = function hvDateColumn(col, dateFormat) {
|
|
46
|
+
return _objectSpread({
|
|
47
|
+
Cell: function Cell(cellProps) {
|
|
48
|
+
return /*#__PURE__*/React.createElement(DateColumnCell, {
|
|
49
|
+
date: cellProps === null || cellProps === void 0 ? void 0 : cellProps.value,
|
|
50
|
+
dateFormat: dateFormat
|
|
51
|
+
});
|
|
52
|
+
},
|
|
53
|
+
sortType: "string",
|
|
54
|
+
sortDescFirst: true
|
|
55
|
+
}, col);
|
|
56
|
+
};
|
|
57
|
+
export function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabel, getCanRowExpand) {
|
|
58
|
+
return _objectSpread({
|
|
59
|
+
Cell: function Cell(cellProps) {
|
|
60
|
+
var _getCanRowExpand;
|
|
61
|
+
|
|
62
|
+
var value = cellProps.value,
|
|
63
|
+
row = cellProps.row;
|
|
64
|
+
|
|
65
|
+
var _row$getToggleRowExpa = row.getToggleRowExpandedProps(),
|
|
66
|
+
onClick = _row$getToggleRowExpa.onClick;
|
|
67
|
+
|
|
68
|
+
var hasContent = (_getCanRowExpand = getCanRowExpand === null || getCanRowExpand === void 0 ? void 0 : getCanRowExpand(row)) !== null && _getCanRowExpand !== void 0 ? _getCanRowExpand : true;
|
|
69
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, hasContent && /*#__PURE__*/React.createElement(HvButton, {
|
|
70
|
+
icon: true,
|
|
71
|
+
category: "ghost",
|
|
72
|
+
"aria-label": row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel,
|
|
73
|
+
"aria-expanded": row.isExpanded,
|
|
74
|
+
onClick: onClick,
|
|
75
|
+
style: {
|
|
76
|
+
position: "absolute",
|
|
77
|
+
left: 0,
|
|
78
|
+
top: 0
|
|
79
|
+
}
|
|
80
|
+
}, row.isExpanded ? _DropDownXS || (_DropDownXS = /*#__PURE__*/React.createElement(DropDownXS, null)) : _DropRightXS || (_DropRightXS = /*#__PURE__*/React.createElement(DropRightXS, null))), /*#__PURE__*/React.createElement(HvOverflowTooltip, {
|
|
81
|
+
data: hvStringFallback(value)
|
|
82
|
+
}));
|
|
83
|
+
},
|
|
84
|
+
sortType: "alphanumeric",
|
|
85
|
+
cellStyle: {
|
|
86
|
+
position: "relative"
|
|
87
|
+
}
|
|
88
|
+
}, col);
|
|
89
|
+
}
|
|
90
|
+
export function hvTagColumn(col, valueDataKey, colorDataKey, textColorDataKey) {
|
|
91
|
+
var fromRowData = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
|
|
92
|
+
var tagProps = arguments.length > 5 ? arguments[5] : undefined;
|
|
93
|
+
return _objectSpread({
|
|
94
|
+
Cell: function Cell(cellProps) {
|
|
95
|
+
var value = cellProps.value,
|
|
96
|
+
row = cellProps.row;
|
|
97
|
+
|
|
98
|
+
if (!value) {
|
|
99
|
+
return "—";
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
var _ref2 = fromRowData ? row.original : value,
|
|
103
|
+
name = _ref2[valueDataKey],
|
|
104
|
+
color = _ref2[colorDataKey],
|
|
105
|
+
textColor = _ref2[textColorDataKey];
|
|
106
|
+
|
|
107
|
+
return /*#__PURE__*/React.createElement(HvTag, _extends({
|
|
108
|
+
label: /*#__PURE__*/React.createElement(HvTypography, {
|
|
109
|
+
variant: "normalText"
|
|
110
|
+
}, name),
|
|
111
|
+
type: "semantic",
|
|
112
|
+
color: color,
|
|
113
|
+
style: textColor != null ? {
|
|
114
|
+
color: textColor
|
|
115
|
+
} : {},
|
|
116
|
+
tabIndex: -1
|
|
117
|
+
}, tagProps));
|
|
118
|
+
},
|
|
119
|
+
cellStyle: {
|
|
120
|
+
paddingTop: 0,
|
|
121
|
+
paddingBottom: 0
|
|
122
|
+
}
|
|
123
|
+
}, col);
|
|
124
|
+
}
|
|
125
|
+
export function hvSwitchColumn(col, switchLabel, falseLabel, trueLabel, switchProps) {
|
|
126
|
+
return _objectSpread({
|
|
127
|
+
Cell: function Cell(cellProps) {
|
|
128
|
+
var value = cellProps.value,
|
|
129
|
+
row = cellProps.row;
|
|
130
|
+
return /*#__PURE__*/React.createElement(SwitchColumnCell, {
|
|
131
|
+
checked: value,
|
|
132
|
+
value: row.id,
|
|
133
|
+
switchLabel: switchLabel,
|
|
134
|
+
falseLabel: falseLabel,
|
|
135
|
+
trueLabel: trueLabel,
|
|
136
|
+
switchProps: switchProps
|
|
137
|
+
});
|
|
138
|
+
},
|
|
139
|
+
cellStyle: {
|
|
140
|
+
paddingTop: 0,
|
|
141
|
+
paddingBottom: 0
|
|
142
|
+
}
|
|
143
|
+
}, col);
|
|
144
|
+
}
|
|
145
|
+
export function hvDropdownColumn(col, id, placeholder, disabledPlaceholder, _onChange) {
|
|
146
|
+
return _objectSpread({
|
|
147
|
+
Cell: function Cell(cellProps) {
|
|
148
|
+
var value = cellProps.value,
|
|
149
|
+
row = cellProps.row,
|
|
150
|
+
column = cellProps.column;
|
|
151
|
+
var dsbld = value.length < 1;
|
|
152
|
+
return /*#__PURE__*/React.createElement(DropdownColumnCell, {
|
|
153
|
+
values: value,
|
|
154
|
+
placeholder: dsbld ? disabledPlaceholder : placeholder,
|
|
155
|
+
onChange: function onChange(val) {
|
|
156
|
+
return _onChange === null || _onChange === void 0 ? void 0 : _onChange(row.id, val);
|
|
157
|
+
},
|
|
158
|
+
disabled: dsbld,
|
|
159
|
+
dropdownProps: {
|
|
160
|
+
"aria-labelledby": setId(id, column.id)
|
|
161
|
+
}
|
|
162
|
+
});
|
|
163
|
+
},
|
|
164
|
+
cellStyle: {
|
|
165
|
+
paddingTop: 0,
|
|
166
|
+
paddingBottom: 0
|
|
167
|
+
}
|
|
168
|
+
}, col);
|
|
169
|
+
}
|
|
170
|
+
export function hvProgressColumn(col, getPartial, getTotal, color) {
|
|
171
|
+
return _objectSpread({
|
|
172
|
+
Cell: function Cell(cellProps) {
|
|
173
|
+
var row = cellProps.row;
|
|
174
|
+
var partial = getPartial === null || getPartial === void 0 ? void 0 : getPartial(row);
|
|
175
|
+
var total = getTotal === null || getTotal === void 0 ? void 0 : getTotal(row);
|
|
176
|
+
|
|
177
|
+
if (total) {
|
|
178
|
+
return /*#__PURE__*/React.createElement(ProgressColumnCell, {
|
|
179
|
+
partial: partial,
|
|
180
|
+
total: total,
|
|
181
|
+
color: color
|
|
182
|
+
});
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
return "—";
|
|
186
|
+
},
|
|
187
|
+
cellStyle: {
|
|
188
|
+
paddingTop: 0,
|
|
189
|
+
paddingBottom: 0
|
|
190
|
+
}
|
|
191
|
+
}, col);
|
|
192
|
+
}
|
|
193
|
+
//# sourceMappingURL=renderers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/Table/renderers/renderers.js"],"names":["React","HvButton","HvTag","HvTypography","HvOverflowTooltip","setId","DropDownXS","DropRightXS","DateColumnCell","SwitchColumnCell","ProgressColumnCell","DropdownColumnCell","hvStringFallback","hvNumberFallback","hvTextColumn","col","Cell","cellProps","value","sortType","hvNumberColumn","align","hvDateColumn","dateFormat","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","row","getToggleRowExpandedProps","onClick","hasContent","isExpanded","position","left","top","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","original","name","color","textColor","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","val","hvProgressColumn","getPartial","getTotal","partial","total"],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport {\n HvButton,\n HvTag,\n HvTypography,\n HvOverflowTooltip,\n setId,\n} from \"@hitachivantara/uikit-react-core\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport DateColumnCell from \"./DateColumnCell\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport const hvTextColumn = (col) => {\n return {\n Cell: (cellProps) => <HvOverflowTooltip data={hvStringFallback(cellProps?.value)} />,\n sortType: \"alphanumeric\",\n ...col,\n };\n};\n\nexport const hvNumberColumn = (col) => {\n return {\n Cell: ({ value }) => hvNumberFallback(value),\n align: \"right\",\n sortType: \"number\",\n ...col,\n };\n};\n\nexport const hvDateColumn = (col, dateFormat) => {\n return {\n Cell: (cellProps) => <DateColumnCell date={cellProps?.value} dateFormat={dateFormat} />,\n sortType: \"string\",\n sortDescFirst: true,\n ...col,\n };\n};\n\nexport function hvExpandColumn(\n col,\n expandRowButtonAriaLabel,\n collapseRowButtonAriaLabel,\n getCanRowExpand\n) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n const { onClick } = row.getToggleRowExpandedProps();\n\n const hasContent = getCanRowExpand?.(row) ?? true;\n\n return (\n <>\n {hasContent && (\n <HvButton\n icon\n category=\"ghost\"\n aria-label={row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel}\n aria-expanded={row.isExpanded}\n onClick={onClick}\n style={{ position: \"absolute\", left: 0, top: 0 }}\n >\n {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n </HvButton>\n )}\n\n <HvOverflowTooltip data={hvStringFallback(value)} />\n </>\n );\n },\n sortType: \"alphanumeric\",\n cellStyle: {\n position: \"relative\",\n },\n ...col,\n };\n}\n\nexport function hvTagColumn(\n col,\n valueDataKey,\n colorDataKey,\n textColorDataKey,\n fromRowData = false,\n tagProps\n) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n if (!value) {\n return \"—\";\n }\n\n const {\n [valueDataKey]: name,\n [colorDataKey]: color,\n [textColorDataKey]: textColor,\n } = fromRowData ? row.original : value;\n\n return (\n <HvTag\n label={<HvTypography variant=\"normalText\">{name}</HvTypography>}\n type=\"semantic\"\n color={color}\n style={textColor != null ? { color: textColor } : {}}\n tabIndex={-1}\n {...tagProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvSwitchColumn(col, switchLabel, falseLabel, trueLabel, switchProps) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n return (\n <SwitchColumnCell\n checked={value}\n value={row.id}\n switchLabel={switchLabel}\n falseLabel={falseLabel}\n trueLabel={trueLabel}\n switchProps={switchProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvDropdownColumn(col, id, placeholder, disabledPlaceholder, onChange) {\n return {\n Cell: (cellProps) => {\n const { value, row, column } = cellProps;\n const dsbld = value.length < 1;\n return (\n <DropdownColumnCell\n values={value}\n placeholder={dsbld ? disabledPlaceholder : placeholder}\n onChange={(val) => onChange?.(row.id, val)}\n disabled={dsbld}\n dropdownProps={{\n \"aria-labelledby\": setId(id, column.id),\n }}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvProgressColumn(col, getPartial, getTotal, color) {\n return {\n Cell: (cellProps) => {\n const { row } = cellProps;\n const partial = getPartial?.(row);\n const total = getTotal?.(row);\n\n if (total) {\n return <ProgressColumnCell partial={partial} total={total} color={color} />;\n }\n\n return \"—\";\n },\n\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n"],"file":"renderers.js"}
|