carbon-addons-iot-react 2.152.0-next.13 → 2.152.0-next.14

package/lib/components/Table/Table.js

@@ -41,6 +41,7 @@ var useLangDirection = require('use-lang-direction');
 var warning = require('warning');
 var componentUtilityFunctions = require('../../utils/componentUtilityFunctions.js');
 var Settings = require('../../constants/Settings.js');
+var SharedPropTypes = require('../../constants/SharedPropTypes.js');
 var FilterTags = require('../FilterTags/FilterTags.js');
 var RuleBuilderPropTypes = require('../RuleBuilder/RuleBuilderPropTypes.js');
 var experimental = require('../../internal/experimental.js');
@@ -175,8 +176,9 @@ var propTypes = {
      * always - Wrap if needed for all table column configurations
      * never - Tables with dynamic columns widths grow larger and tables with fixed or resizable columns truncate.
      * alwaysTruncate - Always truncate if needed for all table column configurations
+     * expand - Expand to fit text width (by horizontal scrollbar) for table with fixed columns
      */
-    wrapCellText: PropTypes__default['default'].oneOf(['always', 'never', 'auto', 'alwaysTruncate']),
+    wrapCellText: SharedPropTypes.WrapCellTextPropTypes,
 
     /** use white-space: pre; css when true */
     preserveCellWhiteSpace: PropTypes__default['default'].bool
@@ -725,7 +727,7 @@ var Table = function Table(props) {
       forceUpdateCellTextWidth = _useState4[1];
 
   var useCellTextTruncate = React.useMemo(function () {
-    return options ? options.wrapCellText === 'alwaysTruncate' || options.wrapCellText !== 'always' && (options.hasResize && !options.useAutoTableLayoutForResize || columns.some(function (col) {
+    return options ? options.wrapCellText === 'alwaysTruncate' || options.wrapCellText !== 'always' && options.wrapCellText !== 'expand' && (options.hasResize && !options.useAutoTableLayoutForResize || columns.some(function (col) {
       return col.hasOwnProperty('width');
     })) : undefined;
   }, [options, columns]);
@@ -1335,21 +1337,9 @@ Table.__docgenInfo = {
             "required": false
           },
           "wrapCellText": {
-            "name": "enum",
-            "value": [{
-              "value": "'always'",
-              "computed": false
-            }, {
-              "value": "'never'",
-              "computed": false
-            }, {
-              "value": "'auto'",
-              "computed": false
-            }, {
-              "value": "'alwaysTruncate'",
-              "computed": false
-            }],
-            "description": "auto - Wrap for tables with dynamic columns widths and truncate for tables with fixed or resizable columns\nalways - Wrap if needed for all table column configurations\nnever - Tables with dynamic columns widths grow larger and tables with fixed or resizable columns truncate.\nalwaysTruncate - Always truncate if needed for all table column configurations",
+            "name": "custom",
+            "raw": "WrapCellTextPropTypes",
+            "description": "auto - Wrap for tables with dynamic columns widths and truncate for tables with fixed or resizable columns\nalways - Wrap if needed for all table column configurations\nnever - Tables with dynamic columns widths grow larger and tables with fixed or resizable columns truncate.\nalwaysTruncate - Always truncate if needed for all table column configurations\nexpand - Expand to fit text width (by horizontal scrollbar) for table with fixed columns",
             "required": false
           },
           "preserveCellWhiteSpace": {

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

@@ -24,6 +24,7 @@ var PropTypes = require('prop-types');
 var carbonComponentsReact = require('carbon-components-react');
 var TablePropTypes = require('../TablePropTypes.js');
 var deprecate = require('../../../internal/deprecate.js');
+var SharedPropTypes = require('../../../constants/SharedPropTypes.js');
 var tableUtilities = require('../tableUtilities.js');
 var TableBodyRowRenderer = require('./TableBodyRowRenderer.js');
 
@@ -83,7 +84,7 @@ var propTypes = {
     hasSingleNestedHierarchy: PropTypes__default['default'].bool
   })]),
   hasRowActions: PropTypes__default['default'].bool,
-  wrapCellText: PropTypes__default['default'].oneOf(['always', 'never', 'auto', 'alwaysTruncate']).isRequired,
+  wrapCellText: SharedPropTypes.WrapCellTextPropTypes.isRequired,
   truncateCellText: PropTypes__default['default'].bool.isRequired,
 
   /** the current state of the row actions */
@@ -785,22 +786,10 @@ TableBody.__docgenInfo = {
     },
     "wrapCellText": {
       "type": {
-        "name": "enum",
-        "value": [{
-          "value": "'always'",
-          "computed": false
-        }, {
-          "value": "'never'",
-          "computed": false
-        }, {
-          "value": "'auto'",
-          "computed": false
-        }, {
-          "value": "'alwaysTruncate'",
-          "computed": false
-        }]
+        "name": "custom",
+        "raw": "WrapCellTextPropTypes.isRequired"
       },
-      "required": true,
+      "required": false,
       "description": ""
     },
     "truncateCellText": {

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

@@ -14,6 +14,7 @@ var PropTypes = require('prop-types');
 var carbonComponentsReact = require('carbon-components-react');
 var classnames = require('classnames');
 var Settings = require('../../../../constants/Settings.js');
+var SharedPropTypes = require('../../../../constants/SharedPropTypes.js');
 var RowActionsCell = require('../RowActionsCell/RowActionsCell.js');
 var TableCellRenderer = require('../../TableCellRenderer/TableCellRenderer.js');
 var TablePropTypes = require('../../TablePropTypes.js');
@@ -72,7 +73,7 @@ var propTypes = {
     })]),
     hasRowActions: PropTypes__default['default'].bool,
     shouldExpandOnRowClick: PropTypes__default['default'].bool,
-    wrapCellText: PropTypes__default['default'].oneOf(['always', 'never', 'auto', 'alwaysTruncate']).isRequired,
+    wrapCellText: SharedPropTypes.WrapCellTextPropTypes.isRequired,
     truncateCellText: PropTypes__default['default'].bool.isRequired,
 
     /** use white-space: pre; css when true */
@@ -194,7 +195,7 @@ var defaultProps = {
 };
 
 var TableBodyRow = function TableBodyRow(_ref) {
-  var _classnames4, _classnames5, _classnames6;
+  var _classnames5, _classnames6, _classnames7;
 
   var id = _ref.id,
       tableId = _ref.tableId,
@@ -320,7 +321,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
       className: classnames__default['default']("data-table-".concat(align), (_classnames = {}, _defineProperty__default['default'](_classnames, "".concat(iotPrefix, "--table__cell--truncate"), truncateCellText), _defineProperty__default['default'](_classnames, "".concat(iotPrefix, "--table__cell--sortable"), sortable), _classnames)),
       width: initialColumnWidth
     }, /*#__PURE__*/React__default['default'].createElement("span", {
-      className: "".concat(iotPrefix, "--table__cell__offset"),
+      className: classnames__default['default']("".concat(iotPrefix, "--table__cell__offset"), _defineProperty__default['default']({}, "".concat(iotPrefix, "--table__cell__offset__expand"), wrapCellText === 'expand')),
       style: {
         '--row-nesting-offset': "".concat(offset, "px")
       }
@@ -408,7 +409,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
   }, rowDetails))) : /*#__PURE__*/React__default['default'].createElement(TableExpandRow, {
     key: id,
     expandHeaderId: "".concat(tableId, "-expand"),
-    className: classnames__default['default']("".concat(iotPrefix, "--expandable-tablerow"), (_classnames4 = {}, _defineProperty__default['default'](_classnames4, "".concat(iotPrefix, "--expandable-tablerow--parent"), hasRowNesting && (hasRowNesting === null || hasRowNesting === void 0 ? void 0 : hasRowNesting.hasSingleNestedHierarchy) && nestingChildCount > 0), _defineProperty__default['default'](_classnames4, "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), _defineProperty__default['default'](_classnames4, "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), _defineProperty__default['default'](_classnames4, "".concat(iotPrefix, "--expandable-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), _defineProperty__default['default'](_classnames4, "".concat(iotPrefix, "--expandable-tablerow--last-child"), isLastChild), _classnames4)),
+    className: classnames__default['default']("".concat(iotPrefix, "--expandable-tablerow"), (_classnames5 = {}, _defineProperty__default['default'](_classnames5, "".concat(iotPrefix, "--expandable-tablerow--parent"), hasRowNesting && (hasRowNesting === null || hasRowNesting === void 0 ? void 0 : hasRowNesting.hasSingleNestedHierarchy) && nestingChildCount > 0), _defineProperty__default['default'](_classnames5, "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), _defineProperty__default['default'](_classnames5, "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), _defineProperty__default['default'](_classnames5, "".concat(iotPrefix, "--expandable-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), _defineProperty__default['default'](_classnames5, "".concat(iotPrefix, "--expandable-tablerow--last-child"), isLastChild), _classnames5)),
     "data-row-nesting": hasRowNesting,
     "data-child-count": nestingChildCount,
     "data-nesting-offset": nestingOffset,
@@ -439,7 +440,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
     rowId: id,
     langDir: langDir
   }, tableCells) : hasRowSelection === 'single' && isSelected ? /*#__PURE__*/React__default['default'].createElement(carbonComponentsReact.TableRow, {
-    className: classnames__default['default']("".concat(iotPrefix, "--table__row"), (_classnames5 = {}, _defineProperty__default['default'](_classnames5, "".concat(iotPrefix, "--table__row--singly-selected"), isSelected && !useRadioButtonSingleSelect), _defineProperty__default['default'](_classnames5, "".concat(iotPrefix, "--table__row--background"), isSelected), _classnames5)),
+    className: classnames__default['default']("".concat(iotPrefix, "--table__row"), (_classnames6 = {}, _defineProperty__default['default'](_classnames6, "".concat(iotPrefix, "--table__row--singly-selected"), isSelected && !useRadioButtonSingleSelect), _defineProperty__default['default'](_classnames6, "".concat(iotPrefix, "--table__row--background"), isSelected), _classnames6)),
     key: id,
     onClick: function onClick() {
       if (isSelectable !== false) {
@@ -451,7 +452,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
       }
     }
   }, tableCells) : /*#__PURE__*/React__default['default'].createElement(carbonComponentsReact.TableRow, {
-    className: classnames__default['default']("".concat(iotPrefix, "--table__row"), (_classnames6 = {}, _defineProperty__default['default'](_classnames6, "".concat(iotPrefix, "--table__row--unselectable"), isSelectable === false), _defineProperty__default['default'](_classnames6, "".concat(iotPrefix, "--table__row--selectable"), isSelectable !== false), _defineProperty__default['default'](_classnames6, "".concat(iotPrefix, "--table__row--editing"), isEditMode), _defineProperty__default['default'](_classnames6, "".concat(iotPrefix, "--table__row--selected"), isSelected), _classnames6)),
+    className: classnames__default['default']("".concat(iotPrefix, "--table__row"), (_classnames7 = {}, _defineProperty__default['default'](_classnames7, "".concat(iotPrefix, "--table__row--unselectable"), isSelectable === false), _defineProperty__default['default'](_classnames7, "".concat(iotPrefix, "--table__row--selectable"), isSelectable !== false), _defineProperty__default['default'](_classnames7, "".concat(iotPrefix, "--table__row--editing"), isEditMode), _defineProperty__default['default'](_classnames7, "".concat(iotPrefix, "--table__row--selected"), isSelected), _classnames7)),
     key: id,
     onClick: function onClick() {
       if (isSelectable !== false) {
@@ -645,20 +646,8 @@ TableBodyRow.__docgenInfo = {
             "required": false
           },
           "wrapCellText": {
-            "name": "enum",
-            "value": [{
-              "value": "'always'",
-              "computed": false
-            }, {
-              "value": "'never'",
-              "computed": false
-            }, {
-              "value": "'auto'",
-              "computed": false
-            }, {
-              "value": "'alwaysTruncate'",
-              "computed": false
-            }],
+            "name": "custom",
+            "raw": "WrapCellTextPropTypes.isRequired",
             "required": true
           },
           "truncateCellText": {

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

@@ -21,6 +21,7 @@ require('core-js/modules/es.array.map.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var useVisibilityObserver = require('../../../hooks/useVisibilityObserver.js');
+var SharedPropTypes = require('../../../constants/SharedPropTypes.js');
 var TablePropTypes = require('../TablePropTypes.js');
 var TableBodyRow = require('./TableBodyRow/TableBodyRow.js');
 var TableBodyLoadMoreRow = require('./TableBodyLoadMoreRow/TableBodyLoadMoreRow.js');
@@ -84,7 +85,7 @@ var propTypes = {
     hasSingleNestedHierarchy: PropTypes__default['default'].bool
   })]),
   hasRowActions: PropTypes__default['default'].bool,
-  wrapCellText: PropTypes__default['default'].oneOf(['always', 'never', 'auto', 'alwaysTruncate']).isRequired,
+  wrapCellText: SharedPropTypes.WrapCellTextPropTypes.isRequired,
   truncateCellText: PropTypes__default['default'].bool.isRequired,
 
   /** the current state of the row actions */
@@ -807,22 +808,10 @@ TableBodyRowRenderer.__docgenInfo = {
     },
     "wrapCellText": {
       "type": {
-        "name": "enum",
-        "value": [{
-          "value": "'always'",
-          "computed": false
-        }, {
-          "value": "'never'",
-          "computed": false
-        }, {
-          "value": "'auto'",
-          "computed": false
-        }, {
-          "value": "'alwaysTruncate'",
-          "computed": false
-        }]
+        "name": "custom",
+        "raw": "WrapCellTextPropTypes.isRequired"
       },
-      "required": true,
+      "required": false,
       "description": ""
     },
     "truncateCellText": {

package/lib/components/Table/TableCellRenderer/TableCellRenderer.js

@@ -11,6 +11,7 @@ var classnames = require('classnames');
 var carbonComponentsReact = require('carbon-components-react');
 var warning = require('warning');
 var Settings = require('../../../constants/Settings.js');
+var SharedPropTypes = require('../../../constants/SharedPropTypes.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -25,7 +26,7 @@ var warning__default = /*#__PURE__*/_interopDefaultLegacy(warning);
 var iotPrefix = Settings.settings.iotPrefix;
 var propTypes = {
   children: PropTypes__default['default'].oneOfType([PropTypes__default['default'].node, PropTypes__default['default'].bool, PropTypes__default['default'].object, PropTypes__default['default'].array]),
-  wrapText: PropTypes__default['default'].oneOf(['always', 'never', 'auto', 'alwaysTruncate']).isRequired,
+  wrapText: SharedPropTypes.WrapCellTextPropTypes.isRequired,
   truncateCellText: PropTypes__default['default'].bool.isRequired,
   allowTooltip: PropTypes__default['default'].bool,
 
@@ -86,7 +87,7 @@ var TableCellRenderer = function TableCellRenderer(_ref) {
       filterFunction = _ref.filterFunction,
       preserveCellWhiteSpace = _ref.preserveCellWhiteSpace;
   var mySpanRef = /*#__PURE__*/React__default['default'].createRef();
-  var myClasses = classnames__default['default']((_classnames = {}, _defineProperty__default['default'](_classnames, "".concat(iotPrefix, "--table__cell-text--truncate"), wrapText !== 'always' && truncateCellText), _defineProperty__default['default'](_classnames, "".concat(iotPrefix, "--table__cell-text--no-wrap"), wrapText === 'never'), _defineProperty__default['default'](_classnames, "".concat(iotPrefix, "--table__cell-text--preserve"), preserveCellWhiteSpace), _classnames));
+  var myClasses = classnames__default['default']((_classnames = {}, _defineProperty__default['default'](_classnames, "".concat(iotPrefix, "--table__cell-text--truncate"), wrapText !== 'always' && truncateCellText), _defineProperty__default['default'](_classnames, "".concat(iotPrefix, "--table__cell-text--no-wrap"), wrapText === 'never' || wrapText === 'expand'), _defineProperty__default['default'](_classnames, "".concat(iotPrefix, "--table__cell-text--preserve"), preserveCellWhiteSpace), _classnames));
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray__default['default'](_useState, 2),
@@ -266,22 +267,10 @@ TableCellRenderer.__docgenInfo = {
     },
     "wrapText": {
       "type": {
-        "name": "enum",
-        "value": [{
-          "value": "'always'",
-          "computed": false
-        }, {
-          "value": "'never'",
-          "computed": false
-        }, {
-          "value": "'auto'",
-          "computed": false
-        }, {
-          "value": "'alwaysTruncate'",
-          "computed": false
-        }]
+        "name": "custom",
+        "raw": "WrapCellTextPropTypes.isRequired"
       },
-      "required": true,
+      "required": false,
       "description": ""
     },
     "truncateCellText": {

package/lib/components/Table/TableHead/TableHead.js

@@ -31,6 +31,7 @@ var TablePropTypes = require('../TablePropTypes.js');
 var TableCellRenderer = require('../TableCellRenderer/TableCellRenderer.js');
 var componentUtilityFunctions = require('../../../utils/componentUtilityFunctions.js');
 var Settings = require('../../../constants/Settings.js');
+var SharedPropTypes = require('../../../constants/SharedPropTypes.js');
 var index = require('../../OverflowMenu/index.js');
 var usePrevious = require('../../../hooks/usePrevious.js');
 var deprecate = require('../../../internal/deprecate.js');
@@ -69,7 +70,7 @@ var propTypes = {
       /** If the hierarchy only has 1 nested level of children */
       hasSingleNestedHierarchy: PropTypes__default['default'].bool
     })]),
-    wrapCellText: PropTypes__default['default'].oneOf(['always', 'never', 'auto', 'alwaysTruncate']).isRequired,
+    wrapCellText: SharedPropTypes.WrapCellTextPropTypes.isRequired,
     truncateCellText: PropTypes__default['default'].bool.isRequired,
     hasMultiSort: PropTypes__default['default'].bool,
     useAutoTableLayoutForResize: PropTypes__default['default'].bool,
@@ -710,20 +711,8 @@ TableHead.__docgenInfo = {
             "required": false
           },
           "wrapCellText": {
-            "name": "enum",
-            "value": [{
-              "value": "'always'",
-              "computed": false
-            }, {
-              "value": "'never'",
-              "computed": false
-            }, {
-              "value": "'auto'",
-              "computed": false
-            }, {
-              "value": "'alwaysTruncate'",
-              "computed": false
-            }],
+            "name": "custom",
+            "raw": "WrapCellTextPropTypes.isRequired",
             "required": true
           },
           "truncateCellText": {

package/lib/constants/SharedPropTypes.js

@@ -159,6 +159,7 @@ var CarbonIconPropType = PropTypes__default['default'].oneOfType([PropTypes__def
 var HtmlElementRefProp = PropTypes__default['default'].oneOfType([PropTypes__default['default'].func, PropTypes__default['default'].shape({
   current: PropTypes__default['default'].oneOfType([PropTypes__default['default'].object])
 })]);
+var WrapCellTextPropTypes = PropTypes__default['default'].oneOf(['always', 'never', 'auto', 'alwaysTruncate', 'expand']);
 
 exports.ButtonIconPropType = ButtonIconPropType;
 exports.CarbonIconPropType = CarbonIconPropType;
@@ -169,3 +170,4 @@ exports.HotspotPropTypes = HotspotPropTypes;
 exports.HtmlElementRefProp = HtmlElementRefProp;
 exports.OverridePropTypes = OverridePropTypes;
 exports.SvgPropType = SvgPropType;
+exports.WrapCellTextPropTypes = WrapCellTextPropTypes;

package/lib/css/carbon-addons-iot-react.css

@@ -30780,9 +30780,6 @@ html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--
 .iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--light {
   background-color: #f4f4f4;
 }
-.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--invalid {
-  outline: 2px solid #da1e28;
-}
 .iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--disabled {
   border: none;
 }
@@ -30795,6 +30792,10 @@ html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--
   pointer-events: none;
 }
 
+.iot--date-time-pickerv2__wrapper--invalid {
+  outline: 2px solid #da1e28;
+}
+
 .iot--flyout-menu--content.iot--date-time-picker--menu {
   --zIndex: 0;
   padding: 0;
@@ -37604,6 +37605,10 @@ button.bx--btn.iot--tooltip-svg-wrapper.bx--btn--ghost.iot--table-toolbar__advan
   left: unset;
   right: var(--row-nesting-offset);
 }
+.iot--table__cell__offset__expand {
+  left: unset;
+  margin-left: var(--row-nesting-offset);
+}
 
 .iot--expanded-tablerow td {
   padding: 0;