kui-basic 1.1.16 → 1.1.18

package/dist/index.es.js

@@ -4936,19 +4936,6 @@ var StyledPopper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "product
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
 });
 
-var debounce = function debounce(callback) {
-  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var isCooldown = false;
-  return function () {
-    if (isCooldown) return;
-    callback.apply(null, arguments);
-    isCooldown = true;
-    setTimeout(function () {
-      return isCooldown = false;
-    }, delay);
-  };
-};
-
 var _excluded$4 = ["placement", "contentRef"];
 function _EMOTION_STRINGIFIED_CSS_ERROR__$2() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var _ref = process.env.NODE_ENV === "production" ? {
@@ -4957,7 +4944,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "100h20i-PopperWithPortal",
   styles: "body{position:relative;};label:PopperWithPortal;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlGbUIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0ICogYXMgUmVhY3RET00gZnJvbSBcInJlYWN0LWRvbVwiXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHBsYWNlbWVudHNQb3NpdGlvbnMgZnJvbSBcIi4vcGxhY2VtZW50c1wiXG5pbXBvcnQgUG9wcGVyQmFzZSBmcm9tIFwiLi4vUG9wcGVyQmFzZVwiXG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gXCIuLi8uLi91dGlscy9mdW5jdGlvbnNcIlxuXG5jb25zdCBQb3BwZXJXaXRoUG9ydGFsID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IHBsYWNlbWVudCwgY29udGVudFJlZiwgLi4ub3RoZXIgfSA9IHByb3BzXG4gIGNvbnN0IHBvcHBlclJlZiA9IHVzZVJlZihudWxsKVxuICBjb25zdCBbY29vcmRzLCBzZXRDb29yZHNdID0gdXNlU3RhdGUobnVsbClcbiAgY29uc3QgW3NpemUsIHNldFNpemVdID0gdXNlU3RhdGUobnVsbClcblxuICBjb25zdCB1cGRhdGVDb29yZHMgPSAoKSA9PiB7XG4gICAgaWYgKGNvbnRlbnRSZWYuY3VycmVudCAmJiBwb3BwZXJSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgcG9wcGVyID0gcG9wcGVyUmVmLmN1cnJlbnRcblxuICAgICAgY29uc3QgZWxlbUNvb3JkcyA9IGNvbnRlbnRSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuICAgICAgY29uc3QgcG9wcGVyU2l6ZSA9IHtcbiAgICAgICAgd2lkdGg6IHBvcHBlci5jbGllbnRXaWR0aCxcbiAgICAgICAgaGVpZ2h0OiBwb3BwZXIuY2xpZW50SGVpZ2h0LFxuICAgICAgfVxuICAgICAgc2V0Q29vcmRzKGVsZW1Db29yZHMpXG4gICAgICBzZXRTaXplKHBvcHBlclNpemUpXG4gICAgfVxuICB9XG5cbiAgY29uc3QgZGVib3VuY2VkVXBkYXRlID0gZGVib3VuY2UodXBkYXRlQ29vcmRzLCA2MDApXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICB1cGRhdGVDb29yZHMoKVxuXG4gICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgTXV0YXRpb25PYnNlcnZlcigobXV0YXRpb25zTGlzdCkgPT4ge1xuICAgICAgaWYgKG11dGF0aW9uc0xpc3QuZmluZCgobXV0YXRpb24pID0+IG11dGF0aW9uLnR5cGUgPT09IFwiY2hpbGRMaXN0XCIpKSB7XG4gICAgICAgIGRlYm91bmNlZFVwZGF0ZSgpXG4gICAgICB9XG4gICAgfSlcblxuICAgIG9ic2VydmVyLm9ic2VydmUoZG9jdW1lbnQuYm9keSwgeyBjaGlsZExpc3Q6IHRydWUsIHN1YnRyZWU6IHRydWUgfSlcblxuICAgIHJldHVybiAoKSA9PiBvYnNlcnZlci5kaXNjb25uZWN0KClcbiAgfSwgW10pXG5cbiAgbGV0IHBvc2l0aW9uID0ge31cblxuICBpZiAoY29vcmRzICYmIHNpemUpIHtcbiAgICBjb25zdCBwbGFjZW1lbnRQb3NpdGlvbnMgPVxuICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgcGxhY2VtZW50c1Bvc2l0aW9uc1twbGFjZW1lbnQgPz8gXCJib3R0b21NaWRkbGVcIl1cbiAgICBwb3NpdGlvbiA9IHtcbiAgICAgIHRvcDogTWF0aC5tYXgoXG4gICAgICAgIHBsYWNlbWVudFBvc2l0aW9ucy50b3BcbiAgICAgICAgICA/IGNvb3Jkcy50b3AgLSBzaXplLmhlaWdodFxuICAgICAgICAgIDogY29vcmRzLnRvcCArIGNvb3Jkcy5oZWlnaHQsXG4gICAgICAgIDBcbiAgICAgICksXG4gICAgICBsZWZ0OiBNYXRoLm1heChcbiAgICAgICAgY29vcmRzLmxlZnQgK1xuICAgICAgICAgIGNvb3Jkcy53aWR0aCAqIHBsYWNlbWVudFBvc2l0aW9ucy5vZmZzZXQgLVxuICAgICAgICAgIHNpemUud2lkdGggKiBwbGFjZW1lbnRQb3NpdGlvbnMub2Zmc2V0LFxuICAgICAgICAwXG4gICAgICApLFxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGZvcndhcmRlZFJlZiA9IChlbGVtKSA9PiB7XG4gICAgaWYgKHJlZikge1xuICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgcmVmLmN1cnJlbnQgPSBlbGVtXG4gICAgfVxuICAgIC8vIEB0cy1pZ25vcmVcbiAgICBwb3BwZXJSZWYuY3VycmVudCA9IGVsZW1cbiAgfVxuXG4gIC8vIFRPRE8g0L/QvtC00YPQvNCw0YLRjCDQutCw0Log0YDQtdCw0LvQuNC30L7QstCw0YLRjCDQv9GA0LDQstC40LvRjNC90L7QtSDRgNCw0YHQv9C+0LvQvtC20LXQvdC40LUg0L/QvtC00YHQutCw0LfQutC4INC/0L7QtCBjb250ZW50UmVmINCyINC30LDQstC40YHQuNC80L7RgdGC0Lgg0L7RgiBwbGFjZW1lbnRcbiAgLy8g0JDQstGC0L7QvNCw0YLQvtC8INC80LXQvdGP0YLRjCDQv9C+0LvQvtC20LXQvdC40LUgKNCy0LXRgNGFLdC90LjQtykg0LIg0LfQsNCy0LjRgdC40LzQvtGB0YLQuCDQvtGCINGC0L7Qs9C+INC/0L7QvNC10YnQsNC10YLRgdGPINC40LvQuCDQvdC10YJcbiAgLy8g0KDQsNGB0L/QvtC20LjRgtGMINGB0YLRgNC10LvQvtGH0LrRgyDQuiDQutC+0L3RgtC10L3RgtGDINC/0L7RgdC10YDQtdC00LjQvdC1INC60L7QvdGC0LXQvdGC0LBcbiAgcmV0dXJuIFJlYWN0RE9NLmNyZWF0ZVBvcnRhbChcbiAgICA8PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICBib2R5IHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPFBvcHBlckJhc2UgcmVmPXtmb3J3YXJkZWRSZWZ9IHN0eWxlPXtwb3NpdGlvbn0gey4uLm90aGVyfSAvPlxuICAgIDwvPixcbiAgICBkb2N1bWVudC5ib2R5XG4gIClcbn0pXG5cbmV4cG9ydCBkZWZhdWx0IFBvcHBlcldpdGhQb3J0YWxcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJGbUIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0ICogYXMgUmVhY3RET00gZnJvbSBcInJlYWN0LWRvbVwiXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHBsYWNlbWVudHNQb3NpdGlvbnMgZnJvbSBcIi4vcGxhY2VtZW50c1wiXG5pbXBvcnQgUG9wcGVyQmFzZSBmcm9tIFwiLi4vUG9wcGVyQmFzZVwiXG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gXCIuLi8uLi91dGlscy9mdW5jdGlvbnNcIlxuXG5jb25zdCBQb3BwZXJXaXRoUG9ydGFsID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IHBsYWNlbWVudCwgY29udGVudFJlZiwgLi4ub3RoZXIgfSA9IHByb3BzXG4gIGNvbnN0IHBvcHBlclJlZiA9IHVzZVJlZihudWxsKVxuICBjb25zdCBbY29vcmRzLCBzZXRDb29yZHNdID0gdXNlU3RhdGUobnVsbClcbiAgY29uc3QgW3NpemUsIHNldFNpemVdID0gdXNlU3RhdGUobnVsbClcblxuICBjb25zdCB1cGRhdGVDb29yZHMgPSAoKSA9PiB7XG4gICAgaWYgKGNvbnRlbnRSZWYuY3VycmVudCAmJiBwb3BwZXJSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgcG9wcGVyID0gcG9wcGVyUmVmLmN1cnJlbnRcblxuICAgICAgY29uc3QgZWxlbUNvb3JkcyA9IGNvbnRlbnRSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuXG4gICAgICBjb25zb2xlLmxvZyhcImVsZW0gcmVmOiBcIiwgY29udGVudFJlZilcbiAgICAgIGNvbnNvbGUubG9nKFwiZWxlbSBjb29yZHM6IFwiLCBlbGVtQ29vcmRzKVxuICAgICAgY29uc3QgcG9wcGVyU2l6ZSA9IHtcbiAgICAgICAgd2lkdGg6IHBvcHBlci5jbGllbnRXaWR0aCxcbiAgICAgICAgaGVpZ2h0OiBwb3BwZXIuY2xpZW50SGVpZ2h0LFxuICAgICAgfVxuICAgICAgc2V0Q29vcmRzKGVsZW1Db29yZHMpXG4gICAgICBzZXRTaXplKHBvcHBlclNpemUpXG4gICAgfVxuICB9XG5cbiAgY29uc3QgZGVib3VuY2VkVXBkYXRlID0gZGVib3VuY2UodXBkYXRlQ29vcmRzLCA2MDApXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICB1cGRhdGVDb29yZHMoKVxuXG4gICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgTXV0YXRpb25PYnNlcnZlcigobXV0YXRpb25zTGlzdCkgPT4ge1xuICAgICAgY29uc29sZS5sb2coXCJtdXRhdGlvbnNMaXN0OiBcIiwgbXV0YXRpb25zTGlzdClcbiAgICAgIGlmIChtdXRhdGlvbnNMaXN0LmZpbmQoKG11dGF0aW9uKSA9PiBtdXRhdGlvbi50eXBlID09PSBcImNoaWxkTGlzdFwiKSkge1xuICAgICAgICAvLyBkZWJvdW5jZWRVcGRhdGUoKVxuICAgICAgICB1cGRhdGVDb29yZHMoKVxuICAgICAgfVxuICAgIH0pXG5cbiAgICBvYnNlcnZlci5vYnNlcnZlKGRvY3VtZW50LmJvZHksIHsgY2hpbGRMaXN0OiB0cnVlLCBzdWJ0cmVlOiB0cnVlIH0pXG5cbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKFwic2Nyb2xsSGVpZ2h0XCIsIHVwZGF0ZUNvb3JkcylcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBvYnNlcnZlci5kaXNjb25uZWN0KClcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJzY3JvbGxIZWlnaHRcIiwgdXBkYXRlQ29vcmRzKVxuICAgIH1cbiAgfSwgW10pXG5cbiAgbGV0IHBvc2l0aW9uID0ge31cblxuICBpZiAoY29vcmRzICYmIHNpemUpIHtcbiAgICBjb25zdCBwbGFjZW1lbnRQb3NpdGlvbnMgPVxuICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgcGxhY2VtZW50c1Bvc2l0aW9uc1twbGFjZW1lbnQgPz8gXCJib3R0b21NaWRkbGVcIl1cbiAgICBwb3NpdGlvbiA9IHtcbiAgICAgIHRvcDogTWF0aC5tYXgoXG4gICAgICAgIHBsYWNlbWVudFBvc2l0aW9ucy50b3BcbiAgICAgICAgICA/IGNvb3Jkcy50b3AgLSBzaXplLmhlaWdodFxuICAgICAgICAgIDogY29vcmRzLnRvcCArIGNvb3Jkcy5oZWlnaHQsXG4gICAgICAgIDBcbiAgICAgICksXG4gICAgICBsZWZ0OiBNYXRoLm1heChcbiAgICAgICAgY29vcmRzLmxlZnQgK1xuICAgICAgICAgIGNvb3Jkcy53aWR0aCAqIHBsYWNlbWVudFBvc2l0aW9ucy5vZmZzZXQgLVxuICAgICAgICAgIHNpemUud2lkdGggKiBwbGFjZW1lbnRQb3NpdGlvbnMub2Zmc2V0LFxuICAgICAgICAwXG4gICAgICApLFxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGZvcndhcmRlZFJlZiA9IChlbGVtKSA9PiB7XG4gICAgaWYgKHJlZikge1xuICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgcmVmLmN1cnJlbnQgPSBlbGVtXG4gICAgfVxuICAgIC8vIEB0cy1pZ25vcmVcbiAgICBwb3BwZXJSZWYuY3VycmVudCA9IGVsZW1cbiAgfVxuXG4gIC8vIFRPRE8g0L/QvtC00YPQvNCw0YLRjCDQutCw0Log0YDQtdCw0LvQuNC30L7QstCw0YLRjCDQv9GA0LDQstC40LvRjNC90L7QtSDRgNCw0YHQv9C+0LvQvtC20LXQvdC40LUg0L/QvtC00YHQutCw0LfQutC4INC/0L7QtCBjb250ZW50UmVmINCyINC30LDQstC40YHQuNC80L7RgdGC0Lgg0L7RgiBwbGFjZW1lbnRcbiAgLy8g0JDQstGC0L7QvNCw0YLQvtC8INC80LXQvdGP0YLRjCDQv9C+0LvQvtC20LXQvdC40LUgKNCy0LXRgNGFLdC90LjQtykg0LIg0LfQsNCy0LjRgdC40LzQvtGB0YLQuCDQvtGCINGC0L7Qs9C+INC/0L7QvNC10YnQsNC10YLRgdGPINC40LvQuCDQvdC10YJcbiAgLy8g0KDQsNGB0L/QvtC20LjRgtGMINGB0YLRgNC10LvQvtGH0LrRgyDQuiDQutC+0L3RgtC10L3RgtGDINC/0L7RgdC10YDQtdC00LjQvdC1INC60L7QvdGC0LXQvdGC0LBcbiAgcmV0dXJuIFJlYWN0RE9NLmNyZWF0ZVBvcnRhbChcbiAgICA8PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICBib2R5IHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPFBvcHBlckJhc2UgcmVmPXtmb3J3YXJkZWRSZWZ9IHN0eWxlPXtwb3NpdGlvbn0gey4uLm90aGVyfSAvPlxuICAgIDwvPixcbiAgICBkb2N1bWVudC5ib2R5XG4gIClcbn0pXG5cbmV4cG9ydCBkZWZhdWx0IFBvcHBlcldpdGhQb3J0YWxcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 var PopperWithPortal = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -4977,6 +4964,8 @@ var PopperWithPortal = /*#__PURE__*/forwardRef(function (props, ref) {
     if (contentRef.current && popperRef.current) {
       var popper = popperRef.current;
       var elemCoords = contentRef.current.getBoundingClientRect();
+      console.log("elem ref: ", contentRef);
+      console.log("elem coords: ", elemCoords);
       var popperSize = {
         width: popper.clientWidth,
         height: popper.clientHeight
@@ -4985,22 +4974,25 @@ var PopperWithPortal = /*#__PURE__*/forwardRef(function (props, ref) {
       setSize(popperSize);
     }
   };
-  var debouncedUpdate = debounce(updateCoords, 600);
   useEffect(function () {
     updateCoords();
     var observer = new MutationObserver(function (mutationsList) {
+      console.log("mutationsList: ", mutationsList);
       if (mutationsList.find(function (mutation) {
         return mutation.type === "childList";
       })) {
-        debouncedUpdate();
+        // debouncedUpdate()
+        updateCoords();
       }
     });
     observer.observe(document.body, {
       childList: true,
       subtree: true
     });
+    document.addEventListener("scrollHeight", updateCoords);
     return function () {
-      return observer.disconnect();
+      observer.disconnect();
+      document.removeEventListener("scrollHeight", updateCoords);
     };
   }, []);
   var position = {};