@luminati-io/uikit 6.3.99 → 6.3.101

package/dist/umd/uikit.development.js

@@ -46196,7 +46196,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["disabled", "active", "icon", "tooltip", "tooltipPlacement", "size"];
+var _excluded = ["disabled", "active", "icon", "noBackground", "tooltip", "tooltipPlacement", "size"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 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; }
@@ -46211,6 +46211,7 @@ var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
   var disabled = _ref.disabled,
     active = _ref.active,
     icon = _ref.icon,
+    noBackground = _ref.noBackground,
     tooltip = _ref.tooltip,
     tooltipPlacement = _ref.tooltipPlacement,
     _ref$size = _ref.size,
@@ -46227,7 +46228,8 @@ var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
   }, rest, {
     disabled: disabled,
     $size: size,
-    $active: active
+    $active: active,
+    $noBackground: !!noBackground
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledSvg, {
     viewBox: ic.viewBox,
     $size: iconSize,
@@ -46239,6 +46241,7 @@ var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
 IconButton.displayName = 'IconButton';
 IconButton.propTypes = {
   icon: _constants__WEBPACK_IMPORTED_MODULE_4__.PT_ICON_NAMES.isRequired,
+  noBackground: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   active: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
@@ -46259,7 +46262,8 @@ var StyledIconButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().
 }, function (_ref3) {
   var color = _ref3.theme.color,
     $active = _ref3.$active,
-    $size = _ref3.$size;
+    $size = _ref3.$size,
+    $noBackground = _ref3.$noBackground;
   var backColor = color.icon_button_bg;
   var border = "1px solid ".concat(color.icon_button_border_default);
   var hoverBackColor = color.icon_button_bg_hover;
@@ -46271,7 +46275,12 @@ var StyledIconButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().
     backColor = color.icon_button_bg_active;
     border = "1px solid ".concat(color.icon_button_bg_active);
   }
-  if ($size == 'xs') {
+  if ($noBackground) {
+    backColor = 'transparent';
+    hoverBackColor = 'transparent';
+    activeBackColor = 'transparent';
+  }
+  if ($size == 'xs' || $noBackground) {
     hoverBorder = '0 none';
     activeBorder = '0 none';
     disabledBorder = '0 none';
@@ -55808,12 +55817,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _snackbar_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./snackbar_icon */ "./src/snackbar/snackbar_icon.js");
+/* harmony import */ var _icon_button_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon_button.js */ "./src/icon_button.js");
+/* harmony import */ var _snackbar_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./snackbar_icon */ "./src/snackbar/snackbar_icon.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-var _excluded = ["className", "classNamePrefix", "variant", "type", "showIcon", "header", "children", "contentStyle", "container_style"];
+var _excluded = ["className", "classNamePrefix", "variant", "type", "showIcon", "header", "children", "contentStyle", "container_style", "onClose"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 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; }
@@ -55823,6 +55833,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
+
 var Snackbar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var className = props.className,
     _props$classNamePrefi = props.classNamePrefix,
@@ -55835,6 +55846,7 @@ var Snackbar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     children = props.children,
     contentStyle = props.contentStyle,
     container_style = props.container_style,
+    onClose = props.onClose,
     rest = _objectWithoutProperties(props, _excluded);
   var _variant = type || variant;
   var content = typeof children == 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Paragraph, {
@@ -55846,7 +55858,7 @@ var Snackbar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
   }, (0,_util__WEBPACK_IMPORTED_MODULE_3__.pickAttrs)(rest), {
     $prefixCls: classNamePrefix,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.cn)(null, null, className, classNamePrefix, "".concat(classNamePrefix, "_").concat(_variant))
-  }), !!showIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_snackbar_icon__WEBPACK_IMPORTED_MODULE_5__.SnackbarIcon, {
+  }), !!showIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_snackbar_icon__WEBPACK_IMPORTED_MODULE_6__.SnackbarIcon, {
     variant: _variant,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.cn)(classNamePrefix, {
       '-icon': true
@@ -55862,7 +55874,12 @@ var Snackbar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.cn)(classNamePrefix, {
       '-header': true
     })
-  }, header), content));
+  }, header), content), !!onClose && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button_js__WEBPACK_IMPORTED_MODULE_5__.IconButton, {
+    size: "xs",
+    icon: "Close",
+    noBackground: true,
+    onClick: onClose
+  }));
 });
 Snackbar.displayName = 'Snackbar';
 Snackbar.propTypes = {
@@ -55884,7 +55901,7 @@ var theme = function theme(cb) {
 var Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "Wrapper",
   componentId: "sc-6ku6mu-0"
-})(["display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:16px;gap:16px;border-radius:4px;&.", "{&_info{background-color:", ";.", "-icon{color:", ";}}&_success{background-color:", ";.", "-icon{color:", ";}}&_error{background-color:", ";.", "-icon{color:", ";}}&_warning{background-color:", ";.", "-icon{color:", ";}}&_generic{background-color:", ";.", "-icon{color:", ";}}}"], prefixCls, theme(function (t) {
+})(["display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:16px;gap:16px;border-radius:4px;&.", "{&_info{background-color:", ";.", "-icon{color:", ";}}&_success{background-color:", ";.", "-icon{color:", ";}}&_error{background-color:", ";.", "-icon{color:", ";}}&_warning{background-color:", ";.", "-icon{color:", ";}}&_generic{background-color:", ";.", "-icon{color:", ";}}}"], prefixCls, theme(function (t) {
   return t.color.bg_fill_primary_secondary;
 }), prefixCls, theme(function (t) {
   return t.color.icon_primary;
@@ -60229,40 +60246,28 @@ var Body = function Body(props) {
   if (draggableRows) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_dnd__WEBPACK_IMPORTED_MODULE_12__.TableDndBody, props);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(GenericBody, props);
 };
-var MemoizedRow = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.memo)(function (_ref6) {
-  var row = _ref6.row,
-    index = _ref6.index,
-    renderRowProp = _ref6.renderRow,
-    onPointerEnter = _ref6.onPointerEnter;
-  return renderRowProp({
-    row: row,
-    index: index,
-    wrapperProps: {
-      onPointerEnter: onPointerEnter
-    }
-  });
-});
-MemoizedRow.displayName = 'MemoizedRow';
 var GenericBody = function GenericBody(props) {
   var rows = props.rows;
   var _useRowHoverActions = (0,_row_hover_actions__WEBPACK_IMPORTED_MODULE_13__.useRowHoverActions)(),
     renderHoverActions = _useRowHoverActions.renderHoverActions,
     rowHoverEvents = _useRowHoverActions.rowHoverEvents;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, rows.map(function (row, index) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MemoizedRow, {
-      key: row.id || index,
+    return props.renderRow({
       row: row,
       index: index,
-      renderRow: props.renderRow,
-      rowHoverEvents: rowHoverEvents
+      wrapperProps: _objectSpread(_objectSpread({}, rowHoverEvents), {}, {
+        onPointerEnter: function onPointerEnter(e) {
+          return rowHoverEvents.onPointerEnter(e, row);
+        }
+      })
     });
   }), renderHoverActions());
 };
 var TableBodyRowGroup = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "TableBodyRowGroup",
   componentId: "sc-ebeoik-2"
-})(["", ""], function (_ref7) {
-  var scrollbars = _ref7.theme.scrollbars;
+})(["", ""], function (_ref6) {
+  var scrollbars = _ref6.theme.scrollbars;
   return scrollbars.thin;
 });