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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -43574,7 +43574,7 @@ __webpack_require__.r(__webpack_exports__);
43574
43574
 
43575
43575
  /*jslint react:true*/
43576
43576
  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); }
43577
- var _excluded = ["provided", "style"];
43577
+ var _excluded = ["provided", "style", "measureContentSize"];
43578
43578
  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; }
43579
43579
  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; }
43580
43580
  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(
43672
43672
  provided = _wrapperProps$provide === void 0 ? {} : _wrapperProps$provide,
43673
43673
  _wrapperProps$style = wrapperProps.style,
43674
43674
  style = _wrapperProps$style === void 0 ? {} : _wrapperProps$style,
43675
+ measureContentSize = wrapperProps.measureContentSize,
43675
43676
  rest = _objectWithoutProperties(wrapperProps, _excluded);
43676
43677
  var _wrapperProps = _objectSpread(_objectSpread(_objectSpread({}, rest), provided.draggableProps), {}, {
43677
43678
  style: _objectSpread(_objectSpread({}, style), (_provided$draggablePr = provided.draggableProps) === null || _provided$draggablePr === void 0 ? void 0 : _provided$draggablePr.style)
43678
43679
  });
43680
+ (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(function () {
43681
+ return measureContentSize === null || measureContentSize === void 0 ? void 0 : measureContentSize();
43682
+ }, []);
43679
43683
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _wrapperProps, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
43680
43684
  style: {
43681
43685
  visibility: 'hidden'
@@ -44939,39 +44943,40 @@ var RowRenderer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo
44939
44943
  var _style = _objectSpread(_objectSpread({}, style), {}, {
44940
44944
  padding: '0.3px 0'
44941
44945
  });
44942
- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
44943
- return cache.current.clear(index);
44944
- }, [row === null || row === void 0 ? void 0 : row.id]);
44945
44946
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_virtualized__WEBPACK_IMPORTED_MODULE_1__.CellMeasurer, {
44946
44947
  cache: cache.current,
44947
44948
  parent: parent,
44948
44949
  columnIndex: 0,
44949
44950
  rowIndex: index
44950
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dnd__WEBPACK_IMPORTED_MODULE_4__.DraggableWrapper, {
44951
- key: row.id,
44952
- row: row,
44953
- index: index,
44954
- render: function render(wrapperProps, dragHandleProps) {
44955
- return renderRow({
44956
- row: row,
44957
- index: index,
44958
- wrapperProps: _objectSpread(_objectSpread(_objectSpread({}, wrapperProps), rowHoverEvents), {}, {
44959
- onPointerEnter: function onPointerEnter(e) {
44960
- return rowHoverEvents.onPointerEnter(e, row, dragHandleProps);
44961
- },
44962
- style: _style
44963
- })
44964
- });
44965
- }
44966
- }));
44951
+ }, function (_ref) {
44952
+ var measure = _ref.measure;
44953
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dnd__WEBPACK_IMPORTED_MODULE_4__.DraggableWrapper, {
44954
+ key: row.id,
44955
+ row: row,
44956
+ index: index,
44957
+ render: function render(wrapperProps, dragHandleProps) {
44958
+ return renderRow({
44959
+ row: row,
44960
+ index: index,
44961
+ wrapperProps: _objectSpread(_objectSpread(_objectSpread({}, wrapperProps), rowHoverEvents), {}, {
44962
+ onPointerEnter: function onPointerEnter(e) {
44963
+ return rowHoverEvents.onPointerEnter(e, row, dragHandleProps);
44964
+ },
44965
+ style: _style,
44966
+ measureContentSize: measure
44967
+ })
44968
+ });
44969
+ }
44970
+ });
44971
+ });
44967
44972
  });
44968
44973
  RowRenderer.displayName = 'RowRenderer';
44969
44974
  var rowRenderer = function rowRenderer(rows, cache, renderRow, rowHoverEvents) {
44970
- var RendererWrapper = function RendererWrapper(_ref) {
44971
- var key = _ref.key,
44972
- index = _ref.index,
44973
- style = _ref.style,
44974
- parent = _ref.parent;
44975
+ var RendererWrapper = function RendererWrapper(_ref2) {
44976
+ var key = _ref2.key,
44977
+ index = _ref2.index,
44978
+ style = _ref2.style,
44979
+ parent = _ref2.parent;
44975
44980
  var row = rows[index];
44976
44981
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RowRenderer, {
44977
44982
  key: key,
@@ -45000,11 +45005,10 @@ var renderClone = function renderClone(rows, renderRow) {
45000
45005
  });
45001
45006
  };
45002
45007
  };
45003
- var listRefHandler = function listRefHandler(setList, setListDOMRef, droppableProvided) {
45008
+ var listRefHandler = function listRefHandler(setListDOMRef, droppableProvided) {
45004
45009
  return function (ref) {
45005
45010
  var _ref$Grid;
45006
45011
  if (!ref) return;
45007
- setList(ref);
45008
45012
  var element = ref === null || ref === void 0 || (_ref$Grid = ref.Grid) === null || _ref$Grid === void 0 ? void 0 : _ref$Grid._scrollingContainer;
45009
45013
  if (element instanceof window.HTMLElement) {
45010
45014
  setListDOMRef(element === null || element === void 0 ? void 0 : element.firstChild);
@@ -45023,17 +45027,10 @@ var VirtualizedBodyComp = function VirtualizedBodyComp(props) {
45023
45027
  _useState2 = _slicedToArray(_useState, 2),
45024
45028
  listDOMRef = _useState2[0],
45025
45029
  setListDOMRef = _useState2[1];
45026
- var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),
45030
+ var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
45027
45031
  _useState4 = _slicedToArray(_useState3, 2),
45028
- list = _useState4[0],
45029
- setList = _useState4[1];
45030
- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
45031
- return list === null || list === void 0 ? void 0 : list.recomputeRowHeights();
45032
- }, [rows.length]);
45033
- var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
45034
- _useState6 = _slicedToArray(_useState5, 2),
45035
- _height = _useState6[0],
45036
- setHeight = _useState6[1];
45032
+ _height = _useState4[0],
45033
+ setHeight = _useState4[1];
45037
45034
  var _useRowHoverActions = (0,_row_hover_actions__WEBPACK_IMPORTED_MODULE_5__.useRowHoverActions)(),
45038
45035
  renderHoverActions = _useRowHoverActions.renderHoverActions,
45039
45036
  rowHoverEvents = _useRowHoverActions.rowHoverEvents;
@@ -45053,18 +45050,18 @@ var VirtualizedBodyComp = function VirtualizedBodyComp(props) {
45053
45050
  maxHeight: maxHeight,
45054
45051
  width: '100%'
45055
45052
  }
45056
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_virtualized__WEBPACK_IMPORTED_MODULE_1__.AutoSizer, null, function (_ref2) {
45057
- var width = _ref2.width,
45058
- height = _ref2.height;
45053
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_virtualized__WEBPACK_IMPORTED_MODULE_1__.AutoSizer, null, function (_ref3) {
45054
+ var width = _ref3.width,
45055
+ height = _ref3.height;
45059
45056
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledList, {
45060
45057
  width: width,
45061
45058
  height: height,
45062
- overscanRowCount: 13,
45059
+ overscanRowCount: 5,
45063
45060
  estimatedRowSize: 30,
45064
45061
  rowHeight: measurerCache.current.rowHeight,
45065
45062
  rowCount: rows.length,
45066
45063
  deferredMeasurementCache: measurerCache.current,
45067
- ref: listRefHandler(setList, setListDOMRef, provided),
45064
+ ref: listRefHandler(setListDOMRef, provided),
45068
45065
  rowRenderer: rowRenderer(rows, measurerCache, renderRow, rowHoverEvents)
45069
45066
  });
45070
45067
  })), renderHoverActions());
@@ -45075,8 +45072,8 @@ VirtualizedBody.displayName = 'VirtualizedBody';
45075
45072
  var StyledList = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(react_virtualized__WEBPACK_IMPORTED_MODULE_1__.List).withConfig({
45076
45073
  displayName: "StyledList",
45077
45074
  componentId: "sc-1mdy9tq-0"
45078
- })(["", ""], function (_ref3) {
45079
- var scrollbars = _ref3.theme.scrollbars;
45075
+ })(["", ""], function (_ref4) {
45076
+ var scrollbars = _ref4.theme.scrollbars;
45080
45077
  return scrollbars.thin;
45081
45078
  });
45082
45079