@luminati-io/uikit 3.4.11 → 3.4.12

package/dist/umd/uikit.development.js

@@ -37859,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; }
@@ -37895,6 +37896,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var assign = Object.assign;
 var defaultPropGetter = function defaultPropGetter() {
   return {};
@@ -37955,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),
@@ -37990,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;
@@ -38007,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
@@ -38091,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);
@@ -38923,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
 
 
@@ -38937,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,
@@ -39194,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");
@@ -39219,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,
@@ -39227,7 +39240,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 +39295,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 +39307,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 +39319,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 +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");
@@ -39843,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,
@@ -39853,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, {
@@ -39888,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 ***!
@@ -40198,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; }
@@ -40225,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: {}
@@ -40312,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];
     }
   };
 };