@luminati-io/uikit 3.6.4-beta.0 → 3.6.5-beta.0

package/dist/umd/uikit.development.js

@@ -38241,7 +38241,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 = ["columns", "data", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "ExpandHandleComp", "noDataText", "loadingText", "isLoading", "onPageChange", "manualPagination", "totalCount", "paginateExpandedRows", "getHeaderProps", "getColumnProps", "getRowProps", "getCellProps", "getFooterProps", "selectedRowIds", "canOrderColumns", "rowActions", "columnSort", "onColumnSortChanged", "isCellEditable", "onStartEdit", "draggableRows", "onRowDragStart", "onRowDragEnd"];
+var _excluded = ["columns", "data", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "ExpandHandleComp", "noDataText", "loadingText", "isLoading", "onPageChange", "manualPagination", "totalCount", "paginateExpandedRows", "getHeaderProps", "getColumnProps", "getRowProps", "getCellProps", "getFooterProps", "selectedRowIds", "canOrderColumns", "rowActions", "columnSort", "onColumnSortChanged", "isCellEditable", "onStartEdit", "draggableRows", "onRowDragStart", "onRowDragEnd", "hoverActions", "hoverActionsDirection"];
 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; }
@@ -38330,6 +38330,8 @@ var Provider = function Provider(props) {
     draggableRows = props.draggableRows,
     onRowDragStart = props.onRowDragStart,
     onRowDragEnd = props.onRowDragEnd,
+    hoverActions = props.hoverActions,
+    hoverActionsDirection = props.hoverActionsDirection,
     rest = _objectWithoutProperties(props, _excluded);
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -38405,7 +38407,9 @@ var Provider = function Provider(props) {
     isDraggingRow: isDraggingRow,
     setIsDraggingRow: setIsDraggingRow,
     onRowDragStart: onRowDragStart,
-    onRowDragEnd: onRowDragEnd
+    onRowDragEnd: onRowDragEnd,
+    hoverActions: hoverActions,
+    hoverActionsDirection: hoverActionsDirection
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableContext.Provider, {
     value: value
@@ -38434,7 +38438,8 @@ Provider.defaultProps = {
     var column = _ref.column;
     return column.canEdit;
   },
-  draggableRows: false
+  draggableRows: false,
+  hoverActionsDirection: 'row'
 };
 Provider.propTypes = {
   columns: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
@@ -38496,7 +38501,9 @@ Provider.propTypes = {
   expandColumnId: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
   draggableRows: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   onRowDragStart: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  onRowDragEnd: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
+  onRowDragEnd: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+  hoverActions: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().object)), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
+  hoverActionsDirection: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['row', 'column'])
 };
 var calcPageCount = function calcPageCount(totalCount, pageSize) {
   return Math.ceil(totalCount / pageSize);
@@ -40465,13 +40472,24 @@ var RowHoverActions = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forward
     wrapperProps = _objectWithoutProperties(props, _excluded);
   var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_4__.useTableContext)(),
     getRowProps = _useTableContext.getRowProps,
-    draggableRows = _useTableContext.draggableRows;
+    draggableRows = _useTableContext.draggableRows,
+    contextHoverActions = _useTableContext.hoverActions,
+    hoverActionsDirection = _useTableContext.hoverActionsDirection;
   var _row$getRowProps = row.getRowProps(getRowProps === null || getRowProps === void 0 ? void 0 : getRowProps(row)),
     draggable = _row$getRowProps.draggable;
+  var hoverActions = typeof contextHoverActions == 'function' ? contextHoverActions(row) : contextHoverActions;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HoverActionsList, _extends({
-    $visible: visible,
     ref: ref
-  }, wrapperProps), draggableRows && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_3__.IconButton, _extends({
+  }, wrapperProps, {
+    $direction: hoverActionsDirection,
+    $visible: visible
+  }), hoverActions === null || hoverActions === void 0 ? void 0 : hoverActions.map(function (p) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
+      key: p.icon
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_3__.IconButton, _extends({}, p, {
+      variant: "icon"
+    })));
+  }), draggableRows && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_3__.IconButton, _extends({
     disabled: !(draggable !== null && draggable !== void 0 ? draggable : true),
     variant: "icon",
     icon: "DragAndDrop"
@@ -40481,7 +40499,9 @@ RowHoverActions.displayName = 'RowHoverActions';
 var HoverActionsList = styled_components__WEBPACK_IMPORTED_MODULE_1___default().ul.withConfig({
   displayName: "HoverActionsList",
   componentId: "sc-1xb8hvf-0"
-})(["list-style-type:none;margin:0;padding:0 ", ";visibility:", ";"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].spacing['02'], function (props) {
+})(["display:flex;align-items:center;justify-content:center;flex-direction:", ";list-style-type:none;margin:0;padding:0 ", ";visibility:", ";"], function (props) {
+  return props.$direction;
+}, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].spacing['02'], function (props) {
   return props.$visible ? 'visible' : 'hidden';
 });
 var useRowHoverActions = function useRowHoverActions(row) {
@@ -41326,13 +41346,19 @@ var TableBody = function TableBody(props) {
   var style = _objectSpread(_objectSpread({}, props.style), bodyProps.style);
   var onDragStart = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (e) {
     setIsDraggingRow(true);
-    onRowDragStart === null || onRowDragStart === void 0 || onRowDragStart(e, rowsById[e.draggableId], page);
+    var context = {
+      page: page
+    };
+    onRowDragStart === null || onRowDragStart === void 0 || onRowDragStart(e, rowsById[e.draggableId], context);
   }, [page]);
   var onDragEnd = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (e) {
     var _page$e$destination$i, _e$destination;
     setIsDraggingRow(false);
     var destRowId = (_page$e$destination$i = page[(_e$destination = e.destination) === null || _e$destination === void 0 ? void 0 : _e$destination.index]) === null || _page$e$destination$i === void 0 ? void 0 : _page$e$destination$i.id;
-    onRowDragEnd === null || onRowDragEnd === void 0 || onRowDragEnd(e, rowsById[e.draggableId], rowsById[destRowId], page);
+    var context = {
+      previousPage: page
+    };
+    onRowDragEnd === null || onRowDragEnd === void 0 || onRowDragEnd(e, rowsById[e.draggableId], rowsById[destRowId], context);
   }, [page]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_11__.DragDropContext, {
     onDragStart: onDragStart,