@luminati-io/uikit 6.3.128 → 6.3.129

package/dist/umd/uikit.development.js

@@ -57187,6 +57187,10 @@ var Provider = function Provider(_ref3) {
     _useState4 = _slicedToArray(_useState3, 2),
     isDraggingRow = _useState4[0],
     setIsDraggingRow = _useState4[1];
+  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    contextMenu = _useState6[0],
+    setContextMenu = _useState6[1];
   var hiddenColumns = (0,_util__WEBPACK_IMPORTED_MODULE_7__.firstDefined)(stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('hiddenColumns'), _hiddenColumns);
   var pinnedColumns = (0,_util__WEBPACK_IMPORTED_MODULE_7__.firstDefined)(stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('pinnedColumns'), _pinnedColumns);
   var columnOrder = (0,_util__WEBPACK_IMPORTED_MODULE_7__.firstDefined)(stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('columnOrder'), _columnOrder);
@@ -57279,7 +57283,9 @@ var Provider = function Provider(_ref3) {
     hoverActionsDirection: hoverActionsDirection,
     virtualized: virtualized,
     skeletonLoader: skeletonLoader,
-    skeletonRowCount: skeletonRowCount
+    skeletonRowCount: skeletonRowCount,
+    contextMenu: contextMenu,
+    setContextMenu: setContextMenu
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TableContext.Provider, {
     value: value
@@ -59606,6 +59612,7 @@ var renderRow = function renderRow(opt) {
   var className = opt.className,
     row = opt.row,
     onRowClick = opt.onRowClick,
+    onContextMenu = opt.onContextMenu,
     getRowProps = opt.getRowProps,
     rowDensity = opt.rowDensity,
     isLast = opt.isLast,
@@ -59618,9 +59625,16 @@ var renderRow = function renderRow(opt) {
   var onClick = onRowClick ? function (evt) {
     if (!evt.target.matches(".".concat(preventOnClickClass, " *"))) onRowClick(original, evt);
   } : undefined;
+  var onContextMenuHandler = onContextMenu ? function (evt) {
+    if (!evt.target.matches(".".concat(preventOnClickClass, " *"))) {
+      evt.preventDefault();
+      onContextMenu(row, evt);
+    }
+  } : undefined;
   var cursor = onRowClick ? 'pointer' : undefined;
   var tableRow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TableRow, _extends({}, rowProps, {
     onClick: onClick,
+    onContextMenu: onContextMenuHandler,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_2__.cn)(className, {
       tableRow: true,
       'tableRow--is-pinned': isPinned,
@@ -59882,16 +59896,20 @@ var useRowHoverActions = function useRowHoverActions() {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   RowContextMenu: () => (/* binding */ RowContextMenu),
 /* 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 _popover__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../popover */ "./src/popover/index.js");
-/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
-/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
+/* 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 _popover__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../popover */ "./src/popover/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 _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../constants */ "./src/constants.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
 
 
@@ -59921,10 +59939,12 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 
 
 
+
+
 var RowMenuCell = function RowMenuCell(_ref) {
   var row = _ref.row,
     column = _ref.column;
-  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_4__.useTableContext)(),
+  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) {
@@ -59946,7 +59966,7 @@ var RowMenuCellPopover = function RowMenuCellPopover(_ref2) {
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_popover__WEBPACK_IMPORTED_MODULE_1__.Popover, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_popover__WEBPACK_IMPORTED_MODULE_2__.Popover, {
     placement: "left",
     visible: visible,
     onVisibleChange: setVisible,
@@ -59958,11 +59978,11 @@ var RowMenuCellPopover = function RowMenuCellPopover(_ref2) {
         return setVisible(false);
       }
     })
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_2__.IconButton, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_3__.IconButton, {
     "data-testid": "row-actions-toggle",
     icon: "DotsHorizontal",
     size: "xs",
-    className: _render_row__WEBPACK_IMPORTED_MODULE_5__.preventOnClickClass
+    className: _render_row__WEBPACK_IMPORTED_MODULE_7__.preventOnClickClass
   }));
 };
 var PopoverMenu = function PopoverMenu(_ref3) {
@@ -59983,8 +60003,8 @@ var PopoverMenu = function PopoverMenu(_ref3) {
       });
     });
   }, [allActions]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_3__.Menu, {
-    className: _render_row__WEBPACK_IMPORTED_MODULE_5__.preventOnClickClass,
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_4__.Menu, {
+    className: _render_row__WEBPACK_IMPORTED_MODULE_7__.preventOnClickClass,
     items: items,
     size: "sm",
     unstyled: true
@@ -60035,6 +60055,63 @@ useRowMenu.pluginName = 'useRowMenu';
 var addRowMenuInternalAction = function addRowMenuInternalAction(id, action) {
   if (!rowMenuColumn.internalActions[id]) rowMenuColumn.internalActions[id] = action;
 };
+var theme = function theme(cb) {
+  return function (p) {
+    return cb(p.theme);
+  };
+};
+var ContextMenuOverlay = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "ContextMenuOverlay",
+  componentId: "sc-q7kjip-0"
+})(["position:fixed;z-index:", ";border-radius:4px;border:1px solid ", ";background:", ";box-shadow:", ";"], _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.popover, theme(function (t) {
+  return t.color.popover_border;
+}), theme(function (t) {
+  return t.color.bg;
+}), theme(function (t) {
+  return t.color.popover_shadow;
+}));
+var RowContextMenu = function RowContextMenu() {
+  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
+    contextMenu = _useTableContext2.contextMenu,
+    setContextMenu = _useTableContext2.setContextMenu,
+    rowActions = _useTableContext2.rowActions;
+  var menuRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  var hideMenu = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    return setContextMenu(null);
+  }, [setContextMenu]);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    if (!contextMenu) return;
+    var handle = function handle(evt) {
+      if (menuRef.current && !menuRef.current.contains(evt.target)) hideMenu();
+    };
+    document.addEventListener('mousedown', handle, true);
+    return function () {
+      return document.removeEventListener('mousedown', handle, true);
+    };
+  }, [contextMenu, hideMenu]);
+  if (!contextMenu) return null;
+  var x = contextMenu.x,
+    y = contextMenu.y,
+    row = contextMenu.row;
+  var allActions = [].concat(_toConsumableArray(rowActions || []), _toConsumableArray(Object.values(rowMenuColumn.internalActions))).map(function (item) {
+    return typeof item == 'function' ? item(row) : item;
+  }).filter(function (item) {
+    return item && item.key;
+  });
+  if (!allActions.length) return null;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ContextMenuOverlay, {
+    ref: menuRef,
+    style: {
+      top: y,
+      left: x
+    },
+    className: _render_row__WEBPACK_IMPORTED_MODULE_7__.preventOnClickClass
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverMenu, {
+    allActions: allActions,
+    row: row,
+    hidePopover: hideMenu
+  }));
+};
 
 /***/ }),
 
@@ -60588,6 +60665,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _dnd__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./dnd */ "./src/table/dnd.js");
 /* harmony import */ var _row_hover_actions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./row_hover_actions */ "./src/table/row_hover_actions.js");
 /* harmony import */ var _skeleton_loader__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./skeleton_loader */ "./src/table/skeleton_loader.js");
+/* harmony import */ var _row_menu__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./row_menu */ "./src/table/row_menu.js");
 // LICENSE_CODE ZON
 
 
@@ -60624,6 +60702,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 
 
 
+
 var Table = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function _Table(props, ref) {
   var context = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)();
   // not under context
@@ -60715,7 +60794,7 @@ var InnerTable = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwa
     tableRef: tableRef,
     scrollTarget: scrollTarget,
     wrapperRef: wrapperRef
-  })));
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_row_menu__WEBPACK_IMPORTED_MODULE_15__.RowContextMenu, null));
 });
 InnerTable.displayName = 'InnerTable';
 var TableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
@@ -60749,12 +60828,21 @@ var TableBody = function TableBody(_ref4) {
     pinnedRows = _useTableContext2$pin === void 0 ? [] : _useTableContext2$pin,
     getRowProps = _useTableContext2.getRowProps,
     renderRowSubComponent = _useTableContext2.renderRowSubComponent,
-    draggableRows = _useTableContext2.draggableRows;
+    draggableRows = _useTableContext2.draggableRows,
+    rowActions = _useTableContext2.rowActions,
+    setContextMenu = _useTableContext2.setContextMenu;
   var rows = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
     return [].concat(_toConsumableArray(pinnedRows), _toConsumableArray(page.filter(function (row) {
       return !row.isPinned;
     })));
   }, [pinnedRows, page]);
+  var onContextMenu = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (row, evt) {
+    return setContextMenu({
+      x: evt.clientX,
+      y: evt.clientY,
+      row: row
+    });
+  }, [setContextMenu]);
   var renderRowCb = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (_ref5) {
     var row = _ref5.row,
       index = _ref5.index,
@@ -60764,6 +60852,7 @@ var TableBody = function TableBody(_ref4) {
       row: row,
       rowDensity: rowDensity,
       onRowClick: onRowClick,
+      onContextMenu: rowActions !== null && rowActions !== void 0 && rowActions.length ? onContextMenu : undefined,
       isLast: !row.isPinned && index == rows.length - 1,
       showExpand: !row.isPinned && row.canExpand,
       className: className,
@@ -60771,7 +60860,7 @@ var TableBody = function TableBody(_ref4) {
       renderRowSubComponent: renderRowSubComponent,
       wrapperProps: wrapperProps
     });
-  }, [prepareRow, rowDensity, onRowClick, className, getRowProps, renderRowSubComponent]);
+  }, [prepareRow, rowDensity, onRowClick, onContextMenu, rowActions, className, getRowProps, renderRowSubComponent]);
   var cache = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(new react_virtualized__WEBPACK_IMPORTED_MODULE_4__.CellMeasurerCache({
     fixedWidth: true,
     defaultHeight: 30