@luminati-io/uikit 3.4.10 → 3.4.12

package/dist/umd/uikit.development.js

@@ -33111,7 +33111,18 @@ var DragDrop = function DragDrop(props) {
       matrix = _removeItem.matrix,
       item = _removeItem.item;
     var newValue = addItem(matrix, dst_drop_id, +destination.index, item);
-    if (onChange) onChange(newValue);
+    var info = {
+      id: item,
+      source: {
+        section: src_drop_id,
+        index: source.index
+      },
+      destination: {
+        section: dst_drop_id,
+        index: destination.index
+      }
+    };
+    onChange(newValue, info);
   }, [value, onChange]);
   var itemsMap = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return items.reduce(function (acc, item) {
@@ -33135,7 +33146,8 @@ var DragDrop = function DragDrop(props) {
       isLast: i == value.length - 1,
       containerDirection: direction,
       Comp: props.CustomDrop,
-      DragComp: props.CustomDrag
+      DragComp: props.CustomDrag,
+      EmptyComp: props.EmptyComp
     });
   })));
 };
@@ -33284,6 +33296,7 @@ var DroppableArea = function DroppableArea(props) {
     containerDirection = props.containerDirection;
   var Comp = props.Comp || DropComp;
   var DragComp = props.DragComp || _draggable__WEBPACK_IMPORTED_MODULE_6__.DraggableItem;
+  var EmptyComp = props.EmptyComp || EmptyDrop;
   var get_draggable = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (provided, snapshot, item) {
     return /*#__PURE__*/React.createElement("div", _extends({}, provided.draggableProps, {
       ref: provided.innerRef
@@ -33302,7 +33315,7 @@ var DroppableArea = function DroppableArea(props) {
   }, function (drop_provided, drop_snapshot) {
     return /*#__PURE__*/React.createElement("div", _extends({}, drop_provided.droppableProps, {
       ref: drop_provided.innerRef
-    }), items.map(function (item, i) {
+    }), !(items !== null && items !== void 0 && items.length) && /*#__PURE__*/React.createElement(EmptyComp, null), items.map(function (item, i) {
       return /*#__PURE__*/React.createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_7__.Draggable, {
         key: item.id,
         draggableId: item.id,
@@ -33310,9 +33323,19 @@ var DroppableArea = function DroppableArea(props) {
       }, function (provided, snapshot) {
         return snapshot.isDragging && portal ? /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_0___default().createPortal(get_draggable(provided, snapshot, item), portal.current) : get_draggable(provided, snapshot, item);
       });
-    }));
+    }), drop_provided.placeholder);
   }));
 };
+var EmptyDrop = function EmptyDrop() {
+  return /*#__PURE__*/React.createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
+    color: "gray_8",
+    variant: "xs",
+    style: {
+      fontStyle: 'italic',
+      padding: '12px'
+    }
+  }, "Empty");
+};
 var DropComp = function DropComp(props) {
   return /*#__PURE__*/React.createElement(SectionFlex, {
     flex_direction: "column",
@@ -37836,13 +37859,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; }
@@ -37872,6 +37896,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var assign = Object.assign;
 var defaultPropGetter = function defaultPropGetter() {
   return {};
@@ -37932,6 +37957,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),
@@ -37967,7 +37993,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;
@@ -37984,14 +38010,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
@@ -38068,7 +38095,8 @@ 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)
 };
 var calcPageCount = function calcPageCount(totalCount, pageSize) {
   return Math.ceil(totalCount / pageSize);
@@ -38141,12 +38169,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 = ["Dragger", "isDragging"];
+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 _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 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 _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); }
@@ -38167,7 +38198,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var CustomizeButton = function CustomizeButton(props) {
   var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_11__.useTableContext)(),
-    allColumns = _useTableContext.allColumns;
+    allColumns = _useTableContext.allColumns,
+    canOrderColumns = _useTableContext.canOrderColumns,
+    orderLogic = _useTableContext.orderLogic;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''),
     _useState2 = _slicedToArray(_useState, 2),
     search = _useState2[0],
@@ -38180,16 +38213,13 @@ var CustomizeButton = function CustomizeButton(props) {
   });
   if (!columns.length) return null;
   var filtered = columns.filter(searchColumn(search));
-  var items = filtered.map(function (c) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItem, _extends({
-      key: c.id
-    }, c));
-  });
+  var orderProps = canOrderColumns && orderLogic;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonWithPopover, {
     popoverProps: _objectSpread(_objectSpread({}, props), {}, {
-      items: items,
+      items: filtered,
       search: search,
-      setSearch: setSearch
+      setSearch: setSearch,
+      orderProps: orderProps
     })
   });
 };
@@ -38247,13 +38277,20 @@ var CustomizeButtonPopover = function CustomizeButtonPopover(props) {
     search = props.search,
     setSearch = props.setSearch,
     maxMenuHeight = props.maxMenuHeight,
-    items = props.items;
+    items = props.items,
+    orderProps = props.orderProps;
+  var maxHeight = Number.parseInt(maxMenuHeight);
+  var _maxMenuHeight = orderProps && (!maxHeight || maxHeight < 600) ? 600 : maxMenuHeight;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PopoverContainer, null, searchable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Search, {
     search: search,
     setSearch: setSearch
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ItemsWrapper, {
-    $maxMenuHeight: maxMenuHeight
-  }, items));
+    $maxMenuHeight: _maxMenuHeight
+  }, orderProps ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonDraggableItems, _extends({
+    items: items
+  }, orderProps)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonStaticItems, {
+    items: items
+  })));
 };
 CustomizeButtonPopover.displayName = 'CustomizeButtonPopover';
 var CustomizeButtonWithPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopover)(function (p) {
@@ -38265,6 +38302,82 @@ var CustomizeButtonWithPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopove
 }, CustomizeButtonPopover, {
   placement: 'bottom'
 });
+var CustomizeButtonStaticItems = function CustomizeButtonStaticItems(_ref) {
+  var items = _ref.items;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, items.map(function (c) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItem, _extends({
+      key: c.id
+    }, c));
+  }));
+};
+var CustomizeButtonDraggableItems = function CustomizeButtonDraggableItems(props) {
+  var items = props.items,
+    orders = props.orders,
+    moveColumn = props.moveColumn;
+  var sections = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    var _orders$pinned;
+    return [((_orders$pinned = orders.pinned) === null || _orders$pinned === void 0 ? void 0 : _orders$pinned.length) && {
+      name: 'Pinned',
+      sectionId: 'pinned'
+    }, {
+      name: 'Visible',
+      sectionId: 'visible'
+    }, {
+      name: 'Hidden',
+      sectionId: 'hidden'
+    }].filter(Boolean);
+  }, [orders]);
+  var sectionIds = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    return sections.map(function (sec) {
+      return sec.sectionId;
+    });
+  }, [sections]);
+  var value = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    var filtered = new Set(items.map(function (it) {
+      return it.id;
+    }));
+    return sectionIds.map(function (sec) {
+      return orders[sec].filter(function (id) {
+        return filtered.has(id);
+      });
+    });
+  }, [items, sectionIds, orders]);
+  var onChange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (newOrder, info) {
+    var n,
+      id = info.id,
+      cat = sectionIds[info.destination.section];
+    var dstIndex = info.destination.index;
+    if (dstIndex == value[info.destination.section].length) n = orders[cat].length;else {
+      var currentItem = value[info.destination.section][dstIndex];
+      n = orders[cat].indexOf(currentItem);
+    }
+    moveColumn(id, cat, n);
+  }, [sectionIds, value, orders, moveColumn]);
+  var _items = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    return items.map(function (it) {
+      return _objectSpread({
+        name: it.id
+      }, it);
+    });
+  }, [items]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_input__WEBPACK_IMPORTED_MODULE_6__.DragDrop, {
+    value: value,
+    onChange: onChange,
+    items: _items,
+    sections: sections,
+    direction: "column",
+    CustomDrag: CustomizeButtonDraggableItem
+  });
+};
+var CustomizeButtonDraggableItem = function CustomizeButtonDraggableItem(props) {
+  var Dragger = props.Dragger,
+    isDragging = props.isDragging,
+    itemProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_input__WEBPACK_IMPORTED_MODULE_6__.DragDrop.DraggableItem, {
+    Dragger: Dragger,
+    isDragging: isDragging
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItem, itemProps));
+};
 var CustomizeButtonItem = function CustomizeButtonItem(props) {
   var id = props.id,
     name = props.name,
@@ -38815,6 +38928,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
 
 
@@ -38829,11 +38943,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,
@@ -39086,6 +39202,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");
@@ -39111,6 +39228,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,
@@ -39118,8 +39239,13 @@ var useOrderLogic = function useOrderLogic(table) {
     pinnedColumns = _table$state.pinnedColumns,
     setColumnOrder = table.setColumnOrder,
     setHiddenColumns = table.setHiddenColumns,
-    setPinnedColumns = table.setPinnedColumns,
-    allColumns = table.allColumns;
+    togglePinColumn = table.togglePinColumn,
+    _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';
@@ -39169,19 +39295,19 @@ 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);
-    console.log('orders1', orders, category, n);
     if (n <= 0) return;
     var new_arr = arr.toSpliced(n, 1);
     new_arr.splice(n - 1, 0, id);
     var newOrder = _objectSpread({}, orders);
     newOrder[category] = new_arr;
-    console.log('orders', orders, newOrder);
     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);
@@ -39193,18 +39319,19 @@ 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);
     newOrders[srcCat] = newOrders[srcCat].filter(function (_id) {
       return _id != id;
     });
-    newOrders[cat] = newOrders.toSpliced(n, 0, id);
+    newOrders[cat] = newOrders[cat].toSpliced(n, 0, id);
     setOrders(newOrders);
     if (srcCat == cat) return;
     if (srcCat == 'hidden' || cat == 'hidden') setHiddenColumns(newOrders.hidden);
-    if (srcCat == 'pinned' || cat == 'pinned') setPinnedColumns(newOrders.pinned);
-  }, [getColumnCategory, orders, setOrders, setHiddenColumns, setPinnedColumns]);
+    if (srcCat == 'pinned' || cat == 'pinned') togglePinColumn(id, cat == 'pinned');
+  }, [getColumnCategory, orders, setOrders, setHiddenColumns]);
   var res = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return {
       orders: orders,
@@ -39721,6 +39848,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");
@@ -39737,6 +39865,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,
@@ -39747,7 +39876,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, {
@@ -39782,6 +39911,157 @@ 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"], {
+    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 ***!
@@ -40092,24 +40372,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; }
@@ -40119,35 +40388,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: {}
@@ -40206,70 +40465,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];
     }
   };
 };