kui-basic 1.1.14 → 1.1.16

package/dist/index.es.js

@@ -4936,6 +4936,19 @@ 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" ? {
@@ -4944,7 +4957,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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFbUIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0ICogYXMgUmVhY3RET00gZnJvbSBcInJlYWN0LWRvbVwiXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHBsYWNlbWVudHNQb3NpdGlvbnMgZnJvbSBcIi4vcGxhY2VtZW50c1wiXG5pbXBvcnQgUG9wcGVyQmFzZSBmcm9tIFwiLi4vUG9wcGVyQmFzZVwiXG5cbmNvbnN0IFBvcHBlcldpdGhQb3J0YWwgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgcGxhY2VtZW50LCBjb250ZW50UmVmLCAuLi5vdGhlciB9ID0gcHJvcHNcbiAgY29uc3QgcG9wcGVyUmVmID0gdXNlUmVmKG51bGwpXG4gIGNvbnN0IFtjb29yZHMsIHNldENvb3Jkc10gPSB1c2VTdGF0ZShudWxsKVxuICBjb25zdCBbc2l6ZSwgc2V0U2l6ZV0gPSB1c2VTdGF0ZShudWxsKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGNvbnRlbnRSZWYuY3VycmVudCAmJiBwb3BwZXJSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgcG9wcGVyID0gcG9wcGVyUmVmLmN1cnJlbnRcblxuICAgICAgY29uc3QgZWxlbUNvb3JkcyA9IGNvbnRlbnRSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuICAgICAgY29uc3QgcG9wcGVyU2l6ZSA9IHtcbiAgICAgICAgd2lkdGg6IHBvcHBlci5jbGllbnRXaWR0aCxcbiAgICAgICAgaGVpZ2h0OiBwb3BwZXIuY2xpZW50SGVpZ2h0LFxuICAgICAgfVxuICAgICAgc2V0Q29vcmRzKGVsZW1Db29yZHMpXG4gICAgICBzZXRTaXplKHBvcHBlclNpemUpXG4gICAgfVxuICB9LCBbXSlcblxuICBsZXQgcG9zaXRpb24gPSB7fVxuXG4gIGlmIChjb29yZHMgJiYgc2l6ZSkge1xuICAgIGNvbnN0IHBsYWNlbWVudFBvc2l0aW9ucyA9XG4gICAgICAvLyBAdHMtaWdub3JlXG4gICAgICBwbGFjZW1lbnRzUG9zaXRpb25zW3BsYWNlbWVudCA/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlGbUIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0ICogYXMgUmVhY3RET00gZnJvbSBcInJlYWN0LWRvbVwiXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHBsYWNlbWVudHNQb3NpdGlvbnMgZnJvbSBcIi4vcGxhY2VtZW50c1wiXG5pbXBvcnQgUG9wcGVyQmFzZSBmcm9tIFwiLi4vUG9wcGVyQmFzZVwiXG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gXCIuLi8uLi91dGlscy9mdW5jdGlvbnNcIlxuXG5jb25zdCBQb3BwZXJXaXRoUG9ydGFsID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IHBsYWNlbWVudCwgY29udGVudFJlZiwgLi4ub3RoZXIgfSA9IHByb3BzXG4gIGNvbnN0IHBvcHBlclJlZiA9IHVzZVJlZihudWxsKVxuICBjb25zdCBbY29vcmRzLCBzZXRDb29yZHNdID0gdXNlU3RhdGUobnVsbClcbiAgY29uc3QgW3NpemUsIHNldFNpemVdID0gdXNlU3RhdGUobnVsbClcblxuICBjb25zdCB1cGRhdGVDb29yZHMgPSAoKSA9PiB7XG4gICAgaWYgKGNvbnRlbnRSZWYuY3VycmVudCAmJiBwb3BwZXJSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgcG9wcGVyID0gcG9wcGVyUmVmLmN1cnJlbnRcblxuICAgICAgY29uc3QgZWxlbUNvb3JkcyA9IGNvbnRlbnRSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuICAgICAgY29uc3QgcG9wcGVyU2l6ZSA9IHtcbiAgICAgICAgd2lkdGg6IHBvcHBlci5jbGllbnRXaWR0aCxcbiAgICAgICAgaGVpZ2h0OiBwb3BwZXIuY2xpZW50SGVpZ2h0LFxuICAgICAgfVxuICAgICAgc2V0Q29vcmRzKGVsZW1Db29yZHMpXG4gICAgICBzZXRTaXplKHBvcHBlclNpemUpXG4gICAgfVxuICB9XG5cbiAgY29uc3QgZGVib3VuY2VkVXBkYXRlID0gZGVib3VuY2UodXBkYXRlQ29vcmRzLCA2MDApXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICB1cGRhdGVDb29yZHMoKVxuXG4gICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgTXV0YXRpb25PYnNlcnZlcigobXV0YXRpb25zTGlzdCkgPT4ge1xuICAgICAgaWYgKG11dGF0aW9uc0xpc3QuZmluZCgobXV0YXRpb24pID0+IG11dGF0aW9uLnR5cGUgPT09IFwiY2hpbGRMaXN0XCIpKSB7XG4gICAgICAgIGRlYm91bmNlZFVwZGF0ZSgpXG4gICAgICB9XG4gICAgfSlcblxuICAgIG9ic2VydmVyLm9ic2VydmUoZG9jdW1lbnQuYm9keSwgeyBjaGlsZExpc3Q6IHRydWUsIHN1YnRyZWU6IHRydWUgfSlcblxuICAgIHJldHVybiAoKSA9PiBvYnNlcnZlci5kaXNjb25uZWN0KClcbiAgfSwgW10pXG5cbiAgbGV0IHBvc2l0aW9uID0ge31cblxuICBpZiAoY29vcmRzICYmIHNpemUpIHtcbiAgICBjb25zdCBwbGFjZW1lbnRQb3NpdGlvbnMgPVxuICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgcGxhY2VtZW50c1Bvc2l0aW9uc1twbGFjZW1lbnQgPz8gXCJib3R0b21NaWRkbGVcIl1cbiAgICBwb3NpdGlvbiA9IHtcbiAgICAgIHRvcDogTWF0aC5tYXgoXG4gICAgICAgIHBsYWNlbWVudFBvc2l0aW9ucy50b3BcbiAgICAgICAgICA/IGNvb3Jkcy50b3AgLSBzaXplLmhlaWdodFxuICAgICAgICAgIDogY29vcmRzLnRvcCArIGNvb3Jkcy5oZWlnaHQsXG4gICAgICAgIDBcbiAgICAgICksXG4gICAgICBsZWZ0OiBNYXRoLm1heChcbiAgICAgICAgY29vcmRzLmxlZnQgK1xuICAgICAgICAgIGNvb3Jkcy53aWR0aCAqIHBsYWNlbWVudFBvc2l0aW9ucy5vZmZzZXQgLVxuICAgICAgICAgIHNpemUud2lkdGggKiBwbGFjZW1lbnRQb3NpdGlvbnMub2Zmc2V0LFxuICAgICAgICAwXG4gICAgICApLFxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGZvcndhcmRlZFJlZiA9IChlbGVtKSA9PiB7XG4gICAgaWYgKHJlZikge1xuICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgcmVmLmN1cnJlbnQgPSBlbGVtXG4gICAgfVxuICAgIC8vIEB0cy1pZ25vcmVcbiAgICBwb3BwZXJSZWYuY3VycmVudCA9IGVsZW1cbiAgfVxuXG4gIC8vIFRPRE8g0L/QvtC00YPQvNCw0YLRjCDQutCw0Log0YDQtdCw0LvQuNC30L7QstCw0YLRjCDQv9GA0LDQstC40LvRjNC90L7QtSDRgNCw0YHQv9C+0LvQvtC20LXQvdC40LUg0L/QvtC00YHQutCw0LfQutC4INC/0L7QtCBjb250ZW50UmVmINCyINC30LDQstC40YHQuNC80L7RgdGC0Lgg0L7RgiBwbGFjZW1lbnRcbiAgLy8g0JDQstGC0L7QvNCw0YLQvtC8INC80LXQvdGP0YLRjCDQv9C+0LvQvtC20LXQvdC40LUgKNCy0LXRgNGFLdC90LjQtykg0LIg0LfQsNCy0LjRgdC40LzQvtGB0YLQuCDQvtGCINGC0L7Qs9C+INC/0L7QvNC10YnQsNC10YLRgdGPINC40LvQuCDQvdC10YJcbiAgLy8g0KDQsNGB0L/QvtC20LjRgtGMINGB0YLRgNC10LvQvtGH0LrRgyDQuiDQutC+0L3RgtC10L3RgtGDINC/0L7RgdC10YDQtdC00LjQvdC1INC60L7QvdGC0LXQvdGC0LBcbiAgcmV0dXJuIFJlYWN0RE9NLmNyZWF0ZVBvcnRhbChcbiAgICA8PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICBib2R5IHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPFBvcHBlckJhc2UgcmVmPXtmb3J3YXJkZWRSZWZ9IHN0eWxlPXtwb3NpdGlvbn0gey4uLm90aGVyfSAvPlxuICAgIDwvPixcbiAgICBkb2N1bWVudC5ib2R5XG4gIClcbn0pXG5cbmV4cG9ydCBkZWZhdWx0IFBvcHBlcldpdGhQb3J0YWxcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 var PopperWithPortal = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -4960,7 +4973,7 @@ var PopperWithPortal = /*#__PURE__*/forwardRef(function (props, ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     size = _useState4[0],
     setSize = _useState4[1];
-  useEffect(function () {
+  var updateCoords = function updateCoords() {
     if (contentRef.current && popperRef.current) {
       var popper = popperRef.current;
       var elemCoords = contentRef.current.getBoundingClientRect();
@@ -4971,6 +4984,24 @@ var PopperWithPortal = /*#__PURE__*/forwardRef(function (props, ref) {
       setCoords(elemCoords);
       setSize(popperSize);
     }
+  };
+  var debouncedUpdate = debounce(updateCoords, 600);
+  useEffect(function () {
+    updateCoords();
+    var observer = new MutationObserver(function (mutationsList) {
+      if (mutationsList.find(function (mutation) {
+        return mutation.type === "childList";
+      })) {
+        debouncedUpdate();
+      }
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    return function () {
+      return observer.disconnect();
+    };
   }, []);
   var position = {};
   if (coords && size) {