@carbon/ibm-products 1.62.0 → 1.63.0

package/lib/components/FilterSummary/FilterSummary.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,16 +9,20 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _carbonComponentsReact = require("carbon-components-react");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _TagSet = require("../TagSet");
 var _settings = require("../../settings");
+var _uuidv = _interopRequireDefault(require("../../global/js/utils/uuidv4"));
 var _excluded = ["key", "value"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var blockClass = "".concat(_settings.pkg.prefix, "--filter-summary");
 var FilterSummary = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var _filterSummaryClearBu;
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$clearFiltersText = _ref.clearFiltersText,
@@ -29,7 +34,10 @@ var FilterSummary = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
     _ref$renderLabel = _ref.renderLabel,
     renderLabel = _ref$renderLabel === void 0 ? null : _ref$renderLabel,
     _ref$overflowType = _ref.overflowType,
-    overflowType = _ref$overflowType === void 0 ? 'default' : _ref$overflowType;
+    overflowType = _ref$overflowType === void 0 ? 'default' : _ref$overflowType,
+    _ref$clearButtonInlin = _ref.clearButtonInline,
+    clearButtonInline = _ref$clearButtonInlin === void 0 ? true : _ref$clearButtonInlin;
+  var filterSummaryId = "".concat(blockClass, "__").concat((0, _uuidv.default)());
   var tagFilters = filters.map(function (_ref2) {
     var _renderLabel;
     var key = _ref2.key,
@@ -40,26 +48,35 @@ var FilterSummary = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
       label: (_renderLabel = renderLabel === null || renderLabel === void 0 ? void 0 : renderLabel(key, value)) !== null && _renderLabel !== void 0 ? _renderLabel : "".concat(key, ": ").concat(value)
     });
   });
+  var filterSummaryClearButton = (0, _react.useRef)();
+  var filterSummaryRef = (0, _react.useRef)();
+  var localRef = filterSummaryRef || ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    className: (0, _classnames.default)([blockClass, className])
+    ref: localRef,
+    className: (0, _classnames.default)([blockClass, className]),
+    id: filterSummaryId
   }, /*#__PURE__*/_react.default.createElement(_TagSet.TagSet, {
     allTagsModalSearchLabel: "Search all tags",
     allTagsModalSearchPlaceholderText: "Search all tags",
     allTagsModalTitle: "All tags",
     showAllTagsLabel: "View all tags",
     tags: tagFilters,
-    overflowType: overflowType
+    overflowType: overflowType,
+    className: (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "__clear-button-inline"), clearButtonInline)),
+    containingElementRef: localRef,
+    measurementOffset: filterSummaryClearButton === null || filterSummaryClearButton === void 0 ? void 0 : (_filterSummaryClearBu = filterSummaryClearButton.current) === null || _filterSummaryClearBu === void 0 ? void 0 : _filterSummaryClearBu.offsetWidth
   }), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, {
     kind: "ghost",
     size: "sm",
-    onClick: clearFilters
+    onClick: clearFilters,
+    ref: filterSummaryClearButton
   }, clearFiltersText));
 });
 var componentName = 'FilterSummary';
 FilterSummary.displayName = componentName;
 FilterSummary.propTypes = {
   className: _propTypes.default.string,
+  clearButtonInline: _propTypes.default.boolean,
   clearFilters: _propTypes.default.func.isRequired,
   clearFiltersText: _propTypes.default.string,
   filters: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,

package/lib/components/Guidebanner/Guidebanner.js

@@ -73,9 +73,6 @@ var Guidebanner = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     isCollapsed = _useState6[0],
     setIsCollapsed = _useState6[1];
-  var handleScrollableChange = function handleScrollableChange(value) {
-    setShowNavigation(value);
-  };
   var handleClickToggle = function handleClickToggle() {
     setScrollPosition(0);
     scrollRef.current.scrollToView(0);
@@ -100,9 +97,13 @@ var Guidebanner = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       left: _colors.blue90,
       right: _colors.purple70
     },
-    ref: scrollRef,
-    scrollableChange: handleScrollableChange,
-    scrollTune: -450
+    onChangeIsScrollable: function onChangeIsScrollable(value) {
+      setShowNavigation(value);
+    },
+    onScroll: function onScroll(scrollPercent) {
+      setScrollPosition(scrollPercent);
+    },
+    ref: scrollRef
   }, children), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)([collapsible || showNavigation ? "".concat(blockClass, "__navigation") : null])
   }, collapsible && /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, {
@@ -121,9 +122,7 @@ var Guidebanner = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     tooltipPosition: "top",
     iconDescription: previousIconDescription,
     onClick: function onClick() {
-      scrollRef.current.scrollPrev().then(function (scrollPercentage) {
-        return setScrollPosition(scrollPercentage);
-      });
+      scrollRef.current.scrollPrev();
     }
   }), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, {
     kind: "ghost",
@@ -136,9 +135,7 @@ var Guidebanner = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     tooltipAlignment: "end",
     iconDescription: nextIconDescription,
     onClick: function onClick() {
-      scrollRef.current.scrollNext().then(function (scrollPercentage) {
-        return setScrollPosition(scrollPercentage);
-      });
+      scrollRef.current.scrollNext();
     }
   }))), onClose && /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, {
     className: "".concat(blockClass, "__close-button"),

package/lib/components/TagSet/TagSet.js

@@ -21,7 +21,7 @@ var _useResizeObserver = require("../../global/js/hooks/useResizeObserver");
 var _devtools = require("../../global/js/utils/devtools");
 var _propsHelper = require("../../global/js/utils/props-helper");
 var _settings = require("../../settings");
-var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAlign", "overflowClassName", "overflowType", "overflowDirection", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags"],
+var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAlign", "overflowClassName", "overflowType", "overflowDirection", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags", "containingElementRef", "measurementOffset"],
   _excluded2 = ["label", "id"],
   _excluded3 = ["label"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -36,6 +36,7 @@ var allTagsModalSearchThreshold = 10;
 var defaults = {
   align: 'start',
   // allTagsModalTarget: document.body,
+  measurementOffset: 0,
   overflowAlign: 'center',
   overflowDirection: 'bottom',
   overflowType: 'default'
@@ -59,6 +60,9 @@ var TagSet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     allTagsModalSearchPlaceholderText = _ref.allTagsModalSearchPlaceholderText,
     showAllTagsLabel = _ref.showAllTagsLabel,
     tags = _ref.tags,
+    containingElementRef = _ref.containingElementRef,
+    _ref$measurementOffse = _ref.measurementOffset,
+    measurementOffset = _ref$measurementOffse === void 0 ? defaults.measurementOffset : _ref$measurementOffse,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useState = (0, _react.useState)(3),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -163,7 +167,9 @@ var TagSet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     // how many will fit?
     var willFit = 0;
     if (sizingTags.length > 0) {
-      var spaceAvailable = tagSetRef.current.offsetWidth;
+      var optionalContainingElement = containingElementRef === null || containingElementRef === void 0 ? void 0 : containingElementRef.current;
+      var measurementOffsetValue = typeof measurementOffset === 'number' ? measurementOffset : 0;
+      var spaceAvailable = optionalContainingElement ? optionalContainingElement.offsetWidth - measurementOffsetValue : tagSetRef.current.offsetWidth;
       for (var i in sizingTags) {
         var tagWidth = sizingTags[i].offsetWidth;
         if (spaceAvailable >= tagWidth) {
@@ -186,7 +192,7 @@ var TagSet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     } else {
       setDisplayCount(maxVisible ? Math.min(willFit, maxVisible) : willFit);
     }
-  }, [maxVisible, multiline, sizingTags, tagSetRef]);
+  }, [maxVisible, multiline, sizingTags, tagSetRef, containingElementRef, measurementOffset]);
   (0, _react.useEffect)(function () {
     checkFullyVisibleTags();
   }, [checkFullyVisibleTags, maxVisible, multiline, sizingTags]);
@@ -208,7 +214,8 @@ var TagSet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     setShowAllModalOpen(false);
   };
   (0, _useResizeObserver.useResizeObserver)(sizingContainerRef, handleSizerTagsResize);
-  (0, _useResizeObserver.useResizeObserver)(tagSetRef, handleResize);
+  var resizeOption = containingElementRef ? containingElementRef : tagSetRef;
+  (0, _useResizeObserver.useResizeObserver)(resizeOption, handleResize);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
     className: (0, _classnames.default)([blockClass, className]),
     ref: tagSetRef
@@ -289,10 +296,20 @@ TagSet.propTypes = {
    * className
    */
   className: _propTypes.default.string,
+  /**
+   * Optional ref for custom resize container to measure available space
+   * Default will measure the available space of the TagSet container itself.
+   */
+  containingElementRef: _propTypes.default.object,
   /**
    * maximum visible tags
    */
   maxVisible: _propTypes.default.number,
+  /**
+   * Specify offset amount for measure available space, only used when `containingElementSelector`
+   * is also provided
+   */
+  measurementOffset: _propTypes.default.number,
   /**
    * display tags in multiple lines
    */

package/lib/global/js/package-settings.js

@@ -95,8 +95,6 @@ var defaults = {
   feature: {
     'a-new-feature': false,
     'default-portal-target-body': true,
-    'Datagrid.useExpandedRow': false,
-    'Datagrid.useNestedRows': false,
     'Datagrid.useInlineEdit': false,
     'Datagrid.useFiltering': false,
     'Datagrid.useCustomizeColumns': false,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "1.62.0",
+  "version": "1.63.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -92,10 +92,10 @@
     "@carbon/themes": "^10.55.3",
     "@carbon/type": "^10.45.3",
     "carbon-components": "^10.58.12",
-    "carbon-components-react": "^7.59.16",
+    "carbon-components-react": "^7.59.17",
     "carbon-icons": "^7.0.7",
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "89c6e18fc0a426f7a6835947561210242824fb07"
+  "gitHead": "2fe150f0f2374e506659d44f2c4a616ef7c4f2b0"
 }

package/scss/components/Carousel/_carousel.scss

@@ -59,9 +59,8 @@
       }
 
       display: flex;
+      overflow: scroll;
       -ms-overflow-style: none;
-      overflow-x: scroll;
-      overflow-y: hidden;
       scroll-behavior: smooth;
       scroll-snap-type: x mandatory;
       scrollbar-width: none;

package/scss/components/Datagrid/styles/_useExpandedRow.scss

@@ -63,3 +63,24 @@
 .#{$block-class} .#{$block-class}__expandable-row--hover td {
   background: $layer-hover;
 }
+
+.#{$block-class}
+  .#{$carbon-prefix}--data-table
+  tbody
+  tr:hover
+  td.#{$block-class}__expanded-row-cell-wrapper,
+.#{$block-class}
+  .#{$carbon-prefix}--data-table
+  td.#{$block-class}__expanded-row-cell-wrapper,
+.#{$block-class}
+  .#{$carbon-prefix}--data-table
+  .#{$block-class}__carbon-row-expanded
+  td.#{$block-class}__expandable-row-cell {
+  border: none;
+}
+
+.#{$block-class}
+  .#{$carbon-prefix}--data-table
+  td.#{$block-class}__expanded-row-cell-wrapper {
+  padding: 0;
+}

package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss

@@ -67,3 +67,12 @@
 .#{$block-class}__row-size__row-settings-trigger--open.#{$carbon-prefix}--btn--ghost {
   background-color: $ui-02;
 }
+
+.#{$block-class}
+  table.#{$carbon-prefix}--data-table--xl.#{$block-class}__vertical-align-center
+  td.#{$block-class}__expandable-row-cell,
+.#{$block-class}
+  table.#{$carbon-prefix}--data-table--xl.#{$block-class}__vertical-align-top
+  td.#{$block-class}__expandable-row-cell {
+  padding-top: $spacing-03;
+}

package/scss/components/FilterSummary/_filter-summary.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2022
+// Copyright IBM Corp. 2022, 2023
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -17,3 +17,8 @@ $block-class: #{$pkg-prefix}--filter-summary;
   border-top: 1px solid $ui-03;
   background: $ui-01;
 }
+
+.#{$block-class}
+  .#{$pkg-prefix}--tag-set.#{$pkg-prefix}--tag-set.#{$block-class}__clear-button-inline {
+  width: auto;
+}

package/es/components/Carousel/utils.js

@@ -1,98 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * Copyright IBM Corp. 2023, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
-export var useIntersection = function useIntersection(element, threshold) {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isVisible = _useState2[0],
-    setState = _useState2[1];
-  useEffect(function () {
-    var el = element.current;
-    var observer = new IntersectionObserver(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 1),
-        entry = _ref2[0];
-      setState(entry.isIntersecting);
-    }, {
-      threshold: threshold
-    });
-    el && observer.observe(el);
-    return function () {
-      return observer.unobserve(el);
-    };
-  }, [element, threshold]);
-  return isVisible;
-};
-export var useIsOverflow = function useIsOverflow(ref) {
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isScrollable = _useState4[0],
-    setIsScrollable = _useState4[1];
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    mutationObserver = _useState6[0],
-    setMutationObserver = _useState6[1];
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    resizeObserver = _useState8[0],
-    setResizeObserver = _useState8[1];
-  var checkOverflow = useCallback(function () {
-    if (!ref.current) {
-      return;
-    }
-    var hasOverflow = ref.current.scrollWidth > ref.current.clientWidth;
-    setIsScrollable(hasOverflow);
-  }, [ref]);
-  useEffect(function () {
-    if (!mutationObserver) {
-      return;
-    }
-    return function () {
-      if (mutationObserver) {
-        mutationObserver.disconnect();
-      }
-      if (resizeObserver) {
-        resizeObserver.disconnect();
-      }
-    };
-  });
-  useLayoutEffect(function () {
-    var current = ref.current;
-    if (current) {
-      if ('ResizeObserver' in window && !resizeObserver) {
-        setResizeObserver(new ResizeObserver(checkOverflow).observe(current));
-      }
-      if ('MutationObserver' in window && !mutationObserver) {
-        setMutationObserver(new MutationObserver(checkOverflow).observe(current, {
-          attributes: false,
-          childList: true,
-          subtree: false
-        }));
-      }
-      checkOverflow();
-    }
-  }, [ref, checkOverflow, mutationObserver, resizeObserver]);
-  return isScrollable;
-};
-export var useWindowEvent = function useWindowEvent(eventName, callback) {
-  var savedCallback = useRef(null);
-  useEffect(function () {
-    savedCallback.current = callback;
-  });
-  useEffect(function () {
-    function handler(event) {
-      if (savedCallback.current) {
-        savedCallback.current(event);
-      }
-    }
-    window.addEventListener(eventName, handler);
-    return function () {
-      window.removeEventListener(eventName, handler);
-    };
-  }, [eventName]);
-};

package/lib/components/Carousel/utils.js

@@ -1,108 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useWindowEvent = exports.useIsOverflow = exports.useIntersection = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-/**
- * Copyright IBM Corp. 2023, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var useIntersection = function useIntersection(element, threshold) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isVisible = _useState2[0],
-    setState = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var el = element.current;
-    var observer = new IntersectionObserver(function (_ref) {
-      var _ref2 = (0, _slicedToArray2.default)(_ref, 1),
-        entry = _ref2[0];
-      setState(entry.isIntersecting);
-    }, {
-      threshold: threshold
-    });
-    el && observer.observe(el);
-    return function () {
-      return observer.unobserve(el);
-    };
-  }, [element, threshold]);
-  return isVisible;
-};
-exports.useIntersection = useIntersection;
-var useIsOverflow = function useIsOverflow(ref) {
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isScrollable = _useState4[0],
-    setIsScrollable = _useState4[1];
-  var _useState5 = (0, _react.useState)(),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    mutationObserver = _useState6[0],
-    setMutationObserver = _useState6[1];
-  var _useState7 = (0, _react.useState)(),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    resizeObserver = _useState8[0],
-    setResizeObserver = _useState8[1];
-  var checkOverflow = (0, _react.useCallback)(function () {
-    if (!ref.current) {
-      return;
-    }
-    var hasOverflow = ref.current.scrollWidth > ref.current.clientWidth;
-    setIsScrollable(hasOverflow);
-  }, [ref]);
-  (0, _react.useEffect)(function () {
-    if (!mutationObserver) {
-      return;
-    }
-    return function () {
-      if (mutationObserver) {
-        mutationObserver.disconnect();
-      }
-      if (resizeObserver) {
-        resizeObserver.disconnect();
-      }
-    };
-  });
-  (0, _react.useLayoutEffect)(function () {
-    var current = ref.current;
-    if (current) {
-      if ('ResizeObserver' in window && !resizeObserver) {
-        setResizeObserver(new ResizeObserver(checkOverflow).observe(current));
-      }
-      if ('MutationObserver' in window && !mutationObserver) {
-        setMutationObserver(new MutationObserver(checkOverflow).observe(current, {
-          attributes: false,
-          childList: true,
-          subtree: false
-        }));
-      }
-      checkOverflow();
-    }
-  }, [ref, checkOverflow, mutationObserver, resizeObserver]);
-  return isScrollable;
-};
-exports.useIsOverflow = useIsOverflow;
-var useWindowEvent = function useWindowEvent(eventName, callback) {
-  var savedCallback = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    savedCallback.current = callback;
-  });
-  (0, _react.useEffect)(function () {
-    function handler(event) {
-      if (savedCallback.current) {
-        savedCallback.current(event);
-      }
-    }
-    window.addEventListener(eventName, handler);
-    return function () {
-      window.removeEventListener(eventName, handler);
-    };
-  }, [eventName]);
-};
-exports.useWindowEvent = useWindowEvent;