@luminati-io/uikit 3.7.5 → 3.7.7

package/dist/umd/uikit.development.js

@@ -39018,6 +39018,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ModalButton: () => (/* binding */ ModalButton),
 /* harmony export */   ModalFooter: () => (/* binding */ ModalFooter),
 /* harmony export */   ModalHeader: () => (/* binding */ ModalHeader),
+/* harmony export */   ModalSubtitle: () => (/* binding */ ModalSubtitle),
 /* harmony export */   ModalTitle: () => (/* binding */ ModalTitle)
 /* harmony export */ });
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
@@ -39044,12 +39045,17 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-var ModalTitle = function ModalTitle(props) {
-  var text = props.text;
+var ModalTitle = function ModalTitle(_ref) {
+  var text = _ref.text,
+    children = _ref.children;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Header, {
     color: "gray_11_75"
-  }, text);
+  }, children !== null && children !== void 0 ? children : text);
 };
+var ModalSubtitle = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).withConfig({
+  displayName: "ModalSubtitle",
+  componentId: "sc-1p9nv3u-0"
+})(["padding-right:", ";"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing['04']);
 var CloseButton = function CloseButton(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_4__.IconButton, _extends({
     icon: "CloseSmall",
@@ -39061,46 +39067,41 @@ var ButtonsGroup = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_lay
   align_items: 'center'
 }).withConfig({
   displayName: "ButtonsGroup",
-  componentId: "sc-1p9nv3u-0"
+  componentId: "sc-1p9nv3u-1"
 })([""]);
 var ModalButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_button__WEBPACK_IMPORTED_MODULE_3__.Button).attrs({
   size: 'sm'
 }).withConfig({
   displayName: "ModalButton",
-  componentId: "sc-1p9nv3u-1"
+  componentId: "sc-1p9nv3u-2"
 })([""]);
-var ModalHeader = function ModalHeader(props) {
-  var title = props.title,
-    subtitle = props.subtitle,
-    onCancel = props.onCancel,
-    cancelDisabled = props.cancelDisabled;
+var ModalHeader = function ModalHeader(_ref2) {
+  var title = _ref2.title,
+    subtitle = _ref2.subtitle,
+    onCancel = _ref2.onCancel,
+    cancelDisabled = _ref2.cancelDisabled;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, {
     align_items: "center",
     justify_content: "space-between",
     width: "100%"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ModalTitle, {
-    text: title
-  }), !cancelDisabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CloseButton, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ModalTitle, null, title), !cancelDisabled ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CloseButton, {
     onClick: onCancel,
     "data-testid": "modal_header_close_button"
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Subtitle, null, subtitle));
+  }) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ModalSubtitle, null, subtitle));
 };
 ModalHeader.propTypes = {
   title: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   subtitle: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
-  onCancel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
+  onCancel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  cancelDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
-var Subtitle = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).withConfig({
-  displayName: "Subtitle",
-  componentId: "sc-1p9nv3u-2"
-})(["padding-right:", ";"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing['04']);
-var ModalFooter = function ModalFooter(props) {
-  var okLabel = props.okLabel,
-    cancelLabel = props.cancelLabel,
-    onOk = props.onOk,
-    onCancel = props.onCancel,
-    okDisabled = props.okDisabled,
-    cancelDisabled = props.cancelDisabled;
+var ModalFooter = function ModalFooter(_ref3) {
+  var okLabel = _ref3.okLabel,
+    cancelLabel = _ref3.cancelLabel,
+    onOk = _ref3.onOk,
+    onCancel = _ref3.onCancel,
+    okDisabled = _ref3.okDisabled,
+    cancelDisabled = _ref3.cancelDisabled;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, {
     width: "100%",
     justify_content: "flex-end"
@@ -43915,7 +43916,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) {
@@ -43924,7 +43925,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'
 };
@@ -43940,16 +43941,26 @@ var ToastComp = function ToastComp(props) {
     dismissToast = toast.dismissToast,
     message = toast.message,
     dismissible = toast.dismissible,
-    notDismissible = toast.notDismissible;
+    notDismissible = toast.notDismissible,
+    onShow = toast.onShow,
+    onDismiss = toast.onDismiss,
+    visible = toast.visible;
   var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_context__WEBPACK_IMPORTED_MODULE_7__.ToastContext),
     position = _useContext.position;
   var onCloseHandler = react__WEBPACK_IMPORTED_MODULE_2___default().useCallback(function () {
     dismissToast(id);
-    if (lodash_isFunction__WEBPACK_IMPORTED_MODULE_0___default()(onClose)) onClose(id);
+    if (lodash_isFunction__WEBPACK_IMPORTED_MODULE_0___default()(onClose)) onClose(toast);
   }, [id]);
+  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
+    if (!visible) return;
+    if (lodash_isFunction__WEBPACK_IMPORTED_MODULE_0___default()(onShow)) onShow(toast);
+    return function () {
+      if (lodash_isFunction__WEBPACK_IMPORTED_MODULE_0___default()(onDismiss)) onDismiss(toast);
+    };
+  }, [visible]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ToastAnimatedComp, {
     $position: toast.position || position || 'bottom-left',
-    $visible: toast.visible
+    $visible: visible
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_toast__WEBPACK_IMPORTED_MODULE_6__.Toast, {
     onClose: onCloseHandler,
     type: type,
@@ -44083,7 +44094,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);
@@ -44115,6 +44126,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]);
@@ -44150,16 +44178,10 @@ var _useToaster = function _useToaster() {
   return {
     enqueueToast: enqueueToast,
     dismissToast: dismissToast,
-    toast: _toast
+    toast: _toast,
+    getToast: getToast
   };
 };
-var useToaster = function useToaster() {
-  var toasterHook = _useToaster();
-  var memoizedHook = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return toasterHook;
-  }, []);
-  return memoizedHook;
-};
 
 /***/ }),