@luminati-io/uikit 2.0.5-beta.0 → 3.0.1

package/dist/umd/uikit.development.js

@@ -19999,14 +19999,16 @@ var Badge = function Badge(props) {
     return {
       "default": _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_3,
       negative: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.red_3,
-      positive: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.green_3
+      positive: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.green_3,
+      blue: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_3
     }[variant];
   }, [variant]);
   var color = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return {
       "default": 'gray_11_25',
       negative: 'red_11',
-      positive: 'green_11'
+      positive: 'green_11',
+      blue: 'blue_11'
     }[variant];
   }, [variant]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(BadgeWrapper, {
@@ -20029,7 +20031,7 @@ Badge.defaultProps = {
 };
 Badge.propTypes = {
   shape: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['rounded', 'square']),
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'negative', 'positive']),
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'negative', 'positive', 'blue']),
   icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_7__.iconNames),
   iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'right'])
 };
@@ -28899,20 +28901,31 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
-/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./header */ "./src/table/header.js");
-/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
+/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/throttle */ "./node_modules/lodash/throttle.js");
+/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_throttle__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./header */ "./src/table/header.js");
+/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
 
 
 
@@ -28921,33 +28934,63 @@ __webpack_require__.r(__webpack_exports__);
 
 var StickyHeader = function StickyHeader(props) {
   var classNamePrefix = props.classNamePrefix,
-    top = props.top,
-    width = props.width,
-    left = props.left,
+    offsetTop = props.offsetTop,
     onRowClick = props.onRowClick,
-    rowDensity = props.rowDensity;
-  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_4__.useTableContext)(),
+    rowDensity = props.rowDensity,
+    tableRef = props.tableRef,
+    scrollTarget = props.scrollTarget,
+    wrapperRef = props.wrapperRef;
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    width = _useState2[0],
+    setWidth = _useState2[1];
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showSticky = _useState4[0],
+    setShowSticky = _useState4[1];
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useEventListener)(scrollTarget || window, {
+    event: 'scroll',
+    handler: lodash_throttle__WEBPACK_IMPORTED_MODULE_0___default()(function () {
+      if (!tableRef.current) return;
+      var rect = tableRef.current.getBoundingClientRect();
+      setWidth(rect.width);
+      var top = -rect.top + offsetTop;
+      setShowSticky(top > 0 && top - rect.height <= 0);
+    }, 100)
+  });
+  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    left = _useState6[0],
+    setLeft = _useState6[1];
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useEventListener)(wrapperRef.current, {
+    event: 'scroll',
+    handler: lodash_throttle__WEBPACK_IMPORTED_MODULE_0___default()(function (evt) {
+      setLeft(evt.target.scrollLeft);
+    }, 100)
+  });
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
     prepareRow = _useTableContext.prepareRow,
     columnStartEditing = _useTableContext.columnStartEditing,
     columnDoneEditing = _useTableContext.columnDoneEditing,
     _useTableContext$pinn = _useTableContext.pinnedRows,
     pinnedRows = _useTableContext$pinn === void 0 ? [] : _useTableContext$pinn;
   var style = {
-    top: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(top),
-    width: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(width)
+    top: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(offsetTop),
+    width: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(width)
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StickyHeaderWrapper, {
+  if (!showSticky) return null;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StickyHeaderWrapper, {
     style: style,
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.classNames)(classNamePrefix, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
       stickyHeader: true
     })
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_header__WEBPACK_IMPORTED_MODULE_5__["default"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_header__WEBPACK_IMPORTED_MODULE_7__["default"], {
     left: left,
     classNamePrefix: classNamePrefix,
     compact: true
   }), pinnedRows.map(function (row) {
     prepareRow(row);
-    return (0,_render_row__WEBPACK_IMPORTED_MODULE_6__["default"])({
+    return (0,_render_row__WEBPACK_IMPORTED_MODULE_8__["default"])({
       row: row,
       columnStartEditing: columnStartEditing,
       columnDoneEditing: columnDoneEditing,
@@ -28958,10 +29001,10 @@ var StickyHeader = function StickyHeader(props) {
   }));
 };
 StickyHeader.displayName = 'StickyHeader';
-var StickyHeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+var StickyHeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "StickyHeaderWrapper",
   componentId: "sc-hh47bp-0"
-})(["position:fixed;z-index:", ";overflow-x:hidden;box-shadow:0px 2px 4px -2px rgba(24,39,75,0.12);"], _constants__WEBPACK_IMPORTED_MODULE_3__.Z_INDEX.stickyHeader);
+})(["position:fixed;z-index:", ";overflow-x:hidden;box-shadow:0px 2px 4px -2px rgba(24,39,75,0.12);"], _constants__WEBPACK_IMPORTED_MODULE_4__.Z_INDEX.stickyHeader);
 StickyHeaderWrapper.displayName = 'StickyHeaderWrapper';
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (StickyHeader);
 
@@ -29182,27 +29225,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
-/* harmony import */ var _footer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./footer */ "./src/table/footer.js");
-/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./header */ "./src/table/header.js");
-/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
-/* harmony import */ var _sticky_header__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./sticky_header */ "./src/table/sticky_header.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _footer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./footer */ "./src/table/footer.js");
+/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./header */ "./src/table/header.js");
+/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
+/* harmony import */ var _sticky_header__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./sticky_header */ "./src/table/sticky_header.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 
 
 
@@ -29221,7 +29256,7 @@ var Table = function Table(props) {
     scrollTarget = props.scrollTarget,
     classNamePrefix = props.classNamePrefix;
   var offsetTop = lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(stickyHeader) && stickyHeader.offsetTop || 0;
-  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_7__.useTableContext)(),
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
     getTableProps = _useTableContext.getTableProps,
     getTableBodyProps = _useTableContext.getTableBodyProps,
     prepareRow = _useTableContext.prepareRow,
@@ -29233,40 +29268,14 @@ var Table = function Table(props) {
     isLoading = _useTableContext.isLoading,
     getRowProps = _useTableContext.getRowProps;
   var wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    left = _useState2[0],
-    setLeft = _useState2[1];
-  (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useEventListener)(wrapperRef.current, {
-    event: 'scroll',
-    handler: function handler(evt) {
-      setLeft(evt.target.scrollLeft);
-    }
-  });
   var tableRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
-  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    width = _useState4[0],
-    setWidth = _useState4[1];
-  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showSticky = _useState6[0],
-    setShowSticky = _useState6[1];
-  var scroll = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useScroll)(scrollTarget);
-  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
-    if (!stickyHeader || !tableRef.current) return;
-    var rect = tableRef.current.getBoundingClientRect();
-    setWidth(rect.width);
-    var top = -rect.top + offsetTop;
-    setShowSticky(top > 0 && top - rect.height <= 0);
-  }, [scroll]);
   var body = function () {
     if (isLoading) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(LoadingComp, null);
     if (!page.length) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(NoDataComp, null);
     return page.map(function (row, i, arr) {
       prepareRow(row);
       if (row.isPinned) return null;
-      return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__["default"])({
+      return (0,_render_row__WEBPACK_IMPORTED_MODULE_9__["default"])({
         row: row,
         rowDensity: rowDensity,
         onRowClick: onRowClick,
@@ -29278,42 +29287,43 @@ var Table = function Table(props) {
   }();
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableWrapper, {
     ref: wrapperRef,
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_6__.classNames)(classNamePrefix, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
       container: true
     }, className)
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledTable, _extends({
     ref: tableRef
   }, getTableProps(), {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_6__.classNames)(classNamePrefix, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
       table: true
     })
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_header__WEBPACK_IMPORTED_MODULE_9__["default"], {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_header__WEBPACK_IMPORTED_MODULE_8__["default"], {
     classNamePrefix: classNamePrefix
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", _extends({
     "data-rowgroup-type": "body"
   }, getTableBodyProps(), {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_6__.classNames)(classNamePrefix, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
       tableBody: true
     })
   }), pinnedRows.map(function (row) {
     prepareRow(row);
-    return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__["default"])({
+    return (0,_render_row__WEBPACK_IMPORTED_MODULE_9__["default"])({
       row: row,
       rowDensity: rowDensity,
       onRowClick: onRowClick,
       classNamePrefix: classNamePrefix,
       getRowProps: getRowProps
     });
-  }), body), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_footer__WEBPACK_IMPORTED_MODULE_8__["default"], {
+  }), body), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_footer__WEBPACK_IMPORTED_MODULE_7__["default"], {
     rowDensity: rowDensity,
     classNamePrefix: classNamePrefix
-  }), showSticky && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_sticky_header__WEBPACK_IMPORTED_MODULE_11__["default"], {
-    top: offsetTop,
-    width: width,
-    left: left,
+  }), !!stickyHeader && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_sticky_header__WEBPACK_IMPORTED_MODULE_10__["default"], {
+    offsetTop: offsetTop,
     onRowClick: onRowClick,
     rowDensity: rowDensity,
-    classNamePrefix: classNamePrefix
+    classNamePrefix: classNamePrefix,
+    tableRef: tableRef,
+    scrollTarget: scrollTarget,
+    wrapperRef: wrapperRef
   })));
 };
 Table.displayName = 'Table';
@@ -29330,7 +29340,7 @@ Table.propTypes = {
 var TableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "TableWrapper",
   componentId: "sc-ebeoik-0"
-})(["width:100%;border:1px solid ", ";border-radius:4px;overflow-x:auto;", ""], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_3, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].scrollbars.thin);
+})(["width:100%;border:1px solid ", ";border-radius:4px;overflow-x:auto;", ""], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_3, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].scrollbars.thin);
 TableWrapper.displayName = 'TableWrapper';
 var StyledTable = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "StyledTable",
@@ -46434,6 +46444,85 @@ function pickBy(object, predicate) {
 module.exports = pickBy;
 
 
+/***/ }),
+
+/***/ "./node_modules/lodash/throttle.js":
+/*!*****************************************!*\
+  !*** ./node_modules/lodash/throttle.js ***!
+  \*****************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var debounce = __webpack_require__(/*! ./debounce */ "./node_modules/lodash/debounce.js"),
+    isObject = __webpack_require__(/*! ./isObject */ "./node_modules/lodash/isObject.js");
+
+/** Error message constants. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/**
+ * Creates a throttled function that only invokes `func` at most once per
+ * every `wait` milliseconds. The throttled function comes with a `cancel`
+ * method to cancel delayed `func` invocations and a `flush` method to
+ * immediately invoke them. Provide `options` to indicate whether `func`
+ * should be invoked on the leading and/or trailing edge of the `wait`
+ * timeout. The `func` is invoked with the last arguments provided to the
+ * throttled function. Subsequent calls to the throttled function return the
+ * result of the last `func` invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the throttled function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.throttle` and `_.debounce`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to throttle.
+ * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=true]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new throttled function.
+ * @example
+ *
+ * // Avoid excessively updating the position while scrolling.
+ * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
+ *
+ * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
+ * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
+ * jQuery(element).on('click', throttled);
+ *
+ * // Cancel the trailing throttled invocation.
+ * jQuery(window).on('popstate', throttled.cancel);
+ */
+function throttle(func, wait, options) {
+  var leading = true,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  if (isObject(options)) {
+    leading = 'leading' in options ? !!options.leading : leading;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+  return debounce(func, wait, {
+    'leading': leading,
+    'maxWait': wait,
+    'trailing': trailing
+  });
+}
+
+module.exports = throttle;
+
+
 /***/ }),
 
 /***/ "./node_modules/lodash/toNumber.js":