carbon-addons-iot-react 4.1.37 → 4.1.38

package/es/components/Card/CardToolbar.js

@@ -17,7 +17,7 @@ import React__default, { useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { OverflowMenu, OverflowMenuItem, unstable_FeatureFlags } from '@carbon/react';
 import classnames from 'classnames';
-import { useLangDirection } from 'use-lang-direction';
+import { useLangDirection } from '../../utils/useLangDirection.js';
 import { settings } from '../../constants/Settings.js';
 import { TimeRangeOptionsPropTypes } from '../../constants/CardPropTypes.js';
 import { CARD_ACTIONS } from '../../constants/LayoutConstants.js';

package/es/components/DateTimePicker/DateTimePickerV2WithTimeSpinner.js

@@ -23,7 +23,7 @@ import { OrderedList, ListItem, FormGroup, RadioButtonGroup, RadioButton, Layer,
 import classnames from 'classnames';
 import { v4 } from 'uuid';
 import warning from 'warning';
-import { useLangDirection } from 'use-lang-direction';
+import { useLangDirection } from '../../utils/useLangDirection.js';
 import TimePickerSpinner from '../TimePickerSpinner/TimePickerSpinner.js';
 import TimePickerDropdown from '../TimePicker/TimePickerDropdown.js';
 import { settings } from '../../constants/Settings.js';

package/es/components/DateTimePicker/DateTimePickerV2WithoutTimeSpinner.js

@@ -17,7 +17,7 @@ import { OrderedList, ListItem, FormGroup, RadioButtonGroup, RadioButton, Layer,
 import classnames from 'classnames';
 import { v4 } from 'uuid';
 import warning from 'warning';
-import { useLangDirection } from 'use-lang-direction';
+import { useLangDirection } from '../../utils/useLangDirection.js';
 import TimePickerSpinner from '../TimePickerSpinner/TimePickerSpinner.js';
 import { settings } from '../../constants/Settings.js';
 import dayjs, { DAYJS_INPUT_FORMATS } from '../../utils/dayjs.js';

package/es/components/Header/HeaderActionGroup.js

@@ -16,7 +16,7 @@ import React__default, { useRef, useState, useMemo, useCallback, useLayoutEffect
 import { HeaderGlobalBar, OverflowMenuItem } from '@carbon/react';
 import PropTypes from 'prop-types';
 import ReactDOM__default from 'react-dom';
-import { useLangDirection } from 'use-lang-direction';
+import { useLangDirection } from '../../utils/useLangDirection.js';
 import { OverflowMenu } from '../OverflowMenu/index.js';
 import { settings } from '../../constants/Settings.js';
 import HeaderAction from './HeaderAction/HeaderAction.js';

package/es/components/MapCard/MapCard.js

@@ -11,7 +11,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React__default, { useMemo, useState } from 'react';
 import classnames from 'classnames';
-import { useLangDirection } from 'use-lang-direction';
+import { useLangDirection } from '../../utils/useLangDirection.js';
 import Button from '../Button/Button.js';
 import Card from '../Card/Card.js';
 import { getUpdatedCardSize, getResizeHandles } from '../../utils/cardUtilityFunctions.js';

package/es/components/MenuButton/MenuButton.js

@@ -15,7 +15,7 @@ import React__default, { useState, useRef, useCallback, useEffect, useLayoutEffe
 import PropTypes from 'prop-types';
 import { Menu } from '@carbon/react';
 import classnames from 'classnames';
-import { useLangDirection } from 'use-lang-direction';
+import { useLangDirection } from '../../utils/useLangDirection.js';
 import { settings } from '../../constants/Settings.js';
 import deprecate from '../../internal/deprecate.js';
 import { SplitMenuButton } from './SplitMenuButton.js';

package/es/components/Table/Table.js

@@ -34,8 +34,8 @@ import PropTypes from 'prop-types';
 import useDeepCompareEffect from 'use-deep-compare-effect';
 import { TableContainer, Tag, Table as Table$2 } from '@carbon/react';
 import classnames from 'classnames';
-import { useLangDirection } from 'use-lang-direction';
 import warning from 'warning';
+import { useLangDirection } from '../../utils/useLangDirection.js';
 import { defaultFunction } from '../../utils/componentUtilityFunctions.js';
 import { settings } from '../../constants/Settings.js';
 import { WrapCellTextPropTypes } from '../../constants/SharedPropTypes.js';

package/es/components/Table/TableHead/TableHead.js

@@ -27,7 +27,7 @@ import PropTypes from 'prop-types';
 import { TableHead as TableHead$2, TableRow, TableExpandHeader, Checkbox, OverflowMenuItem } from '@carbon/react';
 import classnames from 'classnames';
 import warning from 'warning';
-import { useLangDirection } from 'use-lang-direction';
+import { useLangDirection } from '../../../utils/useLangDirection.js';
 import { PinColumnPropTypes, TableColumnsPropTypes, TableColumnGroupPropType, ActiveTableToolbarPropType, TableSortPropType, TableOrderingPropType, I18NPropTypes, defaultI18NPropTypes } from '../TablePropTypes.js';
 import TableCellRenderer from '../TableCellRenderer/TableCellRenderer.js';
 import { tableTranslateWithId } from '../../../utils/componentUtilityFunctions.js';

package/es/components/Table/TableToolbar/TableToolbar.js

@@ -20,7 +20,7 @@ import React__default, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { TableToolbar as TableToolbar$2, TableBatchActions, TableBatchAction, OverflowMenuItem, TableToolbarContent } from '@carbon/react';
 import classnames from 'classnames';
-import { useLangDirection } from 'use-lang-direction';
+import { useLangDirection } from '../../../utils/useLangDirection.js';
 import { Tooltip } from '../../Tooltip/index.js';
 import { OverflowMenu } from '../../OverflowMenu/index.js';
 import Button from '../../Button/Button.js';

package/es/hooks/usePopoverPositioning.js

@@ -8,7 +8,7 @@ import 'core-js/modules/es.array.splice.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.string.includes.js';
 import * as React from 'react';
-import { useLangDirection } from 'use-lang-direction';
+import { useLangDirection } from '../utils/useLangDirection.js';
 
 /**
  * constant override to fix the calculated result returned from getMenuOffset in carbon

package/es/index.js

@@ -57,6 +57,7 @@ export { default as uiresources } from './components/SuiteHeader/util/uiresource
 export { default as cacheduiresources } from './components/SuiteHeader/util/cacheduiresources.js';
 export { default as Walkme } from './components/Walkme/Walkme.js';
 export { default as ReadOnlyValue } from './components/ReadOnlyValue/ReadOnlyValue.js';
+export { useLangDirection } from './utils/useLangDirection.js';
 export { default as Dashboard } from './components/Dashboard/Dashboard.js';
 export { default as DashboardHeader } from './components/Dashboard/DashboardHeader.js';
 export { default as DashboardGrid } from './components/Dashboard/DashboardGrid.js';

package/es/utils/useLangDirection.js

@@ -0,0 +1,76 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef, useEffect } from 'react';
+
+/**
+ * React hook that returns the current language direction ('ltr' or 'rtl')
+ * from the HTML element's 'dir' attribute and updates when it changes.
+ *
+ * @returns {string} The current language direction ('ltr' or 'rtl')
+ */
+function useLangDirection() {
+  // Create state and refs first to avoid conditional hook calls
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    direction = _useState2[0],
+    setDirection = _useState2[1];
+  var observer = useRef(null);
+  var isServerSide = useRef(typeof window === 'undefined' || typeof document === 'undefined');
+  useEffect(function () {
+    // Return early if in server environment
+    if (isServerSide.current) {
+      return;
+    }
+
+    // Target the HTML element
+    var element = document.getElementsByTagName('html')[0];
+
+    // Set initial direction
+    setDirection(element.getAttribute('dir') || 'ltr');
+
+    // Callback function to execute when mutations are observed
+    var callback = function callback(mutationsList) {
+      // Use traditional for loop for better compatibility
+      for (var i = 0; i < mutationsList.length; i += 1) {
+        var mutation = mutationsList[i];
+        // Check if the mutation was for the 'dir' attribute
+        if (mutation.type === 'attributes' && mutation.attributeName === 'dir' && mutation.oldValue !== element.getAttribute('dir')) {
+          // Update the direction state
+          setDirection(element.getAttribute('dir'));
+        }
+      }
+    };
+
+    // Disconnect any existing observer
+    if (observer.current) {
+      observer.current.disconnect();
+    }
+
+    // Configure the observer to watch for attribute changes
+    var config = {
+      attributes: true,
+      attributeOldValue: true,
+      attributeFilter: ['dir']
+    };
+
+    // Create a new MutationObserver
+    observer.current = new MutationObserver(callback);
+
+    // Start observing the HTML element
+    observer.current.observe(element, config);
+
+    // Cleanup function to disconnect the observer on unmount
+    // eslint-disable-next-line consistent-return
+    return function () {
+      if (observer.current) {
+        observer.current.disconnect();
+      }
+    };
+  }, []); // No dependencies needed as element is constant
+
+  // Return the current direction, defaulting to 'ltr' if not set or in server environment
+  return isServerSide.current ? 'ltr' : direction || 'ltr';
+}
+
+// Made with Bob
+
+export { useLangDirection };

package/lib/components/Card/CardToolbar.js

@@ -21,7 +21,7 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var react = require('@carbon/react');
 var classnames = require('classnames');
-var useLangDirection = require('use-lang-direction');
+var useLangDirection = require('../../utils/useLangDirection.js');
 var Settings = require('../../constants/Settings.js');
 var CardPropTypes = require('../../constants/CardPropTypes.js');
 var LayoutConstants = require('../../constants/LayoutConstants.js');

package/lib/components/DateTimePicker/DateTimePickerV2WithTimeSpinner.js

@@ -27,7 +27,7 @@ var react = require('@carbon/react');
 var classnames = require('classnames');
 var uuid = require('uuid');
 var warning = require('warning');
-var useLangDirection = require('use-lang-direction');
+var useLangDirection = require('../../utils/useLangDirection.js');
 var TimePickerSpinner = require('../TimePickerSpinner/TimePickerSpinner.js');
 var TimePickerDropdown = require('../TimePicker/TimePickerDropdown.js');
 var Settings = require('../../constants/Settings.js');

package/lib/components/DateTimePicker/DateTimePickerV2WithoutTimeSpinner.js

@@ -21,7 +21,7 @@ var react = require('@carbon/react');
 var classnames = require('classnames');
 var uuid = require('uuid');
 var warning = require('warning');
-var useLangDirection = require('use-lang-direction');
+var useLangDirection = require('../../utils/useLangDirection.js');
 var TimePickerSpinner = require('../TimePickerSpinner/TimePickerSpinner.js');
 var Settings = require('../../constants/Settings.js');
 var dayjs = require('../../utils/dayjs.js');

package/lib/components/Header/HeaderActionGroup.js

@@ -18,7 +18,7 @@ var React = require('react');
 var react = require('@carbon/react');
 var PropTypes = require('prop-types');
 var ReactDOM = require('react-dom');
-var useLangDirection = require('use-lang-direction');
+var useLangDirection = require('../../utils/useLangDirection.js');
 var index = require('../OverflowMenu/index.js');
 var Settings = require('../../constants/Settings.js');
 var HeaderAction = require('./HeaderAction/HeaderAction.js');

package/lib/components/MapCard/MapCard.js

@@ -13,7 +13,7 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var classnames = require('classnames');
-var useLangDirection = require('use-lang-direction');
+var useLangDirection = require('../../utils/useLangDirection.js');
 var Button = require('../Button/Button.js');
 var Card = require('../Card/Card.js');
 var cardUtilityFunctions = require('../../utils/cardUtilityFunctions.js');

package/lib/components/MenuButton/MenuButton.js

@@ -17,7 +17,7 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var react = require('@carbon/react');
 var classnames = require('classnames');
-var useLangDirection = require('use-lang-direction');
+var useLangDirection = require('../../utils/useLangDirection.js');
 var Settings = require('../../constants/Settings.js');
 var deprecate = require('../../internal/deprecate.js');
 var SplitMenuButton = require('./SplitMenuButton.js');

package/lib/components/Table/Table.js

@@ -38,8 +38,8 @@ var PropTypes = require('prop-types');
 var useDeepCompareEffect = require('use-deep-compare-effect');
 var react = require('@carbon/react');
 var classnames = require('classnames');
-var useLangDirection = require('use-lang-direction');
 var warning = require('warning');
+var useLangDirection = require('../../utils/useLangDirection.js');
 var componentUtilityFunctions = require('../../utils/componentUtilityFunctions.js');
 var Settings = require('../../constants/Settings.js');
 var SharedPropTypes = require('../../constants/SharedPropTypes.js');

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

@@ -29,7 +29,7 @@ var PropTypes = require('prop-types');
 var react = require('@carbon/react');
 var classnames = require('classnames');
 var warning = require('warning');
-var useLangDirection = require('use-lang-direction');
+var useLangDirection = require('../../../utils/useLangDirection.js');
 var TablePropTypes = require('../TablePropTypes.js');
 var TableCellRenderer = require('../TableCellRenderer/TableCellRenderer.js');
 var componentUtilityFunctions = require('../../../utils/componentUtilityFunctions.js');

package/lib/components/Table/TableToolbar/TableToolbar.js

@@ -22,7 +22,7 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var react = require('@carbon/react');
 var classnames = require('classnames');
-var useLangDirection = require('use-lang-direction');
+var useLangDirection = require('../../../utils/useLangDirection.js');
 var index$1 = require('../../Tooltip/index.js');
 var index = require('../../OverflowMenu/index.js');
 var Button = require('../../Button/Button.js');

package/lib/hooks/usePopoverPositioning.js

@@ -10,7 +10,7 @@ require('core-js/modules/es.array.splice.js');
 require('core-js/modules/es.object.to-string.js');
 require('core-js/modules/es.string.includes.js');
 var React = require('react');
-var useLangDirection = require('use-lang-direction');
+var useLangDirection = require('../utils/useLangDirection.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/lib/index.js

@@ -58,6 +58,7 @@ var uiresources = require('./components/SuiteHeader/util/uiresources.js');
 var cacheduiresources = require('./components/SuiteHeader/util/cacheduiresources.js');
 var Walkme = require('./components/Walkme/Walkme.js');
 var ReadOnlyValue = require('./components/ReadOnlyValue/ReadOnlyValue.js');
+var useLangDirection = require('./utils/useLangDirection.js');
 var Dashboard = require('./components/Dashboard/Dashboard.js');
 var DashboardHeader = require('./components/Dashboard/DashboardHeader.js');
 var DashboardGrid = require('./components/Dashboard/DashboardGrid.js');
@@ -209,6 +210,7 @@ exports.uiresources = uiresources.default;
 exports.cacheduiresources = cacheduiresources;
 exports.Walkme = Walkme;
 exports.ReadOnlyValue = ReadOnlyValue;
+exports.useLangDirection = useLangDirection.useLangDirection;
 exports.Dashboard = Dashboard;
 exports.DashboardHeader = DashboardHeader;
 exports.DashboardGrid = DashboardGrid.default;

package/lib/utils/useLangDirection.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
+
+/**
+ * React hook that returns the current language direction ('ltr' or 'rtl')
+ * from the HTML element's 'dir' attribute and updates when it changes.
+ *
+ * @returns {string} The current language direction ('ltr' or 'rtl')
+ */
+function useLangDirection() {
+  // Create state and refs first to avoid conditional hook calls
+  var _useState = React.useState(null),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
+    direction = _useState2[0],
+    setDirection = _useState2[1];
+  var observer = React.useRef(null);
+  var isServerSide = React.useRef(typeof window === 'undefined' || typeof document === 'undefined');
+  React.useEffect(function () {
+    // Return early if in server environment
+    if (isServerSide.current) {
+      return;
+    }
+
+    // Target the HTML element
+    var element = document.getElementsByTagName('html')[0];
+
+    // Set initial direction
+    setDirection(element.getAttribute('dir') || 'ltr');
+
+    // Callback function to execute when mutations are observed
+    var callback = function callback(mutationsList) {
+      // Use traditional for loop for better compatibility
+      for (var i = 0; i < mutationsList.length; i += 1) {
+        var mutation = mutationsList[i];
+        // Check if the mutation was for the 'dir' attribute
+        if (mutation.type === 'attributes' && mutation.attributeName === 'dir' && mutation.oldValue !== element.getAttribute('dir')) {
+          // Update the direction state
+          setDirection(element.getAttribute('dir'));
+        }
+      }
+    };
+
+    // Disconnect any existing observer
+    if (observer.current) {
+      observer.current.disconnect();
+    }
+
+    // Configure the observer to watch for attribute changes
+    var config = {
+      attributes: true,
+      attributeOldValue: true,
+      attributeFilter: ['dir']
+    };
+
+    // Create a new MutationObserver
+    observer.current = new MutationObserver(callback);
+
+    // Start observing the HTML element
+    observer.current.observe(element, config);
+
+    // Cleanup function to disconnect the observer on unmount
+    // eslint-disable-next-line consistent-return
+    return function () {
+      if (observer.current) {
+        observer.current.disconnect();
+      }
+    };
+  }, []); // No dependencies needed as element is constant
+
+  // Return the current direction, defaulting to 'ltr' if not set or in server environment
+  return isServerSide.current ? 'ltr' : direction || 'ltr';
+}
+
+// Made with Bob
+
+exports.useLangDirection = useLangDirection;

package/package.json

@@ -209,7 +209,6 @@
     "styled-components": "^6.1.13",
     "thenby": "^1.3.4",
     "use-deep-compare-effect": "^1.2.0",
-    "use-lang-direction": "^0.2.0",
     "use-resize-observer": "^8.0.0",
     "uuid": "^9.0.1",
     "warning": "^4.0.3"
@@ -345,11 +344,11 @@
     "whatwg-fetch": "^3.0.0"
   },
   "sideEffects": false,
-  "version": "4.1.37",
+  "version": "4.1.38",
   "resolutions": {
     "chokidar": "3.3.1",
     "react-grid-layout": "1.2.2",
     "got": "11.8.5"
   },
-  "gitHead": "9c201ce5da15331be1a6e9d83c7539b882bbf105"
+  "gitHead": "49dd0e1cf53ec9a7101d0c32bcbbb54ace5dfb97"
 }

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

@@ -2357,25 +2357,25 @@
   };
   var Button$2 = Button$1;
 
-  function _arrayLikeToArray$c(r, a) {
+  function _arrayLikeToArray$b(r, a) {
     (null == a || a > r.length) && (a = r.length);
     for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
     return n;
   }
 
   function _arrayWithoutHoles$2(r) {
-    if (Array.isArray(r)) return _arrayLikeToArray$c(r);
+    if (Array.isArray(r)) return _arrayLikeToArray$b(r);
   }
 
   function _iterableToArray$2(r) {
     if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
   }
 
-  function _unsupportedIterableToArray$c(r, a) {
+  function _unsupportedIterableToArray$b(r, a) {
     if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray$c(r, a);
+      if ("string" == typeof r) return _arrayLikeToArray$b(r, a);
       var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$c(r, a) : void 0;
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0;
     }
   }
 
@@ -2384,7 +2384,7 @@
   }
 
   function _toConsumableArray$2(r) {
-    return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray$c(r) || _nonIterableSpread$2();
+    return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray$b(r) || _nonIterableSpread$2();
   }
 
   function _arrayWithHoles$9(r) {
@@ -2424,7 +2424,7 @@
   }
 
   function _slicedToArray$9(r, e) {
-    return _arrayWithHoles$9(r) || _iterableToArrayLimit$9(r, e) || _unsupportedIterableToArray$c(r, e) || _nonIterableRest$9();
+    return _arrayWithHoles$9(r) || _iterableToArrayLimit$9(r, e) || _unsupportedIterableToArray$b(r, e) || _nonIterableRest$9();
   }
 
   var $map$1 = arrayIteration.map;
@@ -2752,7 +2752,7 @@
     enabled: enabled$1.enableEnhancedFileUploader
   }];
 
-  function _arrayLikeToArray$b(r, a) {
+  function _arrayLikeToArray$a(r, a) {
     (null == a || a > r.length) && (a = r.length);
     for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
     return n;
@@ -2774,10 +2774,10 @@
       writable: false
     }), e;
   }
-  function _createForOfIteratorHelper$2(r, e) {
+  function _createForOfIteratorHelper$1(r, e) {
     var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (!t) {
-      if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(r)) || e) {
+      if (Array.isArray(r) || (t = _unsupportedIterableToArray$a(r)) || e) {
         t && (r = t);
         var n = 0,
           F = function () {};
@@ -2850,7 +2850,7 @@
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   function _slicedToArray$8(r, e) {
-    return _arrayWithHoles$8(r) || _iterableToArrayLimit$8(r, e) || _unsupportedIterableToArray$b(r, e) || _nonIterableRest$8();
+    return _arrayWithHoles$8(r) || _iterableToArrayLimit$8(r, e) || _unsupportedIterableToArray$a(r, e) || _nonIterableRest$8();
   }
   function _toPrimitive$2(t, r) {
     if ("object" != typeof t || !t) return t;
@@ -2866,11 +2866,11 @@
     var i = _toPrimitive$2(t, "string");
     return "symbol" == typeof i ? i : i + "";
   }
-  function _unsupportedIterableToArray$b(r, a) {
+  function _unsupportedIterableToArray$a(r, a) {
     if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray$b(r, a);
+      if ("string" == typeof r) return _arrayLikeToArray$a(r, a);
       var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0;
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$a(r, a) : void 0;
     }
   }
 
@@ -2961,7 +2961,7 @@
     }, {
       key: "mergeWithScope",
       value: function mergeWithScope(scope) {
-        var _iterator = _createForOfIteratorHelper$2(scope.flags),
+        var _iterator = _createForOfIteratorHelper$1(scope.flags),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -9719,154 +9719,78 @@
     }
   });
 
-  var interopRequireDefault = createCommonjsModule(function (module) {
-  function _interopRequireDefault(e) {
-    return e && e.__esModule ? e : {
-      "default": e
-    };
-  }
-  module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  });
-
-  var arrayWithHoles = createCommonjsModule(function (module) {
-  function _arrayWithHoles(r) {
-    if (Array.isArray(r)) return r;
-  }
-  module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  });
-
-  var iterableToArrayLimit = createCommonjsModule(function (module) {
-  function _iterableToArrayLimit(r, l) {
-    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-    if (null != t) {
-      var e,
-        n,
-        i,
-        u,
-        a = [],
-        f = !0,
-        o = !1;
-      try {
-        if (i = (t = t.call(r)).next, 0 === l) {
-          if (Object(t) !== t) return;
-          f = !1;
-        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-      } catch (r) {
-        o = !0, n = r;
-      } finally {
-        try {
-          if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-        } finally {
-          if (o) throw n;
-        }
-      }
-      return a;
-    }
-  }
-  module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  });
-
-  var arrayLikeToArray = createCommonjsModule(function (module) {
-  function _arrayLikeToArray(r, a) {
-    (null == a || a > r.length) && (a = r.length);
-    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-    return n;
-  }
-  module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  });
-
-  var unsupportedIterableToArray = createCommonjsModule(function (module) {
-  function _unsupportedIterableToArray(r, a) {
-    if (r) {
-      if ("string" == typeof r) return arrayLikeToArray(r, a);
-      var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? arrayLikeToArray(r, a) : void 0;
-    }
-  }
-  module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  });
-
-  var nonIterableRest = createCommonjsModule(function (module) {
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  });
-
-  var slicedToArray = createCommonjsModule(function (module) {
-  function _slicedToArray(r, e) {
-    return arrayWithHoles(r) || iterableToArrayLimit(r, e) || unsupportedIterableToArray(r, e) || nonIterableRest();
-  }
-  module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  });
-
-  var useLangDirection_2 = useLangDirection;
-
-  var _slicedToArray2 = interopRequireDefault(slicedToArray);
-
-
-
-  function _createForOfIteratorHelper$1(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray$a(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-  function _unsupportedIterableToArray$a(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$a(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$a(o, minLen); }
-
-  function _arrayLikeToArray$a(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+  /**
+   * React hook that returns the current language direction ('ltr' or 'rtl')
+   * from the HTML element's 'dir' attribute and updates when it changes.
+   *
+   * @returns {string} The current language direction ('ltr' or 'rtl')
+   */
   function useLangDirection() {
-    // Default target
-    var element = document.getElementsByTagName('html')[0]; // Read and set initial direction from default
+    // Create state and refs first to avoid conditional hook calls
+    var _useState = React$1.useState(null),
+      _useState2 = _slicedToArray$9(_useState, 2),
+      direction = _useState2[0],
+      setDirection = _useState2[1];
+    var observer = React$1.useRef(null);
+    var isServerSide = React$1.useRef(typeof window === 'undefined' || typeof document === 'undefined');
+    React$1.useEffect(function () {
+      // Return early if in server environment
+      if (isServerSide.current) {
+        return;
+      }
 
-    var _useState = (0, React$1.useState)(element.getAttribute('dir')),
-        _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-        direction = _useState2[0],
-        setDirection = _useState2[1]; // Store obsever as ref so we can ensure we are cleaning all obvservers up
+      // Target the HTML element
+      var element = document.getElementsByTagName('html')[0];
 
+      // Set initial direction
+      setDirection(element.getAttribute('dir') || 'ltr');
 
-    var observer = (0, React$1.useRef)(null);
-    (0, React$1.useEffect)(function () {
       // Callback function to execute when mutations are observed
       var callback = function callback(mutationsList) {
-        // Use traditional 'for loops' for IE 11
-        var _iterator = _createForOfIteratorHelper$1(mutationsList),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var mutation = _step.value;
-
-            // Check if mutation was our dir attribute
-            if (mutation.type === 'attributes' && mutation.attributeName === 'dir' && mutation.oldValue !== element.getAttribute('dir')) {
-              // Set the new direction
-              setDirection(element.getAttribute('dir'));
-            }
+        // Use traditional for loop for better compatibility
+        for (var i = 0; i < mutationsList.length; i += 1) {
+          var mutation = mutationsList[i];
+          // Check if the mutation was for the 'dir' attribute
+          if (mutation.type === 'attributes' && mutation.attributeName === 'dir' && mutation.oldValue !== element.getAttribute('dir')) {
+            // Update the direction state
+            setDirection(element.getAttribute('dir'));
           }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
         }
-      }; // Disconnect any old observers
-
+      };
 
-      if (observer.current) observer.current.disconnect(); // Options for the observer (which mutations to observe)
+      // Disconnect any existing observer
+      if (observer.current) {
+        observer.current.disconnect();
+      }
 
+      // Configure the observer to watch for attribute changes
       var config = {
-        attributes: true
-      }; // Create an observer instance linked to the callback function
+        attributes: true,
+        attributeOldValue: true,
+        attributeFilter: ['dir']
+      };
 
+      // Create a new MutationObserver
       observer.current = new MutationObserver(callback);
-      var currentObserver = observer.current; // Start observing the target node for configured mutations
 
-      currentObserver.observe(element, config); // Disconnect on unmount
+      // Start observing the HTML element
+      observer.current.observe(element, config);
 
+      // Cleanup function to disconnect the observer on unmount
+      // eslint-disable-next-line consistent-return
       return function () {
-        currentObserver.disconnect();
+        if (observer.current) {
+          observer.current.disconnect();
+        }
       };
-    }, [element, direction]); // Return the element direction value
+    }, []); // No dependencies needed as element is constant
 
-    return direction || 'ltr';
+    // Return the current direction, defaulting to 'ltr' if not set or in server environment
+    return isServerSide.current ? 'ltr' : direction || 'ltr';
   }
 
+  // Made with Bob
+
   /**
    * constant override to fix the calculated result returned from getMenuOffset in carbon
    */
@@ -9965,7 +9889,7 @@
       flyoutAlignment = _React$useState8[0].flyoutAlignment,
       setDirections = _React$useState8[1];
     var previousDirection = React__namespace.useRef();
-    var langDir = useLangDirection_2();
+    var langDir = useLangDirection();
     React__namespace.useEffect(function () {
       previousDirection.current = direction;
       setAdjustedDirection(direction);
@@ -213642,7 +213566,7 @@ ${formatRule(Codicon.menuSubmenu)}
         return id === columnGroupId;
       });
     });
-    var langDir = useLangDirection_2();
+    var langDir = useLangDirection();
     return /*#__PURE__*/React$1.createElement(react.TableHead, {
       className: classnames(_defineProperty$c({
         lightweight: lightweight
@@ -216898,7 +216822,7 @@ ${formatRule(Codicon.menuSubmenu)}
       testID = _ref.testID,
       testId = _ref.testId;
     var shouldShowBatchActions = hasRowSelection === 'multi' && totalSelected > 0;
-    var langDir = useLangDirection_2();
+    var langDir = useLangDirection();
     var _useDynamicOverflowMe = useDynamicOverflowMenuItems$1({
         actions: toolbarActions,
         className: "".concat(iotPrefix$24, "--table-toolbar-aggregations__overflow-menu-content"),
@@ -225202,7 +225126,7 @@ ${formatRule(Codicon.menuSubmenu)}
     var _view$pagination = view.pagination,
       maxPages = _view$pagination.maxPages,
       paginationProps = _objectWithoutProperties$3(_view$pagination, _excluded4$1);
-    var langDir = useLangDirection_2();
+    var langDir = useLangDirection();
     var hasMultiSelect = options.hasRowSelection === 'multi';
     var hasSingleSelect = options.hasRowSelection === 'single';
     var _useState = React$1.useState(function () {
@@ -259047,7 +258971,7 @@ React keys must be passed directly to JSX without using spread:
         warning_1(false, 'The `DateTimePickerV2` is an experimental component and could be lacking unit test and documentation. Be aware that minor version bumps could introduce breaking changes. For the reasons listed above use of this component in production is highly discouraged') ;
       }
     }, []);
-    var langDir = useLangDirection_2();
+    var langDir = useLangDirection();
     var mergedI18n = React$1.useMemo(function () {
       return _objectSpread$1r(_objectSpread$1r({}, defaultProps$1L.i18n), i18n);
     }, [i18n]);
@@ -264343,7 +264267,7 @@ React keys must be passed directly to JSX without using spread:
       renderDateDropdownInPortal = _ref.renderDateDropdownInPortal,
       id = _ref.id;
     var mergedI18n = _objectSpread$1n(_objectSpread$1n({}, defaultProps$1I.i18n), i18n);
-    var langDir = useLangDirection_2();
+    var langDir = useLangDirection();
     var overflowMenuPosition = React$1.useMemo(function () {
       return langDir === 'ltr';
     }, [langDir]);
@@ -271377,7 +271301,7 @@ React keys must be passed directly to JSX without using spread:
         warning_1(false, 'The `DateTimePickerV2` is an experimental component and could be lacking unit test and documentation. Be aware that minor version bumps could introduce breaking changes. For the reasons listed above use of this component in production is highly discouraged') ;
       }
     }, []);
-    var langDir = useLangDirection_2();
+    var langDir = useLangDirection();
     var mergedI18n = React$1.useMemo(function () {
       return _objectSpread$1g(_objectSpread$1g({}, defaultProps$1z.i18n), i18n);
     }, [i18n]);
@@ -275717,7 +275641,7 @@ React keys must be passed directly to JSX without using spread:
     var mergedI18n = React$1.useMemo(function () {
       return _objectSpread$1b(_objectSpread$1b({}, defaultProps$1q.i18n), i18n);
     }, [i18n]);
-    var langDir = useLangDirection_2();
+    var langDir = useLangDirection();
     var checkForOverflow = React$1.useCallback(function () {
       /* istanbul ignore else */
       if (overFlowContainerRef.current) {
@@ -325447,7 +325371,7 @@ React keys must be passed directly to JSX without using spread:
       shadowBlockerConf = _useState6[0],
       setShadowBlockerConf = _useState6[1];
     var buttonRef = React$1.useRef(null);
-    var langDir = useLangDirection_2();
+    var langDir = useLangDirection();
     var handleResize = React$1.useCallback(function () {
       /* istanbul ignore else */
       if (buttonRef.current) {
@@ -329036,7 +328960,7 @@ React keys must be passed directly to JSX without using spread:
     var mergedI18n = React$1.useMemo(function () {
       return _objectSpread$7(_objectSpread$7({}, defaultProps$8.i18n), i18n);
     }, [i18n]);
-    var langDir = useLangDirection_2();
+    var langDir = useLangDirection();
     // Checks size property against new size naming convention and reassigns to closest supported size if necessary.
     var newSize = getUpdatedCardSize(size);
     var BASE_CLASS_NAME = "".concat(iotPrefix$7, "--map");
@@ -370916,6 +370840,7 @@ ${tagToString(tag)}`;
   exports.uiresources = getUiResourcesData$1;
   exports.useDNDProviderElement = useDNDProviderElement;
   exports.useHotspotEditorState = useHotspotEditorState;
+  exports.useLangDirection = useLangDirection;
   exports.useResize = useResize;
   exports.useSuiteHeaderData = useSuiteHeaderData$1;
   exports.useUiResources = useUiResources$1;