kui-basic 1.1.17 → 1.1.18

package/dist/index.js

@@ -4966,19 +4966,6 @@ var StyledPopper = /*#__PURE__*/_styled__default["default"]("div", process.env.N
   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" ? {
@@ -4987,7 +4974,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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GbUIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0ICogYXMgUmVhY3RET00gZnJvbSBcInJlYWN0LWRvbVwiXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHBsYWNlbWVudHNQb3NpdGlvbnMgZnJvbSBcIi4vcGxhY2VtZW50c1wiXG5pbXBvcnQgUG9wcGVyQmFzZSBmcm9tIFwiLi4vUG9wcGVyQmFzZVwiXG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gXCIuLi8uLi91dGlscy9mdW5jdGlvbnNcIlxuXG5jb25zdCBQb3BwZXJXaXRoUG9ydGFsID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IHBsYWNlbWVudCwgY29udGVudFJlZiwgLi4ub3RoZXIgfSA9IHByb3BzXG4gIGNvbnN0IHBvcHBlclJlZiA9IHVzZVJlZihudWxsKVxuICBjb25zdCBbY29vcmRzLCBzZXRDb29yZHNdID0gdXNlU3RhdGUobnVsbClcbiAgY29uc3QgW3NpemUsIHNldFNpemVdID0gdXNlU3RhdGUobnVsbClcblxuICBjb25zdCB1cGRhdGVDb29yZHMgPSAoKSA9PiB7XG4gICAgaWYgKGNvbnRlbnRSZWYuY3VycmVudCAmJiBwb3BwZXJSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgcG9wcGVyID0gcG9wcGVyUmVmLmN1cnJlbnRcblxuICAgICAgY29uc3QgZWxlbUNvb3JkcyA9IGNvbnRlbnRSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuXG4gICAgICBjb25zb2xlLmxvZyhcImVsZW0gY29vcmRzOiBcIiwgZWxlbUNvb3JkcylcbiAgICAgIGNvbnN0IHBvcHBlclNpemUgPSB7XG4gICAgICAgIHdpZHRoOiBwb3BwZXIuY2xpZW50V2lkdGgsXG4gICAgICAgIGhlaWdodDogcG9wcGVyLmNsaWVudEhlaWdodCxcbiAgICAgIH1cbiAgICAgIHNldENvb3JkcyhlbGVtQ29vcmRzKVxuICAgICAgc2V0U2l6ZShwb3BwZXJTaXplKVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGRlYm91bmNlZFVwZGF0ZSA9IGRlYm91bmNlKHVwZGF0ZUNvb3JkcywgNjAwKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgdXBkYXRlQ29vcmRzKClcblxuICAgIGNvbnN0IG9ic2VydmVyID0gbmV3IE11dGF0aW9uT2JzZXJ2ZXIoKG11dGF0aW9uc0xpc3QpID0+IHtcbiAgICAgIGNvbnNvbGUubG9nKFwibXV0YXRpb25zTGlzdDogXCIsIG11dGF0aW9uc0xpc3QpXG4gICAgICBpZiAobXV0YXRpb25zTGlzdC5maW5kKChtdXRhdGlvbikgPT4gbXV0YXRpb24udHlwZSA9PT0gXCJjaGlsZExpc3RcIikpIHtcbiAgICAgICAgZGVib3VuY2VkVXBkYXRlKClcbiAgICAgIH1cbiAgICB9KVxuXG4gICAgb2JzZXJ2ZXIub2JzZXJ2ZShkb2N1bWVudC5ib2R5LCB7IGNoaWxkTGlzdDogdHJ1ZSwgc3VidHJlZTogdHJ1ZSB9KVxuXG4gICAgcmV0dXJuICgpID0+IG9ic2VydmVyLmRpc2Nvbm5lY3QoKVxuICB9LCBbXSlcblxuICBsZXQgcG9zaXRpb24gPSB7fVxuXG4gIGlmIChjb29yZHMgJiYgc2l6ZSkge1xuICAgIGNvbnN0IHBsYWNlbWVudFBvc2l0aW9ucyA9XG4gICAgICAvLyBAdHMtaWdub3JlXG4gICAgICBwbGFjZW1lbnRzUG9zaXRpb25zW3BsYWNlbWVudCA/PyBcImJvdHRvbU1pZGRsZVwiXVxuICAgIHBvc2l0aW9uID0ge1xuICAgICAgdG9wOiBNYXRoLm1heChcbiAgICAgICAgcGxhY2VtZW50UG9zaXRpb25zLnRvcFxuICAgICAgICAgID8gY29vcmRzLnRvcCAtIHNpemUuaGVpZ2h0XG4gICAgICAgICAgOiBjb29yZHMudG9wICsgY29vcmRzLmhlaWdodCxcbiAgICAgICAgMFxuICAgICAgKSxcbiAgICAgIGxlZnQ6IE1hdGgubWF4KFxuICAgICAgICBjb29yZHMubGVmdCArXG4gICAgICAgICAgY29vcmRzLndpZHRoICogcGxhY2VtZW50UG9zaXRpb25zLm9mZnNldCAtXG4gICAgICAgICAgc2l6ZS53aWR0aCAqIHBsYWNlbWVudFBvc2l0aW9ucy5vZmZzZXQsXG4gICAgICAgIDBcbiAgICAgICksXG4gICAgfVxuICB9XG5cbiAgY29uc3QgZm9yd2FyZGVkUmVmID0gKGVsZW0pID0+IHtcbiAgICBpZiAocmVmKSB7XG4gICAgICAvLyBAdHMtaWdub3JlXG4gICAgICByZWYuY3VycmVudCA9IGVsZW1cbiAgICB9XG4gICAgLy8gQHRzLWlnbm9yZVxuICAgIHBvcHBlclJlZi5jdXJyZW50ID0gZWxlbVxuICB9XG5cbiAgLy8gVE9ETyDQv9C+0LTRg9C80LDRgtGMINC60LDQuiDRgNC10LDQu9C40LfQvtCy0LDRgtGMINC/0YDQsNCy0LjQu9GM0L3QvtC1INGA0LDRgdC/0L7Qu9C+0LbQtdC90LjQtSDQv9C+0LTRgdC60LDQt9C60Lgg0L/QvtC0IGNvbnRlbnRSZWYg0LIg0LfQsNCy0LjRgdC40LzQvtGB0YLQuCDQvtGCIHBsYWNlbWVudFxuICAvLyDQkNCy0YLQvtC80LDRgtC+0Lwg0LzQtdC90Y/RgtGMINC/0L7Qu9C+0LbQtdC90LjQtSAo0LLQtdGA0YUt0L3QuNC3KSDQsiDQt9Cw0LLQuNGB0LjQvNC+0YHRgtC4INC+0YIg0YLQvtCz0L4g0L/QvtC80LXRidCw0LXRgtGB0Y8g0LjQu9C4INC90LXRglxuICAvLyDQoNCw0YHQv9C+0LbQuNGC0Ywg0YHRgtGA0LXQu9C+0YfQutGDINC6INC60L7QvdGC0LXQvdGC0YMg0L/QvtGB0LXRgNC10LTQuNC90LUg0LrQvtC90YLQtdC90YLQsFxuICByZXR1cm4gUmVhY3RET00uY3JlYXRlUG9ydGFsKFxuICAgIDw+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgIGJvZHkge1xuICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgICA8UG9wcGVyQmFzZSByZWY9e2ZvcndhcmRlZFJlZn0gc3R5bGU9e3Bvc2l0aW9ufSB7Li4ub3RoZXJ9IC8+XG4gICAgPC8+LFxuICAgIGRvY3VtZW50LmJvZHlcbiAgKVxufSlcblxuZXhwb3J0IGRlZmF1bHQgUG9wcGVyV2l0aFBvcnRhbFxuIl19 */",
+  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__*/React.forwardRef(function (props, ref) {
@@ -5007,6 +4994,7 @@ var PopperWithPortal = /*#__PURE__*/React.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,
@@ -5016,7 +5004,6 @@ var PopperWithPortal = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setSize(popperSize);
     }
   };
-  var debouncedUpdate = debounce(updateCoords, 600);
   React.useEffect(function () {
     updateCoords();
     var observer = new MutationObserver(function (mutationsList) {
@@ -5024,15 +5011,18 @@ var PopperWithPortal = /*#__PURE__*/React.forwardRef(function (props, ref) {
       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 = {};