@carbon/ibm-products 2.60.0-rc.0 → 2.61.0-rc.0

package/es/components/ActionBar/ActionBar.js

@@ -5,21 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState, useRef, useEffect } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useRef } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../settings.js';
-import { useResizeObserver } from '../../global/js/hooks/useResizeObserver.js';
 import { Button } from '@carbon/react';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
 import { prepareProps } from '../../global/js/utils/props-helper.js';
 import { ActionBarItem } from './ActionBarItem.js';
 import { ActionBarOverflowItems } from './ActionBarOverflowItems.js';
+import { useOverflowItems } from '../../global/js/hooks/useOverflowItems.js';
 
 var _excluded = ["actions", "className", "maxVisible", "menuOptionsClass", "onWidthChange", "overflowAriaLabel", "overflowMenuRef", "rightAlign"],
-  _excluded2 = ["key", "id"],
-  _excluded3 = ["key"];
+  _excluded2 = ["id"],
+  _excluded3 = ["key", "id"];
+
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--action-bar");
 var componentName = 'ActionBar';
@@ -44,160 +45,56 @@ var ActionBar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     overflowMenuRef = _ref.overflowMenuRef,
     rightAlign = _ref.rightAlign,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    displayCount = _useState2[0],
-    setDisplayCount = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    displayedItems = _useState4[0],
-    setDisplayedItems = _useState4[1];
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    hiddenSizingItems = _useState6[0],
-    setHiddenSizingItems = _useState6[1];
   var internalId = useRef(uuidv4());
   var refDisplayedItems = useRef(null);
-  var sizingRef = useRef(null);
-  var sizes = useRef({});
   var backupRef = useRef(null);
   var localRef = ref || backupRef;
-
-  // create hidden sizing items
-  useEffect(function () {
-    // Hidden action bar and items used to calculate sizes
-    setHiddenSizingItems(/*#__PURE__*/React__default.createElement("div", {
-      className: "".concat(blockClass, "__hidden-sizing-items"),
-      "aria-hidden": true,
-      ref: sizingRef
-    }, /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(ActionBarOverflowItems, {
-      className: "".concat(blockClass, "__hidden-sizing-item"),
-      overflowAriaLabel: "hidden sizing overflow items",
-      overflowMenuRef: overflowMenuRef,
-      overflowItems: [],
-      key: "hidden-overflow-menu",
-      tabIndex: -1
-    }), actions.map(function (_ref2) {
-      var key = _ref2.key,
-        id = _ref2.id,
-        rest = _objectWithoutProperties(_ref2, _excluded2);
-      return /*#__PURE__*/React__default.createElement(ActionBarItem, _extends({}, rest, {
-        // ensure id is not duplicated
-        "data-original-id": id,
-        key: "hidden-item-".concat(key),
-        className: "".concat(blockClass, "__hidden-sizing-item"),
-        tabIndex: -1
-      }));
-    }))));
-  }, [actions, overflowMenuRef]);
-
-  // creates displayed items based on actions, displayCount and alignment
-  useEffect(function () {
-    // Calculate the displayed items
-    var newDisplayedItems = actions.map(function (_ref3) {
-      var key = _ref3.key,
-        rest = _objectWithoutProperties(_ref3, _excluded3);
-      return /*#__PURE__*/React__default.createElement(ActionBarItem, _extends({}, rest, {
-        key: key
-      }));
-    });
-
-    // extract any there is not enough room for into newOverflowItems
-    var newOverflowItems = newDisplayedItems.splice(displayCount);
-
-    // add overflow menu if needed
-    if (newOverflowItems.length) {
-      newDisplayedItems.push(/*#__PURE__*/React__default.createElement(ActionBarOverflowItems, {
-        menuOptionsClass: menuOptionsClass,
-        overflowAriaLabel: overflowAriaLabel,
-        overflowMenuRef: overflowMenuRef,
-        overflowItems: newOverflowItems,
-        key: "overflow-menu-".concat(internalId.current)
-      }));
-    }
-    setDisplayedItems(newDisplayedItems);
-  }, [actions, displayCount, overflowAriaLabel, menuOptionsClass, overflowMenuRef]);
-
-  // determine display count based on space available and width of pageActions
-  var checkFullyVisibleItems = function checkFullyVisibleItems() {
-    /* istanbul ignore if */
-    if (sizingRef.current) {
-      var _refDisplayedItems$cu;
-      var sizingItems = Array.from(sizingRef.current.querySelectorAll(".".concat(blockClass, "__hidden-sizing-item")));
-
-      // first item is always the overflow even if nothing else is rendered
-      var overflowItem = sizingItems.shift();
-
-      // determine how many will fit
-      var spaceAvailable = (_refDisplayedItems$cu = refDisplayedItems.current) === null || _refDisplayedItems$cu === undefined ? undefined : _refDisplayedItems$cu.offsetWidth;
-      var willFit = 0;
-      var maxVisibleWidth = 0;
-      var fitLimit = maxVisible ? Math.min(maxVisible, sizingItems.length) : sizingItems.length;
-
-      // loop checking the space available
-      for (var i = 0; i < fitLimit; i++) {
-        var newSpaceAvailable = spaceAvailable && spaceAvailable - sizingItems[i].offsetWidth;
-
-        // update maxVisibleWidth for later use by onWidthChange
-        maxVisibleWidth += sizingItems[i].offsetWidth;
-        if (newSpaceAvailable && newSpaceAvailable >= 0) {
-          spaceAvailable = newSpaceAvailable;
-          willFit += 1;
-        }
-      }
-
-      // if not enough space for all items then make room for the overflow
-      var overflowWidth = overflowItem.offsetWidth;
-      if (willFit < sizingItems.length) {
-        // Check space for overflow
-        while (willFit > 0 && spaceAvailable && spaceAvailable < overflowWidth) {
-          willFit -= 1;
-
-          // Highly unlikely that any action bar item is narrower than the overflow item
-
-          // Make sure by removing items in reverse order
-          spaceAvailable += sizingItems[willFit].offsetWidth;
-        }
-      }
-      if (onWidthChange && (sizes.current.minWidth !== overflowWidth || sizes.current.maxWidth !== maxVisibleWidth)) {
-        sizes.current.minWidth = overflowWidth;
-        sizes.current.maxWidth = maxVisibleWidth;
-        // emit onWidthChange
-        onWidthChange({
-          minWidth: overflowWidth,
-          maxWidth: maxVisibleWidth
-        });
-      }
-      if (willFit < 1) {
-        setDisplayCount(0);
-      } else {
-        setDisplayCount(willFit);
-      }
-    }
-  };
-  useEffect(function () {
-    checkFullyVisibleItems();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [maxVisible, hiddenSizingItems]);
-
-  // /* istanbul ignore next */ // not sure how to fake window resize
-  var handleResize = function handleResize() {
-    // when the hidden sizing items change size
-    /* istanbul ignore next */
-    // not sure how to fake window resize
-    checkFullyVisibleItems();
-  };
-
-  // // resize of the items
-  useResizeObserver(sizingRef, handleResize);
-  useResizeObserver(localRef, handleResize);
+  var _offsetRef = useRef(null);
+  var offsetRef = overflowMenuRef || _offsetRef;
+  var _items = actions.map(function (action) {
+    return _objectSpread2({
+      id: action === null || action === undefined ? undefined : action.key
+    }, action);
+  });
+  var _useOverflowItems = useOverflowItems(_items, localRef, offsetRef, maxVisible, onWidthChange),
+    visibleItems = _useOverflowItems.visibleItems,
+    hiddenItems = _useOverflowItems.hiddenItems,
+    itemRefHandler = _useOverflowItems.itemRefHandler,
+    offsetRefHandler = _useOverflowItems.offsetRefHandler;
+  var overflowMenuItems = hiddenItems === null || hiddenItems === undefined ? undefined : hiddenItems.map(function (_ref2) {
+    var key = _ref2.id,
+      rest = _objectWithoutProperties(_ref2, _excluded2);
+    return /*#__PURE__*/React__default.createElement(ActionBarItem, _extends({}, rest, {
+      key: key
+    }));
+  });
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     className: cx([blockClass, className]),
     ref: localRef
-  }), hiddenSizingItems, /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     ref: refDisplayedItems,
     className: cx(["".concat(blockClass, "__displayed-items"), _defineProperty({}, "".concat(blockClass, "__displayed-items--right"), rightAlign)])
-  }, displayedItems));
+  }, visibleItems.map(function (_ref4) {
+    var key = _ref4.key,
+      id = _ref4.id,
+      rest = _objectWithoutProperties(_ref4, _excluded3);
+    return /*#__PURE__*/React__default.createElement(ActionBarItem, _extends({}, _objectSpread2({
+      id: id
+    }, rest), {
+      key: key,
+      ref: function ref(node) {
+        itemRefHandler(id, node);
+      }
+    }));
+  }), (overflowMenuItems === null || overflowMenuItems === undefined ? undefined : overflowMenuItems.length) > 0 && /*#__PURE__*/React__default.createElement(ActionBarOverflowItems, {
+    menuOptionsClass: menuOptionsClass,
+    overflowAriaLabel: overflowAriaLabel,
+    overflowMenuRef: function overflowMenuRef(node) {
+      return offsetRef.current = offsetRefHandler(node);
+    },
+    overflowItems: overflowMenuItems,
+    key: "overflow-menu-".concat(internalId.current)
+  })));
 });
 ActionBar = pkg.checkComponentEnabled(ActionBar, componentName);
 ActionBar.displayName = componentName;

package/es/components/ActionBar/ActionBarOverflowItems.js

@@ -80,7 +80,7 @@ ActionBarOverflowItems.propTypes = {
   /**@ts-ignore */
   overflowMenuRef: PropTypes.oneOfType([PropTypes.shape({
     current: PropTypes.elementType
-  }), PropTypes.object]),
+  }), PropTypes.object, PropTypes.func]),
   /**
    * Optional tab index
    */

package/es/components/Checklist/ChecklistChart.js

@@ -9,11 +9,11 @@ import { objectWithoutProperties as _objectWithoutProperties, createForOfIterato
 import React__default, { useEffect } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
-import clamp from 'lodash/clamp';
 import { purple50, gray20, gray70 } from '../../node_modules/@carbon/colors/es/index.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { Themes } from './Checklist.types.js';
+import { clamp } from '../../global/js/utils/clamp.js';
 
 var _excluded = ["className", "value", "theme"];
 var blockClass = "".concat(pkg.prefix, "--checklist__chart");

package/es/components/Coachmark/Coachmark.js

@@ -16,7 +16,7 @@ import { createPortal } from 'react-dom';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
-import { throttle } from 'lodash';
+import { throttle } from '../../global/js/utils/throttle.js';
 import { Popover, PopoverContent } from '@carbon/react';
 import { useIsomorphicEffect } from '../../global/js/hooks/useIsomorphicEffect.js';
 

package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js

@@ -12,7 +12,7 @@ import { Carousel } from '../Carousel/Carousel.js';
 import '../Carousel/CarouselItem.js';
 import PropTypes from '../../_virtual/index.js';
 import { SteppedAnimatedMedia } from '../SteppedAnimatedMedia/SteppedAnimatedMedia.js';
-import { clamp } from 'lodash';
+import { clamp } from '../../global/js/utils/clamp.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import pconsole from '../../global/js/utils/pconsole.js';

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useRef, useState, useContext, useEffect } from 'react';
-import { Popover, PopoverContent, Layer } from '@carbon/react';
+import { Popover, PopoverContent, Layer, Section, Heading } from '@carbon/react';
 import PropTypes from '../../../_virtual/index.js';
 import { Add } from '@carbon/react/icons';
 import { ConditionBuilderButton } from '../ConditionBuilderButton/ConditionBuilderButton.js';
@@ -189,11 +189,11 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
     role: "dialog",
     "aria-label": title,
     onKeyDown: handleKeyDownHandler
-  }, /*#__PURE__*/React__default.createElement(Layer, null, /*#__PURE__*/React__default.createElement("h1", {
+  }, /*#__PURE__*/React__default.createElement(Layer, null, /*#__PURE__*/React__default.createElement(Section, null, /*#__PURE__*/React__default.createElement(Heading, {
     className: "".concat(blockClass, "__item__title")
   }, title), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__popover-content")
-  }, renderChildren ? renderChildren(popoverRef) : children))));
+  }, renderChildren ? renderChildren(popoverRef) : children)))));
 };
 ConditionBuilderItem.propTypes = {
   /**

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js

@@ -6,11 +6,12 @@
  */
 
 import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef } from 'react';
+import React__default, { useRef, useContext } from 'react';
 import { DatePicker, DatePickerInput } from '@carbon/react';
 import PropTypes from '../../../../_virtual/index.js';
 import { useTranslations } from '../../utils/useTranslations.js';
 import { blockClass } from '../../utils/util.js';
+import { ConditionBuilderContext } from '../../ConditionBuilderContext/ConditionBuilderProvider.js';
 
 var ConditionBuilderItemDate = function ConditionBuilderItemDate(_ref) {
   var conditionState = _ref.conditionState,
@@ -21,6 +22,8 @@ var ConditionBuilderItemDate = function ConditionBuilderItemDate(_ref) {
     _useTranslations2 = _slicedToArray(_useTranslations, 2),
     startText = _useTranslations2[0],
     endText = _useTranslations2[1];
+  var _useContext = useContext(ConditionBuilderContext);
+    _useContext.conditionBuilderRef;
   var datePickerType = conditionState.operator == 'between' ? 'range' : 'single';
   var onCloseHandler = function onCloseHandler(selectedDate) {
     onChange(selectedDate && selectedDate.length > 0 ? selectedDate : 'INVALID');

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js

@@ -12,7 +12,7 @@ import { Checkmark } from '@carbon/react/icons';
 import PropTypes from '../../../../_virtual/index.js';
 import { ConditionBuilderContext } from '../../ConditionBuilderContext/ConditionBuilderProvider.js';
 import { useTranslations } from '../../utils/useTranslations.js';
-import { blockClass } from '../../utils/util.js';
+import { blockClass, onKeyDownHandlerForSearch } from '../../utils/util.js';
 
 var ItemOption = function ItemOption(_ref) {
   var _ref$conditionState = _ref.conditionState,
@@ -27,6 +27,8 @@ var ItemOption = function ItemOption(_ref) {
     _useTranslations2 = _slicedToArray(_useTranslations, 2),
     propertyText = _useTranslations2[0],
     clearSearchText = _useTranslations2[1];
+  var _useContext2 = useContext(ConditionBuilderContext),
+    conditionBuilderRef = _useContext2.conditionBuilderRef;
   var allOptions = config.options;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
@@ -75,7 +77,10 @@ var ItemOption = function ItemOption(_ref) {
     size: "sm",
     labelText: clearSearchText,
     closeButtonLabelText: clearSearchText,
-    onChange: onSearchChangeHandler
+    onChange: onSearchChangeHandler,
+    onKeyDown: function onKeyDown(evt) {
+      return onKeyDownHandlerForSearch(evt, conditionBuilderRef);
+    }
   })), /*#__PURE__*/React__default.createElement("ul", {
     "aria-label": getAriaLabel(),
     role: "listbox"

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js

@@ -12,7 +12,7 @@ import { CheckboxCheckedFilled, Checkbox, Checkmark } from '@carbon/react/icons'
 import PropTypes from '../../../../_virtual/index.js';
 import { ConditionBuilderContext } from '../../ConditionBuilderContext/ConditionBuilderProvider.js';
 import { useTranslations } from '../../utils/useTranslations.js';
-import { checkForMultiSelectOperator, blockClass } from '../../utils/util.js';
+import { checkForMultiSelectOperator, blockClass, onKeyDownHandlerForSearch } from '../../utils/util.js';
 
 var _SelectSkeleton, _CheckboxCheckedFille, _Checkbox;
 var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
@@ -30,6 +30,8 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     _useTranslations2 = _slicedToArray(_useTranslations, 2),
     propertyText = _useTranslations2[0],
     clearSearchText = _useTranslations2[1];
+  var _useContext2 = useContext(ConditionBuilderContext),
+    conditionBuilderRef = _useContext2.conditionBuilderRef;
   var contentRef = useRef(null);
   var _useState = useState(config.options),
     _useState2 = _slicedToArray(_useState, 2),
@@ -149,7 +151,10 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     size: "sm",
     labelText: clearSearchText,
     closeButtonLabelText: clearSearchText,
-    onChange: onSearchChangeHandler
+    onChange: onSearchChangeHandler,
+    onKeyDown: function onKeyDown(evt) {
+      return onKeyDownHandlerForSearch(evt, conditionBuilderRef);
+    }
   })), multiSelectable && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__multiselectSelectionStatusContainer")
   }, /*#__PURE__*/React__default.createElement("label", null, selection.length, "/", allOptions.length, " Selected"), /*#__PURE__*/React__default.createElement(Button, {

package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js

@@ -24,7 +24,7 @@ var handleKeyDownForPopover = function handleKeyDownForPopover(evt, conditionBui
 
 //skipping keyboard handling for date and time fields to get take carbon's
 var excludeKeyPress = function excludeKeyPress(evt) {
-  return !['Escape'].includes(evt.key) && (evt.target.closest(".".concat(blockClass, "__item-date")) || evt.target.closest(".".concat(blockClass, "__item-time")));
+  return !['Escape'].includes(evt.key) && evt.target.closest(".".concat(blockClass, "__item-date"));
 };
 var handleKeyPressForPopover = function handleKeyPressForPopover(evt, parentContainer, conditionBuilderRef) {
   var _parentContainer$quer, _parentContainer$quer2, _evt$target$closest$q, _evt$target$closest;
@@ -80,23 +80,23 @@ var handleKeyPressForPopover = function handleKeyPressForPopover(evt, parentCont
         }
         break;
       case 'Enter':
-        if (isMultiSelect === 'true') {
-          if (document.activeElement.type !== 'button') {
-            var _document$activeEleme2;
-            //for button , enter key is click which already handled by framework, for other elements trigger click
-            evt.preventDefault();
-            (_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === undefined || _document$activeEleme2.click();
-          }
-        } else {
-          if (document.activeElement.type !== 'button') {
-            var _document$activeEleme3;
-            //for button , enter key is click which already handled by framework, else trigger click
-            focusThisField(evt, conditionBuilderRef);
-            (_document$activeEleme3 = document.activeElement) === null || _document$activeEleme3 === undefined || _document$activeEleme3.click();
-          }
+        if (document.activeElement.type !== 'button') {
+          var _document$activeEleme2;
+          //for button , enter key is click which already handled by framework, else trigger click
+          focusThisField(evt, conditionBuilderRef);
+          (_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === undefined || _document$activeEleme2.click();
         }
         break;
     }
+  } else {
+    if (key === 'Enter' && !isHoldingShiftKey) {
+      if (document.activeElement.type !== 'button') {
+        var _document$activeEleme3;
+        //for button , enter key is click which already handled by framework, else trigger click
+        focusThisField(evt, conditionBuilderRef);
+        (_document$activeEleme3 = document.activeElement) === null || _document$activeEleme3 === undefined || _document$activeEleme3.click();
+      }
+    }
   }
 };
 var handleKeyPressForMainContent = function handleKeyPressForMainContent(evt, conditionBuilderRef, variant) {

package/es/components/ConditionBuilder/utils/util.d.ts

@@ -10,3 +10,4 @@ export function checkIsValid(item: any): any;
 export function manageTabIndexAndFocus(currentElement: any, conditionBuilderRef: any): void;
 export function getValue(type: any, value: any, config: any): any;
 export function checkForMultiSelectOperator(condition: any, config: any): any;
+export function onKeyDownHandlerForSearch(evt: any, conditionBuilderRef: any): void;

package/es/components/ConditionBuilder/utils/util.js

@@ -121,5 +121,11 @@ var checkForMultiSelectOperator = function checkForMultiSelectOperator(condition
     return (condition === null || condition === undefined ? undefined : condition.operator) === operator.id && operator.isMultiSelect;
   }));
 };
+//this will close the popover on escape key on search box
+var onKeyDownHandlerForSearch = function onKeyDownHandlerForSearch(evt, conditionBuilderRef) {
+  if (!evt.currentTarget.value && evt.key === 'Escape') {
+    focusThisField(evt, conditionBuilderRef);
+  }
+};
 
-export { HIERARCHICAL_VARIANT, NON_HIERARCHICAL_VARIANT, blockClass, checkForHoldingKey, checkForMultiSelectOperator, checkIsValid, focusThisField, focusThisItem, getValue, manageTabIndexAndFocus, traverseClockVise, traverseReverse };
+export { HIERARCHICAL_VARIANT, NON_HIERARCHICAL_VARIANT, blockClass, checkForHoldingKey, checkForMultiSelectOperator, checkIsValid, focusThisField, focusThisItem, getValue, manageTabIndexAndFocus, onKeyDownHandlerForSearch, traverseClockVise, traverseReverse };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js

@@ -5,10 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import isBoolean from 'lodash/isBoolean';
-
 var isColumnVisible = function isColumnVisible(colDef) {
-  return isBoolean(colDef.isVisible) ? colDef.isVisible : true;
+  return typeof colDef.isVisible === 'boolean' ? colDef.isVisible : true;
 };
 
 export { isColumnVisible };

package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js

@@ -7,7 +7,7 @@
 
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useState, useEffect } from 'react';
-import isEqual from 'lodash/isEqual';
+import { deepCompareObject as _deepCompareObject } from '../../../../../../global/js/utils/deepCompareObject.js';
 
 /**
  * Keeps track of the button disabled state
@@ -25,7 +25,7 @@ var useShouldDisableButtons = function useShouldDisableButtons(_ref) {
     shouldDisableButtons = _useState2[0],
     setShouldDisableButtons = _useState2[1];
   useEffect(function updateDisabledButtonsState() {
-    setShouldDisableButtons(isEqual(filtersState, JSON.parse(prevFiltersRef.current)));
+    setShouldDisableButtons(_deepCompareObject(filtersState, JSON.parse(prevFiltersRef.current)));
   }, [filtersState, prevFiltersRef]);
   return [shouldDisableButtons, setShouldDisableButtons];
 };

package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js

@@ -8,7 +8,6 @@
 import React__default, { forwardRef } from 'react';
 import PropTypes from '../../../../../_virtual/index.js';
 import { RadioButtonGroup, RadioButton } from '@carbon/react';
-import isArray from 'lodash/isArray';
 import { pkg } from '../../../../../settings.js';
 
 var blockClass = "".concat(pkg.prefix, "--datagrid__row-size");
@@ -36,7 +35,7 @@ var RowSizeRadioGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
     orientation: "vertical",
     defaultSelected: getBackwardCompatibleRowSize(selectedOption),
     onChange: onChange
-  }, rowSizes && isArray(rowSizes) && rowSizes.map(function (option) {
+  }, rowSizes && Array.isArray(rowSizes) && rowSizes.map(function (option) {
     var labelText;
     try {
       labelText = option.labelText || rowSizeLabels[option.value];

package/es/components/Datagrid/useDatagrid.js

@@ -8,7 +8,6 @@
 import { objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { useMemo } from 'react';
 import { useFlexLayout, useResizeColumns, useFilters, useGlobalFilter, useSortBy, useExpanded, useTable, usePagination, useRowSelect } from 'react-table';
-import uniqueId from 'lodash/uniqueId';
 import useSkeletons from './useSkeletonRows.js';
 import useDefaultStringRenderer from './useDefaultStringRenderer.js';
 import useRowRenderer from './useRowRenderer.js';
@@ -17,6 +16,7 @@ import useHeaderRow from './Datagrid/DatagridHeaderRow.js';
 import useFlexResize from './useFlexResize.js';
 import useFloatingScroll from './useFloatingScroll.js';
 import { stateReducer } from './Datagrid/addons/stateReducer.js';
+import uuidv4 from '../../global/js/utils/uuidv4.js';
 
 var useDatagrid = function useDatagrid(params) {
   var defaultPlugins = [useFlexLayout, useHeaderRow, useSkeletons, useResizeColumns, useRowRenderer, useDefaultStringRenderer, useRowSize, useFilters, useGlobalFilter, useSortBy, useExpanded];
@@ -34,7 +34,7 @@ var useDatagrid = function useDatagrid(params) {
     minWidth: 50
   };
   var tableId = useMemo(function () {
-    return uniqueId('datagrid-table-id');
+    return uuidv4('datagrid-table-id');
   }, []);
   for (var _len = arguments.length, plugins = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     plugins[_key - 1] = arguments[_key];

package/es/components/Datagrid/useInfiniteScroll.js

@@ -6,7 +6,7 @@
  */
 
 import { useCallback } from 'react';
-import debounce from 'lodash/debounce';
+import { debounce } from '../../global/js/utils/debounce.js';
 import useParentDimensions from './useParentDimensions.js';
 import useResizeTable from './useResizeTable.js';
 
@@ -30,10 +30,7 @@ var useInfiniteScroll = function useInfiniteScroll(hooks) {
     var loadMoreThresholdValue = typeof loadMoreThreshold === 'number' ? loadMoreThreshold : 200;
     var emptyFetchData = function emptyFetchData() {};
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    var fetchMore = useCallback(debounce(fetchMoreData || emptyFetchData, 3000, {
-      leading: true,
-      trailing: false
-    }), [fetchMoreData]);
+    var fetchMore = useCallback(debounce(fetchMoreData || emptyFetchData, 3000), [fetchMoreData]);
     var onScroll = function onScroll(_ref2) {
       var scrollDirection = _ref2.scrollDirection,
         scrollOffset = _ref2.scrollOffset;

package/es/components/Datagrid/useRowIsMouseOver.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2024, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/Datagrid/useRowIsMouseOver.js

@@ -7,7 +7,7 @@
 
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { useState, useCallback } from 'react';
-import debounce from 'lodash/debounce';
+import { debounce } from '../../global/js/utils/debounce.js';
 
 var useRowIsMouseOver = function useRowIsMouseOver(hooks) {
   var useInstance = function useInstance(instance) {
@@ -20,6 +20,7 @@ var useRowIsMouseOver = function useRowIsMouseOver(hooks) {
       setMouseOverRowIndex(row === null || row === undefined ? undefined : row.index);
     }, 100);
     var getRowProps = function getRowProps(props, datagridState) {
+      // @ts-expect-error
       var onMouseOver = function onMouseOver() {
         return onMouseChange(datagridState);
       };

package/es/components/Datagrid/useStickyColumn.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2021, 2023
+ * Copyright IBM Corp. 2021, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/Datagrid/useStickyColumn.js

@@ -7,7 +7,7 @@
 
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { useRef, useState, useEffect, useLayoutEffect } from 'react';
-import debounce from 'lodash/debounce';
+import { debounce } from '../../global/js/utils/debounce.js';
 import cx from 'classnames';
 import { pkg } from '../../settings.js';
 

package/es/components/FilterSummary/FilterSummary.js

@@ -14,7 +14,7 @@ import { ChevronDown } from '@carbon/react/icons';
 import PropTypes from '../../_virtual/index.js';
 import { TagSet } from '../TagSet/TagSet.js';
 import cx from 'classnames';
-import debounce from 'lodash/debounce';
+import { debounce } from '../../global/js/utils/debounce.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import uuidv4 from '../../global/js/utils/uuidv4.js';

package/es/components/InterstitialScreen/InterstitialScreen.js

@@ -13,8 +13,8 @@ import { Carousel } from '../Carousel/Carousel.js';
 import '../Carousel/CarouselItem.js';
 import PropTypes from '../../_virtual/index.js';
 import { SteppedAnimatedMedia } from '../SteppedAnimatedMedia/SteppedAnimatedMedia.js';
-import { clamp } from 'lodash';
 import cx from 'classnames';
+import { clamp } from '../../global/js/utils/clamp.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 

package/es/components/Nav/NavItem.js

@@ -12,7 +12,7 @@ import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
 import NavItemLink from './NavItemLink.js';
-import { Launch } from '../../node_modules/@carbon/icons-react/es/generated/bucket-9.js';
+import { Launch } from '../../node_modules/@carbon/icons-react/es/generated/bucket-10.js';
 
 var _excluded = ["activeHref", "children", "className", "current", "disabled", "element", "href", "id", "label", "onClick", "tabIndex"];