@activecollab/components 1.0.93 → 1.0.94

package/dist/cjs/components/ToastMessage/ToastMessage.js

@@ -11,20 +11,30 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _Styles = require("./Styles");
 
+var _excluded = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var ToastMessage = function ToastMessage(_ref) {
+function _extends() { _extends = Object.assign || 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 = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var ToastMessage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var text = _ref.text,
       type = _ref.type,
       onClose = _ref.onClose,
-      _ref$dismissable = _ref.dismissable,
-      dismissable = _ref$dismissable === void 0 ? false : _ref$dismissable,
+      _ref$dismissible = _ref.dismissible,
+      dismissible = _ref$dismissible === void 0 ? false : _ref$dismissible,
       _ref$dropShadow = _ref.dropShadow,
       dropShadow = _ref$dropShadow === void 0 ? false : _ref$dropShadow,
       _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 0 : _ref$timeout;
+      timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   var handleOnClose = (0, _react.useCallback)(function () {
     if (typeof onClose === "function") {
       onClose();
@@ -37,15 +47,15 @@ var ToastMessage = function ToastMessage(_ref) {
         return clearTimeout(timer);
       };
     }
-  }, [dismissable, timeout, handleOnClose]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledToastMessage, {
+  }, [dismissible, timeout, handleOnClose]);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledToastMessage, _extends({
+    ref: ref,
     $type: type,
     $dropShadow: dropShadow
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledToastMessageText, null, text), dismissable ? /*#__PURE__*/_react.default.createElement(_Styles.StyledCloseSmallIcon, {
+  }, rest), /*#__PURE__*/_react.default.createElement(_Styles.StyledToastMessageText, null, text), dismissible ? /*#__PURE__*/_react.default.createElement(_Styles.StyledCloseSmallIcon, {
     onClick: handleOnClose
   }) : null);
-};
-
+});
 exports.ToastMessage = ToastMessage;
 ToastMessage.displayName = "ToastMessage";
 //# sourceMappingURL=ToastMessage.js.map

package/dist/cjs/components/ToastMessage/ToastMessage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ToastMessage/ToastMessage.tsx"],"names":["ToastMessage","text","type","onClose","dismissable","dropShadow","timeout","handleOnClose","timer","setTimeout","clearTimeout","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;AAeO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAOH;AAAA,MANvBC,IAMuB,QANvBA,IAMuB;AAAA,MALvBC,IAKuB,QALvBA,IAKuB;AAAA,MAJvBC,OAIuB,QAJvBA,OAIuB;AAAA,8BAHvBC,WAGuB;AAAA,MAHvBA,WAGuB,iCAHT,KAGS;AAAA,6BAFvBC,UAEuB;AAAA,MAFvBA,UAEuB,gCAFV,KAEU;AAAA,0BADvBC,OACuB;AAAA,MADvBA,OACuB,6BADb,CACa;AACvB,MAAMC,aAAa,GAAG,wBAAY,YAAM;AACtC,QAAI,OAAOJ,OAAP,KAAmB,UAAvB,EAAmC;AACjCA,MAAAA,OAAO;AACR;AACF,GAJqB,EAInB,CAACA,OAAD,CAJmB,CAAtB;AAMA,wBAAU,YAAM;AACd,QAAIG,OAAO,GAAG,CAAd,EAAiB;AACf,UAAME,KAAK,GAAGC,UAAU,CAACF,aAAD,EAAgBD,OAAhB,CAAxB;AAEA,aAAO;AAAA,eAAMI,YAAY,CAACF,KAAD,CAAlB;AAAA,OAAP;AACD;AACF,GAND,EAMG,CAACJ,WAAD,EAAcE,OAAd,EAAuBC,aAAvB,CANH;AAQA,sBACE,6BAAC,0BAAD;AAAoB,IAAA,KAAK,EAAEL,IAA3B;AAAiC,IAAA,WAAW,EAAEG;AAA9C,kBACE,6BAAC,8BAAD,QAAyBJ,IAAzB,CADF,EAEGG,WAAW,gBAAG,6BAAC,4BAAD;AAAsB,IAAA,OAAO,EAAEG;AAA/B,IAAH,GAAsD,IAFpE,CADF;AAMD,CA5BM;;;AA8BPP,YAAY,CAACW,WAAb,GAA2B,cAA3B","sourcesContent":["import React, { useEffect, useCallback } from \"react\";\nimport {\n  StyledToastMessage,\n  StyledToastMessageText,\n  StyledCloseSmallIcon,\n} from \"./Styles\";\n\nexport interface ToastMessageProps {\n  text: string;\n  type: \"error\" | \"success\" | \"general\" | \"warning\";\n  onClose?: () => void;\n  dismissable?: boolean;\n  dropShadow?: boolean;\n  timeout?: number;\n}\n\nexport const ToastMessage = ({\n  text,\n  type,\n  onClose,\n  dismissable = false,\n  dropShadow = false,\n  timeout = 0,\n}: ToastMessageProps) => {\n  const handleOnClose = useCallback(() => {\n    if (typeof onClose === \"function\") {\n      onClose();\n    }\n  }, [onClose]);\n\n  useEffect(() => {\n    if (timeout > 0) {\n      const timer = setTimeout(handleOnClose, timeout);\n\n      return () => clearTimeout(timer);\n    }\n  }, [dismissable, timeout, handleOnClose]);\n\n  return (\n    <StyledToastMessage $type={type} $dropShadow={dropShadow}>\n      <StyledToastMessageText>{text}</StyledToastMessageText>\n      {dismissable ? <StyledCloseSmallIcon onClick={handleOnClose} /> : null}\n    </StyledToastMessage>\n  );\n};\n\nToastMessage.displayName = \"ToastMessage\";\n"],"file":"ToastMessage.js"}
+{"version":3,"sources":["../../../../src/components/ToastMessage/ToastMessage.tsx"],"names":["ToastMessage","ref","text","type","onClose","dismissible","dropShadow","timeout","rest","handleOnClose","timer","setTimeout","clearTimeout","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;;;;;;;;;;;;;AAeO,IAAMA,YAAY,gBAAG,uBAC1B,gBAUEC,GAVF,EAWK;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,IAQC,QARDA,IAQC;AAAA,MAPDC,OAOC,QAPDA,OAOC;AAAA,8BANDC,WAMC;AAAA,MANDA,WAMC,iCANa,KAMb;AAAA,6BALDC,UAKC;AAAA,MALDA,UAKC,gCALY,KAKZ;AAAA,0BAJDC,OAIC;AAAA,MAJDA,OAIC,6BAJS,CAIT;AAAA,MAHEC,IAGF;;AACH,MAAMC,aAAa,GAAG,wBAAY,YAAM;AACtC,QAAI,OAAOL,OAAP,KAAmB,UAAvB,EAAmC;AACjCA,MAAAA,OAAO;AACR;AACF,GAJqB,EAInB,CAACA,OAAD,CAJmB,CAAtB;AAMA,wBAAU,YAAM;AACd,QAAIG,OAAO,GAAG,CAAd,EAAiB;AACf,UAAMG,KAAK,GAAGC,UAAU,CAACF,aAAD,EAAgBF,OAAhB,CAAxB;AAEA,aAAO;AAAA,eAAMK,YAAY,CAACF,KAAD,CAAlB;AAAA,OAAP;AACD;AACF,GAND,EAMG,CAACL,WAAD,EAAcE,OAAd,EAAuBE,aAAvB,CANH;AAQA,sBACE,6BAAC,0BAAD;AACE,IAAA,GAAG,EAAER,GADP;AAEE,IAAA,KAAK,EAAEE,IAFT;AAGE,IAAA,WAAW,EAAEG;AAHf,KAIME,IAJN,gBAME,6BAAC,8BAAD,QAAyBN,IAAzB,CANF,EAOGG,WAAW,gBAAG,6BAAC,4BAAD;AAAsB,IAAA,OAAO,EAAEI;AAA/B,IAAH,GAAsD,IAPpE,CADF;AAWD,CAtCyB,CAArB;;AAyCPT,YAAY,CAACa,WAAb,GAA2B,cAA3B","sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  Ref,\n  useEffect,\n  useCallback,\n} from \"react\";\nimport {\n  StyledToastMessage,\n  StyledToastMessageText,\n  StyledCloseSmallIcon,\n} from \"./Styles\";\n\nexport interface ToastMessageProps {\n  text: string;\n  type: \"error\" | \"success\" | \"general\" | \"warning\";\n  onClose?: () => void;\n  dismissible?: boolean;\n  dropShadow?: boolean;\n  timeout?: number;\n}\n\nexport const ToastMessage = forwardRef(\n  (\n    {\n      text,\n      type,\n      onClose,\n      dismissible = false,\n      dropShadow = false,\n      timeout = 0,\n      ...rest\n    }: ToastMessageProps & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const handleOnClose = useCallback(() => {\n      if (typeof onClose === \"function\") {\n        onClose();\n      }\n    }, [onClose]);\n\n    useEffect(() => {\n      if (timeout > 0) {\n        const timer = setTimeout(handleOnClose, timeout);\n\n        return () => clearTimeout(timer);\n      }\n    }, [dismissible, timeout, handleOnClose]);\n\n    return (\n      <StyledToastMessage\n        ref={ref}\n        $type={type}\n        $dropShadow={dropShadow}\n        {...rest}\n      >\n        <StyledToastMessageText>{text}</StyledToastMessageText>\n        {dismissible ? <StyledCloseSmallIcon onClick={handleOnClose} /> : null}\n      </StyledToastMessage>\n    );\n  }\n);\n\nToastMessage.displayName = \"ToastMessage\";\n"],"file":"ToastMessage.js"}

package/dist/esm/components/ToastMessage/ToastMessage.d.ts

@@ -1,14 +1,11 @@
-/// <reference types="react" />
+import React from "react";
 export interface ToastMessageProps {
     text: string;
     type: "error" | "success" | "general" | "warning";
     onClose?: () => void;
-    dismissable?: boolean;
+    dismissible?: boolean;
     dropShadow?: boolean;
     timeout?: number;
 }
-export declare const ToastMessage: {
-    ({ text, type, onClose, dismissable, dropShadow, timeout, }: ToastMessageProps): JSX.Element;
-    displayName: string;
-};
+export declare const ToastMessage: React.ForwardRefExoticComponent<ToastMessageProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ToastMessage.d.ts.map

package/dist/esm/components/ToastMessage/ToastMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/ToastMessage/ToastMessage.tsx"],"names":[],"mappings":";AAOA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,YAAY;iEAOtB,iBAAiB;;CAqBnB,CAAC"}
+{"version":3,"file":"ToastMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/ToastMessage/ToastMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,YAAY,iIAuCxB,CAAC"}

package/dist/esm/components/ToastMessage/ToastMessage.js

@@ -1,15 +1,20 @@
-import React, { useEffect, useCallback } from "react";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
+import React, { forwardRef, useEffect, useCallback } from "react";
 import { StyledToastMessage, StyledToastMessageText, StyledCloseSmallIcon } from "./Styles";
-export var ToastMessage = function ToastMessage(_ref) {
+export var ToastMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var text = _ref.text,
       type = _ref.type,
       onClose = _ref.onClose,
-      _ref$dismissable = _ref.dismissable,
-      dismissable = _ref$dismissable === void 0 ? false : _ref$dismissable,
+      _ref$dismissible = _ref.dismissible,
+      dismissible = _ref$dismissible === void 0 ? false : _ref$dismissible,
       _ref$dropShadow = _ref.dropShadow,
       dropShadow = _ref$dropShadow === void 0 ? false : _ref$dropShadow,
       _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 0 : _ref$timeout;
+      timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   var handleOnClose = useCallback(function () {
     if (typeof onClose === "function") {
       onClose();
@@ -22,13 +27,14 @@ export var ToastMessage = function ToastMessage(_ref) {
         return clearTimeout(timer);
       };
     }
-  }, [dismissable, timeout, handleOnClose]);
-  return /*#__PURE__*/React.createElement(StyledToastMessage, {
+  }, [dismissible, timeout, handleOnClose]);
+  return /*#__PURE__*/React.createElement(StyledToastMessage, _extends({
+    ref: ref,
     $type: type,
     $dropShadow: dropShadow
-  }, /*#__PURE__*/React.createElement(StyledToastMessageText, null, text), dismissable ? /*#__PURE__*/React.createElement(StyledCloseSmallIcon, {
+  }, rest), /*#__PURE__*/React.createElement(StyledToastMessageText, null, text), dismissible ? /*#__PURE__*/React.createElement(StyledCloseSmallIcon, {
     onClick: handleOnClose
   }) : null);
-};
+});
 ToastMessage.displayName = "ToastMessage";
 //# sourceMappingURL=ToastMessage.js.map

package/dist/esm/components/ToastMessage/ToastMessage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ToastMessage/ToastMessage.tsx"],"names":["React","useEffect","useCallback","StyledToastMessage","StyledToastMessageText","StyledCloseSmallIcon","ToastMessage","text","type","onClose","dismissable","dropShadow","timeout","handleOnClose","timer","setTimeout","clearTimeout","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,WAA3B,QAA8C,OAA9C;AACA,SACEC,kBADF,EAEEC,sBAFF,EAGEC,oBAHF,QAIO,UAJP;AAeA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAOH;AAAA,MANvBC,IAMuB,QANvBA,IAMuB;AAAA,MALvBC,IAKuB,QALvBA,IAKuB;AAAA,MAJvBC,OAIuB,QAJvBA,OAIuB;AAAA,8BAHvBC,WAGuB;AAAA,MAHvBA,WAGuB,iCAHT,KAGS;AAAA,6BAFvBC,UAEuB;AAAA,MAFvBA,UAEuB,gCAFV,KAEU;AAAA,0BADvBC,OACuB;AAAA,MADvBA,OACuB,6BADb,CACa;AACvB,MAAMC,aAAa,GAAGX,WAAW,CAAC,YAAM;AACtC,QAAI,OAAOO,OAAP,KAAmB,UAAvB,EAAmC;AACjCA,MAAAA,OAAO;AACR;AACF,GAJgC,EAI9B,CAACA,OAAD,CAJ8B,CAAjC;AAMAR,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIW,OAAO,GAAG,CAAd,EAAiB;AACf,UAAME,KAAK,GAAGC,UAAU,CAACF,aAAD,EAAgBD,OAAhB,CAAxB;AAEA,aAAO;AAAA,eAAMI,YAAY,CAACF,KAAD,CAAlB;AAAA,OAAP;AACD;AACF,GANQ,EAMN,CAACJ,WAAD,EAAcE,OAAd,EAAuBC,aAAvB,CANM,CAAT;AAQA,sBACE,oBAAC,kBAAD;AAAoB,IAAA,KAAK,EAAEL,IAA3B;AAAiC,IAAA,WAAW,EAAEG;AAA9C,kBACE,oBAAC,sBAAD,QAAyBJ,IAAzB,CADF,EAEGG,WAAW,gBAAG,oBAAC,oBAAD;AAAsB,IAAA,OAAO,EAAEG;AAA/B,IAAH,GAAsD,IAFpE,CADF;AAMD,CA5BM;AA8BPP,YAAY,CAACW,WAAb,GAA2B,cAA3B","sourcesContent":["import React, { useEffect, useCallback } from \"react\";\nimport {\n  StyledToastMessage,\n  StyledToastMessageText,\n  StyledCloseSmallIcon,\n} from \"./Styles\";\n\nexport interface ToastMessageProps {\n  text: string;\n  type: \"error\" | \"success\" | \"general\" | \"warning\";\n  onClose?: () => void;\n  dismissable?: boolean;\n  dropShadow?: boolean;\n  timeout?: number;\n}\n\nexport const ToastMessage = ({\n  text,\n  type,\n  onClose,\n  dismissable = false,\n  dropShadow = false,\n  timeout = 0,\n}: ToastMessageProps) => {\n  const handleOnClose = useCallback(() => {\n    if (typeof onClose === \"function\") {\n      onClose();\n    }\n  }, [onClose]);\n\n  useEffect(() => {\n    if (timeout > 0) {\n      const timer = setTimeout(handleOnClose, timeout);\n\n      return () => clearTimeout(timer);\n    }\n  }, [dismissable, timeout, handleOnClose]);\n\n  return (\n    <StyledToastMessage $type={type} $dropShadow={dropShadow}>\n      <StyledToastMessageText>{text}</StyledToastMessageText>\n      {dismissable ? <StyledCloseSmallIcon onClick={handleOnClose} /> : null}\n    </StyledToastMessage>\n  );\n};\n\nToastMessage.displayName = \"ToastMessage\";\n"],"file":"ToastMessage.js"}
+{"version":3,"sources":["../../../../src/components/ToastMessage/ToastMessage.tsx"],"names":["React","forwardRef","useEffect","useCallback","StyledToastMessage","StyledToastMessageText","StyledCloseSmallIcon","ToastMessage","ref","text","type","onClose","dismissible","dropShadow","timeout","rest","handleOnClose","timer","setTimeout","clearTimeout","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IACEC,UADF,EAIEC,SAJF,EAKEC,WALF,QAMO,OANP;AAOA,SACEC,kBADF,EAEEC,sBAFF,EAGEC,oBAHF,QAIO,UAJP;AAeA,OAAO,IAAMC,YAAY,gBAAGN,UAAU,CACpC,gBAUEO,GAVF,EAWK;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,IAQC,QARDA,IAQC;AAAA,MAPDC,OAOC,QAPDA,OAOC;AAAA,8BANDC,WAMC;AAAA,MANDA,WAMC,iCANa,KAMb;AAAA,6BALDC,UAKC;AAAA,MALDA,UAKC,gCALY,KAKZ;AAAA,0BAJDC,OAIC;AAAA,MAJDA,OAIC,6BAJS,CAIT;AAAA,MAHEC,IAGF;;AACH,MAAMC,aAAa,GAAGb,WAAW,CAAC,YAAM;AACtC,QAAI,OAAOQ,OAAP,KAAmB,UAAvB,EAAmC;AACjCA,MAAAA,OAAO;AACR;AACF,GAJgC,EAI9B,CAACA,OAAD,CAJ8B,CAAjC;AAMAT,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIY,OAAO,GAAG,CAAd,EAAiB;AACf,UAAMG,KAAK,GAAGC,UAAU,CAACF,aAAD,EAAgBF,OAAhB,CAAxB;AAEA,aAAO;AAAA,eAAMK,YAAY,CAACF,KAAD,CAAlB;AAAA,OAAP;AACD;AACF,GANQ,EAMN,CAACL,WAAD,EAAcE,OAAd,EAAuBE,aAAvB,CANM,CAAT;AAQA,sBACE,oBAAC,kBAAD;AACE,IAAA,GAAG,EAAER,GADP;AAEE,IAAA,KAAK,EAAEE,IAFT;AAGE,IAAA,WAAW,EAAEG;AAHf,KAIME,IAJN,gBAME,oBAAC,sBAAD,QAAyBN,IAAzB,CANF,EAOGG,WAAW,gBAAG,oBAAC,oBAAD;AAAsB,IAAA,OAAO,EAAEI;AAA/B,IAAH,GAAsD,IAPpE,CADF;AAWD,CAtCmC,CAA/B;AAyCPT,YAAY,CAACa,WAAb,GAA2B,cAA3B","sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  Ref,\n  useEffect,\n  useCallback,\n} from \"react\";\nimport {\n  StyledToastMessage,\n  StyledToastMessageText,\n  StyledCloseSmallIcon,\n} from \"./Styles\";\n\nexport interface ToastMessageProps {\n  text: string;\n  type: \"error\" | \"success\" | \"general\" | \"warning\";\n  onClose?: () => void;\n  dismissible?: boolean;\n  dropShadow?: boolean;\n  timeout?: number;\n}\n\nexport const ToastMessage = forwardRef(\n  (\n    {\n      text,\n      type,\n      onClose,\n      dismissible = false,\n      dropShadow = false,\n      timeout = 0,\n      ...rest\n    }: ToastMessageProps & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const handleOnClose = useCallback(() => {\n      if (typeof onClose === \"function\") {\n        onClose();\n      }\n    }, [onClose]);\n\n    useEffect(() => {\n      if (timeout > 0) {\n        const timer = setTimeout(handleOnClose, timeout);\n\n        return () => clearTimeout(timer);\n      }\n    }, [dismissible, timeout, handleOnClose]);\n\n    return (\n      <StyledToastMessage\n        ref={ref}\n        $type={type}\n        $dropShadow={dropShadow}\n        {...rest}\n      >\n        <StyledToastMessageText>{text}</StyledToastMessageText>\n        {dismissible ? <StyledCloseSmallIcon onClick={handleOnClose} /> : null}\n      </StyledToastMessage>\n    );\n  }\n);\n\nToastMessage.displayName = \"ToastMessage\";\n"],"file":"ToastMessage.js"}