carbon-addons-iot-react 2.146.1 → 2.146.3

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.146.3](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.146.2...v2.146.3) (2021-10-01)
+
+
+### Bug Fixes
+
+* **table:** add old size values and add deprecation warning ([11e3bdb](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/11e3bdbaa3743f0e708e8718b75906f1db5779ec))
+
+
+
+
+
+## [2.146.2](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.146.1...v2.146.2) (2021-09-28)
+
+
+### Bug Fixes
+
+* **row-actions-cell:** set overflow menu to closed after overflow action ([346311c](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/346311ce53182959d3fa882c18f75a47eaaceb2e))
+
+
+
+
+
 ## [2.146.1](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.146.0...v2.146.1) (2021-09-24)
 
 

package/es/components/Table/Table.js

@@ -8,8 +8,8 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.search.js';
 import 'core-js/modules/es.array.slice.js';
@@ -32,6 +32,7 @@ import { TableContainer, Tag, Table as Table$1 } from 'carbon-components-react';
 import uniqueId from 'lodash/uniqueId';
 import classnames from 'classnames';
 import { useLangDirection } from 'use-lang-direction';
+import warning from 'warning';
 import { defaultFunction } from '../../utils/componentUtilityFunctions.js';
 import { settings } from '../../constants/Settings.js';
 import FilterTags from '../FilterTags/FilterTags.js';
@@ -137,7 +138,11 @@ var propTypes = {
   }),
 
   /** Size prop from Carbon to shrink row height (and header height in some instances) */
-  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
+  size: function checkProps(props, propName, componentName) {
+    if (['compact', 'short', 'normal', 'tall'].includes(props[propName])) {
+      warning(false, "The value `".concat(props[propName], "` has been deprecated for the ") + "`".concat(propName, "` prop on the ").concat(componentName, " component. It will be removed in the next major ") + "release. Please use 'xs', 'sm', 'md', 'lg', or 'xl' instead.") ;
+    }
+  },
 
   /** Initial state of the table, should be updated via a local state wrapper component implementation or via a central store/redux see StatefulTable component for an example */
   view: PropTypes.shape({
@@ -1148,23 +1153,8 @@ Table.__docgenInfo = {
     },
     "size": {
       "type": {
-        "name": "enum",
-        "value": [{
-          "value": "'xs'",
-          "computed": false
-        }, {
-          "value": "'sm'",
-          "computed": false
-        }, {
-          "value": "'md'",
-          "computed": false
-        }, {
-          "value": "'lg'",
-          "computed": false
-        }, {
-          "value": "'xl'",
-          "computed": false
-        }]
+        "name": "custom",
+        "raw": "function checkProps(props, propName, componentName) {\n  if (['compact', 'short', 'normal', 'tall'].includes(props[propName])) {\n    warning(\n      false,\n      `The value \\`${props[propName]}\\` has been deprecated for the ` +\n        `\\`${propName}\\` prop on the ${componentName} component. It will be removed in the next major ` +\n        `release. Please use 'xs', 'sm', 'md', 'lg', or 'xl' instead.`\n    );\n  }\n}"
       },
       "required": false,
       "description": "Size prop from Carbon to shrink row height (and header height in some instances)"

package/es/components/Table/TableBody/RowActionsCell/RowActionsCell.js

@@ -95,12 +95,6 @@ var defaultProps = {
   langDir: 'ltr'
 };
 
-var _onClick = function onClick(e, id, action, onApplyRowAction) {
-  onApplyRowAction(action, id);
-  e.preventDefault();
-  e.stopPropagation();
-};
-
 var renderBundledIconUsingName = function renderBundledIconUsingName(iconName, label) {
   var Icon = icons[iconName];
   return /*#__PURE__*/React__default.createElement(Icon, {
@@ -148,12 +142,22 @@ var RowActionsCell = /*#__PURE__*/function (_React$Component) {
       }
     });
 
+    _defineProperty(_assertThisInitialized(_this), "onClick", function (e, id, action, onApplyRowAction) {
+      onApplyRowAction(action, id);
+      e.preventDefault();
+      e.stopPropagation();
+
+      _this.handleClose();
+    });
+
     return _this;
   }
 
   _createClass(RowActionsCell, [{
     key: "render",
     value: function render() {
+      var _this2 = this;
+
       var _this$props = this.props,
           id = _this$props.id,
           tableId = _this$props.tableId,
@@ -216,7 +220,7 @@ var RowActionsCell = /*#__PURE__*/function (_React$Component) {
           tooltipAlignment: "end",
           size: "small",
           onClick: function onClick(e) {
-            return _onClick(e, id, actionId, onApplyRowAction);
+            return _this2.onClick(e, id, actionId, onApplyRowAction);
           }
         }), labelText);
       }), hasOverflow ? /*#__PURE__*/React__default.createElement(OverflowMenu, {
@@ -238,7 +242,7 @@ var RowActionsCell = /*#__PURE__*/function (_React$Component) {
           "data-testid": "".concat(tableId, "-").concat(id, "-row-actions-cell-overflow-menu-item-").concat(action.id),
           key: "".concat(id, "-row-actions-button-").concat(action.id),
           onClick: function onClick(e) {
-            return _onClick(e, id, action.id, onApplyRowAction);
+            return _this2.onClick(e, id, action.id, onApplyRowAction);
           },
           requireTitle: !action.renderIcon,
           hasDivider: action.hasDivider,
@@ -274,6 +278,24 @@ RowActionsCell.__docgenInfo = {
     "modifiers": [],
     "params": [],
     "returns": null
+  }, {
+    "name": "onClick",
+    "docblock": null,
+    "modifiers": [],
+    "params": [{
+      "name": "e",
+      "type": null
+    }, {
+      "name": "id",
+      "type": null
+    }, {
+      "name": "action",
+      "type": null
+    }, {
+      "name": "onApplyRowAction",
+      "type": null
+    }],
+    "returns": null
   }],
   "displayName": "RowActionsCell",
   "props": {

package/lib/components/Table/Table.js

@@ -12,8 +12,8 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('core-js/modules/es.array.includes.js');
-require('core-js/modules/es.array.map.js');
 require('core-js/modules/es.array.concat.js');
+require('core-js/modules/es.array.map.js');
 require('core-js/modules/es.regexp.exec.js');
 require('core-js/modules/es.string.search.js');
 require('core-js/modules/es.array.slice.js');
@@ -36,6 +36,7 @@ var carbonComponentsReact = require('carbon-components-react');
 var uniqueId = require('lodash/uniqueId');
 var classnames = require('classnames');
 var useLangDirection = require('use-lang-direction');
+var warning = require('warning');
 var componentUtilityFunctions = require('../../utils/componentUtilityFunctions.js');
 var Settings = require('../../constants/Settings.js');
 var FilterTags = require('../FilterTags/FilterTags.js');
@@ -66,6 +67,7 @@ var pick__default = /*#__PURE__*/_interopDefaultLegacy(pick);
 var useDeepCompareEffect__default = /*#__PURE__*/_interopDefaultLegacy(useDeepCompareEffect);
 var uniqueId__default = /*#__PURE__*/_interopDefaultLegacy(uniqueId);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var warning__default = /*#__PURE__*/_interopDefaultLegacy(warning);
 
 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; }
 
@@ -155,7 +157,11 @@ var propTypes = {
   }),
 
   /** Size prop from Carbon to shrink row height (and header height in some instances) */
-  size: PropTypes__default['default'].oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
+  size: function checkProps(props, propName, componentName) {
+    if (['compact', 'short', 'normal', 'tall'].includes(props[propName])) {
+      warning__default['default'](false, "The value `".concat(props[propName], "` has been deprecated for the ") + "`".concat(propName, "` prop on the ").concat(componentName, " component. It will be removed in the next major ") + "release. Please use 'xs', 'sm', 'md', 'lg', or 'xl' instead.") ;
+    }
+  },
 
   /** Initial state of the table, should be updated via a local state wrapper component implementation or via a central store/redux see StatefulTable component for an example */
   view: PropTypes__default['default'].shape({
@@ -1166,23 +1172,8 @@ Table.__docgenInfo = {
     },
     "size": {
       "type": {
-        "name": "enum",
-        "value": [{
-          "value": "'xs'",
-          "computed": false
-        }, {
-          "value": "'sm'",
-          "computed": false
-        }, {
-          "value": "'md'",
-          "computed": false
-        }, {
-          "value": "'lg'",
-          "computed": false
-        }, {
-          "value": "'xl'",
-          "computed": false
-        }]
+        "name": "custom",
+        "raw": "function checkProps(props, propName, componentName) {\n  if (['compact', 'short', 'normal', 'tall'].includes(props[propName])) {\n    warning(\n      false,\n      `The value \\`${props[propName]}\\` has been deprecated for the ` +\n        `\\`${propName}\\` prop on the ${componentName} component. It will be removed in the next major ` +\n        `release. Please use 'xs', 'sm', 'md', 'lg', or 'xl' instead.`\n    );\n  }\n}"
       },
       "required": false,
       "description": "Size prop from Carbon to shrink row height (and header height in some instances)"

package/lib/components/Table/TableBody/RowActionsCell/RowActionsCell.js

@@ -113,12 +113,6 @@ var defaultProps = {
   langDir: 'ltr'
 };
 
-var _onClick = function onClick(e, id, action, onApplyRowAction) {
-  onApplyRowAction(action, id);
-  e.preventDefault();
-  e.stopPropagation();
-};
-
 var renderBundledIconUsingName = function renderBundledIconUsingName(iconName, label) {
   var Icon = bundledIcons['default'][iconName];
   return /*#__PURE__*/React__default['default'].createElement(Icon, {
@@ -166,12 +160,22 @@ var RowActionsCell = /*#__PURE__*/function (_React$Component) {
       }
     });
 
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onClick", function (e, id, action, onApplyRowAction) {
+      onApplyRowAction(action, id);
+      e.preventDefault();
+      e.stopPropagation();
+
+      _this.handleClose();
+    });
+
     return _this;
   }
 
   _createClass__default['default'](RowActionsCell, [{
     key: "render",
     value: function render() {
+      var _this2 = this;
+
       var _this$props = this.props,
           id = _this$props.id,
           tableId = _this$props.tableId,
@@ -234,7 +238,7 @@ var RowActionsCell = /*#__PURE__*/function (_React$Component) {
           tooltipAlignment: "end",
           size: "small",
           onClick: function onClick(e) {
-            return _onClick(e, id, actionId, onApplyRowAction);
+            return _this2.onClick(e, id, actionId, onApplyRowAction);
           }
         }), labelText);
       }), hasOverflow ? /*#__PURE__*/React__default['default'].createElement(carbonComponentsReact.OverflowMenu, {
@@ -256,7 +260,7 @@ var RowActionsCell = /*#__PURE__*/function (_React$Component) {
           "data-testid": "".concat(tableId, "-").concat(id, "-row-actions-cell-overflow-menu-item-").concat(action.id),
           key: "".concat(id, "-row-actions-button-").concat(action.id),
           onClick: function onClick(e) {
-            return _onClick(e, id, action.id, onApplyRowAction);
+            return _this2.onClick(e, id, action.id, onApplyRowAction);
           },
           requireTitle: !action.renderIcon,
           hasDivider: action.hasDivider,
@@ -292,6 +296,24 @@ RowActionsCell.__docgenInfo = {
     "modifiers": [],
     "params": [],
     "returns": null
+  }, {
+    "name": "onClick",
+    "docblock": null,
+    "modifiers": [],
+    "params": [{
+      "name": "e",
+      "type": null
+    }, {
+      "name": "id",
+      "type": null
+    }, {
+      "name": "action",
+      "type": null
+    }, {
+      "name": "onApplyRowAction",
+      "type": null
+    }],
+    "returns": null
   }],
   "displayName": "RowActionsCell",
   "props": {

package/package.json

@@ -339,10 +339,10 @@
     "whatwg-fetch": "^3.0.0"
   },
   "sideEffects": false,
-  "version": "2.146.1",
+  "version": "2.146.3",
   "resolutions": {
     "chokidar": "3.3.1",
     "react-grid-layout": "1.2.2"
   },
-  "gitHead": "deac2edcd340920dd33a4794a54cc6611912d195"
+  "gitHead": "534189e6ed827323268c99caa2a0bce56da8d6b5"
 }

package/umd/carbon-addons-iot-react.js

@@ -32937,12 +32937,6 @@
 	  langDir: 'ltr'
 	};
 
-	var _onClick = function onClick(e, id, action, onApplyRowAction) {
-	  onApplyRowAction(action, id);
-	  e.preventDefault();
-	  e.stopPropagation();
-	};
-
 	var renderBundledIconUsingName = function renderBundledIconUsingName(iconName, label) {
 	  var Icon = icons[iconName];
 	  return /*#__PURE__*/React__default$1['default'].createElement(Icon, {
@@ -32990,12 +32984,22 @@
 	      }
 	    });
 
+	    defineProperty$c(assertThisInitialized(_this), "onClick", function (e, id, action, onApplyRowAction) {
+	      onApplyRowAction(action, id);
+	      e.preventDefault();
+	      e.stopPropagation();
+
+	      _this.handleClose();
+	    });
+
 	    return _this;
 	  }
 
 	  createClass(RowActionsCell, [{
 	    key: "render",
 	    value: function render() {
+	      var _this2 = this;
+
 	      var _this$props = this.props,
 	          id = _this$props.id,
 	          tableId = _this$props.tableId,
@@ -33058,7 +33062,7 @@
 	          tooltipAlignment: "end",
 	          size: "small",
 	          onClick: function onClick(e) {
-	            return _onClick(e, id, actionId, onApplyRowAction);
+	            return _this2.onClick(e, id, actionId, onApplyRowAction);
 	          }
 	        }), labelText);
 	      }), hasOverflow ? /*#__PURE__*/React__default$1['default'].createElement(carbonComponentsReact.OverflowMenu, {
@@ -33080,7 +33084,7 @@
 	          "data-testid": "".concat(tableId, "-").concat(id, "-row-actions-cell-overflow-menu-item-").concat(action.id),
 	          key: "".concat(id, "-row-actions-button-").concat(action.id),
 	          onClick: function onClick(e) {
-	            return _onClick(e, id, action.id, onApplyRowAction);
+	            return _this2.onClick(e, id, action.id, onApplyRowAction);
 	          },
 	          requireTitle: !action.renderIcon,
 	          hasDivider: action.hasDivider,
@@ -33116,6 +33120,24 @@
 	    "modifiers": [],
 	    "params": [],
 	    "returns": null
+	  }, {
+	    "name": "onClick",
+	    "docblock": null,
+	    "modifiers": [],
+	    "params": [{
+	      "name": "e",
+	      "type": null
+	    }, {
+	      "name": "id",
+	      "type": null
+	    }, {
+	      "name": "action",
+	      "type": null
+	    }, {
+	      "name": "onApplyRowAction",
+	      "type": null
+	    }],
+	    "returns": null
 	  }],
 	  "displayName": "RowActionsCell",
 	  "props": {
@@ -36023,7 +36045,11 @@
 	  }),
 
 	  /** Size prop from Carbon to shrink row height (and header height in some instances) */
-	  size: PropTypes__default['default'].oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
+	  size: function checkProps(props, propName, componentName) {
+	    if (['compact', 'short', 'normal', 'tall'].includes(props[propName])) {
+	      warning_1(false, "The value `".concat(props[propName], "` has been deprecated for the ") + "`".concat(propName, "` prop on the ").concat(componentName, " component. It will be removed in the next major ") + "release. Please use 'xs', 'sm', 'md', 'lg', or 'xl' instead.") ;
+	    }
+	  },
 
 	  /** Initial state of the table, should be updated via a local state wrapper component implementation or via a central store/redux see StatefulTable component for an example */
 	  view: PropTypes__default['default'].shape({
@@ -37034,23 +37060,8 @@
 	    },
 	    "size": {
 	      "type": {
-	        "name": "enum",
-	        "value": [{
-	          "value": "'xs'",
-	          "computed": false
-	        }, {
-	          "value": "'sm'",
-	          "computed": false
-	        }, {
-	          "value": "'md'",
-	          "computed": false
-	        }, {
-	          "value": "'lg'",
-	          "computed": false
-	        }, {
-	          "value": "'xl'",
-	          "computed": false
-	        }]
+	        "name": "custom",
+	        "raw": "function checkProps(props, propName, componentName) {\n  if (['compact', 'short', 'normal', 'tall'].includes(props[propName])) {\n    warning(\n      false,\n      `The value \\`${props[propName]}\\` has been deprecated for the ` +\n        `\\`${propName}\\` prop on the ${componentName} component. It will be removed in the next major ` +\n        `release. Please use 'xs', 'sm', 'md', 'lg', or 'xl' instead.`\n    );\n  }\n}"
 	      },
 	      "required": false,
 	      "description": "Size prop from Carbon to shrink row height (and header height in some instances)"