@luminati-io/uikit 3.7.5-beta.0 → 3.7.6

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"
@@ -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,
@@ -44150,7 +44161,8 @@ var _useToaster = function _useToaster() {
   return {
     enqueueToast: enqueueToast,
     dismissToast: dismissToast,
-    toast: _toast
+    toast: _toast,
+    toasts: toasts
   };
 };
 var useToaster = function useToaster() {