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

package/es/components/BarChartCard/barChartUtils.js

@@ -288,7 +288,7 @@ var formatChartData = function formatChartData(seriesArg, values, categoryDataSo
         group.forEach(function (value) {
           series.forEach(function (dataset) {
             // if value is null, don't add it to the formatted chartData
-            if (!isNil(value[dataset.dataSourceId])) {
+            if ((!isNil(value[categoryDataSourceId]) || !isNil(dataset.label)) && (timeDataSourceId && type !== BAR_CHART_TYPES.GROUPED ? !isNil(value[timeDataSourceId]) : !isNil(value[categoryDataSourceId]))) {
               data.push(_objectSpread({
                 // if there's a dataset label, use it
                 group: dataset.label ? dataset.label : value[categoryDataSourceId],
@@ -320,7 +320,7 @@ var formatChartData = function formatChartData(seriesArg, values, categoryDataSo
         labeledData.forEach(function (dataset) {
           dataset.forEach(function (value) {
             // if value is null, don't add it to the formatted chartData
-            if (!isNil(value[series[0].dataSourceId])) {
+            if (!isNil(value[series[0].dataSourceId] && value[categoryDataSourceId])) {
               data.push({
                 group: value[categoryDataSourceId],
                 // bar this data belongs to

package/es/components/Card/CardTitle.js

@@ -71,6 +71,7 @@ var CardTitle = function CardTitle(_ref // eslint-disable-line react/prop-types
 
   var _usePopoverPositionin = usePopoverPositioning({
     direction: 'bottom',
+    defaultAlignment: 'center',
     menuOffset: getTooltipMenuOffset,
     useAutoPositioning: true,
     isOverflowMenu: true // Needed to preserve default direction (bottom)
@@ -78,7 +79,9 @@ var CardTitle = function CardTitle(_ref // eslint-disable-line react/prop-types
   }),
       _usePopoverPositionin2 = _slicedToArray(_usePopoverPositionin, 2),
       calculateMenuOffset = _usePopoverPositionin2[0],
-      adjustedDirection = _usePopoverPositionin2[1].adjustedDirection;
+      _usePopoverPositionin3 = _usePopoverPositionin2[1],
+      adjustedDirection = _usePopoverPositionin3.adjustedDirection,
+      adjustedAlignment = _usePopoverPositionin3.adjustedAlignment;
 
   var _useState = useState({
     title: false,
@@ -154,7 +157,7 @@ var CardTitle = function CardTitle(_ref // eslint-disable-line react/prop-types
     var _classnames;
 
     return hasTitleTooltipFromTruncation || hasExternalTitleTextTooltip ? /*#__PURE__*/React__default.createElement(Tooltip, {
-      align: "center",
+      align: adjustedAlignment,
       menuOffset: calculateMenuOffset,
       direction: adjustedDirection,
       "data-testid": "".concat(testId, "-title-tooltip"),
@@ -179,6 +182,9 @@ var CardTitle = function CardTitle(_ref // eslint-disable-line react/prop-types
 
   var renderSubTitle = function renderSubTitle() {
     return !subtitle ? null : hasSubTitleTooltip ? /*#__PURE__*/React__default.createElement(Tooltip, {
+      align: adjustedAlignment,
+      menuOffset: calculateMenuOffset,
+      direction: adjustedDirection,
       "data-testid": "".concat(testId, "-subtitle"),
       ref: subTitleRef,
       showIcon: false,

package/es/components/DateTimePicker/DateTimePickerV2WithTimeSpinner.js

@@ -272,7 +272,7 @@ var defaultProps = {
 };
 
 var DateTimePicker = function DateTimePicker(_ref) {
-  var _classnames2, _classnames4, _style$zIndex;
+  var _classnames, _classnames2, _classnames4, _style$zIndex;
 
   var testId = _ref.testId,
       defaultValue = _ref.defaultValue,
@@ -847,7 +847,7 @@ var DateTimePicker = function DateTimePicker(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     "data-testid": testId,
     id: "".concat(id, "-").concat(iotPrefix, "--date-time-pickerv2__wrapper"),
-    className: classnames("".concat(iotPrefix, "--date-time-pickerv2__wrapper"), _defineProperty({}, "".concat(iotPrefix, "--date-time-pickerv2__wrapper--disabled"), disabled)),
+    className: classnames("".concat(iotPrefix, "--date-time-pickerv2__wrapper"), (_classnames = {}, _defineProperty(_classnames, "".concat(iotPrefix, "--date-time-pickerv2__wrapper--disabled"), disabled), _defineProperty(_classnames, "".concat(iotPrefix, "--date-time-pickerv2__wrapper--invalid"), invalidState), _classnames)),
     style: {
       '--wrapper-width': hasIconOnly ? '3rem' : '20rem'
     },
@@ -869,7 +869,7 @@ var DateTimePicker = function DateTimePicker(_ref) {
     onMouseLeave: toggleTooltip,
     tabIndex: 0
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: classnames((_classnames2 = {}, _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--full"), !hasIconOnly), _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--light"), light), _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--invalid"), invalidState), _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--disabled"), disabled), _classnames2))
+    className: classnames((_classnames2 = {}, _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--full"), !hasIconOnly), _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--light"), light), _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--disabled"), disabled), _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--invalid"), invalidState), _classnames2))
   }, !hasIconOnly ? /*#__PURE__*/React__default.createElement("div", {
     "data-testid": "".concat(testId, "__field"),
     className: "".concat(iotPrefix, "--date-time-picker__field")

package/es/components/DateTimePicker/DateTimePickerV2WithoutTimeSpinner.js

@@ -253,7 +253,7 @@ var defaultProps = {
 };
 
 var DateTimePicker = function DateTimePicker(_ref) {
-  var _classnames2, _classnames4;
+  var _classnames, _classnames2, _classnames4;
 
   var testId = _ref.testId,
       defaultValue = _ref.defaultValue,
@@ -706,7 +706,7 @@ var DateTimePicker = function DateTimePicker(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     "data-testid": testId,
     id: "".concat(id, "-").concat(iotPrefix, "--date-time-pickerv2__wrapper"),
-    className: classnames("".concat(iotPrefix, "--date-time-pickerv2__wrapper"), _defineProperty({}, "".concat(iotPrefix, "--date-time-pickerv2__wrapper--disabled"), disabled)),
+    className: classnames("".concat(iotPrefix, "--date-time-pickerv2__wrapper"), (_classnames = {}, _defineProperty(_classnames, "".concat(iotPrefix, "--date-time-pickerv2__wrapper--disabled"), disabled), _defineProperty(_classnames, "".concat(iotPrefix, "--date-time-pickerv2__wrapper--invalid"), invalidState), _classnames)),
     style: {
       '--wrapper-width': hasIconOnly ? '3rem' : '20rem'
     },
@@ -728,7 +728,7 @@ var DateTimePicker = function DateTimePicker(_ref) {
     onMouseLeave: toggleTooltip,
     tabIndex: 0
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: classnames((_classnames2 = {}, _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--full"), !hasIconOnly), _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--light"), light), _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--invalid"), invalidState), _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--disabled"), disabled), _classnames2))
+    className: classnames((_classnames2 = {}, _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--full"), !hasIconOnly), _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--light"), light), _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--disabled"), disabled), _defineProperty(_classnames2, "".concat(iotPrefix, "--date-time-picker__box--invalid"), invalidState), _classnames2))
   }, !hasIconOnly ? /*#__PURE__*/React__default.createElement("div", {
     "data-testid": "".concat(testId, "__field"),
     className: "".concat(iotPrefix, "--date-time-picker__field")

package/es/components/SuiteHeader/IdleLogoutConfirmationModal/IdleLogoutConfirmationModal.js

@@ -55,6 +55,9 @@ var IdleLogoutConfirmationModalI18NPropTypes = {
   sessionTimeoutModalStayLoggedInButton: PropTypes.string
 };
 var defaultProps = {
+  isAdminView: null,
+  appId: null,
+  workspaceId: null,
   className: null,
   idleTimeoutData: {
     timeout: 1800,
@@ -96,6 +99,15 @@ var defaultProps = {
   }
 };
 var propTypes = {
+  /** If true, include the originIsAdmin query param in the logout URL */
+  isAdminView: PropTypes.bool,
+
+  /** Application ID in suite */
+  appId: PropTypes.string,
+
+  /** Workspace ID in suite */
+  workspaceId: PropTypes.string,
+
   /** Add class name to the rendered Modal component */
   className: PropTypes.string,
 
@@ -116,7 +128,10 @@ var propTypes = {
 };
 
 var IdleLogoutConfirmationModal = function IdleLogoutConfirmationModal(_ref) {
-  var className = _ref.className,
+  var isAdminView = _ref.isAdminView,
+      appId = _ref.appId,
+      workspaceId = _ref.workspaceId,
+      className = _ref.className,
       idleTimeoutData = _ref.idleTimeoutData,
       routes = _ref.routes,
       onRouteChange = _ref.onRouteChange,
@@ -133,7 +148,7 @@ var IdleLogoutConfirmationModal = function IdleLogoutConfirmationModal(_ref) {
 
       return acc.replace(key, val);
     }, string);
-  }, []); // Append originHref query parameter to the logout routes
+  }, []); // Append originHref query parameter (and, optionally, originIsAdmin, originWorkspaceId and originAppId) to the logout routes
 
   var logoutRoute = routes === null || routes === void 0 ? void 0 : routes.logout;
 
@@ -142,8 +157,21 @@ var IdleLogoutConfirmationModal = function IdleLogoutConfirmationModal(_ref) {
 
     if (window.location.href) {
       url.searchParams.append('originHref', window.location.href);
-      logoutRoute = url.href;
     }
+
+    if (appId) {
+      url.searchParams.append('originAppId', appId);
+    }
+
+    if (workspaceId) {
+      url.searchParams.append('originWorkspaceId', workspaceId);
+    }
+
+    if (isAdminView) {
+      url.searchParams.append('originIsAdmin', isAdminView);
+    }
+
+    logoutRoute = url.href;
   } catch (e) {
     logoutRoute = routes === null || routes === void 0 ? void 0 : routes.logout;
   }
@@ -155,9 +183,21 @@ var IdleLogoutConfirmationModal = function IdleLogoutConfirmationModal(_ref) {
 
     if (window.location.href) {
       _url.searchParams.append('originHref', window.location.href);
+    }
 
-      logoutInactivityRoute = _url.href;
+    if (appId) {
+      _url.searchParams.append('originAppId', appId);
     }
+
+    if (workspaceId) {
+      _url.searchParams.append('originWorkspaceId', workspaceId);
+    }
+
+    if (isAdminView) {
+      _url.searchParams.append('originIsAdmin', isAdminView);
+    }
+
+    logoutInactivityRoute = _url.href;
   } catch (e) {
     logoutInactivityRoute = routes === null || routes === void 0 ? void 0 : routes.logoutInactivity;
   } // This state is just to force the recreation of the IdleTimer object in the useEffect below
@@ -315,6 +355,39 @@ IdleLogoutConfirmationModal.__docgenInfo = {
   "methods": [],
   "displayName": "IdleLogoutConfirmationModal",
   "props": {
+    "isAdminView": {
+      "defaultValue": {
+        "value": "null",
+        "computed": false
+      },
+      "type": {
+        "name": "bool"
+      },
+      "required": false,
+      "description": "If true, include the originIsAdmin query param in the logout URL"
+    },
+    "appId": {
+      "defaultValue": {
+        "value": "null",
+        "computed": false
+      },
+      "type": {
+        "name": "string"
+      },
+      "required": false,
+      "description": "Application ID in suite"
+    },
+    "workspaceId": {
+      "defaultValue": {
+        "value": "null",
+        "computed": false
+      },
+      "type": {
+        "name": "string"
+      },
+      "required": false,
+      "description": "Workspace ID in suite"
+    },
     "className": {
       "defaultValue": {
         "value": "null",

package/es/components/SuiteHeader/SuiteHeader.js

@@ -206,6 +206,8 @@ var propTypes = {
 };
 
 var SuiteHeader = function SuiteHeader(_ref) {
+  var _currentWorkspace$app, _currentWorkspace$app2, _currentWorkspace$app3, _applications$find;
+
   var className = _ref.className,
       suiteName = _ref.suiteName,
       appName = _ref.appName,
@@ -265,7 +267,12 @@ var SuiteHeader = function SuiteHeader(_ref) {
   var isMultiWorkspace = (workspaces === null || workspaces === void 0 ? void 0 : workspaces.length) > 0;
   var currentWorkspace = workspaces === null || workspaces === void 0 ? void 0 : workspaces.find(function (wo) {
     return wo.isCurrent;
-  }); // Include the current workspace label only if we are not in an admin page and multi workspace is supported and more than one workspace is available
+  });
+  var appId = (_currentWorkspace$app = currentWorkspace === null || currentWorkspace === void 0 ? void 0 : (_currentWorkspace$app2 = currentWorkspace.applications) === null || _currentWorkspace$app2 === void 0 ? void 0 : (_currentWorkspace$app3 = _currentWorkspace$app2.find(function (a) {
+    return a.isCurrent;
+  })) === null || _currentWorkspace$app3 === void 0 ? void 0 : _currentWorkspace$app3.id) !== null && _currentWorkspace$app !== void 0 ? _currentWorkspace$app : applications === null || applications === void 0 ? void 0 : (_applications$find = applications.find(function (a) {
+    return a.isCurrent;
+  })) === null || _applications$find === void 0 ? void 0 : _applications$find.id; // Include the current workspace label only if we are not in an admin page and multi workspace is supported and more than one workspace is available
 
   var currentWorkspaceComponent = !isAdminView && isMultiWorkspace && (workspaces === null || workspaces === void 0 ? void 0 : workspaces.length) > 1 && currentWorkspace ? /*#__PURE__*/React__default.createElement("span", {
     "data-testid": "".concat(testId, "--current-workspace")
@@ -278,7 +285,7 @@ var SuiteHeader = function SuiteHeader(_ref) {
     className: "".concat(settings.iotPrefix, "--suite-header-subtitle")
   }, extraContent) : null;
   var navigatorRoute = (currentWorkspace === null || currentWorkspace === void 0 ? void 0 : currentWorkspace.href) || (routes === null || routes === void 0 ? void 0 : routes.navigator) || 'javascript:void(0)';
-  var adminRoute = (routes === null || routes === void 0 ? void 0 : routes.admin) || 'javascript:void(0)'; // Append originHref query parameter to the logout route
+  var adminRoute = (routes === null || routes === void 0 ? void 0 : routes.admin) || 'javascript:void(0)'; // Append originHref query parameter (and, optionally, originIsAdmin, originWorkspaceId and originAppId) to the logout route
 
   var logoutRoute = routes === null || routes === void 0 ? void 0 : routes.logout;
 
@@ -287,8 +294,21 @@ var SuiteHeader = function SuiteHeader(_ref) {
 
     if (window.location.href) {
       url.searchParams.append('originHref', window.location.href);
-      logoutRoute = url.href;
     }
+
+    if (appId) {
+      url.searchParams.append('originAppId', appId);
+    }
+
+    if (currentWorkspace !== null && currentWorkspace !== void 0 && currentWorkspace.id) {
+      url.searchParams.append('originWorkspaceId', currentWorkspace.id);
+    }
+
+    if (isAdminView) {
+      url.searchParams.append('originIsAdmin', isAdminView);
+    }
+
+    logoutRoute = url.href;
   } catch (e) {
     logoutRoute = routes === null || routes === void 0 ? void 0 : routes.logout;
   } // If there are custom help links, include an extra child content entry for the separator
@@ -365,6 +385,9 @@ var SuiteHeader = function SuiteHeader(_ref) {
       return setShowToast(false);
     }
   }) : null, idleTimeoutData && (routes === null || routes === void 0 ? void 0 : routes.domain) !== null && (routes === null || routes === void 0 ? void 0 : routes.domain) !== undefined ? /*#__PURE__*/React__default.createElement(IdleLogoutConfirmationModal, {
+    isAdminView: isAdminView,
+    appId: appId,
+    workspaceId: currentWorkspace === null || currentWorkspace === void 0 ? void 0 : currentWorkspace.id,
     idleTimeoutData: idleTimeoutData,
     routes: routes,
     onRouteChange: onRouteChange,

package/es/components/SuiteHeader/hooks/useUiResources.js

@@ -10,6 +10,8 @@ var useUiResources = function useUiResources(_ref) {
       lang = _ref$lang === void 0 ? 'en' : _ref$lang,
       _ref$surveyId = _ref.surveyId,
       surveyId = _ref$surveyId === void 0 ? null : _ref$surveyId,
+      _ref$appId = _ref.appId,
+      appId = _ref$appId === void 0 ? null : _ref$appId,
       _ref$workspaceId = _ref.workspaceId,
       workspaceId = _ref$workspaceId === void 0 ? null : _ref$workspaceId,
       _ref$fetchApi = _ref.fetchApi,
@@ -55,6 +57,7 @@ var useUiResources = function useUiResources(_ref) {
               baseApiUrl: baseApiUrl,
               lang: lang,
               surveyId: surveyId,
+              appId: appId,
               workspaceId: workspaceId,
               fetchApi: fetchApi,
               isTest: isTest
@@ -82,7 +85,7 @@ var useUiResources = function useUiResources(_ref) {
         }
       }
     }, _callee, null, [[0, 8, 11, 14]]);
-  })), [baseApiUrl, lang, surveyId, workspaceId, isTest, setIsLoading]); // eslint-disable-line react-hooks/exhaustive-deps
+  })), [baseApiUrl, lang, surveyId, appId, workspaceId, isTest, setIsLoading]); // eslint-disable-line react-hooks/exhaustive-deps
 
   useEffect(function () {
     // load actual data

package/es/components/SuiteHeader/util/uiresources.js

@@ -46,13 +46,13 @@ var defaultFetchApi = /*#__PURE__*/function () {
 
 var getUiResourcesData = /*#__PURE__*/function () {
   var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref2) {
-    var baseApiUrl, _ref2$lang, lang, _ref2$surveyId, surveyId, _ref2$workspaceId, workspaceId, _ref2$fetchApi, fetchApi, _ref2$isTest, isTest, api, langParam, surveyIdParam, workspaceIdParam;
+    var baseApiUrl, _ref2$lang, lang, _ref2$surveyId, surveyId, _ref2$appId, appId, _ref2$workspaceId, workspaceId, _ref2$fetchApi, fetchApi, _ref2$isTest, isTest, api, langParam, surveyIdParam, appIdParam, workspaceIdParam;
 
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            baseApiUrl = _ref2.baseApiUrl, _ref2$lang = _ref2.lang, lang = _ref2$lang === void 0 ? 'en' : _ref2$lang, _ref2$surveyId = _ref2.surveyId, surveyId = _ref2$surveyId === void 0 ? null : _ref2$surveyId, _ref2$workspaceId = _ref2.workspaceId, workspaceId = _ref2$workspaceId === void 0 ? null : _ref2$workspaceId, _ref2$fetchApi = _ref2.fetchApi, fetchApi = _ref2$fetchApi === void 0 ? defaultFetchApi : _ref2$fetchApi, _ref2$isTest = _ref2.isTest, isTest = _ref2$isTest === void 0 ? false : _ref2$isTest;
+            baseApiUrl = _ref2.baseApiUrl, _ref2$lang = _ref2.lang, lang = _ref2$lang === void 0 ? 'en' : _ref2$lang, _ref2$surveyId = _ref2.surveyId, surveyId = _ref2$surveyId === void 0 ? null : _ref2$surveyId, _ref2$appId = _ref2.appId, appId = _ref2$appId === void 0 ? null : _ref2$appId, _ref2$workspaceId = _ref2.workspaceId, workspaceId = _ref2$workspaceId === void 0 ? null : _ref2$workspaceId, _ref2$fetchApi = _ref2.fetchApi, fetchApi = _ref2$fetchApi === void 0 ? defaultFetchApi : _ref2$fetchApi, _ref2$isTest = _ref2.isTest, isTest = _ref2$isTest === void 0 ? false : _ref2$isTest;
 
             api = function api(method, path, body, headers) {
               return fetchApi(method, "".concat(baseApiUrl).concat(path), body, headers, isTest ? fixture[path.split('?')[0]] : null);
@@ -60,10 +60,11 @@ var getUiResourcesData = /*#__PURE__*/function () {
 
             langParam = "&lang=".concat(lang);
             surveyIdParam = surveyId ? "&surveyId=".concat(surveyId) : '';
+            appIdParam = appId ? "&appId=".concat(appId) : '';
             workspaceIdParam = workspaceId ? "&workspaceId=".concat(workspaceId) : '';
-            return _context2.abrupt("return", api('GET', "/uiresources?id=masthead".concat(langParam).concat(surveyIdParam).concat(workspaceIdParam)));
+            return _context2.abrupt("return", api('GET', "/uiresources?id=masthead".concat(langParam).concat(surveyIdParam).concat(appIdParam).concat(workspaceIdParam)));
 
-          case 6:
+          case 7:
           case "end":
             return _context2.stop();
         }

package/es/components/Table/Table.js

@@ -37,6 +37,7 @@ import { useLangDirection } from 'use-lang-direction';
 import warning from 'warning';
 import { defaultFunction } from '../../utils/componentUtilityFunctions.js';
 import { settings } from '../../constants/Settings.js';
+import { WrapCellTextPropTypes } from '../../constants/SharedPropTypes.js';
 import FilterTags from '../FilterTags/FilterTags.js';
 import { RuleGroupPropType } from '../RuleBuilder/RuleBuilderPropTypes.js';
 import deprecate$1 from '../../internal/experimental.js';
@@ -158,8 +159,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.oneOf(['always', 'never', 'auto', 'alwaysTruncate']),
+    wrapCellText: WrapCellTextPropTypes,
 
     /** use white-space: pre; css when true */
     preserveCellWhiteSpace: PropTypes.bool
@@ -708,7 +710,7 @@ var Table = function Table(props) {
       forceUpdateCellTextWidth = _useState4[1];
 
   var useCellTextTruncate = 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]);
@@ -1318,21 +1320,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/es/components/Table/TableBody/TableBody.js

@@ -22,6 +22,7 @@ import PropTypes from 'prop-types';
 import { TableBody as TableBody$1 } from 'carbon-components-react';
 import { TableRowsPropTypes, ExpandedRowsPropTypes, TableColumnsPropTypes, RowActionsStatePropTypes } from '../TablePropTypes.js';
 import deprecate from '../../../internal/deprecate.js';
+import { WrapCellTextPropTypes } from '../../../constants/SharedPropTypes.js';
 import { tableTraverser, findRow } from '../tableUtilities.js';
 import TableBodyRowRenderer from './TableBodyRowRenderer.js';
 
@@ -74,7 +75,7 @@ var propTypes = {
     hasSingleNestedHierarchy: PropTypes.bool
   })]),
   hasRowActions: PropTypes.bool,
-  wrapCellText: PropTypes.oneOf(['always', 'never', 'auto', 'alwaysTruncate']).isRequired,
+  wrapCellText: WrapCellTextPropTypes.isRequired,
   truncateCellText: PropTypes.bool.isRequired,
 
   /** the current state of the row actions */
@@ -776,22 +777,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/es/components/Table/TableBody/TableBodyRow/TableBodyRow.js

@@ -12,6 +12,7 @@ import PropTypes from 'prop-types';
 import { TableCell, TableRow, Checkbox, RadioButton } from 'carbon-components-react';
 import classnames from 'classnames';
 import { settings } from '../../../../constants/Settings.js';
+import { WrapCellTextPropTypes } from '../../../../constants/SharedPropTypes.js';
 import RowActionsCell from '../RowActionsCell/RowActionsCell.js';
 import TableCellRenderer from '../../TableCellRenderer/TableCellRenderer.js';
 import { TableColumnsPropTypes, RowActionPropTypes, RowActionErrorPropTypes } from '../../TablePropTypes.js';
@@ -63,7 +64,7 @@ var propTypes = {
     })]),
     hasRowActions: PropTypes.bool,
     shouldExpandOnRowClick: PropTypes.bool,
-    wrapCellText: PropTypes.oneOf(['always', 'never', 'auto', 'alwaysTruncate']).isRequired,
+    wrapCellText: WrapCellTextPropTypes.isRequired,
     truncateCellText: PropTypes.bool.isRequired,
 
     /** use white-space: pre; css when true */
@@ -185,7 +186,7 @@ var defaultProps = {
 };
 
 var TableBodyRow = function TableBodyRow(_ref) {
-  var _classnames4, _classnames5, _classnames6;
+  var _classnames5, _classnames6, _classnames7;
 
   var id = _ref.id,
       tableId = _ref.tableId,
@@ -311,7 +312,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
       className: classnames("data-table-".concat(align), (_classnames = {}, _defineProperty(_classnames, "".concat(iotPrefix, "--table__cell--truncate"), truncateCellText), _defineProperty(_classnames, "".concat(iotPrefix, "--table__cell--sortable"), sortable), _classnames)),
       width: initialColumnWidth
     }, /*#__PURE__*/React__default.createElement("span", {
-      className: "".concat(iotPrefix, "--table__cell__offset"),
+      className: classnames("".concat(iotPrefix, "--table__cell__offset"), _defineProperty({}, "".concat(iotPrefix, "--table__cell__offset__expand"), wrapCellText === 'expand')),
       style: {
         '--row-nesting-offset': "".concat(offset, "px")
       }
@@ -399,7 +400,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
   }, rowDetails))) : /*#__PURE__*/React__default.createElement(TableExpandRow, {
     key: id,
     expandHeaderId: "".concat(tableId, "-expand"),
-    className: classnames("".concat(iotPrefix, "--expandable-tablerow"), (_classnames4 = {}, _defineProperty(_classnames4, "".concat(iotPrefix, "--expandable-tablerow--parent"), hasRowNesting && (hasRowNesting === null || hasRowNesting === void 0 ? void 0 : hasRowNesting.hasSingleNestedHierarchy) && nestingChildCount > 0), _defineProperty(_classnames4, "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), _defineProperty(_classnames4, "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), _defineProperty(_classnames4, "".concat(iotPrefix, "--expandable-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), _defineProperty(_classnames4, "".concat(iotPrefix, "--expandable-tablerow--last-child"), isLastChild), _classnames4)),
+    className: classnames("".concat(iotPrefix, "--expandable-tablerow"), (_classnames5 = {}, _defineProperty(_classnames5, "".concat(iotPrefix, "--expandable-tablerow--parent"), hasRowNesting && (hasRowNesting === null || hasRowNesting === void 0 ? void 0 : hasRowNesting.hasSingleNestedHierarchy) && nestingChildCount > 0), _defineProperty(_classnames5, "".concat(iotPrefix, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), _defineProperty(_classnames5, "".concat(iotPrefix, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), _defineProperty(_classnames5, "".concat(iotPrefix, "--expandable-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), _defineProperty(_classnames5, "".concat(iotPrefix, "--expandable-tablerow--last-child"), isLastChild), _classnames5)),
     "data-row-nesting": hasRowNesting,
     "data-child-count": nestingChildCount,
     "data-nesting-offset": nestingOffset,
@@ -430,7 +431,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
     rowId: id,
     langDir: langDir
   }, tableCells) : hasRowSelection === 'single' && isSelected ? /*#__PURE__*/React__default.createElement(TableRow, {
-    className: classnames("".concat(iotPrefix, "--table__row"), (_classnames5 = {}, _defineProperty(_classnames5, "".concat(iotPrefix, "--table__row--singly-selected"), isSelected && !useRadioButtonSingleSelect), _defineProperty(_classnames5, "".concat(iotPrefix, "--table__row--background"), isSelected), _classnames5)),
+    className: classnames("".concat(iotPrefix, "--table__row"), (_classnames6 = {}, _defineProperty(_classnames6, "".concat(iotPrefix, "--table__row--singly-selected"), isSelected && !useRadioButtonSingleSelect), _defineProperty(_classnames6, "".concat(iotPrefix, "--table__row--background"), isSelected), _classnames6)),
     key: id,
     onClick: function onClick() {
       if (isSelectable !== false) {
@@ -442,7 +443,7 @@ var TableBodyRow = function TableBodyRow(_ref) {
       }
     }
   }, tableCells) : /*#__PURE__*/React__default.createElement(TableRow, {
-    className: classnames("".concat(iotPrefix, "--table__row"), (_classnames6 = {}, _defineProperty(_classnames6, "".concat(iotPrefix, "--table__row--unselectable"), isSelectable === false), _defineProperty(_classnames6, "".concat(iotPrefix, "--table__row--selectable"), isSelectable !== false), _defineProperty(_classnames6, "".concat(iotPrefix, "--table__row--editing"), isEditMode), _defineProperty(_classnames6, "".concat(iotPrefix, "--table__row--selected"), isSelected), _classnames6)),
+    className: classnames("".concat(iotPrefix, "--table__row"), (_classnames7 = {}, _defineProperty(_classnames7, "".concat(iotPrefix, "--table__row--unselectable"), isSelectable === false), _defineProperty(_classnames7, "".concat(iotPrefix, "--table__row--selectable"), isSelectable !== false), _defineProperty(_classnames7, "".concat(iotPrefix, "--table__row--editing"), isEditMode), _defineProperty(_classnames7, "".concat(iotPrefix, "--table__row--selected"), isSelected), _classnames7)),
     key: id,
     onClick: function onClick() {
       if (isSelectable !== false) {
@@ -636,20 +637,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/es/components/Table/TableBody/TableBodyRowRenderer.js

@@ -19,6 +19,7 @@ import 'core-js/modules/es.array.map.js';
 import React__default, { useRef } from 'react';
 import PropTypes from 'prop-types';
 import useVisibilityObserver from '../../../hooks/useVisibilityObserver.js';
+import { WrapCellTextPropTypes } from '../../../constants/SharedPropTypes.js';
 import { ExpandedRowsPropTypes, TableColumnsPropTypes, RowActionsStatePropTypes, TableRowPropTypes, TableRowsPropTypes } from '../TablePropTypes.js';
 import TableBodyRow from './TableBodyRow/TableBodyRow.js';
 import TableBodyLoadMoreRow from './TableBodyLoadMoreRow/TableBodyLoadMoreRow.js';
@@ -74,7 +75,7 @@ var propTypes = {
     hasSingleNestedHierarchy: PropTypes.bool
   })]),
   hasRowActions: PropTypes.bool,
-  wrapCellText: PropTypes.oneOf(['always', 'never', 'auto', 'alwaysTruncate']).isRequired,
+  wrapCellText: WrapCellTextPropTypes.isRequired,
   truncateCellText: PropTypes.bool.isRequired,
 
   /** the current state of the row actions */
@@ -797,22 +798,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/es/components/Table/TableCellRenderer/TableCellRenderer.js

@@ -9,11 +9,12 @@ import classnames from 'classnames';
 import { TooltipDefinition, Tooltip } from 'carbon-components-react';
 import warning from 'warning';
 import { settings } from '../../../constants/Settings.js';
+import { WrapCellTextPropTypes } from '../../../constants/SharedPropTypes.js';
 
 var iotPrefix = settings.iotPrefix;
 var propTypes = {
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.bool, PropTypes.object, PropTypes.array]),
-  wrapText: PropTypes.oneOf(['always', 'never', 'auto', 'alwaysTruncate']).isRequired,
+  wrapText: WrapCellTextPropTypes.isRequired,
   truncateCellText: PropTypes.bool.isRequired,
   allowTooltip: PropTypes.bool,
 
@@ -74,7 +75,7 @@ var TableCellRenderer = function TableCellRenderer(_ref) {
       filterFunction = _ref.filterFunction,
       preserveCellWhiteSpace = _ref.preserveCellWhiteSpace;
   var mySpanRef = /*#__PURE__*/React__default.createRef();
-  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'), _defineProperty(_classnames, "".concat(iotPrefix, "--table__cell-text--preserve"), preserveCellWhiteSpace), _classnames));
+  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' || wrapText === 'expand'), _defineProperty(_classnames, "".concat(iotPrefix, "--table__cell-text--preserve"), preserveCellWhiteSpace), _classnames));
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -254,22 +255,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": {