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

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

@@ -11379,6 +11379,36 @@
 	  var L = offLeft ? 'left' : '';
 	  return [T, R, B, L].filter(Boolean).join('-');
 	};
+	/**
+	 * This is used as the callback for menuOffset ONLY on Tooltips. It's needed due to
+	 * truncation that might happen on Tooltip trigger, therefore we need to consider
+	 * right position of the trigger as well. This function is used as an enhancement for
+	 * the isOffscreen method.
+	 *
+	 * @param {HTMLElement} menuBody The underlying carbon FloatingMenu element
+	 * @param {string} menuDirection The direction prop
+	 * @param {HTMLElement} menuButton The button triggering the menu
+	 * @returns {string} 'start', 'center' or 'end'
+	 */
+
+
+	var getTooltipAlignment = function getTooltipAlignment(menuBody, menuDirection, menuButton) {
+	  var buttonRect = menuButton.getBoundingClientRect();
+	  var tooltipRect = menuBody.getBoundingClientRect();
+	  var windowWidth = window.innerWidth || document.documentElement.clientWidth;
+	  var triggerCenter = (buttonRect.left + buttonRect.right) / 2;
+	  var tooltipCenter = tooltipRect.width / 2;
+
+	  if (triggerCenter - tooltipCenter < 0) {
+	    return 'start';
+	  }
+
+	  if (triggerCenter + tooltipCenter > windowWidth) {
+	    return 'end';
+	  }
+
+	  return 'center';
+	};
 	/**
 	 * Given a subset of props from the Tooltip, OverflowMenu, or FlyoutMenu. This hook returns a decorator
 	 * function around the original menuOffset function. It determines if the element overflows using that
@@ -11396,22 +11426,29 @@
 	      _ref$isOverflowMenu = _ref.isOverflowMenu,
 	      isOverflowMenu = _ref$isOverflowMenu === void 0 ? false : _ref$isOverflowMenu,
 	      _ref$useAutoPositioni = _ref.useAutoPositioning,
-	      useAutoPositioning = _ref$useAutoPositioni === void 0 ? true : _ref$useAutoPositioni;
+	      useAutoPositioning = _ref$useAutoPositioni === void 0 ? true : _ref$useAutoPositioni,
+	      _ref$defaultAlignment = _ref.defaultAlignment,
+	      defaultAlignment = _ref$defaultAlignment === void 0 ? 'center' : _ref$defaultAlignment;
 
 	  var _React$useState = React__namespace.useState(),
 	      _React$useState2 = slicedToArray$2(_React$useState, 2),
 	      adjustedDirection = _React$useState2[0],
 	      setAdjustedDirection = _React$useState2[1];
 
-	  var _React$useState3 = React__namespace.useState(),
+	  var _React$useState3 = React__namespace.useState(defaultAlignment),
 	      _React$useState4 = slicedToArray$2(_React$useState3, 2),
-	      adjustedFlipped = _React$useState4[0],
-	      setAdjustedFlipped = _React$useState4[1];
+	      adjustedAlignment = _React$useState4[0],
+	      setAdjustedAlignment = _React$useState4[1];
 
-	  var _React$useState5 = React__namespace.useState({}),
+	  var _React$useState5 = React__namespace.useState(),
 	      _React$useState6 = slicedToArray$2(_React$useState5, 2),
-	      flyoutAlignment = _React$useState6[0].flyoutAlignment,
-	      setDirections = _React$useState6[1];
+	      adjustedFlipped = _React$useState6[0],
+	      setAdjustedFlipped = _React$useState6[1];
+
+	  var _React$useState7 = React__namespace.useState({}),
+	      _React$useState8 = slicedToArray$2(_React$useState7, 2),
+	      flyoutAlignment = _React$useState8[0].flyoutAlignment,
+	      setDirections = _React$useState8[1];
 
 	  var previousDirection = React__namespace.useRef();
 	  var langDir = useLangDirection_2();
@@ -11509,10 +11546,12 @@
 	   * be adjusted to `right-start`.
 	   */
 
-	  var fixOverflow = React__namespace.useCallback(function (overflow, menuOffsetArgs) {
+	  var fixOverflow = React__namespace.useCallback(function (overflow, menuOffsetArgs, alignment) {
 	    var _menuOffsetArgs = slicedToArray$2(menuOffsetArgs, 1),
 	        tooltipElement = _menuOffsetArgs[0];
 
+	    setAdjustedAlignment(alignment);
+
 	    switch (overflow) {
 	      case 'top':
 	        if (flyoutAlignment) {
@@ -11639,7 +11678,9 @@
 	    } // determine if the element is off-screen.
 
 
-	    var overflow = isOffscreen.apply(void 0, args.concat([defaultOffset])); // if it's offscreen in a direction we can fix, do so
+	    var overflow = isOffscreen.apply(void 0, args.concat([defaultOffset])); // determine if the element has new alignment
+
+	    var alignment = getTooltipAlignment.apply(void 0, args); // if it's offscreen in a direction we can fix, do so
 	    // otherwise leave it be. ie. 'top-left' is fixable, but
 	    // a large element with 'top-right-left' wouldn't be.
 
@@ -11652,7 +11693,7 @@
 	      case 'right':
 	      case 'bottom':
 	      case 'left':
-	        return fixOverflow(overflow, [].concat(args));
+	        return fixOverflow(overflow, [].concat(args), alignment);
 
 	      default:
 	        return defaultOffset;
@@ -11666,7 +11707,8 @@
 
 	  return [calculateMenuOffset, {
 	    adjustedDirection: adjustedDirection,
-	    adjustedFlipped: adjustedFlipped
+	    adjustedFlipped: adjustedFlipped,
+	    adjustedAlignment: adjustedAlignment
 	  }];
 	};
 
@@ -19842,6 +19884,7 @@
 	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']);
 
 	var bundledIconNames = ['caretUp', 'caretDown', 'edit', 'close', 'checkmark', 'warning', 'arrowUp', 'arrowDown', 'user', 'info', 'help'];
 	var icons = {
@@ -24117,7 +24160,7 @@
 	var iotPrefix$2g = settings$1.iotPrefix;
 	var propTypes$2n = {
 	  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: WrapCellTextPropTypes.isRequired,
 	  truncateCellText: PropTypes__default['default'].bool.isRequired,
 	  allowTooltip: PropTypes__default['default'].bool,
 
@@ -24178,7 +24221,7 @@
 	      filterFunction = _ref.filterFunction,
 	      preserveCellWhiteSpace = _ref.preserveCellWhiteSpace;
 	  var mySpanRef = /*#__PURE__*/React__default['default'].createRef();
-	  var myClasses = classnames$1((_classnames = {}, defineProperty$d(_classnames, "".concat(iotPrefix$2g, "--table__cell-text--truncate"), wrapText !== 'always' && truncateCellText), defineProperty$d(_classnames, "".concat(iotPrefix$2g, "--table__cell-text--no-wrap"), wrapText === 'never'), defineProperty$d(_classnames, "".concat(iotPrefix$2g, "--table__cell-text--preserve"), preserveCellWhiteSpace), _classnames));
+	  var myClasses = classnames$1((_classnames = {}, defineProperty$d(_classnames, "".concat(iotPrefix$2g, "--table__cell-text--truncate"), wrapText !== 'always' && truncateCellText), defineProperty$d(_classnames, "".concat(iotPrefix$2g, "--table__cell-text--no-wrap"), wrapText === 'never' || wrapText === 'expand'), defineProperty$d(_classnames, "".concat(iotPrefix$2g, "--table__cell-text--preserve"), preserveCellWhiteSpace), _classnames));
 
 	  var _useState = React$1.useState(false),
 	      _useState2 = slicedToArray$2(_useState, 2),
@@ -24358,22 +24401,10 @@
 	    },
 	    "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": {
@@ -34993,7 +35024,7 @@
 	      /** 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: WrapCellTextPropTypes.isRequired,
 	    truncateCellText: PropTypes__default['default'].bool.isRequired,
 	    hasMultiSort: PropTypes__default['default'].bool,
 	    useAutoTableLayoutForResize: PropTypes__default['default'].bool,
@@ -35634,20 +35665,8 @@
 	            "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": {
@@ -41010,7 +41029,7 @@
 	    })]),
 	    hasRowActions: PropTypes__default['default'].bool,
 	    shouldExpandOnRowClick: PropTypes__default['default'].bool,
-	    wrapCellText: PropTypes__default['default'].oneOf(['always', 'never', 'auto', 'alwaysTruncate']).isRequired,
+	    wrapCellText: WrapCellTextPropTypes.isRequired,
 	    truncateCellText: PropTypes__default['default'].bool.isRequired,
 
 	    /** use white-space: pre; css when true */
@@ -41132,7 +41151,7 @@
 	};
 
 	var TableBodyRow = function TableBodyRow(_ref) {
-	  var _classnames4, _classnames5, _classnames6;
+	  var _classnames5, _classnames6, _classnames7;
 
 	  var id = _ref.id,
 	      tableId = _ref.tableId,
@@ -41258,7 +41277,7 @@
 	      className: classnames$1("data-table-".concat(align), (_classnames = {}, defineProperty$d(_classnames, "".concat(iotPrefix$1$, "--table__cell--truncate"), truncateCellText), defineProperty$d(_classnames, "".concat(iotPrefix$1$, "--table__cell--sortable"), sortable), _classnames)),
 	      width: initialColumnWidth
 	    }, /*#__PURE__*/React__default['default'].createElement("span", {
-	      className: "".concat(iotPrefix$1$, "--table__cell__offset"),
+	      className: classnames$1("".concat(iotPrefix$1$, "--table__cell__offset"), defineProperty$d({}, "".concat(iotPrefix$1$, "--table__cell__offset__expand"), wrapCellText === 'expand')),
 	      style: {
 	        '--row-nesting-offset': "".concat(offset, "px")
 	      }
@@ -41346,7 +41365,7 @@
 	  }, rowDetails))) : /*#__PURE__*/React__default['default'].createElement(TableExpandRow, {
 	    key: id,
 	    expandHeaderId: "".concat(tableId, "-expand"),
-	    className: classnames$1("".concat(iotPrefix$1$, "--expandable-tablerow"), (_classnames4 = {}, defineProperty$d(_classnames4, "".concat(iotPrefix$1$, "--expandable-tablerow--parent"), hasRowNesting && (hasRowNesting === null || hasRowNesting === void 0 ? void 0 : hasRowNesting.hasSingleNestedHierarchy) && nestingChildCount > 0), defineProperty$d(_classnames4, "".concat(iotPrefix$1$, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), defineProperty$d(_classnames4, "".concat(iotPrefix$1$, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), defineProperty$d(_classnames4, "".concat(iotPrefix$1$, "--expandable-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), defineProperty$d(_classnames4, "".concat(iotPrefix$1$, "--expandable-tablerow--last-child"), isLastChild), _classnames4)),
+	    className: classnames$1("".concat(iotPrefix$1$, "--expandable-tablerow"), (_classnames5 = {}, defineProperty$d(_classnames5, "".concat(iotPrefix$1$, "--expandable-tablerow--parent"), hasRowNesting && (hasRowNesting === null || hasRowNesting === void 0 ? void 0 : hasRowNesting.hasSingleNestedHierarchy) && nestingChildCount > 0), defineProperty$d(_classnames5, "".concat(iotPrefix$1$, "--expandable-tablerow--childless"), hasRowNesting && nestingChildCount === 0), defineProperty$d(_classnames5, "".concat(iotPrefix$1$, "--expandable-tablerow--indented"), parseInt(nestingOffset, 10) > 0), defineProperty$d(_classnames5, "".concat(iotPrefix$1$, "--expandable-tablerow--singly-selected"), hasRowSelection === 'single' && isSelected && !useRadioButtonSingleSelect), defineProperty$d(_classnames5, "".concat(iotPrefix$1$, "--expandable-tablerow--last-child"), isLastChild), _classnames5)),
 	    "data-row-nesting": hasRowNesting,
 	    "data-child-count": nestingChildCount,
 	    "data-nesting-offset": nestingOffset,
@@ -41377,7 +41396,7 @@
 	    rowId: id,
 	    langDir: langDir
 	  }, tableCells) : hasRowSelection === 'single' && isSelected ? /*#__PURE__*/React__default['default'].createElement(carbonComponentsReact.TableRow, {
-	    className: classnames$1("".concat(iotPrefix$1$, "--table__row"), (_classnames5 = {}, defineProperty$d(_classnames5, "".concat(iotPrefix$1$, "--table__row--singly-selected"), isSelected && !useRadioButtonSingleSelect), defineProperty$d(_classnames5, "".concat(iotPrefix$1$, "--table__row--background"), isSelected), _classnames5)),
+	    className: classnames$1("".concat(iotPrefix$1$, "--table__row"), (_classnames6 = {}, defineProperty$d(_classnames6, "".concat(iotPrefix$1$, "--table__row--singly-selected"), isSelected && !useRadioButtonSingleSelect), defineProperty$d(_classnames6, "".concat(iotPrefix$1$, "--table__row--background"), isSelected), _classnames6)),
 	    key: id,
 	    onClick: function onClick() {
 	      if (isSelectable !== false) {
@@ -41389,7 +41408,7 @@
 	      }
 	    }
 	  }, tableCells) : /*#__PURE__*/React__default['default'].createElement(carbonComponentsReact.TableRow, {
-	    className: classnames$1("".concat(iotPrefix$1$, "--table__row"), (_classnames6 = {}, defineProperty$d(_classnames6, "".concat(iotPrefix$1$, "--table__row--unselectable"), isSelectable === false), defineProperty$d(_classnames6, "".concat(iotPrefix$1$, "--table__row--selectable"), isSelectable !== false), defineProperty$d(_classnames6, "".concat(iotPrefix$1$, "--table__row--editing"), isEditMode), defineProperty$d(_classnames6, "".concat(iotPrefix$1$, "--table__row--selected"), isSelected), _classnames6)),
+	    className: classnames$1("".concat(iotPrefix$1$, "--table__row"), (_classnames7 = {}, defineProperty$d(_classnames7, "".concat(iotPrefix$1$, "--table__row--unselectable"), isSelectable === false), defineProperty$d(_classnames7, "".concat(iotPrefix$1$, "--table__row--selectable"), isSelectable !== false), defineProperty$d(_classnames7, "".concat(iotPrefix$1$, "--table__row--editing"), isEditMode), defineProperty$d(_classnames7, "".concat(iotPrefix$1$, "--table__row--selected"), isSelected), _classnames7)),
 	    key: id,
 	    onClick: function onClick() {
 	      if (isSelectable !== false) {
@@ -41583,20 +41602,8 @@
 	            "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": {
@@ -42403,7 +42410,7 @@
 	    hasSingleNestedHierarchy: PropTypes__default['default'].bool
 	  })]),
 	  hasRowActions: PropTypes__default['default'].bool,
-	  wrapCellText: PropTypes__default['default'].oneOf(['always', 'never', 'auto', 'alwaysTruncate']).isRequired,
+	  wrapCellText: WrapCellTextPropTypes.isRequired,
 	  truncateCellText: PropTypes__default['default'].bool.isRequired,
 
 	  /** the current state of the row actions */
@@ -43126,22 +43133,10 @@
 	    },
 	    "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": {
@@ -43260,7 +43255,7 @@
 	    hasSingleNestedHierarchy: PropTypes__default['default'].bool
 	  })]),
 	  hasRowActions: PropTypes__default['default'].bool,
-	  wrapCellText: PropTypes__default['default'].oneOf(['always', 'never', 'auto', 'alwaysTruncate']).isRequired,
+	  wrapCellText: WrapCellTextPropTypes.isRequired,
 	  truncateCellText: PropTypes__default['default'].bool.isRequired,
 
 	  /** the current state of the row actions */
@@ -43962,22 +43957,10 @@
 	    },
 	    "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": {
@@ -45827,8 +45810,9 @@
 	     * 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: WrapCellTextPropTypes,
 
 	    /** use white-space: pre; css when true */
 	    preserveCellWhiteSpace: PropTypes__default['default'].bool
@@ -46377,7 +46361,7 @@
 	      forceUpdateCellTextWidth = _useState4[1];
 
 	  var useCellTextTruncate = React$1.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]);
@@ -46987,21 +46971,9 @@
 	            "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": {
@@ -104101,7 +104073,7 @@
 	};
 
 	var DateTimePicker$3 = function DateTimePicker(_ref) {
-	  var _classnames2, _classnames4;
+	  var _classnames, _classnames2, _classnames4;
 
 	  var testId = _ref.testId,
 	      defaultValue = _ref.defaultValue,
@@ -104554,7 +104526,7 @@
 	  }, /*#__PURE__*/React__default['default'].createElement("div", {
 	    "data-testid": testId,
 	    id: "".concat(id, "-").concat(iotPrefix$1p, "--date-time-pickerv2__wrapper"),
-	    className: classnames$1("".concat(iotPrefix$1p, "--date-time-pickerv2__wrapper"), defineProperty$d({}, "".concat(iotPrefix$1p, "--date-time-pickerv2__wrapper--disabled"), disabled)),
+	    className: classnames$1("".concat(iotPrefix$1p, "--date-time-pickerv2__wrapper"), (_classnames = {}, defineProperty$d(_classnames, "".concat(iotPrefix$1p, "--date-time-pickerv2__wrapper--disabled"), disabled), defineProperty$d(_classnames, "".concat(iotPrefix$1p, "--date-time-pickerv2__wrapper--invalid"), invalidState), _classnames)),
 	    style: {
 	      '--wrapper-width': hasIconOnly ? '3rem' : '20rem'
 	    },
@@ -104576,7 +104548,7 @@
 	    onMouseLeave: toggleTooltip,
 	    tabIndex: 0
 	  }, /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: classnames$1((_classnames2 = {}, defineProperty$d(_classnames2, "".concat(iotPrefix$1p, "--date-time-picker__box--full"), !hasIconOnly), defineProperty$d(_classnames2, "".concat(iotPrefix$1p, "--date-time-picker__box--light"), light), defineProperty$d(_classnames2, "".concat(iotPrefix$1p, "--date-time-picker__box--invalid"), invalidState), defineProperty$d(_classnames2, "".concat(iotPrefix$1p, "--date-time-picker__box--disabled"), disabled), _classnames2))
+	    className: classnames$1((_classnames2 = {}, defineProperty$d(_classnames2, "".concat(iotPrefix$1p, "--date-time-picker__box--full"), !hasIconOnly), defineProperty$d(_classnames2, "".concat(iotPrefix$1p, "--date-time-picker__box--light"), light), defineProperty$d(_classnames2, "".concat(iotPrefix$1p, "--date-time-picker__box--disabled"), disabled), defineProperty$d(_classnames2, "".concat(iotPrefix$1p, "--date-time-picker__box--invalid"), invalidState), _classnames2))
 	  }, !hasIconOnly ? /*#__PURE__*/React__default['default'].createElement("div", {
 	    "data-testid": "".concat(testId, "__field"),
 	    className: "".concat(iotPrefix$1p, "--date-time-picker__field")
@@ -109886,6 +109858,7 @@
 
 	  var _usePopoverPositionin = usePopoverPositioning({
 	    direction: 'bottom',
+	    defaultAlignment: 'center',
 	    menuOffset: getTooltipMenuOffset,
 	    useAutoPositioning: true,
 	    isOverflowMenu: true // Needed to preserve default direction (bottom)
@@ -109893,7 +109866,9 @@
 	  }),
 	      _usePopoverPositionin2 = slicedToArray$2(_usePopoverPositionin, 2),
 	      calculateMenuOffset = _usePopoverPositionin2[0],
-	      adjustedDirection = _usePopoverPositionin2[1].adjustedDirection;
+	      _usePopoverPositionin3 = _usePopoverPositionin2[1],
+	      adjustedDirection = _usePopoverPositionin3.adjustedDirection,
+	      adjustedAlignment = _usePopoverPositionin3.adjustedAlignment;
 
 	  var _useState = React$1.useState({
 	    title: false,
@@ -109969,7 +109944,7 @@
 	    var _classnames;
 
 	    return hasTitleTooltipFromTruncation || hasExternalTitleTextTooltip ? /*#__PURE__*/React__default['default'].createElement(carbonComponentsReact.Tooltip, {
-	      align: "center",
+	      align: adjustedAlignment,
 	      menuOffset: calculateMenuOffset,
 	      direction: adjustedDirection,
 	      "data-testid": "".concat(testId, "-title-tooltip"),
@@ -109994,6 +109969,9 @@
 
 	  var renderSubTitle = function renderSubTitle() {
 	    return !subtitle ? null : hasSubTitleTooltip ? /*#__PURE__*/React__default['default'].createElement(carbonComponentsReact.Tooltip, {
+	      align: adjustedAlignment,
+	      menuOffset: calculateMenuOffset,
+	      direction: adjustedDirection,
 	      "data-testid": "".concat(testId, "-subtitle"),
 	      ref: subTitleRef,
 	      showIcon: false,
@@ -116132,7 +116110,7 @@
 	};
 
 	var DateTimePicker$1 = function DateTimePicker(_ref) {
-	  var _classnames2, _classnames4, _style$zIndex;
+	  var _classnames, _classnames2, _classnames4, _style$zIndex;
 
 	  var testId = _ref.testId,
 	      defaultValue = _ref.defaultValue,
@@ -116707,7 +116685,7 @@
 	  }, /*#__PURE__*/React__default['default'].createElement("div", {
 	    "data-testid": testId,
 	    id: "".concat(id, "-").concat(iotPrefix$1e, "--date-time-pickerv2__wrapper"),
-	    className: classnames$1("".concat(iotPrefix$1e, "--date-time-pickerv2__wrapper"), defineProperty$d({}, "".concat(iotPrefix$1e, "--date-time-pickerv2__wrapper--disabled"), disabled)),
+	    className: classnames$1("".concat(iotPrefix$1e, "--date-time-pickerv2__wrapper"), (_classnames = {}, defineProperty$d(_classnames, "".concat(iotPrefix$1e, "--date-time-pickerv2__wrapper--disabled"), disabled), defineProperty$d(_classnames, "".concat(iotPrefix$1e, "--date-time-pickerv2__wrapper--invalid"), invalidState), _classnames)),
 	    style: {
 	      '--wrapper-width': hasIconOnly ? '3rem' : '20rem'
 	    },
@@ -116729,7 +116707,7 @@
 	    onMouseLeave: toggleTooltip,
 	    tabIndex: 0
 	  }, /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: classnames$1((_classnames2 = {}, defineProperty$d(_classnames2, "".concat(iotPrefix$1e, "--date-time-picker__box--full"), !hasIconOnly), defineProperty$d(_classnames2, "".concat(iotPrefix$1e, "--date-time-picker__box--light"), light), defineProperty$d(_classnames2, "".concat(iotPrefix$1e, "--date-time-picker__box--invalid"), invalidState), defineProperty$d(_classnames2, "".concat(iotPrefix$1e, "--date-time-picker__box--disabled"), disabled), _classnames2))
+	    className: classnames$1((_classnames2 = {}, defineProperty$d(_classnames2, "".concat(iotPrefix$1e, "--date-time-picker__box--full"), !hasIconOnly), defineProperty$d(_classnames2, "".concat(iotPrefix$1e, "--date-time-picker__box--light"), light), defineProperty$d(_classnames2, "".concat(iotPrefix$1e, "--date-time-picker__box--disabled"), disabled), defineProperty$d(_classnames2, "".concat(iotPrefix$1e, "--date-time-picker__box--invalid"), invalidState), _classnames2))
 	  }, !hasIconOnly ? /*#__PURE__*/React__default['default'].createElement("div", {
 	    "data-testid": "".concat(testId, "__field"),
 	    className: "".concat(iotPrefix$1e, "--date-time-picker__field")