@luminati-io/uikit 6.2.7-beta.1 → 6.2.7-beta.2

package/dist/umd/uikit.development.js

@@ -43574,7 +43574,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["provided", "style"];
+var _excluded = ["provided", "style", "measureContentSize"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -43672,10 +43672,14 @@ var RowWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(
     provided = _wrapperProps$provide === void 0 ? {} : _wrapperProps$provide,
     _wrapperProps$style = wrapperProps.style,
     style = _wrapperProps$style === void 0 ? {} : _wrapperProps$style,
+    measureContentSize = wrapperProps.measureContentSize,
     rest = _objectWithoutProperties(wrapperProps, _excluded);
   var _wrapperProps = _objectSpread(_objectSpread(_objectSpread({}, rest), provided.draggableProps), {}, {
     style: _objectSpread(_objectSpread({}, style), (_provided$draggablePr = provided.draggableProps) === null || _provided$draggablePr === void 0 ? void 0 : _provided$draggablePr.style)
   });
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(function () {
+    return measureContentSize === null || measureContentSize === void 0 ? void 0 : measureContentSize();
+  }, []);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _wrapperProps, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
     style: {
       visibility: 'hidden'
@@ -44939,39 +44943,40 @@ var RowRenderer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo
   var _style = _objectSpread(_objectSpread({}, style), {}, {
     padding: '0.3px 0'
   });
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    return cache.current.clear(index);
-  }, [row === null || row === void 0 ? void 0 : row.id]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_virtualized__WEBPACK_IMPORTED_MODULE_1__.CellMeasurer, {
     cache: cache.current,
     parent: parent,
     columnIndex: 0,
     rowIndex: index
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dnd__WEBPACK_IMPORTED_MODULE_4__.DraggableWrapper, {
-    key: row.id,
-    row: row,
-    index: index,
-    render: function render(wrapperProps, dragHandleProps) {
-      return renderRow({
-        row: row,
-        index: index,
-        wrapperProps: _objectSpread(_objectSpread(_objectSpread({}, wrapperProps), rowHoverEvents), {}, {
-          onPointerEnter: function onPointerEnter(e) {
-            return rowHoverEvents.onPointerEnter(e, row, dragHandleProps);
-          },
-          style: _style
-        })
-      });
-    }
-  }));
+  }, function (_ref) {
+    var measure = _ref.measure;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dnd__WEBPACK_IMPORTED_MODULE_4__.DraggableWrapper, {
+      key: row.id,
+      row: row,
+      index: index,
+      render: function render(wrapperProps, dragHandleProps) {
+        return renderRow({
+          row: row,
+          index: index,
+          wrapperProps: _objectSpread(_objectSpread(_objectSpread({}, wrapperProps), rowHoverEvents), {}, {
+            onPointerEnter: function onPointerEnter(e) {
+              return rowHoverEvents.onPointerEnter(e, row, dragHandleProps);
+            },
+            style: _style,
+            measureContentSize: measure
+          })
+        });
+      }
+    });
+  });
 });
 RowRenderer.displayName = 'RowRenderer';
 var rowRenderer = function rowRenderer(rows, cache, renderRow, rowHoverEvents) {
-  var RendererWrapper = function RendererWrapper(_ref) {
-    var key = _ref.key,
-      index = _ref.index,
-      style = _ref.style,
-      parent = _ref.parent;
+  var RendererWrapper = function RendererWrapper(_ref2) {
+    var key = _ref2.key,
+      index = _ref2.index,
+      style = _ref2.style,
+      parent = _ref2.parent;
     var row = rows[index];
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RowRenderer, {
       key: key,
@@ -45000,11 +45005,10 @@ var renderClone = function renderClone(rows, renderRow) {
     });
   };
 };
-var listRefHandler = function listRefHandler(setList, setListDOMRef, droppableProvided) {
+var listRefHandler = function listRefHandler(setListDOMRef, droppableProvided) {
   return function (ref) {
     var _ref$Grid;
     if (!ref) return;
-    setList(ref);
     var element = ref === null || ref === void 0 || (_ref$Grid = ref.Grid) === null || _ref$Grid === void 0 ? void 0 : _ref$Grid._scrollingContainer;
     if (element instanceof window.HTMLElement) {
       setListDOMRef(element === null || element === void 0 ? void 0 : element.firstChild);
@@ -45023,17 +45027,10 @@ var VirtualizedBodyComp = function VirtualizedBodyComp(props) {
     _useState2 = _slicedToArray(_useState, 2),
     listDOMRef = _useState2[0],
     setListDOMRef = _useState2[1];
-  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
     _useState4 = _slicedToArray(_useState3, 2),
-    list = _useState4[0],
-    setList = _useState4[1];
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    return list === null || list === void 0 ? void 0 : list.recomputeRowHeights();
-  }, [rows.length]);
-  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    _height = _useState6[0],
-    setHeight = _useState6[1];
+    _height = _useState4[0],
+    setHeight = _useState4[1];
   var _useRowHoverActions = (0,_row_hover_actions__WEBPACK_IMPORTED_MODULE_5__.useRowHoverActions)(),
     renderHoverActions = _useRowHoverActions.renderHoverActions,
     rowHoverEvents = _useRowHoverActions.rowHoverEvents;
@@ -45053,18 +45050,18 @@ var VirtualizedBodyComp = function VirtualizedBodyComp(props) {
         maxHeight: maxHeight,
         width: '100%'
       }
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_virtualized__WEBPACK_IMPORTED_MODULE_1__.AutoSizer, null, function (_ref2) {
-      var width = _ref2.width,
-        height = _ref2.height;
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_virtualized__WEBPACK_IMPORTED_MODULE_1__.AutoSizer, null, function (_ref3) {
+      var width = _ref3.width,
+        height = _ref3.height;
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledList, {
         width: width,
         height: height,
-        overscanRowCount: 13,
+        overscanRowCount: 5,
         estimatedRowSize: 30,
         rowHeight: measurerCache.current.rowHeight,
         rowCount: rows.length,
         deferredMeasurementCache: measurerCache.current,
-        ref: listRefHandler(setList, setListDOMRef, provided),
+        ref: listRefHandler(setListDOMRef, provided),
         rowRenderer: rowRenderer(rows, measurerCache, renderRow, rowHoverEvents)
       });
     })), renderHoverActions());
@@ -45075,8 +45072,8 @@ VirtualizedBody.displayName = 'VirtualizedBody';
 var StyledList = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(react_virtualized__WEBPACK_IMPORTED_MODULE_1__.List).withConfig({
   displayName: "StyledList",
   componentId: "sc-1mdy9tq-0"
-})(["", ""], function (_ref3) {
-  var scrollbars = _ref3.theme.scrollbars;
+})(["", ""], function (_ref4) {
+  var scrollbars = _ref4.theme.scrollbars;
   return scrollbars.thin;
 });