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
|
@@ -5,13 +5,13 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
5
5
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var React__default = _interopDefault(React);
|
|
8
|
-
var
|
|
8
|
+
var classnames = _interopDefault(require('classnames'));
|
|
9
9
|
var carbonComponents = require('carbon-components');
|
|
10
10
|
var iconsReact = require('@carbon/icons-react');
|
|
11
|
-
var
|
|
12
|
-
var
|
|
11
|
+
var __chunk_112 = require('../../internal/keyboard/keys.js');
|
|
12
|
+
var __chunk_113 = require('../../internal/keyboard/match.js');
|
|
13
13
|
require('../../internal/keyboard/navigation.js');
|
|
14
|
-
var
|
|
14
|
+
var __chunk_131 = require('./SideNavIcon.js');
|
|
15
15
|
|
|
16
16
|
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
17
17
|
|
|
@@ -56,7 +56,7 @@ function (_React$Component) {
|
|
|
56
56
|
});
|
|
57
57
|
|
|
58
58
|
_defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
|
|
59
|
-
if (
|
|
59
|
+
if (__chunk_113.match(event, __chunk_112.Escape)) {
|
|
60
60
|
_this.setState(function () {
|
|
61
61
|
return {
|
|
62
62
|
isExpanded: false
|
|
@@ -99,7 +99,7 @@ function (_React$Component) {
|
|
|
99
99
|
}) : children.props && (children.props.isActive === true || children.props['aria-current']);
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
-
var className =
|
|
102
|
+
var className = classnames((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__item"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--active"), isActive || hasActiveChild && !isExpanded), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--icon"), IconElement), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--large"), large), _defineProperty(_cx, customClassName, !!customClassName), _cx));
|
|
103
103
|
return (// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
|
|
104
104
|
React__default.createElement("li", {
|
|
105
105
|
className: className,
|
|
@@ -111,9 +111,9 @@ function (_React$Component) {
|
|
|
111
111
|
onClick: this.handleToggleExpand,
|
|
112
112
|
ref: buttonRef,
|
|
113
113
|
type: "button"
|
|
114
|
-
}, IconElement && React__default.createElement(
|
|
114
|
+
}, IconElement && React__default.createElement(__chunk_131.default, null, React__default.createElement(IconElement, null)), React__default.createElement("span", {
|
|
115
115
|
className: "".concat(prefix, "--side-nav__submenu-title")
|
|
116
|
-
}, title), React__default.createElement(
|
|
116
|
+
}, title), React__default.createElement(__chunk_131.default, {
|
|
117
117
|
className: "".concat(prefix, "--side-nav__submenu-chevron"),
|
|
118
118
|
small: true
|
|
119
119
|
}, React__default.createElement(iconsReact.ChevronDown20, null))), React__default.createElement("ul", {
|
|
@@ -5,10 +5,10 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
5
5
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var React__default = _interopDefault(React);
|
|
8
|
-
var
|
|
8
|
+
var classnames = _interopDefault(require('classnames'));
|
|
9
9
|
var carbonComponents = require('carbon-components');
|
|
10
|
-
var
|
|
11
|
-
var
|
|
10
|
+
var __chunk_118 = require('./Link.js');
|
|
11
|
+
var __chunk_135 = require('./SideNavLinkText.js');
|
|
12
12
|
|
|
13
13
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
14
|
|
|
@@ -26,16 +26,16 @@ var SideNavMenuItem = React__default.forwardRef(function SideNavMenuItem(props,
|
|
|
26
26
|
isActive = props.isActive,
|
|
27
27
|
rest = _objectWithoutProperties(props, ["children", "className", "isActive"]);
|
|
28
28
|
|
|
29
|
-
var className =
|
|
30
|
-
var linkClassName =
|
|
29
|
+
var className = classnames("".concat(prefix, "--side-nav__menu-item"), customClassName);
|
|
30
|
+
var linkClassName = classnames((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__link"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__link--current"), isActive), _cx));
|
|
31
31
|
return React__default.createElement("li", {
|
|
32
32
|
className: className,
|
|
33
33
|
role: "none"
|
|
34
|
-
}, React__default.createElement(
|
|
34
|
+
}, React__default.createElement(__chunk_118.default, _extends({}, rest, {
|
|
35
35
|
className: linkClassName,
|
|
36
36
|
role: "menuitem",
|
|
37
37
|
ref: ref
|
|
38
|
-
}), React__default.createElement(
|
|
38
|
+
}), React__default.createElement(__chunk_135.default, null, children)));
|
|
39
39
|
});
|
|
40
40
|
SideNavMenuItem.propTypes = {
|
|
41
41
|
/**
|
|
@@ -5,7 +5,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
5
5
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var React__default = _interopDefault(React);
|
|
8
|
-
var
|
|
8
|
+
var classnames = _interopDefault(require('classnames'));
|
|
9
9
|
var carbonComponents = require('carbon-components');
|
|
10
10
|
var iconsReact = require('@carbon/icons-react');
|
|
11
11
|
|
|
@@ -21,7 +21,7 @@ var SideNavSwitcher = React__default.forwardRef(function SideNavSwitcher(props,
|
|
|
21
21
|
labelText = props.labelText,
|
|
22
22
|
onChange = props.onChange,
|
|
23
23
|
options = props.options;
|
|
24
|
-
var className =
|
|
24
|
+
var className = classnames("".concat(prefix, "--side-nav__switcher"), customClassName); // Note for usage around `onBlur`: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-onchange.md
|
|
25
25
|
|
|
26
26
|
return React__default.createElement("div", {
|
|
27
27
|
className: className
|
|
@@ -5,7 +5,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
5
5
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var React__default = _interopDefault(React);
|
|
8
|
-
var
|
|
8
|
+
var classnames = _interopDefault(require('classnames'));
|
|
9
9
|
var carbonComponents = require('carbon-components');
|
|
10
10
|
|
|
11
11
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -22,7 +22,7 @@ var SkipToContent = function SkipToContent(_ref) {
|
|
|
22
22
|
tabIndex = _ref.tabIndex,
|
|
23
23
|
rest = _objectWithoutProperties(_ref, ["children", "className", "href", "tabIndex"]);
|
|
24
24
|
|
|
25
|
-
var className =
|
|
25
|
+
var className = classnames("".concat(prefix, "--skip-to-content"), customClassName);
|
|
26
26
|
return React__default.createElement("a", _extends({}, rest, {
|
|
27
27
|
className: className,
|
|
28
28
|
href: href,
|
|
@@ -5,9 +5,9 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
5
5
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var React__default = _interopDefault(React);
|
|
8
|
-
var
|
|
8
|
+
var classnames = _interopDefault(require('classnames'));
|
|
9
9
|
var carbonComponents = require('carbon-components');
|
|
10
|
-
var
|
|
10
|
+
var __chunk_106 = require('../../prop-types/AriaPropTypes.js');
|
|
11
11
|
|
|
12
12
|
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; }
|
|
13
13
|
|
|
@@ -26,13 +26,13 @@ var Switcher = React__default.forwardRef(function Switcher(props, ref) {
|
|
|
26
26
|
'aria-label': ariaLabel,
|
|
27
27
|
'aria-labelledby': ariaLabelledBy
|
|
28
28
|
};
|
|
29
|
-
var className =
|
|
29
|
+
var className = classnames("".concat(prefix, "--switcher"), _defineProperty({}, customClassName, !!customClassName));
|
|
30
30
|
return React__default.createElement("ul", _extends({
|
|
31
31
|
ref: ref,
|
|
32
32
|
className: className
|
|
33
33
|
}, accessibilityLabel), children);
|
|
34
34
|
});
|
|
35
|
-
Switcher.propTypes = _objectSpread({},
|
|
35
|
+
Switcher.propTypes = _objectSpread({}, __chunk_106.AriaLabelPropType, {
|
|
36
36
|
/**
|
|
37
37
|
* Optionally provide a custom class to apply to the underlying <ul> node
|
|
38
38
|
*/
|
|
@@ -5,7 +5,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
5
5
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var React__default = _interopDefault(React);
|
|
8
|
-
var
|
|
8
|
+
var classnames = _interopDefault(require('classnames'));
|
|
9
9
|
var carbonComponents = require('carbon-components');
|
|
10
10
|
|
|
11
11
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -21,7 +21,7 @@ var SwitcherDivider = function SwitcherDivider(_ref) {
|
|
|
21
21
|
var customClassName = _ref.className,
|
|
22
22
|
other = _objectWithoutProperties(_ref, ["className"]);
|
|
23
23
|
|
|
24
|
-
var className =
|
|
24
|
+
var className = classnames("".concat(prefix, "--switcher__item--divider"), _defineProperty({}, customClassName, !!customClassName));
|
|
25
25
|
return React__default.createElement("hr", _extends({}, other, {
|
|
26
26
|
className: className
|
|
27
27
|
}));
|
|
@@ -5,10 +5,10 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
5
5
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var React__default = _interopDefault(React);
|
|
8
|
-
var
|
|
8
|
+
var classnames = _interopDefault(require('classnames'));
|
|
9
9
|
var carbonComponents = require('carbon-components');
|
|
10
|
-
var
|
|
11
|
-
var
|
|
10
|
+
var __chunk_106 = require('../../prop-types/AriaPropTypes.js');
|
|
11
|
+
var __chunk_118 = require('./Link.js');
|
|
12
12
|
|
|
13
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
14
|
|
|
@@ -30,21 +30,21 @@ var SwitcherItem = React__default.forwardRef(function SwitcherItem(props, ref) {
|
|
|
30
30
|
isSelected = props.isSelected,
|
|
31
31
|
rest = _objectWithoutProperties(props, ["aria-label", "aria-labelledby", "className", "children", "isSelected"]);
|
|
32
32
|
|
|
33
|
-
var className =
|
|
33
|
+
var className = classnames("".concat(prefix, "--switcher__item"), _defineProperty({}, customClassName, !!customClassName));
|
|
34
34
|
var accessibilityLabel = {
|
|
35
35
|
'aria-label': ariaLabel,
|
|
36
36
|
'aria-labelledby': ariaLabelledBy
|
|
37
37
|
};
|
|
38
|
-
var linkClassName =
|
|
38
|
+
var linkClassName = classnames("".concat(prefix, "--switcher__item-link"), _defineProperty({}, "".concat(prefix, "--switcher__item-link--selected"), isSelected));
|
|
39
39
|
return React__default.createElement("li", {
|
|
40
40
|
className: className
|
|
41
|
-
}, React__default.createElement(
|
|
41
|
+
}, React__default.createElement(__chunk_118.default, _extends({}, rest, {
|
|
42
42
|
ref: ref,
|
|
43
43
|
className: linkClassName,
|
|
44
44
|
tabIndex: 0
|
|
45
45
|
}, accessibilityLabel), children));
|
|
46
46
|
});
|
|
47
|
-
SwitcherItem.propTypes = _objectSpread({},
|
|
47
|
+
SwitcherItem.propTypes = _objectSpread({}, __chunk_106.AriaLabelPropType, {
|
|
48
48
|
/**
|
|
49
49
|
* Optionally provide a custom class to apply to the underlying <li> node
|
|
50
50
|
*/
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
4
|
|
|
5
5
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
6
|
-
var
|
|
6
|
+
var __chunk_105 = require('./isRequiredOneOf.js');
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* Copyright IBM Corp. 2016, 2018
|
|
@@ -11,7 +11,7 @@ var __chunk_118 = require('./isRequiredOneOf.js');
|
|
|
11
11
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
12
12
|
* LICENSE file in the root directory of this source tree.
|
|
13
13
|
*/
|
|
14
|
-
var AriaLabelPropType =
|
|
14
|
+
var AriaLabelPropType = __chunk_105.default({
|
|
15
15
|
'aria-label': PropTypes.string,
|
|
16
16
|
'aria-labelledby': PropTypes.string
|
|
17
17
|
});
|
|
@@ -5,7 +5,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
5
5
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var React__default = _interopDefault(React);
|
|
8
|
-
var
|
|
8
|
+
var classnames = _interopDefault(require('classnames'));
|
|
9
9
|
|
|
10
10
|
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; }
|
|
11
11
|
|
|
@@ -26,7 +26,7 @@ var wrapComponent = function wrapComponent(_ref) {
|
|
|
26
26
|
var baseClassName = _ref2.className,
|
|
27
27
|
other = _objectWithoutProperties(_ref2, ["className"]);
|
|
28
28
|
|
|
29
|
-
var componentClass =
|
|
29
|
+
var componentClass = classnames(className, baseClassName);
|
|
30
30
|
return React__default.createElement(type, _objectSpread({}, other, {
|
|
31
31
|
// Prevent Weird quirk where `cx` will evaluate to an empty string, '',
|
|
32
32
|
// and so we have empty `class` attributes in the resulting markup
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
font-size: inherit;
|
|
14
14
|
height: var(--gauge-size);
|
|
15
15
|
min-width: var(--gauge-size);
|
|
16
|
-
stroke-width:
|
|
16
|
+
stroke-width: 8px;
|
|
17
17
|
width: var(--gauge-size);
|
|
18
18
|
|
|
19
19
|
text {
|
|
@@ -29,19 +29,46 @@
|
|
|
29
29
|
.#{$iot-prefix}--gauge-fg {
|
|
30
30
|
paint-order: stroke;
|
|
31
31
|
stroke: var(--gauge-colors);
|
|
32
|
-
stroke-dasharray: 0
|
|
32
|
+
stroke-dasharray: 0 var(--stroke-dash-array);
|
|
33
33
|
transform: rotate(-90deg);
|
|
34
34
|
transform-origin: center;
|
|
35
35
|
transition: all 0.2s ease-in;
|
|
36
36
|
|
|
37
37
|
.#{$iot-prefix}--gauge__loaded & {
|
|
38
|
-
stroke-dasharray: var(--stroke-dash)
|
|
38
|
+
stroke-dasharray: var(--stroke-dash) var(--stroke-dash-array);
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
.#{$iot-prefix}--gauge-
|
|
43
|
-
|
|
42
|
+
.#{$iot-prefix}--gauge-value-sm {
|
|
43
|
+
&.#{$iot-prefix}--gauge-value__centered {
|
|
44
|
+
transform: translateY(0.75rem);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
tspan:first-of-type {
|
|
48
|
+
font-size: 1rem;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.#{$iot-prefix}--gauge-value-md {
|
|
53
|
+
&.#{$iot-prefix}--gauge-value__centered {
|
|
54
|
+
transform: translateY(0.75rem);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
tspan:first-of-type {
|
|
58
|
+
font-size: 1.25rem;
|
|
59
|
+
}
|
|
44
60
|
}
|
|
61
|
+
|
|
62
|
+
.#{$iot-prefix}--gauge-value-lg {
|
|
63
|
+
&.#{$iot-prefix}--gauge-value__centered {
|
|
64
|
+
transform: translateY(1rem);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
tspan:first-of-type {
|
|
68
|
+
font-size: 1.75rem;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
|
|
45
72
|
.#{$iot-prefix}--meter__centered::after {
|
|
46
73
|
display: none;
|
|
47
74
|
}
|
|
@@ -83,7 +110,7 @@
|
|
|
83
110
|
p {
|
|
84
111
|
// --gauge-trend-color: blue;
|
|
85
112
|
color: var(--gauge-trend-color);
|
|
86
|
-
font-size:
|
|
113
|
+
font-size: 0.875rem;
|
|
87
114
|
position: relative;
|
|
88
115
|
}
|
|
89
116
|
}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
@import '../../../../globals/vars';
|
|
2
2
|
|
|
3
|
+
@mixin backgroundGradient($color) {
|
|
4
|
+
background: linear-gradient(90deg, rgba(229, 229, 229, 0) 0, #{$color} 16px);
|
|
5
|
+
}
|
|
6
|
+
|
|
3
7
|
.#{$iot-prefix}--row-actions-container {
|
|
4
8
|
> * {
|
|
5
9
|
margin-left: 0.75rem;
|
|
@@ -18,8 +22,27 @@
|
|
|
18
22
|
display: flex;
|
|
19
23
|
flex-shrink: 0;
|
|
20
24
|
align-items: center;
|
|
25
|
+
opacity: 0;
|
|
26
|
+
@include backgroundGradient($hover-ui);
|
|
21
27
|
}
|
|
22
28
|
|
|
23
|
-
.#{$prefix}--data-table tbody tr:hover .#{$iot-prefix}--row-actions-container__background
|
|
24
|
-
|
|
29
|
+
.#{$prefix}--data-table tbody tr:hover .#{$iot-prefix}--row-actions-container__background,
|
|
30
|
+
.#{$iot-prefix}--row-actions-container__background--overflow-menu-open {
|
|
31
|
+
opacity: 1;
|
|
32
|
+
transition: opacity $duration--fast-02 motion(entrance, productive);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.#{$prefix}--data-table tbody tr {
|
|
36
|
+
&:not(:hover) .#{$iot-prefix}--row-actions-container__background--overflow-menu-open {
|
|
37
|
+
@include backgroundGradient($ui-01);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&.bx--data-table--selected:hover .#{$iot-prefix}--row-actions-container__background {
|
|
41
|
+
@include backgroundGradient($hover-selected-ui);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
&.bx--data-table--selected:not(:hover)
|
|
45
|
+
.#{$iot-prefix}--row-actions-container__background--overflow-menu-open {
|
|
46
|
+
@include backgroundGradient($carbon--gray-20);
|
|
47
|
+
}
|
|
25
48
|
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
+
|
|
5
|
+
var carbonComponentsReact = require('carbon-components-react');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var React__default = _interopDefault(React);
|
|
8
|
+
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
|
|
9
|
+
var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
|
|
10
|
+
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
|
|
11
|
+
|
|
12
|
+
var AccordionItemDefer = function AccordionItemDefer(_ref) {
|
|
13
|
+
var children = _ref.children,
|
|
14
|
+
props = _objectWithoutProperties(_ref, ["children"]);
|
|
15
|
+
|
|
16
|
+
var open = props.open;
|
|
17
|
+
|
|
18
|
+
var _useState = React.useState(open),
|
|
19
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
20
|
+
openState = _useState2[0],
|
|
21
|
+
setOpenState = _useState2[1];
|
|
22
|
+
|
|
23
|
+
var _useState3 = React.useState(open),
|
|
24
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
25
|
+
hasEverBeenOpened = _useState4[0],
|
|
26
|
+
setHasEverBeenOpened = _useState4[1];
|
|
27
|
+
|
|
28
|
+
React.useEffect(function () {
|
|
29
|
+
setOpenState(open);
|
|
30
|
+
}, [open]);
|
|
31
|
+
|
|
32
|
+
var handleToggle = function handleToggle(event) {
|
|
33
|
+
if (props.onHeadingClick) {
|
|
34
|
+
props.onHeadingClick(event);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
setOpenState(!openState);
|
|
38
|
+
setHasEverBeenOpened(true);
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
return /*#__PURE__*/React__default.createElement(carbonComponentsReact.AccordionItem, _extends({
|
|
42
|
+
"data-testid": "accordion-item-deferred"
|
|
43
|
+
}, props, {
|
|
44
|
+
onHeadingClick: handleToggle
|
|
45
|
+
}), openState && children || hasEverBeenOpened && children);
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
AccordionItemDefer.propTypes = carbonComponentsReact.AccordionItem.propTypes;
|
|
49
|
+
AccordionItemDefer.defaultProps = carbonComponentsReact.AccordionItem.defaultProps;
|
|
50
|
+
AccordionItemDefer.__docgenInfo = {
|
|
51
|
+
"description": "",
|
|
52
|
+
"methods": [],
|
|
53
|
+
"displayName": "AccordionItemDefer",
|
|
54
|
+
"composes": ["carbon-components-react"]
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
exports.default = AccordionItemDefer;
|
|
@@ -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
|
var themes = require('@carbon/themes');
|
|
11
11
|
var __chunk_3 = require('../../../node_modules/@carbon/icons-react/es/add/20.js');
|
|
12
12
|
var __chunk_4 = require('../../constants/Settings.js');
|
|
@@ -28,7 +28,7 @@ var AddCard = function AddCard(_ref) {
|
|
|
28
28
|
title = _ref.title,
|
|
29
29
|
className = _ref.className;
|
|
30
30
|
return /*#__PURE__*/React__default.createElement(carbonComponentsReact.ClickableTile, {
|
|
31
|
-
className:
|
|
31
|
+
className: classnames("".concat(iotPrefix, "-add-card"), className),
|
|
32
32
|
handleClick: onClick
|
|
33
33
|
}, /*#__PURE__*/React__default.createElement("p", {
|
|
34
34
|
className: "".concat(iotPrefix, "-addcard-title")
|
|
@@ -4,7 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var React__default = _interopDefault(React);
|
|
7
|
-
var
|
|
7
|
+
var classnames = _interopDefault(require('classnames'));
|
|
8
8
|
require('core-js/modules/es.symbol');
|
|
9
9
|
require('core-js/modules/es.array.filter');
|
|
10
10
|
require('core-js/modules/es.array.for-each');
|
|
@@ -21,15 +21,15 @@ require('core-js/modules/es.array.iterator');
|
|
|
21
21
|
require('core-js/modules/es.object.to-string');
|
|
22
22
|
require('core-js/modules/web.dom-collections.iterator');
|
|
23
23
|
var isNil = _interopDefault(require('lodash/isNil'));
|
|
24
|
-
var
|
|
24
|
+
var __chunk_13 = require('../../constants/LayoutConstants.js');
|
|
25
25
|
require('core-js/modules/es.array.every');
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
26
|
+
var __chunk_81 = require('../../../node_modules/@carbon/charts-react/bar-chart-simple.js');
|
|
27
|
+
var __chunk_82 = require('../../../node_modules/@carbon/charts-react/bar-chart-stacked.js');
|
|
28
|
+
var __chunk_83 = require('../../../node_modules/@carbon/charts-react/bar-chart-grouped.js');
|
|
29
29
|
var uniqBy = _interopDefault(require('lodash/uniqBy'));
|
|
30
30
|
var groupBy = _interopDefault(require('lodash/groupBy'));
|
|
31
|
-
var
|
|
32
|
-
var
|
|
31
|
+
var __chunk_85 = require('../../constants/CardPropTypes.js');
|
|
32
|
+
var __chunk_90 = require('../Card/Card.jsx');
|
|
33
33
|
|
|
34
34
|
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; }
|
|
35
35
|
|
|
@@ -116,9 +116,9 @@ var BarChartCard = function BarChartCard(_ref) {
|
|
|
116
116
|
xLabel = _ref$content.xLabel,
|
|
117
117
|
yLabel = _ref$content.yLabel,
|
|
118
118
|
_ref$content$layout = _ref$content.layout,
|
|
119
|
-
layout = _ref$content$layout === void 0 ?
|
|
119
|
+
layout = _ref$content$layout === void 0 ? __chunk_13.BAR_CHART_LAYOUTS.VERTICAL : _ref$content$layout,
|
|
120
120
|
_ref$content$chartTyp = _ref$content.chartType,
|
|
121
|
-
chartType = _ref$content$chartTyp === void 0 ?
|
|
121
|
+
chartType = _ref$content$chartTyp === void 0 ? __chunk_13.BAR_CHART_TYPES.SIMPLE : _ref$content$chartTyp,
|
|
122
122
|
series = _ref$content.series,
|
|
123
123
|
data = _ref$content.data,
|
|
124
124
|
size = _ref.size,
|
|
@@ -141,16 +141,16 @@ var BarChartCard = function BarChartCard(_ref) {
|
|
|
141
141
|
return isNil(value);
|
|
142
142
|
});
|
|
143
143
|
});
|
|
144
|
-
var ChartComponent =
|
|
144
|
+
var ChartComponent = __chunk_81.default;
|
|
145
145
|
|
|
146
|
-
if (chartType ===
|
|
147
|
-
ChartComponent =
|
|
148
|
-
} else if (chartType ===
|
|
149
|
-
ChartComponent =
|
|
146
|
+
if (chartType === __chunk_13.BAR_CHART_TYPES.GROUPED) {
|
|
147
|
+
ChartComponent = __chunk_83.default;
|
|
148
|
+
} else if (chartType === __chunk_13.BAR_CHART_TYPES.STACKED) {
|
|
149
|
+
ChartComponent = __chunk_82.default;
|
|
150
150
|
}
|
|
151
151
|
|
|
152
152
|
var scaleType = series && series.timeDataSourceId ? 'time' : 'labels';
|
|
153
|
-
return /*#__PURE__*/React__default.createElement(
|
|
153
|
+
return /*#__PURE__*/React__default.createElement(__chunk_90.default, _extends({
|
|
154
154
|
title: title,
|
|
155
155
|
className: "".concat(iotPrefix, "--bar-chart-card"),
|
|
156
156
|
size: size,
|
|
@@ -160,7 +160,7 @@ var BarChartCard = function BarChartCard(_ref) {
|
|
|
160
160
|
isEmpty: isAllValuesEmpty,
|
|
161
161
|
isLazyLoading: isLazyLoading
|
|
162
162
|
}), !others.isLoading && !isAllValuesEmpty ? /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
163
|
-
className:
|
|
163
|
+
className: classnames("".concat(iotPrefix, "--bar-chart-container"), className)
|
|
164
164
|
}, /*#__PURE__*/React__default.createElement(ChartComponent, {
|
|
165
165
|
data: chartData,
|
|
166
166
|
options: {
|
|
@@ -169,15 +169,15 @@ var BarChartCard = function BarChartCard(_ref) {
|
|
|
169
169
|
axes: {
|
|
170
170
|
bottom: {
|
|
171
171
|
title: xLabel,
|
|
172
|
-
scaleType: layout ===
|
|
172
|
+
scaleType: layout === __chunk_13.BAR_CHART_LAYOUTS.VERTICAL ? scaleType : null,
|
|
173
173
|
primary: true,
|
|
174
|
-
stacked: chartType ===
|
|
174
|
+
stacked: chartType === __chunk_13.BAR_CHART_TYPES.STACKED && layout === __chunk_13.BAR_CHART_LAYOUTS.HORIZONTAL
|
|
175
175
|
},
|
|
176
176
|
left: {
|
|
177
177
|
title: yLabel,
|
|
178
|
-
scaleType: layout ===
|
|
178
|
+
scaleType: layout === __chunk_13.BAR_CHART_LAYOUTS.HORIZONTAL ? scaleType : null,
|
|
179
179
|
secondary: true,
|
|
180
|
-
stacked: chartType ===
|
|
180
|
+
stacked: chartType === __chunk_13.BAR_CHART_TYPES.STACKED && layout === __chunk_13.BAR_CHART_LAYOUTS.VERTICAL
|
|
181
181
|
}
|
|
182
182
|
},
|
|
183
183
|
legend: {
|
|
@@ -196,9 +196,9 @@ var BarChartCard = function BarChartCard(_ref) {
|
|
|
196
196
|
}))) : null);
|
|
197
197
|
};
|
|
198
198
|
|
|
199
|
-
BarChartCard.propTypes = _objectSpread({},
|
|
199
|
+
BarChartCard.propTypes = _objectSpread({}, __chunk_85.CardPropTypes, {}, __chunk_85.BarChartCardPropTypes);
|
|
200
200
|
BarChartCard.defaultProps = {
|
|
201
|
-
size:
|
|
201
|
+
size: __chunk_13.CARD_SIZES.MEDIUMWIDE
|
|
202
202
|
};
|
|
203
203
|
BarChartCard.__docgenInfo = {
|
|
204
204
|
"description": "",
|
|
@@ -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
|
|
10
|
-
var iconsReact = require('@carbon/icons-react');
|
|
11
|
-
var warning = _interopDefault(require('warning'));
|
|
9
|
+
var classnames = _interopDefault(require('classnames'));
|
|
12
10
|
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
|
|
13
|
-
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
|
|
14
11
|
var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
|
|
15
12
|
require('core-js/modules/es.array.concat');
|
|
16
13
|
require('core-js/modules/es.array.map');
|
|
17
14
|
require('core-js/modules/es.array.slice');
|
|
18
15
|
var _toConsumableArray = _interopDefault(require('@babel/runtime/helpers/toConsumableArray'));
|
|
16
|
+
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
|
|
19
17
|
var useResizeObserver = _interopDefault(require('use-resize-observer'));
|
|
20
|
-
var
|
|
18
|
+
var iconsReact = require('@carbon/icons-react');
|
|
19
|
+
var warning = _interopDefault(require('warning'));
|
|
20
|
+
var __chunk_15 = require('../../utils/componentUtilityFunctions.js');
|
|
21
21
|
require('../../index.js');
|
|
22
22
|
|
|
23
23
|
var propTypes = {
|
|
@@ -84,7 +84,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
|
|
|
84
84
|
prevChildren = _useState6[0],
|
|
85
85
|
setPrevChildren = _useState6[1];
|
|
86
86
|
|
|
87
|
-
var browserSupportsResizeObserver =
|
|
87
|
+
var browserSupportsResizeObserver = __chunk_15.browserSupports('ResizeObserver');
|
|
88
88
|
useResizeObserver({
|
|
89
89
|
useDefaults: false,
|
|
90
90
|
ref: breadcrumbRef
|
|
@@ -127,7 +127,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
|
|
|
127
127
|
}, // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
128
128
|
[(_breadcrumbRef$curren = breadcrumbRef.current) === null || _breadcrumbRef$curren === void 0 ? void 0 : _breadcrumbRef$curren.clientWidth, (_breadcrumbRef$curren2 = breadcrumbRef.current) === null || _breadcrumbRef$curren2 === void 0 ? void 0 : _breadcrumbRef$curren2.scrollWidth, prevChildren]);
|
|
129
129
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
130
|
-
className:
|
|
130
|
+
className: classnames('breadcrumb--container', {
|
|
131
131
|
'breadcrumb--container__overflowfull': afterOverflowItems.length === 1
|
|
132
132
|
}),
|
|
133
133
|
ref: browserSupportsResizeObserver ? breadcrumbRef : null,
|
|
@@ -6,11 +6,11 @@ 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 __chunk_4 = require('../../constants/Settings.js');
|
|
11
11
|
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
|
|
12
12
|
var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
|
|
13
|
-
var
|
|
13
|
+
var __chunk_7 = require('../../../node_modules/carbon-components-react/es/prop-types/types.js');
|
|
14
14
|
|
|
15
15
|
var iotPrefix = __chunk_4.settings.iotPrefix;
|
|
16
16
|
var propTypes = {
|
|
@@ -29,7 +29,7 @@ var propTypes = {
|
|
|
29
29
|
className: PropTypes.string,
|
|
30
30
|
|
|
31
31
|
/** primary, secondary, etc from carbon */
|
|
32
|
-
kind: PropTypes.oneOf(
|
|
32
|
+
kind: PropTypes.oneOf(__chunk_7.ButtonKinds)
|
|
33
33
|
};
|
|
34
34
|
var defaultProps = {
|
|
35
35
|
loading: false,
|
|
@@ -52,7 +52,7 @@ var Button = function Button(props) {
|
|
|
52
52
|
|
|
53
53
|
return /*#__PURE__*/React__default.createElement(carbonComponentsReact.Button, _extends({}, other, {
|
|
54
54
|
onClick: onClick,
|
|
55
|
-
className:
|
|
55
|
+
className: classnames(className, "".concat(iotPrefix, "--btn")),
|
|
56
56
|
disabled: disabled || loading !== undefined && loading !== false
|
|
57
57
|
}), loading ? /*#__PURE__*/React__default.createElement(carbonComponentsReact.Loading, {
|
|
58
58
|
small: true,
|