@luminati-io/uikit 3.4.12 → 3.4.13

package/dist/umd/uikit.development.js

@@ -33129,13 +33129,13 @@ var DragDrop = function DragDrop(props) {
       return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, item.id, item));
     }, {});
   }, [items]);
-  return /*#__PURE__*/React.createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_4__.DragDropContext, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_4__.DragDropContext, {
     onDragEnd: onDragEnd
-  }, /*#__PURE__*/React.createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, {
     flex_direction: direction,
     gap: "6px"
   }, value.map(function (itemList, i) {
-    return /*#__PURE__*/React.createElement(_droppable__WEBPACK_IMPORTED_MODULE_3__.DroppableArea, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_droppable__WEBPACK_IMPORTED_MODULE_3__.DroppableArea, {
       key: i,
       dropIndex: i,
       items: itemList.map(function (id) {
@@ -34402,7 +34402,7 @@ __webpack_require__.r(__webpack_exports__);
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["className", "classNamePrefix", "value", "onChange", "disabled", "options", "variant", "size", "label", "labelIcon", "helperText", "invalid", "required", "necessityIndicator"],
-  _excluded2 = ["classNamePrefix", "value", "checked", "onClick", "label", "disabled", "size", "tooltip", "verticalAlign"];
+  _excluded2 = ["classNamePrefix", "value", "checked", "onClick", "label", "disabled", "size", "tooltip", "interactive_tooltip", "verticalAlign"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
@@ -34514,6 +34514,7 @@ var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
     disabled = props.disabled,
     size = props.size,
     tooltip = props.tooltip,
+    interactive_tooltip = props.interactive_tooltip,
     verticalAlign = props.verticalAlign,
     rest = _objectWithoutProperties(props, _excluded2);
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(props.id);
@@ -34521,7 +34522,8 @@ var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
     if (!disabled) onClick === null || onClick === void 0 || onClick(value, evt);
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
-    tooltip: tooltip
+    tooltip: tooltip,
+    interactive: interactive_tooltip
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RadioWrapper, _extends({
     ref: ref,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.classNames)(classNamePrefix, _defineProperty(_defineProperty({
@@ -38096,7 +38098,9 @@ Provider.propTypes = {
   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),
-  rowActions: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().array)
+  rowActions: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().array),
+  scrollable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  scrollHeight: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
 };
 var calcPageCount = function calcPageCount(totalCount, pageSize) {
   return Math.ceil(totalCount / pageSize);
@@ -38637,8 +38641,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var TableFooter = function TableFooter(props) {
+var TableFooter = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var className = props.className,
+    style = props.style,
     rowDensity = props.rowDensity;
   var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useTableContext)(),
     footerGroups = _useTableContext.footerGroups,
@@ -38649,11 +38654,13 @@ var TableFooter = function TableFooter(props) {
   });
   if (isFooterHidden) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    ref: ref,
     role: "rowgroup",
     "data-rowgroup-type": "footer",
     className: (0,_util__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
       tableFooter: true
-    })
+    }),
+    style: style
   }, footerGroups.map(function (group) {
     var _group$getFooterGroup = group.getFooterGroupProps(),
       key = _group$getFooterGroup.key,
@@ -38676,7 +38683,7 @@ var TableFooter = function TableFooter(props) {
       });
     }));
   }));
-};
+});
 TableFooter.displayName = 'TableFooter';
 var FooterCell = function FooterCell(props) {
   var className = props.className,
@@ -38734,6 +38741,7 @@ __webpack_require__.r(__webpack_exports__);
 /*jslint react:true*/
 
 var _excluded = ["key"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -38743,6 +38751,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
@@ -38753,7 +38766,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var TableHeader = function TableHeader(props) {
+var TableHeader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var className = props.className,
     compact = props.compact,
     left = props.left;
@@ -38761,11 +38774,12 @@ var TableHeader = function TableHeader(props) {
     headerGroups = _useTableContext.headerGroups,
     hideHeader = _useTableContext.hideHeader;
   if (hideHeader) return null;
-  var style = {};
+  var style = _objectSpread({}, props.style);
   if (typeof left != 'undefined') style.marginLeft = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(-left);
   var dataAttributes = {};
   if (!compact) dataAttributes['data-rowgroup-type'] = 'head';
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", _extends({
+    ref: ref,
     role: "rowgroup",
     style: style
   }, dataAttributes, {
@@ -38798,7 +38812,7 @@ var TableHeader = function TableHeader(props) {
       });
     }));
   }));
-};
+});
 TableHeader.displayName = 'TableHeader';
 var HeaderCell = function HeaderCell(props) {
   var className = props.className,
@@ -39184,12 +39198,12 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-_table__WEBPACK_IMPORTED_MODULE_3__["default"].CustomizeButton = _customize_button__WEBPACK_IMPORTED_MODULE_2__["default"];
-_table__WEBPACK_IMPORTED_MODULE_3__["default"].Pagination = _pagination__WEBPACK_IMPORTED_MODULE_4__["default"];
-_table__WEBPACK_IMPORTED_MODULE_3__["default"].Provider = _context__WEBPACK_IMPORTED_MODULE_1__["default"];
-_table__WEBPACK_IMPORTED_MODULE_3__["default"].withPlugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.withPlugins;
-_table__WEBPACK_IMPORTED_MODULE_3__["default"].plugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.plugins;
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_table__WEBPACK_IMPORTED_MODULE_3__["default"]);
+_table__WEBPACK_IMPORTED_MODULE_3__.Table.CustomizeButton = _customize_button__WEBPACK_IMPORTED_MODULE_2__["default"];
+_table__WEBPACK_IMPORTED_MODULE_3__.Table.Pagination = _pagination__WEBPACK_IMPORTED_MODULE_4__["default"];
+_table__WEBPACK_IMPORTED_MODULE_3__.Table.Provider = _context__WEBPACK_IMPORTED_MODULE_1__["default"];
+_table__WEBPACK_IMPORTED_MODULE_3__.Table.withPlugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.withPlugins;
+_table__WEBPACK_IMPORTED_MODULE_3__.Table.plugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.plugins;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_table__WEBPACK_IMPORTED_MODULE_3__.Table);
 
 /***/ }),
 
@@ -40011,6 +40025,7 @@ var PopoverMenu = function PopoverMenu(props) {
     });
   }, [allActions]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_4__["default"], {
+    className: _render_row__WEBPACK_IMPORTED_MODULE_7__.preventOnClickClass,
     items: items,
     size: "sm"
   });
@@ -40490,7 +40505,7 @@ _plugin__WEBPACK_IMPORTED_MODULE_2__.plugins.stickyRows = function () {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   Table: () => (/* binding */ Table)
 /* harmony export */ });
 /* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isObject */ "./node_modules/lodash/isObject.js");
 /* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isObject__WEBPACK_IMPORTED_MODULE_0__);
@@ -40511,9 +40526,15 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 
 
 var _excluded = ["getTableProps"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -40545,9 +40566,24 @@ var InnerTable = function InnerTable(props) {
   var onRowClick = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(props.onRowClick, context.onRowClick);
   var stickyHeader = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(props.stickyHeader, context.stickyHeader);
   var scrollTarget = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(props.scrollTarget, context.scrollTarget);
+  var scrollable = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(props.scrollable, context.scrollable);
+  var scrollHeight = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(props.scrollHeight, context.scrollHeight);
   var offsetTop = lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(stickyHeader) && stickyHeader.offsetTop || 0;
   var wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
   var tableRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
+  var headerRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
+  var footerRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
+  var onScroll = scrollable ? function (evt) {
+    if (footerRef.current) footerRef.current.scrollLeft = evt.target.scrollLeft;
+    if (headerRef.current) headerRef.current.scrollLeft = evt.target.scrollLeft;
+  } : undefined;
+  var headStyle = scrollable ? {
+    overflow: 'hidden'
+  } : undefined;
+  var bodyStyle = scrollable ? {
+    overflow: 'auto',
+    maxHeight: scrollHeight
+  } : undefined;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableWrapper, {
     ref: wrapperRef,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
@@ -40560,14 +40596,20 @@ var InnerTable = function InnerTable(props) {
       table: true
     })
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_header__WEBPACK_IMPORTED_MODULE_8__.TableHeader, {
-    className: className
+    ref: headerRef,
+    className: className,
+    style: headStyle
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableBody, {
     rowDensity: rowDensity,
     className: className,
-    onRowClick: onRowClick
+    onRowClick: onRowClick,
+    style: bodyStyle,
+    onScroll: onScroll
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_footer__WEBPACK_IMPORTED_MODULE_7__.TableFooter, {
+    ref: footerRef,
     rowDensity: rowDensity,
-    className: className
+    className: className,
+    style: headStyle
   }), !!stickyHeader && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_sticky_header__WEBPACK_IMPORTED_MODULE_10__.StickyHeader, {
     offsetTop: offsetTop,
     onRowClick: onRowClick,
@@ -40592,7 +40634,8 @@ StyledTable.displayName = 'StyledTable';
 var TableBody = function TableBody(props) {
   var className = props.className,
     rowDensity = props.rowDensity,
-    onRowClick = props.onRowClick;
+    onRowClick = props.onRowClick,
+    onScroll = props.onScroll;
   var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
     getTableBodyProps = _useTableContext2.getTableBodyProps,
     prepareRow = _useTableContext2.prepareRow,
@@ -40621,12 +40664,16 @@ var TableBody = function TableBody(props) {
       });
     });
   }();
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", _extends({
+  var bodyProps = getTableBodyProps();
+  var style = _objectSpread(_objectSpread({}, props.style), bodyProps.style);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableBodyRowGroup, _extends({
     "data-rowgroup-type": "body"
-  }, getTableBodyProps(), {
+  }, bodyProps, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
       tableBody: true
-    })
+    }),
+    style: style,
+    onScroll: onScroll
   }), pinnedRows.map(function (row) {
     prepareRow(row);
     return (0,_render_row__WEBPACK_IMPORTED_MODULE_9__.renderRow)({
@@ -40639,7 +40686,10 @@ var TableBody = function TableBody(props) {
     });
   }), body);
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Table);
+var TableBodyRowGroup = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+  displayName: "TableBodyRowGroup",
+  componentId: "sc-ebeoik-2"
+})(["", ""], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].scrollbars.thin);
 
 /***/ }),