@luminati-io/uikit 3.7.7 → 3.7.8

package/dist/umd/uikit.development.js

@@ -43776,7 +43776,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["type", "children", "onClose", "dismissible", "notDismissible"];
+var _excluded = ["type", "children", "onClose", "dismissible", "notDismissible", "classNamePrefix"];
 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 = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
@@ -43795,29 +43795,38 @@ var Toast = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
     onClose = props.onClose,
     dismissible = props.dismissible,
     notDismissible = props.notDismissible,
+    classNamePrefix = props.classNamePrefix,
     rest = _objectWithoutProperties(props, _excluded);
   var _dismissible = dismissible || type == 'error' || type == 'warning';
   var _notDismissible = notDismissible;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Wrapper, _extends({
     ref: ref,
     $type: type
-  }, (0,_util__WEBPACK_IMPORTED_MODULE_3__.getCommonProps)(rest)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToastIcon, {
-    type: type
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_3__.getCommonProps)(rest), {
+    className: classNamePrefix + 'wrapper'
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToastIcon, {
+    type: type,
+    classNamePrefix: classNamePrefix
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Paragraph, {
     variant: "sm",
-    color: "gray_11_50"
+    color: "gray_11_50",
+    className: classNamePrefix + 'body'
   }, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RemoveButton, {
     onClick: onClose,
+    classNamePrefix: classNamePrefix,
     dismissible: _dismissible && !_notDismissible
   }));
 });
 Toast.displayName = 'Toast';
-Toast.defaultProps = {};
+Toast.defaultProps = {
+  classNamePrefix: ''
+};
 Toast.propTypes = {
   type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['success', 'error', 'warning', 'info', 'generic']),
   onClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   dismissible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  notDismissible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+  notDismissible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
 };
 var Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "Wrapper",
@@ -43832,7 +43841,8 @@ var Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withC
   }[props.$type] || color.gray_4;
 });
 var ToastIcon = function ToastIcon(props) {
-  var type = props.type;
+  var type = props.type,
+    classNamePrefix = props.classNamePrefix;
   var name = {
     success: 'CheckCircle',
     error: 'Warning',
@@ -43850,21 +43860,25 @@ var ToastIcon = function ToastIcon(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
     name: name,
     color: _color,
+    className: classNamePrefix + 'icon',
     size: "xs"
   });
 };
 var RemoveButton = function RemoveButton(props) {
   var onClick = props.onClick,
-    dismissible = props.dismissible;
+    dismissible = props.dismissible,
+    classNamePrefix = props.classNamePrefix;
   if (!dismissible) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledRemoveButton, {
     variant: "icon",
     icon: "CloseSmall",
-    onClick: onClick
+    onClick: onClick,
+    className: classNamePrefix + 'dismissButton'
   });
 };
 RemoveButton.defaultProps = {};
 RemoveButton.propTypes = {
+  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   onClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   dismissible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
@@ -43946,7 +43960,11 @@ var ToastComp = function ToastComp(props) {
     onDismiss = toast.onDismiss,
     visible = toast.visible;
   var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_context__WEBPACK_IMPORTED_MODULE_7__.ToastContext),
-    position = _useContext.position;
+    position = _useContext.position,
+    idPrefix = _useContext.idPrefix,
+    classNamePrefix = _useContext.classNamePrefix;
+  var classPref = toast.classNamePrefix || classNamePrefix;
+  var idPref = toast.idPrefix || idPrefix;
   var onCloseHandler = react__WEBPACK_IMPORTED_MODULE_2___default().useCallback(function () {
     dismissToast(id);
     if (lodash_isFunction__WEBPACK_IMPORTED_MODULE_0___default()(onClose)) onClose(toast);
@@ -43960,12 +43978,15 @@ var ToastComp = function ToastComp(props) {
   }, [visible]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ToastAnimatedComp, {
     $position: toast.position || position || 'bottom-left',
-    $visible: visible
+    $visible: visible,
+    id: idPref + id,
+    className: classPref + 'toast'
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_toast__WEBPACK_IMPORTED_MODULE_6__.Toast, {
     onClose: onCloseHandler,
     type: type,
     dismissible: dismissible,
-    notDismissible: notDismissible
+    notDismissible: notDismissible,
+    classNamePrefix: classPref
   }, (0,react_hot_toast__WEBPACK_IMPORTED_MODULE_3__.resolveValue)(message, toast)));
 };
 var ToastItem = function ToastItem() {
@@ -44012,12 +44033,16 @@ var defaultContainerStyle = {
 var Toaster = function Toaster(props) {
   var position = props.position,
     maxToasts = props.maxToasts,
+    idPrefix = props.idPrefix,
+    classNamePrefix = props.classNamePrefix,
     containerStyle = props.containerStyle,
     children = props.children;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_context__WEBPACK_IMPORTED_MODULE_4__.ToastContext.Provider, {
     value: {
       maxToasts: maxToasts,
-      position: position
+      position: position,
+      idPrefix: idPrefix,
+      classNamePrefix: classNamePrefix
     }
   }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_hot_toast__WEBPACK_IMPORTED_MODULE_2__.Toaster, {
     position: position,
@@ -44029,7 +44054,9 @@ var Toaster = function Toaster(props) {
 };
 Toaster.defaultProps = {
   position: 'bottom-left',
-  maxToasts: 2
+  maxToasts: 2,
+  idPrefix: 'toast',
+  classNamePrefix: 'toast'
 };
 Toaster.propTypes = {
   position: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.toastPositions),