@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
|
-
},
|
44951
|
-
|
44952
|
-
|
44953
|
-
|
44954
|
-
|
44955
|
-
|
44956
|
-
|
44957
|
-
|
44958
|
-
|
44959
|
-
|
44960
|
-
|
44961
|
-
|
44962
|
-
|
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(
|
44971
|
-
var key =
|
44972
|
-
index =
|
44973
|
-
style =
|
44974
|
-
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(
|
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
|
-
|
45029
|
-
|
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 (
|
45057
|
-
var width =
|
45058
|
-
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:
|
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(
|
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 (
|
45079
|
-
var scrollbars =
|
45075
|
+
})(["", ""], function (_ref4) {
|
45076
|
+
var scrollbars = _ref4.theme.scrollbars;
|
45080
45077
|
return scrollbars.thin;
|
45081
45078
|
});
|
45082
45079
|
|