carbon-addons-iot-react 2.70.0 → 2.72.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/css/carbon-addons-iot-react.css +43 -10
- package/css/carbon-addons-iot-react.css.map +1 -1
- package/es/node_modules/carbon-components-react/es/components/UIShell/Content.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/Header.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderGlobalAction.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderMenu.js +3 -3
- package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderMenuButton.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderName.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderNavigation.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderPanel.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderSideNavItems.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNav.js +3 -3
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavDetails.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavFooter.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavHeader.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavIcon.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavItem.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavItems.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavLink.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavLinkText.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavMenu.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavMenuItem.js +3 -3
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavSwitcher.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SkipToContent.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/Switcher.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SwitcherDivider.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SwitcherItem.js +3 -3
- package/es/node_modules/carbon-components-react/es/tools/wrapComponent.js +2 -2
- package/es/src/components/Accordion/AccordionItemDefer.jsx +52 -0
- package/es/src/components/AddCard/AddCard.jsx +2 -2
- package/es/src/components/BarChartCard/BarChartCard.jsx +2 -2
- package/es/src/components/Breadcrumb/Breadcrumb.jsx +5 -5
- package/es/src/components/Button/Button.jsx +2 -2
- package/es/src/components/Card/Card.jsx +5 -5
- package/es/src/components/Card/CardRangePicker.jsx +3 -3
- package/es/src/components/Card/CardToolbar.jsx +4 -4
- package/es/src/components/Card/DataStateRenderer.jsx +3 -3
- package/es/src/components/ComposedModal/ComposedModal.jsx +3 -3
- package/es/src/components/ComposedStructuredList/ComposedStructuredList.jsx +1 -1
- package/es/src/components/Dashboard/CardRenderer.jsx +1 -1
- package/es/src/components/Dashboard/Dashboard.jsx +1 -1
- package/es/src/components/Dashboard/DashboardGrid.jsx +1 -1
- package/es/src/components/DateTimePicker/DateTimePicker.jsx +5 -5
- package/es/src/components/GaugeCard/GaugeCard.jsx +17 -20
- package/es/src/components/Header/HeaderAction/HeaderAction.jsx +1 -1
- package/es/src/components/Header/HeaderAction/HeaderActionMenu.jsx +3 -3
- package/es/src/components/Header/HeaderAction/HeaderActionPanel.jsx +3 -3
- package/es/src/components/Hero/Hero.jsx +1 -1
- package/es/src/components/IconSwitch/IconSwitch.jsx +2 -2
- package/es/src/components/ImageCard/CardIcon.jsx +1 -1
- package/es/src/components/ImageCard/ImageHotspots.jsx +1 -1
- package/es/src/components/List/HierarchyList/HierarchyList.jsx +1 -1
- package/es/src/components/List/List.jsx +3 -3
- package/es/src/components/List/ListItem/ListItem.jsx +7 -7
- package/es/src/components/List/SimpleList/SimpleList.jsx +1 -1
- package/es/src/components/ListCard/ListCard.jsx +2 -2
- package/es/src/components/Page/EditPage.jsx +2 -2
- package/es/src/components/PageTitleBar/PageTitleBar.jsx +3 -3
- package/es/src/components/PageWizard/PageWizard.jsx +2 -2
- package/es/src/components/PageWizard/StatefulPageWizard.jsx +1 -1
- package/es/src/components/ProgressIndicator/ProgressIndicator.jsx +2 -2
- package/es/src/components/SideNav/SideNav.jsx +2 -2
- package/es/src/components/Table/Pagination.jsx +2 -2
- package/es/src/components/Table/StatefulTable.jsx +1 -1
- package/es/src/components/Table/Table.jsx +4 -4
- package/es/src/components/Table/TableBody/RowActionsCell/RowActionsCell.jsx +7 -14
- package/es/src/components/Table/TableBody/TableBodyRow/TableBodyRow.jsx +4 -4
- package/es/src/components/Table/TableCellRenderer/TableCellRenderer.jsx +2 -2
- package/es/src/components/Table/TableHead/ColumnHeaderRow/ColumnHeaderRow.jsx +1 -1
- package/es/src/components/Table/TableHead/ColumnHeaderSelect/ColumnHeaderSelect.jsx +2 -2
- package/es/src/components/Table/TableHead/ColumnResize.jsx +2 -2
- package/es/src/components/Table/TableHead/TableHead.jsx +6 -6
- package/es/src/components/Table/TableHead/TableHeader.js +3 -3
- package/es/src/components/Table/TableToolbar/TableToolbar.jsx +3 -3
- package/es/src/components/Table/TableToolbarSearch/TableToolbarSearch.jsx +3 -3
- package/es/src/components/Table/baseTableReducer.js +1 -1
- package/es/src/components/Table/tableReducer.js +1 -1
- package/es/src/components/TileCatalog/StatefulTileCatalog.jsx +1 -1
- package/es/src/components/TileCatalog/TileCatalog.jsx +2 -2
- package/es/src/components/TileCatalog/TileGroup.jsx +2 -2
- package/es/src/components/TileCatalogNew/TileCatalogNew.jsx +1 -1
- package/es/src/components/TileCatalogNew/TilePagination/TilePagination.jsx +5 -5
- package/es/src/components/TileGallery/StatefulTileGallery.jsx +1 -1
- package/es/src/components/TimePickerSpinner/TimePickerSpinner.jsx +4 -4
- package/es/src/components/ValueCard/Attribute.jsx +4 -4
- package/es/src/components/ValueCard/UnitRenderer.jsx +2 -2
- package/es/src/components/ValueCard/ValueRenderer.jsx +2 -2
- package/es/src/components/WizardInline/StatefulWizardInline.jsx +1 -1
- package/es/src/components/WizardInline/WizardHeader/WizardHeader.jsx +1 -1
- package/es/src/components/WizardModal/WizardModal.jsx +2 -2
- package/es/src/index.js +4 -5
- package/es/src/internal/deprecate.js +1 -1
- package/es/src/utils/cardUtilityFunctions.js +1 -1
- package/lib/css/carbon-addons-iot-react.css +43 -10
- package/lib/css/carbon-addons-iot-react.css.map +1 -1
- package/lib/node_modules/@carbon/charts-react/bar-chart-grouped.js +2 -2
- package/lib/node_modules/@carbon/charts-react/bar-chart-simple.js +2 -2
- package/lib/node_modules/@carbon/charts-react/bar-chart-stacked.js +2 -2
- package/lib/node_modules/@carbon/charts-react/line-chart.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/Content.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/Header.js +4 -4
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderGlobalAction.js +4 -4
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderGlobalBar.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderMenu.js +8 -8
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderMenuButton.js +4 -4
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderMenuItem.js +3 -3
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderName.js +5 -5
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderNavigation.js +4 -4
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderPanel.js +4 -4
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderSideNavItems.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNav.js +5 -5
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavDetails.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavFooter.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavHeader.js +4 -4
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavIcon.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavItem.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavItems.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavLink.js +11 -11
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavLinkText.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavMenu.js +8 -8
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavMenuItem.js +7 -7
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavSwitcher.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SkipToContent.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/Switcher.js +4 -4
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SwitcherDivider.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SwitcherItem.js +7 -7
- package/lib/node_modules/carbon-components-react/es/prop-types/AriaPropTypes.js +2 -2
- package/lib/node_modules/carbon-components-react/es/tools/wrapComponent.js +2 -2
- package/lib/scss/components/GaugeCard/_gauge-card.scss +33 -6
- package/lib/scss/components/Table/TableBody/RowActionsCell/_row-actions-cell.scss +25 -2
- package/lib/scss/components/TextInput/_text-input.scss +4 -0
- package/lib/src/components/Accordion/AccordionItemDefer.jsx +57 -0
- package/lib/src/components/AddCard/AddCard.jsx +2 -2
- package/lib/src/components/BarChartCard/BarChartCard.jsx +22 -22
- package/lib/src/components/Breadcrumb/Breadcrumb.jsx +7 -7
- package/lib/src/components/Button/Button.jsx +4 -4
- package/lib/src/components/Card/Card.jsx +32 -32
- package/lib/src/components/Card/CardRangePicker.jsx +5 -5
- package/lib/src/components/Card/CardToolbar.jsx +13 -13
- package/lib/src/components/Card/DataStateRenderer.jsx +14 -14
- package/lib/src/components/ComposedModal/ComposedModal.jsx +10 -10
- package/lib/src/components/ComposedStructuredList/ComposedStructuredList.jsx +5 -5
- package/lib/src/components/Dashboard/CardRenderer.jsx +23 -23
- package/lib/src/components/Dashboard/Dashboard.jsx +8 -8
- package/lib/src/components/Dashboard/DashboardGrid.jsx +22 -22
- package/lib/src/components/Dashboard/DashboardHeader.jsx +5 -5
- package/lib/src/components/DateTimePicker/DateTimePicker.jsx +9 -9
- package/lib/src/components/FileDrop/FileDrop.jsx +2 -2
- package/lib/src/components/GaugeCard/GaugeCard.jsx +26 -29
- package/lib/src/components/Header/Header.jsx +12 -12
- package/lib/src/components/Header/HeaderAction/HeaderAction.jsx +11 -11
- package/lib/src/components/Header/HeaderAction/HeaderActionMenu.jsx +9 -9
- package/lib/src/components/Header/HeaderAction/HeaderActionPanel.jsx +10 -10
- package/lib/src/components/Header/HeaderActionGroup.jsx +6 -6
- package/lib/src/components/Hero/Hero.jsx +3 -3
- package/lib/src/components/IconSwitch/IconSwitch.jsx +2 -2
- package/lib/src/components/ImageCard/CardIcon.jsx +5 -5
- package/lib/src/components/ImageCard/Hotspot.jsx +2 -2
- package/lib/src/components/ImageCard/ImageCard.jsx +12 -12
- package/lib/src/components/ImageCard/ImageControls.jsx +3 -3
- package/lib/src/components/ImageCard/ImageHotspots.jsx +6 -6
- package/lib/src/components/List/HierarchyList/HierarchyList.jsx +6 -6
- package/lib/src/components/List/HierarchyList/index.js +2 -2
- package/lib/src/components/List/List.jsx +10 -10
- package/lib/src/components/List/ListItem/ListItem.jsx +7 -7
- package/lib/src/components/List/SimpleList/SimpleList.jsx +3 -3
- package/lib/src/components/ListCard/ListCard.jsx +9 -9
- package/lib/src/components/NavigationBar/NavigationBar.jsx +5 -5
- package/lib/src/components/Page/EditPage.jsx +9 -9
- package/lib/src/components/Page/PageHero.jsx +9 -9
- package/lib/src/components/Page/PageTitle.jsx +2 -2
- package/lib/src/components/PageTitleBar/PageTitleBar.jsx +8 -8
- package/lib/src/components/PageWizard/PageWizard.jsx +2 -2
- package/lib/src/components/PageWizard/PageWizardStep/PageWizardStep.jsx +7 -7
- package/lib/src/components/PageWizard/PageWizardStep/PageWizardStepContent.jsx +2 -2
- package/lib/src/components/PageWizard/PageWizardStep/PageWizardStepDescription.jsx +2 -2
- package/lib/src/components/PageWizard/PageWizardStep/PageWizardStepExtraContent.jsx +2 -2
- package/lib/src/components/PageWizard/PageWizardStep/PageWizardStepTitle.jsx +2 -2
- package/lib/src/components/PageWizard/StatefulPageWizard.jsx +4 -4
- package/lib/src/components/ProgressIndicator/ProgressIndicator.jsx +2 -2
- package/lib/src/components/ResourceList/ResourceList.jsx +2 -2
- package/lib/src/components/SideNav/SideNav.jsx +12 -12
- package/lib/src/components/SimplePagination/SimplePagination.jsx +7 -7
- package/lib/src/components/Table/EmptyTable/EmptyTable.jsx +4 -4
- package/lib/src/components/Table/Pagination.jsx +2 -2
- package/lib/src/components/Table/StatefulTable.jsx +25 -25
- package/lib/src/components/Table/Table.jsx +38 -38
- package/lib/src/components/Table/TableBody/RowActionsCell/RowActionsCell.jsx +14 -21
- package/lib/src/components/Table/TableBody/RowActionsCell/RowActionsError.jsx +4 -4
- package/lib/src/components/Table/TableBody/TableBody.jsx +7 -7
- package/lib/src/components/Table/TableBody/TableBodyRow/TableBodyRow.jsx +24 -24
- package/lib/src/components/Table/TableCellRenderer/TableCellRenderer.jsx +2 -2
- package/lib/src/components/Table/TableHead/ColumnHeaderRow/ColumnHeaderRow.jsx +7 -7
- package/lib/src/components/Table/TableHead/ColumnHeaderSelect/ColumnHeaderSelect.jsx +4 -4
- package/lib/src/components/Table/TableHead/ColumnResize.jsx +6 -6
- package/lib/src/components/Table/TableHead/FilterHeaderRow/FilterHeaderRow.jsx +7 -7
- package/lib/src/components/Table/TableHead/TableHead.jsx +30 -30
- package/lib/src/components/Table/TableHead/TableHeader.js +3 -3
- package/lib/src/components/Table/TablePropTypes.js +2 -2
- package/lib/src/components/Table/TableSkeletonWithHeaders/TableSkeletonWithHeaders.jsx +2 -2
- package/lib/src/components/Table/TableToolbar/TableToolbar.jsx +17 -17
- package/lib/src/components/Table/TableToolbarSearch/TableToolbarSearch.jsx +3 -3
- package/lib/src/components/Table/baseTableReducer.js +18 -18
- package/lib/src/components/Table/tableReducer.js +34 -34
- package/lib/src/components/TableCard/TableCard.jsx +26 -26
- package/lib/src/components/TableCard/ThresholdIcon.jsx +2 -2
- package/lib/src/components/TileCatalog/StatefulTileCatalog.jsx +12 -12
- package/lib/src/components/TileCatalog/TileCatalog.jsx +8 -8
- package/lib/src/components/TileCatalog/TileGroup.jsx +2 -2
- package/lib/src/components/TileCatalog/tileCatalogReducer.js +3 -3
- package/lib/src/components/TileCatalogNew/TileCatalogNew.jsx +3 -3
- package/lib/src/components/TileCatalogNew/TilePagination/TilePagination.jsx +5 -5
- package/lib/src/components/TileGallery/StatefulTileGallery.jsx +17 -17
- package/lib/src/components/TileGallery/TileGallery.jsx +2 -2
- package/lib/src/components/TimePickerSpinner/TimePickerSpinner.jsx +12 -12
- package/lib/src/components/TimeSeriesCard/TimeSeriesCard.jsx +35 -35
- package/lib/src/components/ValueCard/Attribute.jsx +19 -19
- package/lib/src/components/ValueCard/UnitRenderer.jsx +4 -4
- package/lib/src/components/ValueCard/ValueCard.jsx +52 -52
- package/lib/src/components/ValueCard/ValueRenderer.jsx +12 -12
- package/lib/src/components/WizardInline/StatefulWizardInline.jsx +5 -5
- package/lib/src/components/WizardInline/WizardFooter/WizardFooter.jsx +5 -5
- package/lib/src/components/WizardInline/WizardHeader/WizardHeader.jsx +7 -7
- package/lib/src/components/WizardInline/WizardInline.jsx +14 -14
- package/lib/src/components/WizardModal/WizardModal.jsx +8 -8
- package/lib/src/constants/CardPropTypes.js +14 -14
- package/lib/src/index.js +144 -144
- package/lib/src/internal/deprecate.js +1 -1
- package/lib/src/utils/cardUtilityFunctions.js +10 -10
- package/lib/src/utils/componentUtilityFunctions.js +13 -13
- package/package.json +1 -1
- package/scss/components/GaugeCard/_gauge-card.scss +33 -6
- package/scss/components/Table/TableBody/RowActionsCell/_row-actions-cell.scss +25 -2
- package/scss/components/TextInput/_text-input.scss +4 -0
- package/umd/carbon-addons-iot-react.js +797 -1424
- package/es/node_modules/carbon-components-react/es/components/Accordion/Accordion.Skeleton.js +0 -96
- package/es/node_modules/carbon-components-react/es/components/Accordion/Accordion.js +0 -45
- package/es/node_modules/carbon-components-react/es/components/Accordion/AccordionItem.js +0 -163
- package/es/node_modules/carbon-components-react/es/components/SkeletonText/SkeletonText.js +0 -111
- package/es/node_modules/carbon-components-react/es/prop-types/deprecate.js +0 -30
- package/es/src/components/Accordion/AccordionItem.jsx +0 -180
- package/lib/node_modules/carbon-components-react/es/components/Accordion/Accordion.Skeleton.js +0 -101
- package/lib/node_modules/carbon-components-react/es/components/Accordion/Accordion.js +0 -50
- package/lib/node_modules/carbon-components-react/es/components/Accordion/AccordionItem.js +0 -168
- package/lib/node_modules/carbon-components-react/es/components/SkeletonText/SkeletonText.js +0 -116
- package/lib/node_modules/carbon-components-react/es/prop-types/deprecate.js +0 -34
- package/lib/src/components/Accordion/AccordionItem.jsx +0 -185
|
@@ -7,7 +7,7 @@ var carbonComponentsReact = require('carbon-components-react');
|
|
|
7
7
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
8
8
|
var React = require('react');
|
|
9
9
|
var React__default = _interopDefault(React);
|
|
10
|
-
var
|
|
10
|
+
var classnames = _interopDefault(require('classnames'));
|
|
11
11
|
require('core-js/modules/es.symbol');
|
|
12
12
|
require('core-js/modules/es.array.filter');
|
|
13
13
|
require('core-js/modules/es.array.for-each');
|
|
@@ -18,21 +18,21 @@ require('core-js/modules/web.dom-collections.for-each');
|
|
|
18
18
|
var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
|
|
19
19
|
var __chunk_4 = require('../../constants/Settings.js');
|
|
20
20
|
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
|
|
21
|
-
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
|
|
22
21
|
var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
|
|
23
22
|
require('core-js/modules/es.array.concat');
|
|
23
|
+
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
|
|
24
24
|
require('core-js/modules/es.array.includes');
|
|
25
25
|
require('core-js/modules/es.array.iterator');
|
|
26
26
|
require('core-js/modules/es.object.to-string');
|
|
27
27
|
require('core-js/modules/es.string.includes');
|
|
28
28
|
require('core-js/modules/web.dom-collections.iterator');
|
|
29
|
-
var
|
|
30
|
-
var
|
|
29
|
+
var __chunk_13 = require('../../constants/LayoutConstants.js');
|
|
30
|
+
var __chunk_15 = require('../../utils/componentUtilityFunctions.js');
|
|
31
31
|
require('core-js/modules/es.object.values');
|
|
32
32
|
var VisibilitySensor = _interopDefault(require('react-visibility-sensor'));
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var
|
|
33
|
+
var __chunk_85 = require('../../constants/CardPropTypes.js');
|
|
34
|
+
var __chunk_86 = require('../../utils/cardUtilityFunctions.js');
|
|
35
|
+
var __chunk_89 = require('./CardToolbar.jsx');
|
|
36
36
|
|
|
37
37
|
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; }
|
|
38
38
|
|
|
@@ -56,7 +56,7 @@ var CardWrapper = function CardWrapper(_ref) {
|
|
|
56
56
|
testID = _ref.testID,
|
|
57
57
|
others = _objectWithoutProperties(_ref, ["children", "dimensions", "id", "style", "className", "onScroll", "onMouseDown", "onMouseUp", "onTouchEnd", "onTouchStart", "testID"]);
|
|
58
58
|
|
|
59
|
-
var validOthers =
|
|
59
|
+
var validOthers = __chunk_15.filterValidAttributes(others);
|
|
60
60
|
return /*#__PURE__*/React__default.createElement("div", _extends({
|
|
61
61
|
role: "presentation",
|
|
62
62
|
"data-testid": testID,
|
|
@@ -69,7 +69,7 @@ var CardWrapper = function CardWrapper(_ref) {
|
|
|
69
69
|
onTouchEnd: onTouchEnd,
|
|
70
70
|
onTouchStart: onTouchStart,
|
|
71
71
|
onScroll: onScroll,
|
|
72
|
-
className:
|
|
72
|
+
className: classnames(className, "".concat(iotPrefix, "--card--wrapper"))
|
|
73
73
|
}, validOthers), children);
|
|
74
74
|
};
|
|
75
75
|
/** Header components */
|
|
@@ -102,10 +102,10 @@ var CardContent = function CardContent(props) {
|
|
|
102
102
|
var children = props.children,
|
|
103
103
|
dimensions = props.dimensions,
|
|
104
104
|
isExpanded = props.isExpanded;
|
|
105
|
-
var height = "".concat(dimensions.y -
|
|
105
|
+
var height = "".concat(dimensions.y - __chunk_13.CARD_TITLE_HEIGHT, "px");
|
|
106
106
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
107
107
|
style: _defineProperty({}, "--card-content-height", height),
|
|
108
|
-
className:
|
|
108
|
+
className: classnames("".concat(iotPrefix, "--card--content"), _defineProperty({}, "".concat(iotPrefix, "--card--content--expanded"), isExpanded))
|
|
109
109
|
}, children);
|
|
110
110
|
};
|
|
111
111
|
|
|
@@ -113,7 +113,7 @@ var EmptyMessageWrapper = function EmptyMessageWrapper(props) {
|
|
|
113
113
|
var children = props.children;
|
|
114
114
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
115
115
|
style: {
|
|
116
|
-
'--card-content-padding': "".concat(
|
|
116
|
+
'--card-content-padding': "".concat(__chunk_13.CARD_CONTENT_PADDING, "px")
|
|
117
117
|
},
|
|
118
118
|
className: "".concat(iotPrefix, "--card--empty-message-wrapper")
|
|
119
119
|
}, children);
|
|
@@ -125,9 +125,9 @@ CardWrapper.propTypes = {
|
|
|
125
125
|
x: PropTypes.number,
|
|
126
126
|
y: PropTypes.number
|
|
127
127
|
}).isRequired,
|
|
128
|
-
id:
|
|
128
|
+
id: __chunk_85.CardPropTypes.id,
|
|
129
129
|
style: PropTypes.objectOf(PropTypes.string),
|
|
130
|
-
testID:
|
|
130
|
+
testID: __chunk_85.CardPropTypes.testID,
|
|
131
131
|
|
|
132
132
|
/* eslint-disable */
|
|
133
133
|
onMouseDown: PropTypes.func,
|
|
@@ -149,7 +149,7 @@ CardContent.propTypes = {
|
|
|
149
149
|
x: PropTypes.number,
|
|
150
150
|
y: PropTypes.number
|
|
151
151
|
}).isRequired,
|
|
152
|
-
isExpanded:
|
|
152
|
+
isExpanded: __chunk_85.CardPropTypes.isExpanded.isRequired
|
|
153
153
|
};
|
|
154
154
|
CardContent.defaultProps = {
|
|
155
155
|
children: undefined
|
|
@@ -158,8 +158,8 @@ EmptyMessageWrapper.propTypes = {
|
|
|
158
158
|
children: PropTypes.node.isRequired
|
|
159
159
|
};
|
|
160
160
|
var defaultProps = {
|
|
161
|
-
size:
|
|
162
|
-
layout:
|
|
161
|
+
size: __chunk_13.CARD_SIZES.MEDIUM,
|
|
162
|
+
layout: __chunk_13.CARD_LAYOUTS.HORIZONTAL,
|
|
163
163
|
title: undefined,
|
|
164
164
|
toolbar: undefined,
|
|
165
165
|
hideHeader: false,
|
|
@@ -183,11 +183,11 @@ var defaultProps = {
|
|
|
183
183
|
range: false,
|
|
184
184
|
expand: false
|
|
185
185
|
},
|
|
186
|
-
rowHeight:
|
|
187
|
-
breakpoint:
|
|
188
|
-
cardDimensions:
|
|
189
|
-
dashboardBreakpoints:
|
|
190
|
-
dashboardColumns:
|
|
186
|
+
rowHeight: __chunk_13.ROW_HEIGHT,
|
|
187
|
+
breakpoint: __chunk_13.DASHBOARD_SIZES.LARGE,
|
|
188
|
+
cardDimensions: __chunk_13.CARD_DIMENSIONS,
|
|
189
|
+
dashboardBreakpoints: __chunk_13.DASHBOARD_BREAKPOINTS,
|
|
190
|
+
dashboardColumns: __chunk_13.DASHBOARD_COLUMNS,
|
|
191
191
|
i18n: {
|
|
192
192
|
noDataLabel: 'No data is available for this time range.',
|
|
193
193
|
noDataShortLabel: 'No data',
|
|
@@ -252,9 +252,9 @@ var Card = function Card(props) {
|
|
|
252
252
|
others = _objectWithoutProperties(props, ["size", "children", "title", "layout", "isLoading", "isEmpty", "isEditable", "isExpanded", "isLazyLoading", "error", "hideHeader", "id", "tooltip", "timeRange", "onCardAction", "availableActions", "breakpoint", "i18n", "style", "className", "values", "testID"]); // Checks size property against new size naming convention and reassigns to closest supported size if necessary.
|
|
253
253
|
|
|
254
254
|
|
|
255
|
-
var newSize =
|
|
256
|
-
var isSM = newSize ===
|
|
257
|
-
var dimensions =
|
|
255
|
+
var newSize = __chunk_86.getUpdatedCardSize(size);
|
|
256
|
+
var isSM = newSize === __chunk_13.CARD_SIZES.SMALL;
|
|
257
|
+
var dimensions = __chunk_15.getCardMinSize(breakpoint, newSize, others.dashboardBreakpoints, others.cardDimensions, others.rowHeight, others.dashboardColumns); // Need to cache the default available actions so it doesn't rerender
|
|
258
258
|
|
|
259
259
|
var mergedAvailableActions = React.useMemo(function () {
|
|
260
260
|
return _objectSpread({}, defaultProps.availableActions, {}, availableActions);
|
|
@@ -275,7 +275,7 @@ var Card = function Card(props) {
|
|
|
275
275
|
|
|
276
276
|
var getChildSize = function getChildSize(cardSize, cardTitle) {
|
|
277
277
|
var childSize = _objectSpread({}, cardSize, {
|
|
278
|
-
height: cardTitle === null || cardTitle === undefined ? cardSize.height : cardSize.height -
|
|
278
|
+
height: cardTitle === null || cardTitle === undefined ? cardSize.height : cardSize.height - __chunk_13.CARD_TITLE_HEIGHT
|
|
279
279
|
});
|
|
280
280
|
|
|
281
281
|
return childSize;
|
|
@@ -308,7 +308,7 @@ var Card = function Card(props) {
|
|
|
308
308
|
}, function (_ref6) {
|
|
309
309
|
var cardSize = _ref6.size;
|
|
310
310
|
// support passing the card toolbar through to the custom card
|
|
311
|
-
var cardToolbar = hasToolbarActions ? /*#__PURE__*/React__default.createElement(
|
|
311
|
+
var cardToolbar = hasToolbarActions ? /*#__PURE__*/React__default.createElement(__chunk_89.default, {
|
|
312
312
|
width: cardSize.width,
|
|
313
313
|
availableActions: mergedAvailableActions,
|
|
314
314
|
i18n: strings,
|
|
@@ -326,7 +326,7 @@ var Card = function Card(props) {
|
|
|
326
326
|
height: 'calc(100% - 50px)',
|
|
327
327
|
width: 'calc(100% - 50px)'
|
|
328
328
|
},
|
|
329
|
-
className:
|
|
329
|
+
className: classnames("".concat(iotPrefix, "--card"), className)
|
|
330
330
|
}), !hideHeader && /*#__PURE__*/React__default.createElement(CardHeader, null, /*#__PURE__*/React__default.createElement(CardTitle, {
|
|
331
331
|
title: title
|
|
332
332
|
}, hasTitleTooltip ? /*#__PURE__*/React__default.createElement(carbonComponentsReact.Tooltip, {
|
|
@@ -347,14 +347,14 @@ var Card = function Card(props) {
|
|
|
347
347
|
}, !isVisible && isLazyLoading ? // if not visible don't show anything
|
|
348
348
|
'' : isLoading ? /*#__PURE__*/React__default.createElement("div", {
|
|
349
349
|
style: {
|
|
350
|
-
'--card-content-padding': "".concat(
|
|
350
|
+
'--card-content-padding': "".concat(__chunk_13.CARD_CONTENT_PADDING, "px")
|
|
351
351
|
},
|
|
352
352
|
className: "".concat(iotPrefix, "--card--skeleton-wrapper")
|
|
353
353
|
}, /*#__PURE__*/React__default.createElement(OptimizedSkeletonText, {
|
|
354
354
|
paragraph: true,
|
|
355
|
-
lineCount: newSize ===
|
|
355
|
+
lineCount: newSize === __chunk_13.CARD_SIZES.SMALL || newSize === __chunk_13.CARD_SIZES.SMALLWIDE ? 2 : 3,
|
|
356
356
|
width: "100%"
|
|
357
|
-
})) : error ? /*#__PURE__*/React__default.createElement(EmptyMessageWrapper, null, newSize ===
|
|
357
|
+
})) : error ? /*#__PURE__*/React__default.createElement(EmptyMessageWrapper, null, newSize === __chunk_13.CARD_SIZES.SMALL || newSize === __chunk_13.CARD_SIZES.SMALLWIDE ? strings.errorLoadingDataShortLabel : "".concat(strings.errorLoadingDataLabel, " ").concat(error)) : isEmpty && !isEditable ? /*#__PURE__*/React__default.createElement(EmptyMessageWrapper, null, isSM ? strings.noDataShortLabel : strings.noDataLabel) : typeof children === 'function' ? // pass the measured size down to the children if it's an render function
|
|
358
358
|
children(getChildSize(cardSize, title), _objectSpread({
|
|
359
359
|
cardToolbar: cardToolbar
|
|
360
360
|
}, props)) : children));
|
|
@@ -365,7 +365,7 @@ var Card = function Card(props) {
|
|
|
365
365
|
}, card) : card;
|
|
366
366
|
};
|
|
367
367
|
|
|
368
|
-
Card.propTypes =
|
|
368
|
+
Card.propTypes = __chunk_85.CardPropTypes;
|
|
369
369
|
Card.defaultProps = defaultProps;
|
|
370
370
|
Card.__docgenInfo = {
|
|
371
371
|
"description": "Dumb component that renders the card basics",
|
|
@@ -6,15 +6,15 @@ var carbonComponentsReact = require('carbon-components-react');
|
|
|
6
6
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var React__default = _interopDefault(React);
|
|
9
|
-
var
|
|
9
|
+
var classnames = _interopDefault(require('classnames'));
|
|
10
10
|
require('core-js/modules/es.array.filter');
|
|
11
11
|
require('core-js/modules/es.object.keys');
|
|
12
12
|
var __chunk_4 = require('../../constants/Settings.js');
|
|
13
|
-
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
|
|
14
13
|
require('core-js/modules/es.array.map');
|
|
14
|
+
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
|
|
15
15
|
require('core-js/modules/es.array.includes');
|
|
16
16
|
require('core-js/modules/es.string.includes');
|
|
17
|
-
var
|
|
17
|
+
var __chunk_87 = require('../../../node_modules/@carbon/icons-react/es/event--schedule/20.js');
|
|
18
18
|
|
|
19
19
|
var iotPrefix = __chunk_4.settings.iotPrefix;
|
|
20
20
|
var CardRangePickerPropTypes = {
|
|
@@ -69,11 +69,11 @@ var CardRangePicker = function CardRangePicker(_ref) {
|
|
|
69
69
|
className: "".concat(iotPrefix, "--card--toolbar-timerange-label")
|
|
70
70
|
}, timeBoxLabels[timeRange]) : null, /*#__PURE__*/React__default.createElement(carbonComponentsReact.OverflowMenu, {
|
|
71
71
|
iconDescription: timeBoxLabels[timeRange],
|
|
72
|
-
className:
|
|
72
|
+
className: classnames("".concat(iotPrefix, "--card--toolbar-action"), "".concat(iotPrefix, "--card--toolbar-date-range-action")),
|
|
73
73
|
flipped: true,
|
|
74
74
|
title: i18n.overflowMenuDescription,
|
|
75
75
|
menuOptionsClass: "".concat(iotPrefix, "--card--overflow"),
|
|
76
|
-
renderIcon:
|
|
76
|
+
renderIcon: __chunk_87.default
|
|
77
77
|
}, /*#__PURE__*/React__default.createElement(carbonComponentsReact.OverflowMenuItem, {
|
|
78
78
|
key: "default",
|
|
79
79
|
onClick: function onClick() {
|
|
@@ -6,7 +6,7 @@ var carbonComponentsReact = require('carbon-components-react');
|
|
|
6
6
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var React__default = _interopDefault(React);
|
|
9
|
-
var
|
|
9
|
+
var classnames = _interopDefault(require('classnames'));
|
|
10
10
|
require('core-js/modules/es.symbol');
|
|
11
11
|
require('core-js/modules/es.array.filter');
|
|
12
12
|
require('core-js/modules/es.array.for-each');
|
|
@@ -17,9 +17,9 @@ require('core-js/modules/web.dom-collections.for-each');
|
|
|
17
17
|
var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
|
|
18
18
|
var __chunk_4 = require('../../constants/Settings.js');
|
|
19
19
|
var iconsReact = require('@carbon/icons-react');
|
|
20
|
-
var
|
|
20
|
+
var __chunk_13 = require('../../constants/LayoutConstants.js');
|
|
21
21
|
var omit = _interopDefault(require('lodash/omit'));
|
|
22
|
-
var
|
|
22
|
+
var __chunk_88 = require('./CardRangePicker.jsx');
|
|
23
23
|
|
|
24
24
|
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; }
|
|
25
25
|
|
|
@@ -32,7 +32,7 @@ var ToolbarSVGWrapper = function ToolbarSVGWrapper(props) {
|
|
|
32
32
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
33
33
|
type: "button",
|
|
34
34
|
onClick: onClick,
|
|
35
|
-
className:
|
|
35
|
+
className: classnames("".concat(iotPrefix, "--card--toolbar-action"), "".concat(iotPrefix, "--card--toolbar-svg-wrapper"))
|
|
36
36
|
}, children);
|
|
37
37
|
};
|
|
38
38
|
|
|
@@ -51,7 +51,7 @@ var propTypes = _objectSpread({
|
|
|
51
51
|
/** is the card expanded */
|
|
52
52
|
isExpanded: PropTypes.bool,
|
|
53
53
|
className: PropTypes.string
|
|
54
|
-
}, omit(
|
|
54
|
+
}, omit(__chunk_88.CardRangePickerPropTypes, 'onClose'));
|
|
55
55
|
|
|
56
56
|
var defaultProps = {
|
|
57
57
|
isEditable: false,
|
|
@@ -69,29 +69,29 @@ var CardToolbar = function CardToolbar(_ref) {
|
|
|
69
69
|
onCardAction = _ref.onCardAction,
|
|
70
70
|
className = _ref.className;
|
|
71
71
|
return isEditable ? /*#__PURE__*/React__default.createElement("div", {
|
|
72
|
-
className:
|
|
72
|
+
className: classnames(className, "".concat(iotPrefix, "--card--toolbar"))
|
|
73
73
|
}, (availableActions.edit || availableActions.clone || availableActions.delete) && /*#__PURE__*/React__default.createElement(carbonComponentsReact.OverflowMenu, {
|
|
74
74
|
flipped: true,
|
|
75
75
|
title: i18n.overflowMenuDescription
|
|
76
76
|
}, availableActions.edit && /*#__PURE__*/React__default.createElement(carbonComponentsReact.OverflowMenuItem, {
|
|
77
77
|
onClick: function onClick() {
|
|
78
|
-
onCardAction(
|
|
78
|
+
onCardAction(__chunk_13.CARD_ACTIONS.EDIT_CARD);
|
|
79
79
|
},
|
|
80
80
|
itemText: i18n.editCardLabel
|
|
81
81
|
}), availableActions.clone && /*#__PURE__*/React__default.createElement(carbonComponentsReact.OverflowMenuItem, {
|
|
82
82
|
onClick: function onClick() {
|
|
83
|
-
onCardAction(
|
|
83
|
+
onCardAction(__chunk_13.CARD_ACTIONS.CLONE_CARD);
|
|
84
84
|
},
|
|
85
85
|
itemText: i18n.cloneCardLabel
|
|
86
86
|
}), availableActions.delete && /*#__PURE__*/React__default.createElement(carbonComponentsReact.OverflowMenuItem, {
|
|
87
87
|
isDelete: true,
|
|
88
88
|
onClick: function onClick() {
|
|
89
|
-
onCardAction(
|
|
89
|
+
onCardAction(__chunk_13.CARD_ACTIONS.DELETE_CARD);
|
|
90
90
|
},
|
|
91
91
|
itemText: i18n.deleteCardLabel
|
|
92
92
|
}))) : /*#__PURE__*/React__default.createElement("div", {
|
|
93
|
-
className:
|
|
94
|
-
}, availableActions.range ? /*#__PURE__*/React__default.createElement(
|
|
93
|
+
className: classnames(className, "".concat(iotPrefix, "--card--toolbar"))
|
|
94
|
+
}, availableActions.range ? /*#__PURE__*/React__default.createElement(__chunk_88.default, {
|
|
95
95
|
width: width,
|
|
96
96
|
i18n: i18n,
|
|
97
97
|
timeRange: timeRange,
|
|
@@ -99,14 +99,14 @@ var CardToolbar = function CardToolbar(_ref) {
|
|
|
99
99
|
cardWidth: width
|
|
100
100
|
}) : null, availableActions.expand ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isExpanded ? /*#__PURE__*/React__default.createElement(ToolbarSVGWrapper, {
|
|
101
101
|
onClick: function onClick() {
|
|
102
|
-
return onCardAction(
|
|
102
|
+
return onCardAction(__chunk_13.CARD_ACTIONS.CLOSE_EXPANDED_CARD);
|
|
103
103
|
}
|
|
104
104
|
}, /*#__PURE__*/React__default.createElement(iconsReact.Close20, {
|
|
105
105
|
title: i18n.closeLabel,
|
|
106
106
|
description: i18n.closeLabel
|
|
107
107
|
})) : /*#__PURE__*/React__default.createElement(ToolbarSVGWrapper, {
|
|
108
108
|
onClick: function onClick() {
|
|
109
|
-
onCardAction(
|
|
109
|
+
onCardAction(__chunk_13.CARD_ACTIONS.OPEN_EXPANDED_CARD);
|
|
110
110
|
}
|
|
111
111
|
}, /*#__PURE__*/React__default.createElement(iconsReact.Popup20, {
|
|
112
112
|
title: i18n.expandLabel,
|
|
@@ -5,14 +5,14 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
5
5
|
var carbonComponentsReact = require('carbon-components-react');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var React__default = _interopDefault(React);
|
|
8
|
-
var
|
|
8
|
+
var classnames = _interopDefault(require('classnames'));
|
|
9
9
|
require('core-js/modules/es.symbol');
|
|
10
10
|
var __chunk_4 = require('../../constants/Settings.js');
|
|
11
|
-
var iconsReact = require('@carbon/icons-react');
|
|
12
11
|
require('core-js/modules/es.array.concat');
|
|
13
|
-
var
|
|
12
|
+
var iconsReact = require('@carbon/icons-react');
|
|
13
|
+
var __chunk_13 = require('../../constants/LayoutConstants.js');
|
|
14
14
|
require('core-js/modules/es.symbol.description');
|
|
15
|
-
var
|
|
15
|
+
var __chunk_85 = require('../../constants/CardPropTypes.js');
|
|
16
16
|
|
|
17
17
|
var iotPrefix = __chunk_4.settings.iotPrefix;
|
|
18
18
|
var dsPrefix = "".concat(iotPrefix, "--data-state"); // Testing the tooltip content outside carbon proved difficult.
|
|
@@ -31,7 +31,7 @@ var TooltipContent = function TooltipContent(_ref) {
|
|
|
31
31
|
}, label), /*#__PURE__*/React__default.createElement("p", null, description), extraTooltipText && /*#__PURE__*/React__default.createElement("p", null, extraTooltipText), learnMoreElement);
|
|
32
32
|
};
|
|
33
33
|
TooltipContent.propTypes = {
|
|
34
|
-
tooltipContent:
|
|
34
|
+
tooltipContent: __chunk_85.ValueCardPropTypes.dataState.isRequired
|
|
35
35
|
};
|
|
36
36
|
|
|
37
37
|
var DataStateRenderer = function DataStateRenderer(_ref2) {
|
|
@@ -57,11 +57,11 @@ var DataStateRenderer = function DataStateRenderer(_ref2) {
|
|
|
57
57
|
var icon = dataState.icon;
|
|
58
58
|
|
|
59
59
|
if (!icon) {
|
|
60
|
-
if (type ===
|
|
60
|
+
if (type === __chunk_13.CARD_DATA_STATE.ERROR) {
|
|
61
61
|
icon = /*#__PURE__*/React__default.createElement(iconsReact.ErrorFilled24, {
|
|
62
62
|
className: "".concat(dsPrefix, "-default-error-icon")
|
|
63
63
|
});
|
|
64
|
-
} else if (type ===
|
|
64
|
+
} else if (type === __chunk_13.CARD_DATA_STATE.NO_DATA) {
|
|
65
65
|
icon = /*#__PURE__*/React__default.createElement(iconsReact.WarningFilled24, {
|
|
66
66
|
className: "".concat(dsPrefix, "-default-warning-icon")
|
|
67
67
|
});
|
|
@@ -84,22 +84,22 @@ var DataStateRenderer = function DataStateRenderer(_ref2) {
|
|
|
84
84
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
85
85
|
className: "".concat(dsPrefix, "-container"),
|
|
86
86
|
style: {
|
|
87
|
-
'--container-padding': "".concat(
|
|
87
|
+
'--container-padding': "".concat(__chunk_13.CARD_CONTENT_PADDING, "px")
|
|
88
88
|
}
|
|
89
89
|
}, /*#__PURE__*/React__default.createElement("p", {
|
|
90
|
-
className:
|
|
90
|
+
className: classnames("".concat(dsPrefix, "-dashes"))
|
|
91
91
|
}, "--"), /*#__PURE__*/React__default.createElement("div", {
|
|
92
92
|
className: "".concat(dsPrefix, "-grid")
|
|
93
|
-
}, size ===
|
|
93
|
+
}, size === __chunk_13.CARD_SIZES.SMALL || size === __chunk_13.CARD_SIZES.SMALLWIDE || size === __chunk_13.CARD_SIZES.MEDIUMTHIN ? renderDataStateGridIcon() : renderDataStateGridItems()));
|
|
94
94
|
};
|
|
95
95
|
|
|
96
96
|
DataStateRenderer.propTypes = {
|
|
97
|
-
size:
|
|
98
|
-
id:
|
|
99
|
-
dataState:
|
|
97
|
+
size: __chunk_85.CardPropTypes.size,
|
|
98
|
+
id: __chunk_85.CardPropTypes.id,
|
|
99
|
+
dataState: __chunk_85.ValueCardPropTypes.dataState.isRequired
|
|
100
100
|
};
|
|
101
101
|
DataStateRenderer.defaultProps = {
|
|
102
|
-
size:
|
|
102
|
+
size: __chunk_13.CARD_SIZES.MEDIUM,
|
|
103
103
|
id: 'data-state-renderer'
|
|
104
104
|
};
|
|
105
105
|
DataStateRenderer.__docgenInfo = {
|
|
@@ -6,14 +6,14 @@ var carbonComponentsReact = require('carbon-components-react');
|
|
|
6
6
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var React__default = _interopDefault(React);
|
|
9
|
-
var
|
|
9
|
+
var classnames = _interopDefault(require('classnames'));
|
|
10
10
|
var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
|
|
11
|
-
var warning = _interopDefault(require('warning'));
|
|
12
11
|
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
|
|
13
12
|
var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
|
|
14
|
-
var
|
|
13
|
+
var __chunk_8 = require('../Button/Button.jsx');
|
|
15
14
|
require('core-js/modules/es.array.concat');
|
|
16
|
-
var
|
|
15
|
+
var warning = _interopDefault(require('warning'));
|
|
16
|
+
var __chunk_15 = require('../../utils/componentUtilityFunctions.js');
|
|
17
17
|
var _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));
|
|
18
18
|
var _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));
|
|
19
19
|
var _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));
|
|
@@ -23,7 +23,7 @@ var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
|
|
|
23
23
|
var _taggedTemplateLiteral = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteral'));
|
|
24
24
|
var styled = _interopDefault(require('styled-components'));
|
|
25
25
|
var polished = require('polished');
|
|
26
|
-
var
|
|
26
|
+
var __chunk_18 = require('../../styles/styles.js');
|
|
27
27
|
|
|
28
28
|
function _templateObject3() {
|
|
29
29
|
var data = _taggedTemplateLiteral(["\n {\n justify-content: flex-end;\n\n & > * {\n width: 100%;\n }\n\n .modal-greedy-spacer {\n flex-grow: 2;\n text-align: left; // needed to override the dialog style\n }\n }\n"]);
|
|
@@ -55,7 +55,7 @@ function _templateObject() {
|
|
|
55
55
|
return data;
|
|
56
56
|
}
|
|
57
57
|
var StyledModal = styled(carbonComponentsReact.ComposedModal)(_templateObject(), polished.rem(515), polished.rem(600), polished.rem(800), polished.rem(600), polished.rem(1024), polished.rem(1200), polished.rem(200));
|
|
58
|
-
var StyledMessageBox = styled(carbonComponentsReact.InlineNotification)(_templateObject2(),
|
|
58
|
+
var StyledMessageBox = styled(carbonComponentsReact.InlineNotification)(_templateObject2(), __chunk_18.PADDING.horizontalWrapPadding, __chunk_18.PADDING.verticalPadding);
|
|
59
59
|
var StyledModalFooter = styled(carbonComponentsReact.ModalFooter)(_templateObject3());
|
|
60
60
|
var ComposedModalPropTypes = {
|
|
61
61
|
/** Header Props
|
|
@@ -181,7 +181,7 @@ var ComposedModal = /*#__PURE__*/function (_React$Component) {
|
|
|
181
181
|
invalid = _this$props.invalid;
|
|
182
182
|
|
|
183
183
|
if (invalid && submitFailed !== prevProps.submitFailed) {
|
|
184
|
-
|
|
184
|
+
__chunk_15.scrollErrorIntoView(true);
|
|
185
185
|
}
|
|
186
186
|
}
|
|
187
187
|
}, {
|
|
@@ -218,7 +218,7 @@ var ComposedModal = /*#__PURE__*/function (_React$Component) {
|
|
|
218
218
|
return isFetchingData ? /*#__PURE__*/React__default.createElement(carbonComponentsReact.Loading, null) : /*#__PURE__*/React__default.createElement(StyledModal, _extends({}, props, {
|
|
219
219
|
open: open,
|
|
220
220
|
onClose: this.doNotClose,
|
|
221
|
-
className:
|
|
221
|
+
className: classnames(className, {
|
|
222
222
|
'error-modal': type === 'warn',
|
|
223
223
|
'big-modal': isLarge
|
|
224
224
|
})
|
|
@@ -235,10 +235,10 @@ var ComposedModal = /*#__PURE__*/function (_React$Component) {
|
|
|
235
235
|
subtitle: "",
|
|
236
236
|
kind: "error",
|
|
237
237
|
onCloseButtonClick: this.handleClearError
|
|
238
|
-
}) : null, !passiveModal ? /*#__PURE__*/React__default.createElement(StyledModalFooter, null, React__default.isValidElement(footer) ? footer : /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(
|
|
238
|
+
}) : null, !passiveModal ? /*#__PURE__*/React__default.createElement(StyledModalFooter, null, React__default.isValidElement(footer) ? footer : /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(__chunk_8.default, {
|
|
239
239
|
kind: "secondary",
|
|
240
240
|
onClick: onClose
|
|
241
|
-
}, footer && footer.secondaryButtonLabel || 'Cancel'), !(footer === null || footer === void 0 ? void 0 : footer.isPrimaryButtonHidden) ? /*#__PURE__*/React__default.createElement(
|
|
241
|
+
}, footer && footer.secondaryButtonLabel || 'Cancel'), !(footer === null || footer === void 0 ? void 0 : footer.isPrimaryButtonHidden) ? /*#__PURE__*/React__default.createElement(__chunk_8.default, {
|
|
242
242
|
disabled: footer === null || footer === void 0 ? void 0 : footer.isPrimaryButtonDisabled,
|
|
243
243
|
kind: type === 'warn' ? 'danger' : 'primary',
|
|
244
244
|
loading: typeof sendingData === 'boolean' && sendingData || typeof sendingData === 'string',
|
|
@@ -6,18 +6,18 @@ var carbonComponentsReact = require('carbon-components-react');
|
|
|
6
6
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var React__default = _interopDefault(React);
|
|
9
|
-
var warning = _interopDefault(require('warning'));
|
|
10
9
|
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
|
|
11
10
|
var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
|
|
12
11
|
require('core-js/modules/es.array.concat');
|
|
13
12
|
require('core-js/modules/es.array.map');
|
|
13
|
+
var warning = _interopDefault(require('warning'));
|
|
14
14
|
require('core-js/modules/es.array.iterator');
|
|
15
15
|
require('core-js/modules/es.object.to-string');
|
|
16
16
|
require('core-js/modules/web.dom-collections.iterator');
|
|
17
17
|
var _taggedTemplateLiteral = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteral'));
|
|
18
18
|
var styled = _interopDefault(require('styled-components'));
|
|
19
|
-
var
|
|
20
|
-
var
|
|
19
|
+
var __chunk_18 = require('../../styles/styles.js');
|
|
20
|
+
var __chunk_21 = require('../../../node_modules/@carbon/icons-react/es/bee/32.js');
|
|
21
21
|
|
|
22
22
|
function _templateObject4() {
|
|
23
23
|
var data = _taggedTemplateLiteral(["\n &&& {\n ", "\n }\n"]);
|
|
@@ -131,10 +131,10 @@ var StructuredList = function StructuredList(_ref2) {
|
|
|
131
131
|
row: item.values
|
|
132
132
|
}) : item.values[col.id]);
|
|
133
133
|
}));
|
|
134
|
-
})), !data.length ? /*#__PURE__*/React__default.createElement(EmptyContent, null, /*#__PURE__*/React__default.createElement(
|
|
134
|
+
})), !data.length ? /*#__PURE__*/React__default.createElement(EmptyContent, null, /*#__PURE__*/React__default.createElement(__chunk_21.default, {
|
|
135
135
|
width: 100,
|
|
136
136
|
height: 100,
|
|
137
|
-
fill:
|
|
137
|
+
fill: __chunk_18.COLORS.gray
|
|
138
138
|
}), /*#__PURE__*/React__default.createElement(LoadingDiv, null, loadingDataLabel)) : undefined));
|
|
139
139
|
};
|
|
140
140
|
|
|
@@ -14,13 +14,13 @@ require('core-js/modules/es.object.keys');
|
|
|
14
14
|
require('core-js/modules/web.dom-collections.for-each');
|
|
15
15
|
var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
|
|
16
16
|
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
|
|
17
|
-
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
|
|
18
17
|
var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
|
|
18
|
+
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
|
|
19
19
|
require('core-js/modules/es.array.iterator');
|
|
20
20
|
require('core-js/modules/es.object.to-string');
|
|
21
21
|
require('core-js/modules/web.dom-collections.iterator');
|
|
22
22
|
var isNil = _interopDefault(require('lodash/isNil'));
|
|
23
|
-
var
|
|
23
|
+
var __chunk_13 = require('../../constants/LayoutConstants.js');
|
|
24
24
|
var merge = _interopDefault(require('lodash/merge'));
|
|
25
25
|
var isEmpty = _interopDefault(require('lodash/isEmpty'));
|
|
26
26
|
var _regeneratorRuntime = _interopDefault(require('@babel/runtime/regenerator'));
|
|
@@ -28,14 +28,14 @@ require('../../../node_modules/regenerator-runtime/runtime.js');
|
|
|
28
28
|
var _asyncToGenerator = _interopDefault(require('@babel/runtime/helpers/asyncToGenerator'));
|
|
29
29
|
var useDeepCompareEffect = _interopDefault(require('use-deep-compare-effect'));
|
|
30
30
|
var omit = _interopDefault(require('lodash/omit'));
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
31
|
+
var __chunk_86 = require('../../utils/cardUtilityFunctions.js');
|
|
32
|
+
var __chunk_90 = require('../Card/Card.jsx');
|
|
33
|
+
var __chunk_158 = require('../ValueCard/ValueCard.jsx');
|
|
34
|
+
var __chunk_164 = require('../ImageCard/ImageCard.jsx');
|
|
35
|
+
var __chunk_168 = require('../TableCard/TableCard.jsx');
|
|
36
|
+
var __chunk_170 = require('../TimeSeriesCard/TimeSeriesCard.jsx');
|
|
37
|
+
var __chunk_171 = require('../ListCard/ListCard.jsx');
|
|
38
|
+
var __chunk_172 = require('../GaugeCard/GaugeCard.jsx');
|
|
39
39
|
|
|
40
40
|
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; }
|
|
41
41
|
|
|
@@ -82,12 +82,12 @@ var loadCardData = /*#__PURE__*/function () {
|
|
|
82
82
|
isLoading: true
|
|
83
83
|
}));
|
|
84
84
|
_context.next = 4;
|
|
85
|
-
return onFetchData(card, card.type !==
|
|
85
|
+
return onFetchData(card, card.type !== __chunk_13.CARD_TYPES.IMAGE && card.type !== __chunk_13.CARD_TYPES.VALUE);
|
|
86
86
|
|
|
87
87
|
case 4:
|
|
88
88
|
cardWithData = _context.sent;
|
|
89
89
|
setCard(_objectSpread({}, cardWithData, {
|
|
90
|
-
timeGrain:
|
|
90
|
+
timeGrain: __chunk_86.compareGrains(timeGrain, card.timeGrain) < 1 ? card.timeGrain : timeGrain,
|
|
91
91
|
isLoading: false
|
|
92
92
|
}));
|
|
93
93
|
|
|
@@ -160,7 +160,7 @@ var CardRenderer = React__default.memo(function (_ref3) {
|
|
|
160
160
|
case 0:
|
|
161
161
|
updatedCard = card; // Image cards require extra setup before loading data
|
|
162
162
|
|
|
163
|
-
if (!(onSetupCard && card.type ===
|
|
163
|
+
if (!(onSetupCard && card.type === __chunk_13.CARD_TYPES.IMAGE && !card.content.src)) {
|
|
164
164
|
_context2.next = 6;
|
|
165
165
|
break;
|
|
166
166
|
}
|
|
@@ -198,7 +198,7 @@ var CardRenderer = React__default.memo(function (_ref3) {
|
|
|
198
198
|
return merge(availableActions, {
|
|
199
199
|
range: !isEmpty(dataSource),
|
|
200
200
|
// all cards should have the range picker
|
|
201
|
-
expand: type ===
|
|
201
|
+
expand: type === __chunk_13.CARD_TYPES.IMAGE || type === __chunk_13.CARD_TYPES.TIMESERIES || type === __chunk_13.CARD_TYPES.TABLE || (availableActions === null || availableActions === void 0 ? void 0 : availableActions.expand) // image and line chart cards should have expand
|
|
202
202
|
|
|
203
203
|
});
|
|
204
204
|
}, [availableActions, dataSource, type]);
|
|
@@ -214,9 +214,9 @@ var CardRenderer = React__default.memo(function (_ref3) {
|
|
|
214
214
|
switch (_context3.prev = _context3.next) {
|
|
215
215
|
case 0:
|
|
216
216
|
// callback time grain change from parent
|
|
217
|
-
if (actionType ===
|
|
217
|
+
if (actionType === __chunk_13.CARD_ACTIONS.CHANGE_TIME_RANGE) {
|
|
218
218
|
// First update the range
|
|
219
|
-
range = payload && payload.range !== 'default' ?
|
|
219
|
+
range = payload && payload.range !== 'default' ? __chunk_86.determineCardRange(payload.range) : originalDataSource.range; // If default, then reset the card range
|
|
220
220
|
|
|
221
221
|
cardWithUpdatedRange = _objectSpread({}, card, {
|
|
222
222
|
// expand the current card state
|
|
@@ -225,14 +225,14 @@ var CardRenderer = React__default.memo(function (_ref3) {
|
|
|
225
225
|
dataSource: _objectSpread({}, cardProp.dataSource, {
|
|
226
226
|
range: _objectSpread({}, range, {}, omit(range, 'timeGrain')),
|
|
227
227
|
// Use the maximum selected grain betweeen the dashboard and the current range
|
|
228
|
-
timeGrain:
|
|
228
|
+
timeGrain: __chunk_86.compareGrains(timeGrain, range.timeGrain) < 1 ? range.timeGrain : timeGrain
|
|
229
229
|
})
|
|
230
230
|
}); // Then trigger a load of the card data
|
|
231
231
|
|
|
232
232
|
loadCardData(cardWithUpdatedRange, setCard, onFetchData, timeGrain);
|
|
233
|
-
} else if (actionType ===
|
|
233
|
+
} else if (actionType === __chunk_13.CARD_ACTIONS.OPEN_EXPANDED_CARD) {
|
|
234
234
|
setIsExpanded(true);
|
|
235
|
-
} else if (actionType ===
|
|
235
|
+
} else if (actionType === __chunk_13.CARD_ACTIONS.UPDATE_DATA) {
|
|
236
236
|
// New action type where we pass the updated values data
|
|
237
237
|
setCard(function (currentCardState) {
|
|
238
238
|
return _objectSpread({}, currentCardState, {
|
|
@@ -242,7 +242,7 @@ var CardRenderer = React__default.memo(function (_ref3) {
|
|
|
242
242
|
} // close expanded card
|
|
243
243
|
|
|
244
244
|
|
|
245
|
-
if (actionType ===
|
|
245
|
+
if (actionType === __chunk_13.CARD_ACTIONS.CLOSE_EXPANDED_CARD) {
|
|
246
246
|
setIsExpanded(false);
|
|
247
247
|
}
|
|
248
248
|
|
|
@@ -276,12 +276,12 @@ var CardRenderer = React__default.memo(function (_ref3) {
|
|
|
276
276
|
breakpoint: breakpoint
|
|
277
277
|
});
|
|
278
278
|
|
|
279
|
-
return type ===
|
|
279
|
+
return type === __chunk_13.CARD_TYPES.VALUE ? /*#__PURE__*/React__default.createElement(__chunk_158.default, commonCardProps) : type === __chunk_13.CARD_TYPES.IMAGE ? /*#__PURE__*/React__default.createElement(__chunk_164.default, _extends({}, commonCardProps, {
|
|
280
280
|
error: card.setupError || card.error
|
|
281
|
-
})) : type ===
|
|
281
|
+
})) : type === __chunk_13.CARD_TYPES.TIMESERIES ? /*#__PURE__*/React__default.createElement(__chunk_170.default, commonCardProps) : type === __chunk_13.CARD_TYPES.TABLE ? /*#__PURE__*/React__default.createElement(__chunk_168.default, commonCardProps) : type === __chunk_13.CARD_TYPES.LIST ? /*#__PURE__*/React__default.createElement(__chunk_171.default, _extends({}, commonCardProps, {
|
|
282
282
|
data: card.content.data,
|
|
283
283
|
loadData: card.content.loadData
|
|
284
|
-
})) : type ===
|
|
284
|
+
})) : type === __chunk_13.CARD_TYPES.GAUGE ? /*#__PURE__*/React__default.createElement(__chunk_172.default, commonCardProps) : type === __chunk_13.CARD_TYPES.CUSTOM ? /*#__PURE__*/React__default.createElement(__chunk_90.default, _extends({
|
|
285
285
|
hideHeader: isNil(card.title)
|
|
286
286
|
}, omit(commonCardProps, 'content')), card.content) : null;
|
|
287
287
|
});
|