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
|
@@ -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 _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
|
|
11
11
|
var __chunk_4 = require('../../../../constants/Settings.js');
|
|
12
12
|
var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
|
|
@@ -15,15 +15,15 @@ require('core-js/modules/es.array.map');
|
|
|
15
15
|
require('core-js/modules/es.array.iterator');
|
|
16
16
|
require('core-js/modules/es.object.to-string');
|
|
17
17
|
require('core-js/modules/web.dom-collections.iterator');
|
|
18
|
-
var
|
|
18
|
+
var __chunk_15 = require('../../../../utils/componentUtilityFunctions.js');
|
|
19
19
|
var _taggedTemplateLiteral = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteral'));
|
|
20
20
|
var styled = _interopDefault(require('styled-components'));
|
|
21
|
-
var
|
|
22
|
-
var
|
|
21
|
+
var __chunk_18 = require('../../../../styles/styles.js');
|
|
22
|
+
var __chunk_23 = require('../../TablePropTypes.js');
|
|
23
23
|
require('core-js/modules/es.array.find');
|
|
24
|
-
var
|
|
24
|
+
var __chunk_25 = require('../../TableCellRenderer/TableCellRenderer.jsx');
|
|
25
25
|
require('core-js/modules/es.array.find-index');
|
|
26
|
-
var
|
|
26
|
+
var __chunk_41 = require('../RowActionsCell/RowActionsCell.jsx');
|
|
27
27
|
|
|
28
28
|
function _templateObject6() {
|
|
29
29
|
var data = _taggedTemplateLiteral(["\n position: relative;\n left: ", "px;\n display: block;\n"]);
|
|
@@ -56,7 +56,7 @@ function _templateObject4() {
|
|
|
56
56
|
}
|
|
57
57
|
|
|
58
58
|
function _templateObject3() {
|
|
59
|
-
var data = _taggedTemplateLiteral(["\n &&& {\n ", "\n ", "\n cursor: pointer;\n td {\n div .bx--btn--ghost:hover {\n background: ", ";\n }\n }\n
|
|
59
|
+
var data = _taggedTemplateLiteral(["\n &&& {\n ", "\n ", "\n cursor: pointer;\n td {\n div .bx--btn--ghost:hover {\n background: ", ";\n }\n }\n\n ", "\n }\n"]);
|
|
60
60
|
|
|
61
61
|
_templateObject3 = function _templateObject3() {
|
|
62
62
|
return data;
|
|
@@ -76,7 +76,7 @@ function _templateObject2() {
|
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
function _templateObject() {
|
|
79
|
-
var data = _taggedTemplateLiteral(["\n &&& {\n ", "\n :hover {\n td {\n
|
|
79
|
+
var data = _taggedTemplateLiteral(["\n &&& {\n ", "\n :hover {\n td {\n ", " /* turn off hover states if the row is set not selectable */\n }\n ", " /* turn off hover states if the row is set not selectable */\n }\n\n\n"]);
|
|
80
80
|
|
|
81
81
|
_templateObject = function _templateObject() {
|
|
82
82
|
return data;
|
|
@@ -120,7 +120,7 @@ var propTypes = {
|
|
|
120
120
|
clickToCollapseAria: PropTypes.string,
|
|
121
121
|
|
|
122
122
|
/** List of columns */
|
|
123
|
-
columns:
|
|
123
|
+
columns: __chunk_23.TableColumnsPropTypes.isRequired,
|
|
124
124
|
|
|
125
125
|
/** table wide options */
|
|
126
126
|
options: PropTypes.shape({
|
|
@@ -168,13 +168,13 @@ var propTypes = {
|
|
|
168
168
|
}).isRequired,
|
|
169
169
|
|
|
170
170
|
/** optional per-row actions */
|
|
171
|
-
rowActions:
|
|
171
|
+
rowActions: __chunk_23.RowActionPropTypes,
|
|
172
172
|
|
|
173
173
|
/** Is a row action actively running */
|
|
174
174
|
isRowActionRunning: PropTypes.bool,
|
|
175
175
|
|
|
176
176
|
/** has a row action errored out */
|
|
177
|
-
rowActionsError:
|
|
177
|
+
rowActionsError: __chunk_23.RowActionErrorPropTypes,
|
|
178
178
|
|
|
179
179
|
/** I18N label for in progress */
|
|
180
180
|
inProgressText: PropTypes.string,
|
|
@@ -218,7 +218,7 @@ var StyledSingleSelectedTableRow = styled(function (_ref2) {
|
|
|
218
218
|
props = _objectWithoutProperties(_ref2, ["hasRowSelection"]);
|
|
219
219
|
|
|
220
220
|
return /*#__PURE__*/React__default.createElement(TableRow, props);
|
|
221
|
-
})(_templateObject2(),
|
|
221
|
+
})(_templateObject2(), __chunk_18.COLORS.lightBlue, __chunk_18.COLORS.blue);
|
|
222
222
|
var StyledTableExpandRow = styled(function (_ref3) {
|
|
223
223
|
var hasRowSelection = _ref3.hasRowSelection,
|
|
224
224
|
props = _objectWithoutProperties(_ref3, ["hasRowSelection"]);
|
|
@@ -227,9 +227,9 @@ var StyledTableExpandRow = styled(function (_ref3) {
|
|
|
227
227
|
})(_templateObject3(), function (props) {
|
|
228
228
|
return props['data-child-count'] === 0 && props['data-row-nesting'] ? "\n td > button.bx--table-expand__button {\n display: none;\n }\n " : "\n td > button.bx--table-expand__button {\n position: relative;\n left: ".concat(props['data-nesting-offset'], "px;\n }\n ");
|
|
229
229
|
}, function (props) {
|
|
230
|
-
return props['data-nesting-offset'] > 0 ? "\n td.bx--table-expand {\n position: relative;\n }\n td:first-of-type:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: ".concat(props['data-nesting-offset'], "px;\n background-color: ").concat(
|
|
231
|
-
},
|
|
232
|
-
return props.hasRowSelection === 'single' && props.isSelected ? "\n background: ".concat(
|
|
230
|
+
return props['data-nesting-offset'] > 0 ? "\n td.bx--table-expand {\n position: relative;\n }\n td:first-of-type:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: ".concat(props['data-nesting-offset'], "px;\n background-color: ").concat(__chunk_18.COLORS.gray20, ";\n border-right: solid 1px rgb(223,227,230);\n }\n ") : "\n ";
|
|
231
|
+
}, __chunk_18.COLORS.gray20, function (props) {
|
|
232
|
+
return props.hasRowSelection === 'single' && props.isSelected ? "\n background: ".concat(__chunk_18.COLORS.lightBlue, ";\n\n td:first-of-type {\n position: relative;\n }\n\n td:first-of-type:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 3px;\n background-color: ").concat(__chunk_18.COLORS.blue, ";\n border-right: solid 1px rgb(223,227,230);\n }\n ") : "";
|
|
233
233
|
});
|
|
234
234
|
var StyledTableExpandRowExpanded = styled(function (_ref4) {
|
|
235
235
|
var hasRowSelection = _ref4.hasRowSelection,
|
|
@@ -237,17 +237,17 @@ var StyledTableExpandRowExpanded = styled(function (_ref4) {
|
|
|
237
237
|
|
|
238
238
|
return /*#__PURE__*/React__default.createElement(TableExpandRow, props);
|
|
239
239
|
})(_templateObject4(), function (props) {
|
|
240
|
-
return props['data-row-nesting'] ? "\n\n td.bx--table-expand, td {\n position: relative;\n border-color: ".concat(
|
|
240
|
+
return props['data-row-nesting'] ? "\n\n td.bx--table-expand, td {\n position: relative;\n border-color: ".concat(__chunk_18.COLORS.gray20, ";\n }\n td > button.bx--table-expand__button {\n position: relative;\n left: ").concat(props['data-nesting-offset'], "px;\n }\n td:first-of-type:before {\n width: ").concat(props['data-nesting-offset'], "px;\n background-color: rgb(229,237,237);\n border-right: solid 1px rgb(223,227,230);\n }\n ") : "";
|
|
241
241
|
}, function (props) {
|
|
242
|
-
return props.hasRowSelection === 'single' && props.isSelected ? "\n background: ".concat(
|
|
242
|
+
return props.hasRowSelection === 'single' && props.isSelected ? "\n background: ".concat(__chunk_18.COLORS.lightBlue, ";\n\n td:first-of-type {\n position: relative;\n }\n\n td:first-of-type:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 3px;\n background-color: ").concat(__chunk_18.COLORS.blue, ";\n border-right: solid 1px rgb(223,227,230);\n }\n ") : "";
|
|
243
243
|
});
|
|
244
244
|
var StyledExpansionTableRow = styled(function (_ref5) {
|
|
245
245
|
var hasRowSelection = _ref5.hasRowSelection,
|
|
246
246
|
props = _objectWithoutProperties(_ref5, ["hasRowSelection"]);
|
|
247
247
|
|
|
248
248
|
return /*#__PURE__*/React__default.createElement(TableRow, props);
|
|
249
|
-
})(_templateObject5(),
|
|
250
|
-
return props.hasRowSelection === 'single' && props.isSelected ? "\n background: ".concat(
|
|
249
|
+
})(_templateObject5(), __chunk_18.COLORS.blue, __chunk_18.COLORS.blue, function (props) {
|
|
250
|
+
return props.hasRowSelection === 'single' && props.isSelected ? "\n background: ".concat(__chunk_18.COLORS.lightBlue, ";\n\n td:first-of-type {\n position: relative;\n }\n\n td:first-of-type:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 3px;\n background-color: ").concat(__chunk_18.COLORS.blue, ";\n border-right: solid 1px rgb(223,227,230);\n }\n ") : "";
|
|
251
251
|
});
|
|
252
252
|
var StyledNestedSpan = styled.span(_templateObject6(), function (props) {
|
|
253
253
|
return props.nestingOffset;
|
|
@@ -330,7 +330,7 @@ var TableBodyRow = function TableBodyRow(_ref6) {
|
|
|
330
330
|
"data-offset": offset,
|
|
331
331
|
offset: offset,
|
|
332
332
|
align: align,
|
|
333
|
-
className:
|
|
333
|
+
className: classnames("data-table-".concat(align), _defineProperty({}, "".concat(iotPrefix, "--table__cell--truncate"), truncateCellText)),
|
|
334
334
|
width: initialColumnWidth
|
|
335
335
|
}, /*#__PURE__*/React__default.createElement(StyledNestedSpan, {
|
|
336
336
|
nestingOffset: offset
|
|
@@ -340,11 +340,11 @@ var TableBodyRow = function TableBodyRow(_ref6) {
|
|
|
340
340
|
columnId: col.columnId,
|
|
341
341
|
rowId: id,
|
|
342
342
|
row: values
|
|
343
|
-
}) : /*#__PURE__*/React__default.createElement(
|
|
343
|
+
}) : /*#__PURE__*/React__default.createElement(__chunk_25.default, {
|
|
344
344
|
wrapText: wrapCellText,
|
|
345
345
|
truncateCellText: truncateCellText
|
|
346
346
|
}, values[col.columnId]))) : null;
|
|
347
|
-
}), hasRowActions && rowActions && rowActions.length > 0 ? /*#__PURE__*/React__default.createElement(
|
|
347
|
+
}), hasRowActions && rowActions && rowActions.length > 0 ? /*#__PURE__*/React__default.createElement(__chunk_41.default, {
|
|
348
348
|
id: id,
|
|
349
349
|
tableId: tableId,
|
|
350
350
|
actions: rowActions,
|
|
@@ -374,7 +374,7 @@ var TableBodyRow = function TableBodyRow(_ref6) {
|
|
|
374
374
|
"data-row-nesting": hasRowNesting,
|
|
375
375
|
"data-nesting-offset": nestingOffset,
|
|
376
376
|
onExpand: function onExpand(evt) {
|
|
377
|
-
return
|
|
377
|
+
return __chunk_15.stopPropagationAndCallback(evt, onRowExpanded, id, false);
|
|
378
378
|
},
|
|
379
379
|
onClick: function onClick() {
|
|
380
380
|
if (shouldExpandOnRowClick) {
|
|
@@ -402,7 +402,7 @@ var TableBodyRow = function TableBodyRow(_ref6) {
|
|
|
402
402
|
isSelected: isSelected,
|
|
403
403
|
hasRowSelection: hasRowSelection,
|
|
404
404
|
onExpand: function onExpand(evt) {
|
|
405
|
-
return
|
|
405
|
+
return __chunk_15.stopPropagationAndCallback(evt, onRowExpanded, id, true);
|
|
406
406
|
},
|
|
407
407
|
onClick: function onClick() {
|
|
408
408
|
if (shouldExpandOnRowClick) {
|
|
@@ -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 _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
|
|
11
11
|
var __chunk_4 = require('../../../constants/Settings.js');
|
|
12
12
|
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
|
|
@@ -39,7 +39,7 @@ var TableCellRenderer = function TableCellRenderer(_ref) {
|
|
|
39
39
|
allowTooltip = _ref.allowTooltip,
|
|
40
40
|
truncateCellText = _ref.truncateCellText;
|
|
41
41
|
var mySpanRef = React__default.createRef();
|
|
42
|
-
var myClasses =
|
|
42
|
+
var myClasses = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(iotPrefix, "--table__cell-text--truncate"), wrapText !== 'always' && truncateCellText), _defineProperty(_classnames, "".concat(iotPrefix, "--table__cell-text--no-wrap"), wrapText === 'never'), _classnames));
|
|
43
43
|
|
|
44
44
|
var _useState = React.useState(false),
|
|
45
45
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -8,10 +8,10 @@ var React = require('react');
|
|
|
8
8
|
var React__default = _interopDefault(React);
|
|
9
9
|
require('core-js/modules/es.array.filter');
|
|
10
10
|
var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
|
|
11
|
-
var iconsReact = require('@carbon/icons-react');
|
|
12
11
|
require('core-js/modules/es.array.concat');
|
|
13
12
|
require('core-js/modules/es.array.map');
|
|
14
|
-
var
|
|
13
|
+
var iconsReact = require('@carbon/icons-react');
|
|
14
|
+
var __chunk_15 = require('../../../../utils/componentUtilityFunctions.js');
|
|
15
15
|
var _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));
|
|
16
16
|
var _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));
|
|
17
17
|
var _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));
|
|
@@ -20,13 +20,13 @@ var _assertThisInitialized = _interopDefault(require('@babel/runtime/helpers/ass
|
|
|
20
20
|
var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
|
|
21
21
|
var _taggedTemplateLiteral = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteral'));
|
|
22
22
|
var styled = _interopDefault(require('styled-components'));
|
|
23
|
-
var
|
|
23
|
+
var __chunk_23 = require('../../TablePropTypes.js');
|
|
24
24
|
require('core-js/modules/es.array.find');
|
|
25
25
|
require('core-js/modules/es.function.name');
|
|
26
26
|
require('core-js/modules/es.array.splice');
|
|
27
27
|
var reactDnd = require('react-dnd');
|
|
28
28
|
var HTML5Backend = _interopDefault(require('react-dnd-html5-backend'));
|
|
29
|
-
var
|
|
29
|
+
var __chunk_27 = require('../ColumnHeaderSelect/ColumnHeaderSelect.jsx');
|
|
30
30
|
|
|
31
31
|
function _templateObject3() {
|
|
32
32
|
var data = _taggedTemplateLiteral(["\n &&& {\n th {\n padding-top: 1.5rem;\n padding-bottom: 0.5rem;\n }\n td {\n background-color: inherit;\n border-left: none;\n border-width: 0 0 0 4px;\n }\n :hover {\n border: inherit;\n background-color: inherit;\n td {\n background-color: inherit;\n border-left: none;\n border-width: 0 0 0 4px;\n }\n }\n }\n"]);
|
|
@@ -127,7 +127,7 @@ var ColumnHeaderRow = /*#__PURE__*/function (_Component) {
|
|
|
127
127
|
return /*#__PURE__*/React__default.createElement(StyledColumnSelectTableRow, null, hasRowSelection === 'multi' ? /*#__PURE__*/React__default.createElement(StyledTableHeader, null) : null, hasRowExpansion ? /*#__PURE__*/React__default.createElement(StyledTableHeader, null) : null, /*#__PURE__*/React__default.createElement(StyledTableHeader, {
|
|
128
128
|
colSpan: visibleColumns.length + (hasRowActions ? 1 : 0)
|
|
129
129
|
}, /*#__PURE__*/React__default.createElement(StyledColumnSelectWrapper, null, ordering.map(function (c, idx) {
|
|
130
|
-
return /*#__PURE__*/React__default.createElement(
|
|
130
|
+
return /*#__PURE__*/React__default.createElement(__chunk_27.default, {
|
|
131
131
|
key: "".concat(idx, "-item"),
|
|
132
132
|
index: idx,
|
|
133
133
|
columnId: c.columnId,
|
|
@@ -179,8 +179,8 @@ _defineProperty(ColumnHeaderRow, "propTypes", {
|
|
|
179
179
|
});
|
|
180
180
|
|
|
181
181
|
_defineProperty(ColumnHeaderRow, "defaultProps", {
|
|
182
|
-
onColumnSelectionConfig:
|
|
183
|
-
columnSelectionConfigText:
|
|
182
|
+
onColumnSelectionConfig: __chunk_15.defaultFunction('actions.table.onColumnSelectionConfig'),
|
|
183
|
+
columnSelectionConfigText: __chunk_23.defaultI18NPropTypes.columnSelectionConfig
|
|
184
184
|
});
|
|
185
185
|
ColumnHeaderRow.__docgenInfo = {
|
|
186
186
|
"description": "",
|
|
@@ -6,9 +6,9 @@ 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 reactDnd = require('react-dnd');
|
|
11
|
-
var
|
|
11
|
+
var __chunk_26 = require('../../../../../node_modules/@carbon/icons-react/es/draggable/16.js');
|
|
12
12
|
|
|
13
13
|
var ColumnHeaderSelect = function ColumnHeaderSelect(_ref) {
|
|
14
14
|
var connectDragSource = _ref.connectDragSource,
|
|
@@ -19,7 +19,7 @@ var ColumnHeaderSelect = function ColumnHeaderSelect(_ref) {
|
|
|
19
19
|
_onClick = _ref.onClick,
|
|
20
20
|
isOver = _ref.isOver;
|
|
21
21
|
return /*#__PURE__*/React__default.createElement(carbonComponentsReact.Button, {
|
|
22
|
-
className:
|
|
22
|
+
className: classnames('column-header__btn', 'column-header__select', {
|
|
23
23
|
'column-header__select--hidden': isHidden,
|
|
24
24
|
'column-header__select--isOver': isOver
|
|
25
25
|
}),
|
|
@@ -30,7 +30,7 @@ var ColumnHeaderSelect = function ColumnHeaderSelect(_ref) {
|
|
|
30
30
|
},
|
|
31
31
|
role: "presentation",
|
|
32
32
|
"data-ishidden": isHidden,
|
|
33
|
-
renderIcon:
|
|
33
|
+
renderIcon: __chunk_26.default,
|
|
34
34
|
size: "small",
|
|
35
35
|
ref: function ref(instance) {
|
|
36
36
|
connectDragSource(instance);
|
|
@@ -5,12 +5,12 @@ 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 _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
|
|
10
10
|
var __chunk_4 = require('../../../constants/Settings.js');
|
|
11
11
|
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
|
|
12
12
|
require('core-js/modules/es.array.find-index');
|
|
13
|
-
var
|
|
13
|
+
var __chunk_32 = require('./columnWidthUtilityFunctions.js');
|
|
14
14
|
|
|
15
15
|
var propTypes = {
|
|
16
16
|
currentColumnWidths: PropTypes.objectOf(PropTypes.shape({
|
|
@@ -26,9 +26,9 @@ var iotPrefix = __chunk_4.settings.iotPrefix;
|
|
|
26
26
|
|
|
27
27
|
var getColumnDragBounds = function getColumnDragBounds(myColumn, siblingColumn) {
|
|
28
28
|
return {
|
|
29
|
-
MIN_COLUMN_WIDTH:
|
|
30
|
-
left: document.dir === 'rtl' ?
|
|
31
|
-
right: document.dir === 'rtl' ? myColumn.width -
|
|
29
|
+
MIN_COLUMN_WIDTH: __chunk_32.MIN_COLUMN_WIDTH,
|
|
30
|
+
left: document.dir === 'rtl' ? __chunk_32.MIN_COLUMN_WIDTH - siblingColumn.width : __chunk_32.MIN_COLUMN_WIDTH,
|
|
31
|
+
right: document.dir === 'rtl' ? myColumn.width - __chunk_32.MIN_COLUMN_WIDTH : myColumn.width + siblingColumn.width - __chunk_32.MIN_COLUMN_WIDTH
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
34
|
|
|
@@ -153,7 +153,7 @@ var ColumnResize = React__default.forwardRef(function (props, ref) {
|
|
|
153
153
|
width: dragHandleWidth,
|
|
154
154
|
left: leftPosition || (document.dir === 'rtl' ? 0 : 'auto')
|
|
155
155
|
},
|
|
156
|
-
className:
|
|
156
|
+
className: classnames("".concat(iotPrefix, "--column-resize-handle"), _defineProperty({}, "".concat(iotPrefix, "--column-resize-handle--dragging"), columnIsBeingResized))
|
|
157
157
|
})
|
|
158
158
|
);
|
|
159
159
|
});
|
|
@@ -18,7 +18,7 @@ var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/o
|
|
|
18
18
|
require('core-js/modules/es.array.concat');
|
|
19
19
|
require('core-js/modules/es.array.map');
|
|
20
20
|
require('core-js/modules/es.array.reduce');
|
|
21
|
-
var
|
|
21
|
+
var __chunk_15 = require('../../../../utils/componentUtilityFunctions.js');
|
|
22
22
|
var _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));
|
|
23
23
|
var _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));
|
|
24
24
|
var _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));
|
|
@@ -27,9 +27,9 @@ var _assertThisInitialized = _interopDefault(require('@babel/runtime/helpers/ass
|
|
|
27
27
|
var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
|
|
28
28
|
var _taggedTemplateLiteral = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteral'));
|
|
29
29
|
var styled = _interopDefault(require('styled-components'));
|
|
30
|
-
var
|
|
30
|
+
var __chunk_18 = require('../../../../styles/styles.js');
|
|
31
31
|
require('core-js/modules/es.array.find');
|
|
32
|
-
var
|
|
32
|
+
var __chunk_29 = require('../../../../../node_modules/@carbon/icons-react/es/close/16.js');
|
|
33
33
|
var memoize = _interopDefault(require('lodash/memoize'));
|
|
34
34
|
|
|
35
35
|
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; }
|
|
@@ -72,7 +72,7 @@ var StyledTableHeader = styled(function (_ref) {
|
|
|
72
72
|
var width = props.width,
|
|
73
73
|
isSelectColumn = props.isSelectColumn;
|
|
74
74
|
return width !== undefined ? "\n min-width: ".concat(width, ";\n max-width: ").concat(width, ";\n white-space: nowrap;\n overflow-x: ").concat(!isSelectColumn ? 'hidden' : 'inherit', ";\n text-overflow: ellipsis;\n ") : '';
|
|
75
|
-
},
|
|
75
|
+
}, __chunk_18.COLORS.blue60, __chunk_18.COLORS.gray100);
|
|
76
76
|
var StyledFormItem = styled(carbonComponentsReact.FormItem)(_templateObject2());
|
|
77
77
|
|
|
78
78
|
var FilterHeaderRow = /*#__PURE__*/function (_Component) {
|
|
@@ -206,7 +206,7 @@ var FilterHeaderRow = /*#__PURE__*/function (_Component) {
|
|
|
206
206
|
title: _this2.state[column.id] || column.placeholderText // eslint-disable-line react/destructuring-assignment
|
|
207
207
|
,
|
|
208
208
|
onKeyDown: function onKeyDown(event) {
|
|
209
|
-
return
|
|
209
|
+
return __chunk_15.handleEnterKeyDown(event, _this2.handleApplyFilter);
|
|
210
210
|
},
|
|
211
211
|
onBlur: _this2.handleApplyFilter,
|
|
212
212
|
onChange: function onChange(event) {
|
|
@@ -228,7 +228,7 @@ var FilterHeaderRow = /*#__PURE__*/function (_Component) {
|
|
|
228
228
|
_this2.handleClearFilter(event, column);
|
|
229
229
|
},
|
|
230
230
|
title: clearFilterText
|
|
231
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
231
|
+
}, /*#__PURE__*/React__default.createElement(__chunk_29.default, {
|
|
232
232
|
description: clearFilterText
|
|
233
233
|
})) : null);
|
|
234
234
|
return /*#__PURE__*/React__default.createElement(StyledTableHeader, {
|
|
@@ -299,7 +299,7 @@ _defineProperty(FilterHeaderRow, "defaultProps", {
|
|
|
299
299
|
},
|
|
300
300
|
filters: [],
|
|
301
301
|
isVisible: true,
|
|
302
|
-
onApplyFilter:
|
|
302
|
+
onApplyFilter: __chunk_15.defaultFunction,
|
|
303
303
|
filterText: 'Filter',
|
|
304
304
|
clearFilterText: 'Clear filter',
|
|
305
305
|
clearSelectionText: 'Clear selection',
|
|
@@ -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');
|
|
@@ -16,26 +16,26 @@ require('core-js/modules/es.object.keys');
|
|
|
16
16
|
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
|
-
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
|
|
20
19
|
require('core-js/modules/es.array.concat');
|
|
21
20
|
require('core-js/modules/es.array.map');
|
|
22
21
|
require('core-js/modules/es.array.slice');
|
|
22
|
+
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
|
|
23
23
|
require('core-js/modules/es.array.reduce');
|
|
24
24
|
var isNil = _interopDefault(require('lodash/isNil'));
|
|
25
|
-
var
|
|
25
|
+
var __chunk_15 = require('../../../utils/componentUtilityFunctions.js');
|
|
26
26
|
var _taggedTemplateLiteral = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteral'));
|
|
27
27
|
var styled = _interopDefault(require('styled-components'));
|
|
28
|
-
var
|
|
28
|
+
var __chunk_23 = require('../TablePropTypes.js');
|
|
29
29
|
require('core-js/modules/es.array.find');
|
|
30
30
|
require('core-js/modules/es.function.name');
|
|
31
31
|
require('core-js/modules/es.object.entries');
|
|
32
32
|
var isEmpty = _interopDefault(require('lodash/isEmpty'));
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
33
|
+
var __chunk_25 = require('../TableCellRenderer/TableCellRenderer.jsx');
|
|
34
|
+
var __chunk_28 = require('./ColumnHeaderRow/ColumnHeaderRow.jsx');
|
|
35
|
+
var __chunk_30 = require('./FilterHeaderRow/FilterHeaderRow.jsx');
|
|
36
|
+
var __chunk_31 = require('./TableHeader.js');
|
|
37
|
+
var __chunk_32 = require('./columnWidthUtilityFunctions.js');
|
|
38
|
+
var __chunk_33 = require('./ColumnResize.jsx');
|
|
39
39
|
|
|
40
40
|
function _templateObject() {
|
|
41
41
|
var data = _taggedTemplateLiteral(["\n &&& {\n ", "\n\n vertical-align: middle;\n\n &\n }\n"]);
|
|
@@ -66,7 +66,7 @@ var propTypes = {
|
|
|
66
66
|
}),
|
|
67
67
|
|
|
68
68
|
/** List of columns */
|
|
69
|
-
columns:
|
|
69
|
+
columns: __chunk_23.TableColumnsPropTypes.isRequired,
|
|
70
70
|
|
|
71
71
|
/** internationalized labels */
|
|
72
72
|
selectAllText: PropTypes.string,
|
|
@@ -118,7 +118,7 @@ var propTypes = {
|
|
|
118
118
|
|
|
119
119
|
/** lightweight */
|
|
120
120
|
lightweight: PropTypes.bool,
|
|
121
|
-
i18n:
|
|
121
|
+
i18n: __chunk_23.I18NPropTypes
|
|
122
122
|
};
|
|
123
123
|
var defaultProps = {
|
|
124
124
|
options: {},
|
|
@@ -129,9 +129,9 @@ var defaultProps = {
|
|
|
129
129
|
clearSelectionText: 'Clear selection',
|
|
130
130
|
openMenuText: 'Open menu',
|
|
131
131
|
closeMenuText: 'Close menu',
|
|
132
|
-
i18n: _objectSpread({},
|
|
132
|
+
i18n: _objectSpread({}, __chunk_23.defaultI18NPropTypes)
|
|
133
133
|
};
|
|
134
|
-
var StyledCustomTableHeader = styled(
|
|
134
|
+
var StyledCustomTableHeader = styled(__chunk_31.default)(_templateObject(), function (props) {
|
|
135
135
|
var width = props.width;
|
|
136
136
|
return width !== undefined ? "\n .bx--table-header-label { \n min-width: ".concat(width, ";\n max-width: ").concat(width, ";\n white-space: nowrap;\n overflow-x: hidden;\n overflow-y: hidden;\n text-overflow: ellipsis;\n }\n ") : '';
|
|
137
137
|
});
|
|
@@ -229,7 +229,7 @@ var TableHead = function TableHead(_ref) {
|
|
|
229
229
|
};
|
|
230
230
|
|
|
231
231
|
var onManualColumnResize = function onManualColumnResize(modifiedColumnWidths) {
|
|
232
|
-
var newColumnWidths =
|
|
232
|
+
var newColumnWidths = __chunk_32.createNewWidthsMap(ordering, currentColumnWidths, modifiedColumnWidths);
|
|
233
233
|
updateColumnWidths(newColumnWidths);
|
|
234
234
|
};
|
|
235
235
|
|
|
@@ -241,7 +241,7 @@ var TableHead = function TableHead(_ref) {
|
|
|
241
241
|
columnId: columnId,
|
|
242
242
|
columns: columns
|
|
243
243
|
};
|
|
244
|
-
var newColumnWidths =
|
|
244
|
+
var newColumnWidths = __chunk_32.calculateWidthsOnToggle(toggleArgs);
|
|
245
245
|
updateColumnWidths(newColumnWidths);
|
|
246
246
|
}
|
|
247
247
|
|
|
@@ -251,8 +251,8 @@ var TableHead = function TableHead(_ref) {
|
|
|
251
251
|
React.useLayoutEffect(function () {
|
|
252
252
|
if (hasResize && columns.length && isEmpty(currentColumnWidths)) {
|
|
253
253
|
var measuredWidths = measureColumnWidths();
|
|
254
|
-
var adjustedWidths =
|
|
255
|
-
var newWidthsMap =
|
|
254
|
+
var adjustedWidths = __chunk_32.adjustLastColumnWidth(ordering, columns, measuredWidths);
|
|
255
|
+
var newWidthsMap = __chunk_32.createNewWidthsMap(ordering, currentColumnWidths, adjustedWidths);
|
|
256
256
|
setCurrentColumnWidths(newWidthsMap);
|
|
257
257
|
}
|
|
258
258
|
}, [hasResize, columns, ordering, currentColumnWidths, measureColumnWidths]);
|
|
@@ -260,17 +260,17 @@ var TableHead = function TableHead(_ref) {
|
|
|
260
260
|
return !col.isHidden;
|
|
261
261
|
}).slice(-1)[0];
|
|
262
262
|
return /*#__PURE__*/React__default.createElement(CarbonTableHead, {
|
|
263
|
-
className:
|
|
263
|
+
className: classnames({
|
|
264
264
|
lightweight: lightweight
|
|
265
265
|
}),
|
|
266
266
|
onMouseMove: hasResize ? forwardMouseEvent : null,
|
|
267
267
|
onMouseUp: hasResize ? forwardMouseEvent : null
|
|
268
268
|
}, /*#__PURE__*/React__default.createElement(TableRow, null, hasRowExpansion ? /*#__PURE__*/React__default.createElement(TableExpandHeader, {
|
|
269
|
-
className:
|
|
270
|
-
}) : null, hasRowSelection === 'multi' ? /*#__PURE__*/React__default.createElement(
|
|
271
|
-
className:
|
|
269
|
+
className: classnames(_defineProperty({}, "".concat(iotPrefix, "--table-expand-resize"), hasResize))
|
|
270
|
+
}) : null, hasRowSelection === 'multi' ? /*#__PURE__*/React__default.createElement(__chunk_31.default, {
|
|
271
|
+
className: classnames("".concat(iotPrefix, "--table-header-checkbox"), _defineProperty({}, "".concat(iotPrefix, "--table-header-checkbox-resize"), hasResize)),
|
|
272
272
|
translateWithId: function translateWithId() {
|
|
273
|
-
return
|
|
273
|
+
return __chunk_15.tableTranslateWithId.apply(void 0, arguments);
|
|
274
274
|
}
|
|
275
275
|
}, /*#__PURE__*/React__default.createElement(carbonComponentsReact.Checkbox, {
|
|
276
276
|
id: "select-all",
|
|
@@ -308,27 +308,27 @@ var TableHead = function TableHead(_ref) {
|
|
|
308
308
|
args[_key] = arguments[_key];
|
|
309
309
|
}
|
|
310
310
|
|
|
311
|
-
return
|
|
311
|
+
return __chunk_15.tableTranslateWithId.apply(void 0, [i18n].concat(args));
|
|
312
312
|
},
|
|
313
313
|
sortDirection: hasSort ? sort.direction : 'NONE',
|
|
314
314
|
align: align,
|
|
315
|
-
className:
|
|
315
|
+
className: classnames("table-header-label-".concat(align), _defineProperty({
|
|
316
316
|
'table-header-sortable': matchingColumnMeta.isSortable
|
|
317
317
|
}, "".concat(iotPrefix, "--table-header-resize"), hasResize))
|
|
318
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
318
|
+
}, /*#__PURE__*/React__default.createElement(__chunk_25.default, {
|
|
319
319
|
wrapText: wrapCellText,
|
|
320
320
|
truncateCellText: truncateCellText,
|
|
321
321
|
allowTooltip: false
|
|
322
|
-
}, matchingColumnMeta.name), hasResize && item !== lastVisibleColumn ? /*#__PURE__*/React__default.createElement(
|
|
322
|
+
}, matchingColumnMeta.name), hasResize && item !== lastVisibleColumn ? /*#__PURE__*/React__default.createElement(__chunk_33.default, {
|
|
323
323
|
onResize: onManualColumnResize,
|
|
324
324
|
ref: columnResizeRefs[matchingColumnMeta.id],
|
|
325
325
|
currentColumnWidths: currentColumnWidths,
|
|
326
326
|
columnId: matchingColumnMeta.id,
|
|
327
327
|
ordering: ordering
|
|
328
328
|
}) : null) : null;
|
|
329
|
-
}), options.hasRowActions ? /*#__PURE__*/React__default.createElement(
|
|
329
|
+
}), options.hasRowActions ? /*#__PURE__*/React__default.createElement(__chunk_31.default, {
|
|
330
330
|
className: "".concat(iotPrefix, "--table-header-row-action-column")
|
|
331
|
-
}) : null), filterBarActive && /*#__PURE__*/React__default.createElement(
|
|
331
|
+
}) : null), filterBarActive && /*#__PURE__*/React__default.createElement(__chunk_30.default, {
|
|
332
332
|
columns: columns.map(function (column) {
|
|
333
333
|
return _objectSpread({}, column.filter, {
|
|
334
334
|
id: column.id,
|
|
@@ -347,7 +347,7 @@ var TableHead = function TableHead(_ref) {
|
|
|
347
347
|
tableOptions: options,
|
|
348
348
|
onApplyFilter: onApplyFilter,
|
|
349
349
|
lightweight: lightweight
|
|
350
|
-
}), activeBar === 'column' && /*#__PURE__*/React__default.createElement(
|
|
350
|
+
}), activeBar === 'column' && /*#__PURE__*/React__default.createElement(__chunk_28.default, {
|
|
351
351
|
columns: columns.map(function (column) {
|
|
352
352
|
return {
|
|
353
353
|
id: column.id,
|
|
@@ -5,12 +5,12 @@ 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 _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
|
|
10
10
|
var carbonComponents = require('carbon-components');
|
|
11
|
-
var iconsReact = require('@carbon/icons-react');
|
|
12
11
|
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
|
|
13
12
|
var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
|
|
13
|
+
var iconsReact = require('@carbon/icons-react');
|
|
14
14
|
require('core-js/modules/es.object.values');
|
|
15
15
|
|
|
16
16
|
var _sortDirections;
|
|
@@ -79,7 +79,7 @@ var TableHeader = React__default.forwardRef(function TableHeader(_ref2, ref) {
|
|
|
79
79
|
);
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
var className =
|
|
82
|
+
var className = classnames(headerClassName, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--table-sort"), true), _defineProperty(_cx, "".concat(prefix, "--table-sort--active"), isSortHeader && sortDirection !== sortStates.NONE), _defineProperty(_cx, "".concat(prefix, "--table-sort--ascending"), isSortHeader && sortDirection === sortStates.DESC), _cx));
|
|
83
83
|
var ariaSort = !isSortHeader ? 'none' : sortDirections[sortDirection];
|
|
84
84
|
return /*#__PURE__*/React__default.createElement("th", {
|
|
85
85
|
scope: scope,
|
|
@@ -4,7 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
4
4
|
|
|
5
5
|
var PropTypes = _interopDefault(require('prop-types'));
|
|
6
6
|
require('core-js/modules/es.array.concat');
|
|
7
|
-
var
|
|
7
|
+
var __chunk_22 = require('../../internal/deprecate.js');
|
|
8
8
|
|
|
9
9
|
var RowActionPropTypes = PropTypes.arrayOf(PropTypes.shape({
|
|
10
10
|
/** Unique id of the action */
|
|
@@ -232,7 +232,7 @@ var defaultI18NPropTypes = {
|
|
|
232
232
|
}
|
|
233
233
|
};
|
|
234
234
|
var TableSearchPropTypes = PropTypes.shape({
|
|
235
|
-
value:
|
|
235
|
+
value: __chunk_22.default(PropTypes.string, '\n The prop `value` has been deprecated in favor of `defaultValue`'),
|
|
236
236
|
defaultValue: PropTypes.string,
|
|
237
237
|
defaultExpanded: PropTypes.bool,
|
|
238
238
|
onChange: PropTypes.func,
|
|
@@ -10,7 +10,7 @@ require('core-js/modules/es.array.map');
|
|
|
10
10
|
var _toConsumableArray = _interopDefault(require('@babel/runtime/helpers/toConsumableArray'));
|
|
11
11
|
var _taggedTemplateLiteral = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteral'));
|
|
12
12
|
var styled = _interopDefault(require('styled-components'));
|
|
13
|
-
var
|
|
13
|
+
var __chunk_18 = require('../../../styles/styles.js');
|
|
14
14
|
|
|
15
15
|
function _templateObject() {
|
|
16
16
|
var data = _taggedTemplateLiteral(["\n &&& {\n pointer-events: none;\n\n &:hover td {\n border: 1px solid ", ";\n background: inherit;\n }\n }\n"]);
|
|
@@ -40,7 +40,7 @@ var defaultProps = {
|
|
|
40
40
|
rowCount: 10,
|
|
41
41
|
columns: []
|
|
42
42
|
};
|
|
43
|
-
var StyledLoadingTableRow = styled(TableRow)(_templateObject(),
|
|
43
|
+
var StyledLoadingTableRow = styled(TableRow)(_templateObject(), __chunk_18.COLORS.lightGrey);
|
|
44
44
|
/** This component is exactly like the DataTableSkeleton component from carbon, but it shows your headers while it loads */
|
|
45
45
|
|
|
46
46
|
var TableSkeletonWithHeaders = function TableSkeletonWithHeaders(_ref) {
|