@thecb/components 9.2.0-beta.5 → 9.2.0-beta.7

package/dist/index.cjs.js

@@ -25586,6 +25586,53 @@ var useOutsideClickHook = function useOutsideClickHook(handler) {
   return ref;
 };
 
+var initialToastState = {
+  isOpen: false,
+  variant: "",
+  message: ""
+};
+
+var useToastNotification = function useToastNotification() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 5000 : _ref$timeout;
+
+  var _useState = React.useState(initialToastState),
+      _useState2 = _slicedToArray(_useState, 2),
+      toastState = _useState2[0],
+      setToastState = _useState2[1];
+
+  React.useEffect(function () {
+    if (toastState.isOpen) {
+      setTimeout(function () {
+        setToastState(initialToastState);
+      }, timeout);
+    }
+  }, [timeout, toastState.isOpen]);
+
+  var showToast = function showToast(_ref2) {
+    var message = _ref2.message,
+        variant = _ref2.variant;
+    return setToastState({
+      isOpen: true,
+      variant: variant,
+      message: message
+    });
+  };
+
+  var hideToast = function hideToast() {
+    return setToastState(initialToastState);
+  };
+
+  return {
+    isToastOpen: toastState.isOpen,
+    toastVariant: toastState.variant,
+    toastMessage: toastState.message,
+    showToast: showToast,
+    hideToast: hideToast
+  };
+};
+
 
 
 var index$4 = /*#__PURE__*/Object.freeze({
@@ -25594,7 +25641,8 @@ var index$4 = /*#__PURE__*/Object.freeze({
   general: general,
   theme: themeUtils,
   useFocusInvalidInput: useFocusInvalidInput,
-  useOutsideClick: useOutsideClickHook
+  useOutsideClick: useOutsideClickHook,
+  useToastNotification: useToastNotification
 });
 
 var hoverColor$4 = "#116285";
@@ -50298,8 +50346,12 @@ var VARIANTS = {
 };
 
 var ToastNotification = function ToastNotification(_ref) {
-  var _ref$message = _ref.message,
+  var _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? VARIANTS.SUCCESS : _ref$variant,
+      _ref$message = _ref.message,
       message = _ref$message === void 0 ? "" : _ref$message,
+      toastOpen = _ref.toastOpen,
+      closeToastNotification = _ref.closeToastNotification,
       extraStyles = _ref.extraStyles,
       _ref$minWidth = _ref.minWidth,
       minWidth = _ref$minWidth === void 0 ? "112px" : _ref$minWidth,
@@ -50309,10 +50361,6 @@ var ToastNotification = function ToastNotification(_ref) {
       height = _ref$height === void 0 ? "56px" : _ref$height,
       _ref$childGap = _ref.childGap,
       childGap = _ref$childGap === void 0 ? "1rem" : _ref$childGap,
-      closeToastNotification = _ref.closeToastNotification,
-      toastOpen = _ref.toastOpen,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? VARIANTS.SUCCESS : _ref$variant,
       backgroundColor = _ref.backgroundColor;
   return /*#__PURE__*/React__default.createElement(Box, {
     onClick: closeToastNotification,