@luminati-io/uikit 3.7.6 → 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)
 };
@@ -43916,7 +43930,7 @@ var enterAnimation = function enterAnimation(factor) {
 var exitAnimation = function exitAnimation(factor) {
   return (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.keyframes)(["0%{transform:translate3d(0,0,-1px) scale(1);opacity:1;}100%{transform:translate3d(0,", "%,-1px) scale(.6);opacity:0;}"], factor * -150);
 };
-var ToastAnimatedComp = styled_components__WEBPACK_IMPORTED_MODULE_4___default().div.withConfig({
+var ToastAnimatedComp = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().memo(styled_components__WEBPACK_IMPORTED_MODULE_4___default().div.withConfig({
   displayName: "ToastAnimatedComp",
   componentId: "sc-1whlqk5-0"
 })(["display:flex;align-items:center;will-change:transform;max-width:350px;", ";"], function (props) {
@@ -43925,7 +43939,7 @@ var ToastAnimatedComp = styled_components__WEBPACK_IMPORTED_MODULE_4___default()
   var top = $position.includes('top');
   var factor = top ? 1 : -1;
   return $visible ? (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.css)(["animation:", "  0.35s  cubic-bezier(.21,1.02,.73,1)  forwards;"], enterAnimation(factor)) : (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.css)(["animation:", "  0.4s  forwards  cubic-bezier(.06,.71,.55,1)"], exitAnimation(factor));
-});
+}));
 ToastAnimatedComp.defaultProps = {
   $position: 'bottom-left'
 };
@@ -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),
@@ -44094,7 +44121,7 @@ var dismissToast = function dismissToast(id) {
   if (!id) queue.length = 0;
   return react_hot_toast__WEBPACK_IMPORTED_MODULE_1__["default"].dismiss(id);
 };
-var _useToaster = function _useToaster() {
+var useToaster = function useToaster() {
   var _useHotToaster = (0,react_hot_toast__WEBPACK_IMPORTED_MODULE_1__.useToaster)(),
     toasts = _useHotToaster.toasts;
   var context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context__WEBPACK_IMPORTED_MODULE_2__.ToastContext);
@@ -44126,6 +44153,23 @@ var _useToaster = function _useToaster() {
     processQueueRef.current();
     return opt.id || id;
   }, []);
+  var getToast = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (id) {
+    var foundToast = toasts.find(function (t) {
+      return t.id == id;
+    });
+    if (foundToast) return {
+      id: id,
+      active: true
+    };
+    foundToast = queue.find(function (t) {
+      return t[1].id == id;
+    });
+    if (foundToast) return {
+      id: id,
+      active: false
+    };
+    return null;
+  }, [toasts]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     processQueue();
   }, [processQueue]);
@@ -44162,16 +44206,9 @@ var _useToaster = function _useToaster() {
     enqueueToast: enqueueToast,
     dismissToast: dismissToast,
     toast: _toast,
-    toasts: toasts
+    getToast: getToast
   };
 };
-var useToaster = function useToaster() {
-  var toasterHook = _useToaster();
-  var memoizedHook = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return toasterHook;
-  }, []);
-  return memoizedHook;
-};
 
 /***/ }),