@luminati-io/uikit 3.4.11 → 3.4.13

package/dist/umd/uikit.development.js

@@ -33129,13 +33129,13 @@ var DragDrop = function DragDrop(props) {
       return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, item.id, item));
     }, {});
   }, [items]);
-  return /*#__PURE__*/React.createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_4__.DragDropContext, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_4__.DragDropContext, {
     onDragEnd: onDragEnd
-  }, /*#__PURE__*/React.createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, {
     flex_direction: direction,
     gap: "6px"
   }, value.map(function (itemList, i) {
-    return /*#__PURE__*/React.createElement(_droppable__WEBPACK_IMPORTED_MODULE_3__.DroppableArea, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_droppable__WEBPACK_IMPORTED_MODULE_3__.DroppableArea, {
       key: i,
       dropIndex: i,
       items: itemList.map(function (id) {
@@ -34402,7 +34402,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 = ["className", "classNamePrefix", "value", "onChange", "disabled", "options", "variant", "size", "label", "labelIcon", "helperText", "invalid", "required", "necessityIndicator"],
-  _excluded2 = ["classNamePrefix", "value", "checked", "onClick", "label", "disabled", "size", "tooltip", "verticalAlign"];
+  _excluded2 = ["classNamePrefix", "value", "checked", "onClick", "label", "disabled", "size", "tooltip", "interactive_tooltip", "verticalAlign"];
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
@@ -34514,6 +34514,7 @@ var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
     disabled = props.disabled,
     size = props.size,
     tooltip = props.tooltip,
+    interactive_tooltip = props.interactive_tooltip,
     verticalAlign = props.verticalAlign,
     rest = _objectWithoutProperties(props, _excluded2);
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(props.id);
@@ -34521,7 +34522,8 @@ var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
     if (!disabled) onClick === null || onClick === void 0 || onClick(value, evt);
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
-    tooltip: tooltip
+    tooltip: tooltip,
+    interactive: interactive_tooltip
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RadioWrapper, _extends({
     ref: ref,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, _defineProperty(_defineProperty({
@@ -37859,13 +37861,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pinned_columns__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./pinned_columns */ "./src/table/pinned_columns.js");
 /* harmony import */ var _expandable_rows__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./expandable_rows */ "./src/table/expandable_rows.js");
 /* harmony import */ var _select_rows__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./select_rows */ "./src/table/select_rows.js");
-/* harmony import */ var _order_logic__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./order_logic */ "./src/table/order_logic.js");
+/* harmony import */ var _row_menu__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./row_menu */ "./src/table/row_menu.js");
+/* harmony import */ var _order_logic__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./order_logic */ "./src/table/order_logic.js");
 // LICENSE_CODE ZON
 
 
 /*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 = ["data", "columnsSort", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "ExpandHandleComp", "noDataText", "loadingText", "isLoading", "onPageChange", "manualPagination", "totalCount", "paginateExpandedRows", "getHeaderProps", "getColumnProps", "getRowProps", "getCellProps", "getFooterProps", "selectedRowIds", "canOrderColumns"];
+var _excluded = ["data", "columnsSort", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "ExpandHandleComp", "noDataText", "loadingText", "isLoading", "onPageChange", "manualPagination", "totalCount", "paginateExpandedRows", "getHeaderProps", "getColumnProps", "getRowProps", "getCellProps", "getFooterProps", "selectedRowIds", "canOrderColumns", "rowActions"];
 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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -37895,6 +37898,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var assign = Object.assign;
 var defaultPropGetter = function defaultPropGetter() {
   return {};
@@ -37955,6 +37959,7 @@ var Provider = function Provider(props) {
     selectedRowIds = props.selectedRowIds,
     _props$canOrderColumn = props.canOrderColumns,
     canOrderColumns = _props$canOrderColumn === void 0 ? false : _props$canOrderColumn,
+    rowActions = props.rowActions,
     rest = _objectWithoutProperties(props, _excluded);
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -37990,7 +37995,7 @@ var Provider = function Provider(props) {
     getCellProps: getCellProps,
     getFooterProps: getFooterProps,
     ExpandHandleComp: ExpandHandleComp
-  }, rest), useCanHideColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useExpanded, _expandable_rows__WEBPACK_IMPORTED_MODULE_9__.useExpandHandle, react_table__WEBPACK_IMPORTED_MODULE_2__.usePagination, props.fullWidth ? react_table__WEBPACK_IMPORTED_MODULE_2__.useFlexLayout : react_table__WEBPACK_IMPORTED_MODULE_2__.useBlockLayout, react_table__WEBPACK_IMPORTED_MODULE_2__.useResizeColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useColumnOrder, _pinned_columns__WEBPACK_IMPORTED_MODULE_8__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_7__.useEditableColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useRowSelect, _select_rows__WEBPACK_IMPORTED_MODULE_10__.useSelectRows].concat(_toConsumableArray(hooks)));
+  }, rest), useCanHideColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useExpanded, _expandable_rows__WEBPACK_IMPORTED_MODULE_9__.useExpandHandle, react_table__WEBPACK_IMPORTED_MODULE_2__.usePagination, props.fullWidth ? react_table__WEBPACK_IMPORTED_MODULE_2__.useFlexLayout : react_table__WEBPACK_IMPORTED_MODULE_2__.useBlockLayout, react_table__WEBPACK_IMPORTED_MODULE_2__.useResizeColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useColumnOrder, _pinned_columns__WEBPACK_IMPORTED_MODULE_8__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_7__.useEditableColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useRowSelect, _select_rows__WEBPACK_IMPORTED_MODULE_10__.useSelectRows].concat(_toConsumableArray(rowActions !== null && rowActions !== void 0 && rowActions.length ? [_row_menu__WEBPACK_IMPORTED_MODULE_11__.useRowMenu] : []), _toConsumableArray(hooks)));
   var _table$state = table.state,
     pageIndex = _table$state.pageIndex,
     _pageSize = _table$state.pageSize;
@@ -38007,14 +38012,15 @@ var Provider = function Provider(props) {
   }, [manualPagination, totalCount, pageIndex, _pageSize]);
   var _LoadingComp = useComp(loadingText, LoadingComp);
   var _NoDataComp = useComp(noDataText, NoDataComp);
-  var orderLogic = (0,_order_logic__WEBPACK_IMPORTED_MODULE_11__.useOrderLogic)(table);
+  var orderLogic = (0,_order_logic__WEBPACK_IMPORTED_MODULE_12__.useOrderLogic)(table);
   var value = _objectSpread(_objectSpread({
     columnsSort: columnsSort
   }, table), {}, {
     canOrderColumns: canOrderColumns,
     orderLogic: orderLogic,
     LoadingComp: _LoadingComp,
-    NoDataComp: _NoDataComp
+    NoDataComp: _NoDataComp,
+    rowActions: rowActions
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TableContext.Provider, {
     value: value
@@ -38091,7 +38097,10 @@ Provider.propTypes = {
   scrollTarget: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
   className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   onSelectRows: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  canOrderColumns: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+  canOrderColumns: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  rowActions: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().array),
+  scrollable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  scrollHeight: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
 };
 var calcPageCount = function calcPageCount(totalCount, pageSize) {
   return Math.ceil(totalCount / pageSize);
@@ -38632,8 +38641,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var TableFooter = function TableFooter(props) {
+var TableFooter = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var className = props.className,
+    style = props.style,
     rowDensity = props.rowDensity;
   var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useTableContext)(),
     footerGroups = _useTableContext.footerGroups,
@@ -38644,11 +38654,13 @@ var TableFooter = function TableFooter(props) {
   });
   if (isFooterHidden) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    ref: ref,
     role: "rowgroup",
     "data-rowgroup-type": "footer",
     className: (0,_util__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
       tableFooter: true
-    })
+    }),
+    style: style
   }, footerGroups.map(function (group) {
     var _group$getFooterGroup = group.getFooterGroupProps(),
       key = _group$getFooterGroup.key,
@@ -38671,7 +38683,7 @@ var TableFooter = function TableFooter(props) {
       });
     }));
   }));
-};
+});
 TableFooter.displayName = 'TableFooter';
 var FooterCell = function FooterCell(props) {
   var className = props.className,
@@ -38729,6 +38741,7 @@ __webpack_require__.r(__webpack_exports__);
 /*jslint react:true*/
 
 var _excluded = ["key"];
+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); }
 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); }
@@ -38738,6 +38751,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
@@ -38748,7 +38766,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var TableHeader = function TableHeader(props) {
+var TableHeader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var className = props.className,
     compact = props.compact,
     left = props.left;
@@ -38756,11 +38774,12 @@ var TableHeader = function TableHeader(props) {
     headerGroups = _useTableContext.headerGroups,
     hideHeader = _useTableContext.hideHeader;
   if (hideHeader) return null;
-  var style = {};
+  var style = _objectSpread({}, props.style);
   if (typeof left != 'undefined') style.marginLeft = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(-left);
   var dataAttributes = {};
   if (!compact) dataAttributes['data-rowgroup-type'] = 'head';
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", _extends({
+    ref: ref,
     role: "rowgroup",
     style: style
   }, dataAttributes, {
@@ -38793,7 +38812,7 @@ var TableHeader = function TableHeader(props) {
       });
     }));
   }));
-};
+});
 TableHeader.displayName = 'TableHeader';
 var HeaderCell = function HeaderCell(props) {
   var className = props.className,
@@ -38923,6 +38942,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
 /* harmony import */ var _sort_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./sort_icon */ "./src/table/sort_icon.js");
+/* harmony import */ var _order_logic__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./order_logic */ "./src/table/order_logic.js");
 // LICENSE_CODE ZON
 
 
@@ -38937,11 +38957,13 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
 var HeaderFunctions = function HeaderFunctions(props) {
   var header = props.header,
     visible = props.visible,
     onItemClick = props.onItemClick,
     orderLogic = props.orderLogic;
+  if ((0,_order_logic__WEBPACK_IMPORTED_MODULE_9__.isSysColumn)(header.id)) return null;
   var id = header.id,
     on_sort = header.on_sort,
     canHide = header.canHide,
@@ -39176,12 +39198,12 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-_table__WEBPACK_IMPORTED_MODULE_3__["default"].CustomizeButton = _customize_button__WEBPACK_IMPORTED_MODULE_2__["default"];
-_table__WEBPACK_IMPORTED_MODULE_3__["default"].Pagination = _pagination__WEBPACK_IMPORTED_MODULE_4__["default"];
-_table__WEBPACK_IMPORTED_MODULE_3__["default"].Provider = _context__WEBPACK_IMPORTED_MODULE_1__["default"];
-_table__WEBPACK_IMPORTED_MODULE_3__["default"].withPlugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.withPlugins;
-_table__WEBPACK_IMPORTED_MODULE_3__["default"].plugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.plugins;
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_table__WEBPACK_IMPORTED_MODULE_3__["default"]);
+_table__WEBPACK_IMPORTED_MODULE_3__.Table.CustomizeButton = _customize_button__WEBPACK_IMPORTED_MODULE_2__["default"];
+_table__WEBPACK_IMPORTED_MODULE_3__.Table.Pagination = _pagination__WEBPACK_IMPORTED_MODULE_4__["default"];
+_table__WEBPACK_IMPORTED_MODULE_3__.Table.Provider = _context__WEBPACK_IMPORTED_MODULE_1__["default"];
+_table__WEBPACK_IMPORTED_MODULE_3__.Table.withPlugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.withPlugins;
+_table__WEBPACK_IMPORTED_MODULE_3__.Table.plugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.plugins;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_table__WEBPACK_IMPORTED_MODULE_3__.Table);
 
 /***/ }),
 
@@ -39194,6 +39216,7 @@ _table__WEBPACK_IMPORTED_MODULE_3__["default"].plugins = _plugin__WEBPACK_IMPORT
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   isSysColumn: () => (/* binding */ isSysColumn),
 /* harmony export */   useOrderLogic: () => (/* binding */ useOrderLogic)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
@@ -39219,6 +39242,10 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 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; }
 
+var sysColumns = ['selection', 'row_menu'];
+var isSysColumn = function isSysColumn(id) {
+  return sysColumns.includes(id);
+};
 var useOrderLogic = function useOrderLogic(table) {
   var _table$state = table.state,
     columnOrder = _table$state.columnOrder,
@@ -39227,7 +39254,12 @@ var useOrderLogic = function useOrderLogic(table) {
     setColumnOrder = table.setColumnOrder,
     setHiddenColumns = table.setHiddenColumns,
     togglePinColumn = table.togglePinColumn,
-    allColumns = table.allColumns;
+    _allColumns = table.allColumns;
+  var allColumns = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return _allColumns.filter(function (col) {
+      return !isSysColumn(col.id);
+    });
+  }, [_allColumns]);
   var getColumnCategory = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (id) {
     if (hiddenColumns.includes(id)) return 'hidden';
     if (pinnedColumns.includes(id)) return 'pinned';
@@ -39277,6 +39309,7 @@ var useOrderLogic = function useOrderLogic(table) {
     return setColumnOrder([].concat(_toConsumableArray(pinned), _toConsumableArray(visible), _toConsumableArray(hidden)));
   }, [setColumnOrder]);
   var moveBackwards = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (id) {
+    if (isSysColumn(id)) return;
     var category = getColumnCategory(id);
     var arr = orders[category];
     var n = arr.indexOf(id);
@@ -39288,6 +39321,7 @@ var useOrderLogic = function useOrderLogic(table) {
     setOrders(newOrder);
   }, [getColumnCategory, orders, setOrders]);
   var moveForward = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (id) {
+    if (isSysColumn(id)) return;
     var category = getColumnCategory(id);
     var arr = orders[category];
     var n = arr.indexOf(id);
@@ -39299,6 +39333,7 @@ var useOrderLogic = function useOrderLogic(table) {
     setOrders(newOrder);
   }, [getColumnCategory, orders, setOrders]);
   var moveColumn = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (id, cat, n) {
+    if (isSysColumn(id)) return;
     var srcCat = getColumnCategory(id);
     if (srcCat == cat && orders[srcCat][n] == id) return;
     var newOrders = _objectSpread({}, orders);
@@ -39827,6 +39862,7 @@ var plugins = {};
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   preventOnClickClass: () => (/* binding */ preventOnClickClass),
 /* harmony export */   renderRow: () => (/* binding */ renderRow)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
@@ -39843,6 +39879,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+var preventOnClickClass = 'tableCell--preventOnClick';
 var renderRow = function renderRow(opt) {
   var className = opt.className,
     row = opt.row,
@@ -39853,7 +39890,7 @@ var renderRow = function renderRow(opt) {
     renderRowSubComponent = opt.renderRowSubComponent;
   var rowProps = row.getRowProps(getRowProps === null || getRowProps === void 0 ? void 0 : getRowProps(row));
   var onClick = onRowClick ? function (evt) {
-    return onRowClick(row.original, evt);
+    if (!evt.target.matches(".".concat(preventOnClickClass, " *"))) onRowClick(row.original, evt);
   } : undefined;
   var cursor = onRowClick ? 'pointer' : undefined;
   var tableRow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_table_row__WEBPACK_IMPORTED_MODULE_3__.TableRow, _extends({}, rowProps, {
@@ -39888,6 +39925,158 @@ var renderRow = function renderRow(opt) {
 
 /***/ }),
 
+/***/ "./src/table/row_menu.js":
+/*!*******************************!*\
+  !*** ./src/table/row_menu.js ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   addRowMenuInternalAction: () => (/* binding */ addRowMenuInternalAction),
+/* harmony export */   useRowMenu: () => (/* binding */ useRowMenu)
+/* 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 _hoc__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
+// LICENSE_CODE ZON
+
+
+/*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); }
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+
+
+
+
+
+
+
+
+var RowMenuCell = function RowMenuCell(_ref) {
+  var row = _ref.row,
+    column = _ref.column;
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
+    rowActions = _useTableContext.rowActions;
+  var allActions = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return [].concat(_toConsumableArray(rowActions || []), _toConsumableArray(Object.values(column.internalActions))).map(function (item) {
+      return typeof item == 'function' ? item(row) : item;
+    }).filter(function (item) {
+      return item && !item.hidden && item.key;
+    });
+  }, [rowActions, column, row]);
+  if (!allActions.length) return null;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RowMenuCellPopover, {
+    popoverProps: {
+      allActions: allActions,
+      row: row
+    }
+  });
+};
+RowMenuCell.displayName = 'RowMenuCell';
+var RowMenuCellPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_2__.withPopover)(function (p) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_3__.IconButton, {
+    onClick: p.popover.toggle,
+    icon: "DotsHorizontal",
+    variant: "ghost",
+    className: _render_row__WEBPACK_IMPORTED_MODULE_7__.preventOnClickClass
+  });
+}, function (p) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverMenu, {
+    allActions: p.allActions,
+    row: p.row,
+    togglePopover: p.popover.toggle
+  });
+}, {
+  placement: 'left'
+});
+var PopoverMenu = function PopoverMenu(props) {
+  var allActions = props.allActions,
+    row = props.row,
+    togglePopover = props.togglePopover;
+  var items = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return allActions.map(function (item) {
+      var func = item.onClick;
+      var newFunc = function newFunc() {
+        if (!item.keepPopover) togglePopover();
+        func(row);
+      };
+      return _objectSpread(_objectSpread({}, item), {}, {
+        onClick: newFunc
+      });
+    });
+  }, [allActions]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_4__["default"], {
+    className: _render_row__WEBPACK_IMPORTED_MODULE_7__.preventOnClickClass,
+    items: items,
+    size: "sm"
+  });
+};
+var RowMenuButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().button.withConfig({
+  displayName: "RowMenuButton",
+  componentId: "sc-q7kjip-0"
+})(["box-sizing:border-box;min-width:180px;display:flex;align-items:center;padding:7px 12px;gap:10px;border:0 none;background-color:unset;white-space:nowrap;"]);
+RowMenuButton.displayName = 'RowMenuButton';
+var rowMenuStyle = {
+  backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white,
+  display: 'flex',
+  alignItems: 'center',
+  position: 'sticky',
+  right: 0,
+  overflow: 'visible'
+};
+var getRowMenuCellProps = function getRowMenuCellProps(props, _ref2) {
+  var cell = _ref2.cell;
+  if (cell.column.id == 'row_menu') return [props, {
+    style: rowMenuStyle
+  }];
+  return props;
+};
+var rowMenuColumn = {
+  id: 'row_menu',
+  name: ' ',
+  Cell: RowMenuCell,
+  disableHiding: true,
+  disableResizing: true,
+  disablePinning: true,
+  canEdit: false,
+  width: 48,
+  minWidth: 48,
+  maxWidth: 48,
+  internalActions: {}
+};
+var useRowMenu = function useRowMenu(hooks) {
+  hooks.visibleColumns.push(function (columns) {
+    if (columns[columns.length - 1] == rowMenuColumn) return columns;
+    return [].concat(_toConsumableArray(columns), [rowMenuColumn]);
+  });
+  hooks.getCellProps.push(getRowMenuCellProps);
+};
+useRowMenu.pluginName = 'useRowMenu';
+var addRowMenuInternalAction = function addRowMenuInternalAction(id, action) {
+  if (!rowMenuColumn.internalActions[id]) rowMenuColumn.internalActions[id] = action;
+};
+
+/***/ }),
+
 /***/ "./src/table/select_rows.js":
 /*!**********************************!*\
   !*** ./src/table/select_rows.js ***!
@@ -40198,24 +40387,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-table */ "react-table");
 /* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_table__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 _hoc__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
-/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _plugin__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./plugin */ "./src/table/plugin.js");
+/* harmony import */ var _plugin__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./plugin */ "./src/table/plugin.js");
+/* harmony import */ var _row_menu_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./row_menu.js */ "./src/table/row_menu.js");
 // LICENSE_CODE ZON
 
 
 /*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); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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 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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -40225,35 +40403,25 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
-
-
-
-
 var assign = Object.assign;
 react_table__WEBPACK_IMPORTED_MODULE_1__.actions.resetPinnedRows = 'resetPinnedRows';
 react_table__WEBPACK_IMPORTED_MODULE_1__.actions.toggleRowPinned = 'toggleRowPinned';
 var useStickyRows = function useStickyRows(hooks) {
-  hooks.getCellProps.push(getStickyCellProps);
   hooks.stateReducers.push(stickyRowsReducer);
   hooks.useInstance.push(useStickyRowInstance);
   hooks.prepareRow.push(prepareStickyRow);
+  (0,_row_menu_js__WEBPACK_IMPORTED_MODULE_3__.addRowMenuInternalAction)('stick_row', function (row) {
+    return {
+      key: 'stick_row',
+      text: "".concat(row.isPinned ? 'Unpin' : 'Pin', " row"),
+      icon: row.isPinned ? 'Unpin' : 'Pin',
+      onClick: function onClick() {
+        return row.toggleRowPinned(!row.isPinned);
+      }
+    };
+  });
 };
 useStickyRows.pluginName = 'useStickyRows';
-var rowMenuStyle = {
-  backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white,
-  display: 'flex',
-  alignItems: 'center',
-  position: 'sticky',
-  right: 0,
-  overflow: 'visible'
-};
-var getStickyCellProps = function getStickyCellProps(props, _ref) {
-  var cell = _ref.cell;
-  if (cell.column.id == 'row_menu') return [props, {
-    style: rowMenuStyle
-  }];
-  return props;
-};
 var stickyRowsReducer = function stickyRowsReducer(state, action, previousState, instance) {
   if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.init) return _objectSpread({
     pinnedRowIds: {}
@@ -40312,70 +40480,16 @@ var useStickyRowInstance = function useStickyRowInstance(instance) {
     toggleRowPinned: toggleRowPinned
   });
 };
-var prepareStickyRow = function prepareStickyRow(row, _ref2) {
-  var instance = _ref2.instance;
+var prepareStickyRow = function prepareStickyRow(row, _ref) {
+  var instance = _ref.instance;
   row.toggleRowPinned = function (set) {
     return instance.toggleRowPinned(row.id, set);
   };
 };
-var RowMenuCell = function RowMenuCell(props) {
-  var _props$row = props.row,
-    isPinned = _props$row.isPinned,
-    toggleRowPinned = _props$row.toggleRowPinned;
-  var items = [{
-    key: 'stick_row',
-    text: "".concat(isPinned ? 'Unpin' : 'Pin', " row"),
-    icon: isPinned ? 'Unpin' : 'Pin',
-    onClick: function onClick() {
-      return toggleRowPinned(!isPinned);
-    }
-  }];
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RowMenuCellPopover, {
-    popoverProps: {
-      items: items
-    }
-  });
-};
-RowMenuCell.displayName = 'RowMenuCell';
-var RowMenuCellPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopover)(function (p) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_4__.IconButton, {
-    onClick: p.popover.toggle,
-    icon: "DotsHorizontal",
-    variant: "ghost"
-  });
-}, function (p) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_5__["default"], {
-    items: p.items,
-    size: "sm"
-  });
-}, {
-  placement: 'left'
-});
-var RowMenuButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default().button.withConfig({
-  displayName: "RowMenuButton",
-  componentId: "sc-u1g3r9-0"
-})(["box-sizing:border-box;min-width:180px;display:flex;align-items:center;padding:7px 12px;gap:10px;border:0 none;background-color:unset;white-space:nowrap;"]);
-RowMenuButton.displayName = 'RowMenuButton';
-var rowMenuColumn = {
-  id: 'row_menu',
-  name: ' ',
-  Cell: RowMenuCell,
-  disableHiding: true,
-  disableResizing: true,
-  disablePinning: true,
-  canEdit: false,
-  width: 48,
-  minWidth: 48,
-  maxWidth: 48
-};
-_plugin__WEBPACK_IMPORTED_MODULE_7__.plugins.stickyRows = function () {
+_plugin__WEBPACK_IMPORTED_MODULE_2__.plugins.stickyRows = function () {
   return {
     hooks: function hooks() {
-      return [useStickyRows, function (hooks) {
-        hooks.visibleColumns.push(function (columns) {
-          return [].concat(_toConsumableArray(columns), [rowMenuColumn]);
-        });
-      }];
+      return [_row_menu_js__WEBPACK_IMPORTED_MODULE_3__.useRowMenu, useStickyRows];
     }
   };
 };
@@ -40391,7 +40505,7 @@ _plugin__WEBPACK_IMPORTED_MODULE_7__.plugins.stickyRows = function () {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   Table: () => (/* binding */ Table)
 /* harmony export */ });
 /* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isObject */ "./node_modules/lodash/isObject.js");
 /* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isObject__WEBPACK_IMPORTED_MODULE_0__);
@@ -40412,9 +40526,15 @@ __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 = ["getTableProps"];
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -40446,9 +40566,24 @@ var InnerTable = function InnerTable(props) {
   var onRowClick = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(props.onRowClick, context.onRowClick);
   var stickyHeader = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(props.stickyHeader, context.stickyHeader);
   var scrollTarget = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(props.scrollTarget, context.scrollTarget);
+  var scrollable = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(props.scrollable, context.scrollable);
+  var scrollHeight = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(props.scrollHeight, context.scrollHeight);
   var offsetTop = lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(stickyHeader) && stickyHeader.offsetTop || 0;
   var wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
   var tableRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
+  var headerRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
+  var footerRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
+  var onScroll = scrollable ? function (evt) {
+    if (footerRef.current) footerRef.current.scrollLeft = evt.target.scrollLeft;
+    if (headerRef.current) headerRef.current.scrollLeft = evt.target.scrollLeft;
+  } : undefined;
+  var headStyle = scrollable ? {
+    overflow: 'hidden'
+  } : undefined;
+  var bodyStyle = scrollable ? {
+    overflow: 'auto',
+    maxHeight: scrollHeight
+  } : undefined;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableWrapper, {
     ref: wrapperRef,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
@@ -40461,14 +40596,20 @@ var InnerTable = function InnerTable(props) {
       table: true
     })
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_header__WEBPACK_IMPORTED_MODULE_8__.TableHeader, {
-    className: className
+    ref: headerRef,
+    className: className,
+    style: headStyle
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableBody, {
     rowDensity: rowDensity,
     className: className,
-    onRowClick: onRowClick
+    onRowClick: onRowClick,
+    style: bodyStyle,
+    onScroll: onScroll
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_footer__WEBPACK_IMPORTED_MODULE_7__.TableFooter, {
+    ref: footerRef,
     rowDensity: rowDensity,
-    className: className
+    className: className,
+    style: headStyle
   }), !!stickyHeader && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_sticky_header__WEBPACK_IMPORTED_MODULE_10__.StickyHeader, {
     offsetTop: offsetTop,
     onRowClick: onRowClick,
@@ -40493,7 +40634,8 @@ StyledTable.displayName = 'StyledTable';
 var TableBody = function TableBody(props) {
   var className = props.className,
     rowDensity = props.rowDensity,
-    onRowClick = props.onRowClick;
+    onRowClick = props.onRowClick,
+    onScroll = props.onScroll;
   var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
     getTableBodyProps = _useTableContext2.getTableBodyProps,
     prepareRow = _useTableContext2.prepareRow,
@@ -40522,12 +40664,16 @@ var TableBody = function TableBody(props) {
       });
     });
   }();
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", _extends({
+  var bodyProps = getTableBodyProps();
+  var style = _objectSpread(_objectSpread({}, props.style), bodyProps.style);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableBodyRowGroup, _extends({
     "data-rowgroup-type": "body"
-  }, getTableBodyProps(), {
+  }, bodyProps, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
       tableBody: true
-    })
+    }),
+    style: style,
+    onScroll: onScroll
   }), pinnedRows.map(function (row) {
     prepareRow(row);
     return (0,_render_row__WEBPACK_IMPORTED_MODULE_9__.renderRow)({
@@ -40540,7 +40686,10 @@ var TableBody = function TableBody(props) {
     });
   }), body);
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Table);
+var TableBodyRowGroup = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+  displayName: "TableBodyRowGroup",
+  componentId: "sc-ebeoik-2"
+})(["", ""], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].scrollbars.thin);
 
 /***/ }),