@luminati-io/uikit 6.3.136 → 6.3.137

package/dist/umd/uikit.development.js

@@ -57099,7 +57099,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["columns", "data", "pageIndex", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "ExpandHandleComp", "noDataText", "noDataTitle", "noDataDescription", "noDataIcon", "noDataActions", "loadingText", "isLoading", "skeletonLoader", "skeletonRowCount", "onPageChange", "manualPagination", "totalCount", "paginateExpandedRows", "getHeaderProps", "getColumnProps", "getRowProps", "getCellProps", "getFooterProps", "selectedRowIds", "canOrderColumns", "rowActions", "columnSort", "onColumnSortChanged", "isCellEditable", "onStartEdit", "draggableRows", "onRowDragStart", "onRowDragEnd", "hoverActions", "hoverActionsDirection", "virtualized", "hiddenColumns", "pinnedColumns", "columnOrder", "columnResizing", "initialState", "expandColumnId", "fullWidth", "rowDensity"];
+var _excluded = ["columns", "data", "pageIndex", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "ExpandHandleComp", "noDataText", "noDataTitle", "noDataDescription", "noDataIcon", "noDataActions", "loadingText", "isLoading", "skeletonLoader", "skeletonRowCount", "onPageChange", "manualPagination", "totalCount", "paginateExpandedRows", "getHeaderProps", "headerCellProps", "getColumnProps", "getRowProps", "getCellProps", "getFooterProps", "selectedRowIds", "canOrderColumns", "rowActions", "columnSort", "onColumnSortChanged", "isCellEditable", "onStartEdit", "draggableRows", "onRowDragStart", "onRowDragEnd", "hoverActions", "hoverActionsDirection", "virtualized", "hiddenColumns", "pinnedColumns", "columnOrder", "columnResizing", "initialState", "expandColumnId", "fullWidth", "rowDensity"];
 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; }
@@ -57197,6 +57197,8 @@ var Provider = function Provider(_ref3) {
     paginateExpandedRows = _ref3$paginateExpande === void 0 ? false : _ref3$paginateExpande,
     _ref3$getHeaderProps = _ref3.getHeaderProps,
     getHeaderProps = _ref3$getHeaderProps === void 0 ? defaultPropGetter : _ref3$getHeaderProps,
+    _ref3$headerCellProps = _ref3.headerCellProps,
+    headerCellProps = _ref3$headerCellProps === void 0 ? defaultPropGetter : _ref3$headerCellProps,
     _ref3$getColumnProps = _ref3.getColumnProps,
     getColumnProps = _ref3$getColumnProps === void 0 ? defaultPropGetter : _ref3$getColumnProps,
     _ref3$getRowProps = _ref3.getRowProps,
@@ -57347,7 +57349,8 @@ var Provider = function Provider(_ref3) {
     skeletonLoader: skeletonLoader,
     skeletonRowCount: skeletonRowCount,
     contextMenu: contextMenu,
-    setContextMenu: setContextMenu
+    setContextMenu: setContextMenu,
+    headerCellProps: headerCellProps
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TableContext.Provider, {
     value: value
@@ -57398,6 +57401,7 @@ Provider.propTypes = {
   hideHeader: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   hideFooter: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   getHeaderProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  headerCellProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   getColumnProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   getRowProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   getCellProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
@@ -58526,7 +58530,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 
+var _excluded = ["onClick", "style", "className"];
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -58608,6 +58615,7 @@ var HeaderCell = function HeaderCell(props) {
   var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
     getColumnProps = _useTableContext2.getColumnProps,
     getHeaderProps = _useTableContext2.getHeaderProps,
+    getHeaderCellProps = _useTableContext2.headerCellProps,
     columnSort = _useTableContext2.columnSort,
     fullWidth = _useTableContext2.fullWidth,
     canOrderColumns = _useTableContext2.canOrderColumns,
@@ -58629,29 +58637,39 @@ var HeaderCell = function HeaderCell(props) {
     hovered = _useState2[0],
     setHovered = _useState2[1];
   var iconVisible = canSort && (['asc', 'desc'].includes(sort) || hovered);
-  var headerCellProps = header.getHeaderProps([getColumnProps(header), getHeaderProps(header)]);
+  var headerProps = header.getHeaderProps([getColumnProps(header), getHeaderProps(header)]);
+  var _ref = (getHeaderCellProps === null || getHeaderCellProps === void 0 ? void 0 : getHeaderCellProps(header)) || {},
+    onHeaderCellLeftClickCustom = _ref.onClick,
+    headerCellLeftStyleCustom = _ref.style,
+    headerCellLeftClassNameCustom = _ref.className,
+    headerCellLeftPropsCustom = _objectWithoutProperties(_ref, _excluded);
+  var onHeaderCellLeftClick = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (evt) {
+    onHeaderCellLeftClickCustom === null || onHeaderCellLeftClickCustom === void 0 || onHeaderCellLeftClickCustom(evt);
+    onSort();
+  }, [onHeaderCellLeftClickCustom, onSort]);
   if (isPinned) {
-    headerCellProps.style = _objectSpread(_objectSpread({}, headerCellProps.style), {}, {
+    headerProps.style = _objectSpread(_objectSpread({}, headerProps.style), {}, {
       zIndex: _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.pinnedColumnHeader
     });
   }
-  headerCellProps.$isLastPinned = isLastPinned;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCellContent, _extends({}, headerCellProps, {
+  headerProps.$isLastPinned = isLastPinned;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCellContent, _extends({}, headerProps, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.cn)(header.className, {
       header: true
-    }, className, headerCellProps.className),
+    }, className, headerProps.className),
     onMouseOver: function onMouseOver() {
       return setHovered(true);
     },
     onMouseOut: function onMouseOut() {
       return setHovered(false);
     }
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCellWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCellLeft, {
-    style: canSort ? {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCellWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCellLeft, _extends({}, headerCellLeftPropsCustom, {
+    className: headerCellLeftClassNameCustom,
+    style: canSort ? _objectSpread(_objectSpread({}, headerCellLeftStyleCustom), {}, {
       cursor: 'pointer'
-    } : undefined,
-    onClick: onSort
-  }, !compact && renderCellContent(header, 'Header', {
+    }) : headerCellLeftStyleCustom,
+    onClick: onHeaderCellLeftClick
+  }), !compact && renderCellContent(header, 'Header', {
     compact: compact
   }), compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Label, {
     variant: "sm",
@@ -58676,23 +58694,23 @@ var HeaderCell = function HeaderCell(props) {
 var TableHeaderRow = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "TableHeaderRow",
   componentId: "sc-8zg5t0-0"
-})(["border-bottom:", ";"], function (_ref) {
-  var $isLast = _ref.$isLast,
-    color = _ref.theme.color;
+})(["border-bottom:", ";"], function (_ref2) {
+  var $isLast = _ref2.$isLast,
+    color = _ref2.theme.color;
   return $isLast ? 'none' : "1px solid ".concat(color.border_teritary);
 });
 var HeaderCellContent = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "HeaderCellContent",
   componentId: "sc-8zg5t0-1"
-})(["background-color:", ";&:hover{background-color:", ";}border-right:", ";"], function (_ref2) {
-  var color = _ref2.theme.color;
-  return color.bg;
-}, function (_ref3) {
+})(["background-color:", ";&:hover{background-color:", ";}border-right:", ";"], function (_ref3) {
   var color = _ref3.theme.color;
-  return color.table_cell_hover;
+  return color.bg;
 }, function (_ref4) {
-  var $isLastPinned = _ref4.$isLastPinned,
-    color = _ref4.theme.color;
+  var color = _ref4.theme.color;
+  return color.table_cell_hover;
+}, function (_ref5) {
+  var $isLastPinned = _ref5.$isLastPinned,
+    color = _ref5.theme.color;
   return $isLastPinned ? "2px solid ".concat(color.border_teritary) : 'none';
 });
 var HeaderCellWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
@@ -58708,8 +58726,8 @@ var HeaderCellResizer = styled_components__WEBPACK_IMPORTED_MODULE_2___default()
   componentId: "sc-8zg5t0-4"
 })(["display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:", ";touch-action:none;", ""], _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.cellResizer, function (props) {
   if (props.$isResizing) {
-    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["&:after{content:' ';display:block;width:2px;height:100%;background:", ";position:absolute;bottom:0;left:4px;}"], function (_ref5) {
-      var color = _ref5.theme.color;
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["&:after{content:' ';display:block;width:2px;height:100%;background:", ";position:absolute;bottom:0;left:4px;}"], function (_ref6) {
+      var color = _ref6.theme.color;
       return color.border_primary;
     });
   }
@@ -62280,7 +62298,7 @@ var color = {
   blue_8: '#5EB0EF',
   blue_9: '#0091FF',
   blue_10: '#0081F1',
-  blue_11: '#006ADC',
+  blue_11: '#0073EA',
   blue_12: '#00254D',
   blue_13: '#1F2B3F',
   red_1: '#FFFCFC',
@@ -62293,7 +62311,7 @@ var color = {
   red_8: '#EB9091',
   red_9: '#E5484D',
   red_10: '#DC3D43',
-  red_11: '#CD2B31',
+  red_11: '#D53538',
   red_12: '#381316',
   red_13: '#42221F',
   green_1: '#FAFEFD',
@@ -62355,10 +62373,10 @@ var semanticLight = {
   bg: color.white,
   bg_elevated: color.white,
   bg_fill_primary: color.blue_11,
-  bg_fill_primary_hover: color.blue_10,
+  bg_fill_primary_hover: color.blue_9,
   bg_fill_primary_secondary: color.blue_3,
   bg_fill_error: color.red_9,
-  bg_fill_error_hover: color.red_10,
+  bg_fill_error_hover: color.red_9,
   bg_fill_error_secondary: color.red_3,
   bg_fill: color.gray_2,
   bg_fill_secondary: color.gray_3,
@@ -62525,7 +62543,7 @@ var semanticDark = _objectSpread(_objectSpread({}, semanticLight), {}, {
   text_primary: color.blue_8,
   text_success: color.green_8,
   text_warning: color.yellow_8,
-  text_error: color.red_8,
+  text_error: color.red_11,
   text_white: color.white,
   icon: color.gray_9,
   icon_accent: color.gray_4,