linear-react-components-ui 1.1.25-rc.2 → 1.1.26-beta-1

package/lib/@types/Align.d.ts

@@ -1,4 +1,2 @@
-type Align = 'left' | 'right' | 'center' | 'top' | 'bottom' | 'none';
-type TextAlign = Extract<Align, 'left' | 'right' | 'center'>;
-
-export { Align, TextAlign };
+export type Align = 'left' | 'right' | 'center' | 'top' | 'bottom' | 'none';
+export type TextAlign = Extract<Align, 'left' | 'right' | 'center'>;

package/lib/@types/ButtonTypes.d.ts

@@ -1,3 +1 @@
-type ButtonTypes = 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning' | 'add' | 'cancel' | 'destroy' | 'edit' | 'save' | 'activate' | 'inactivate' | 'restore';
-
-export { ButtonTypes };
+export type ButtonTypes = 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning' | 'add' | 'cancel' | 'destroy' | 'edit' | 'save' | 'activate' | 'inactivate' | 'restore';

package/lib/@types/ColorStyles.d.ts

@@ -1,3 +1 @@
-type ColorStyles = 'primary' | 'success' | 'danger' | 'info' | 'warning';
-
-export { ColorStyles };
+export type ColorStyles = 'primary' | 'success' | 'danger' | 'info' | 'warning';

package/lib/@types/DataCombo.d.ts

@@ -1,3 +1 @@
-type DataCombo = any;
-
-export { DataCombo };
+export type DataCombo = any;

package/lib/@types/Icon.d.ts

@@ -1,5 +1,2 @@
-import _default from '../icons/helper.js';
-
-type IconNames = keyof typeof _default;
-
-export { IconNames };
+import { default as iconsList } from '../icons/helper';
+export type IconNames = keyof typeof iconsList;

package/lib/@types/LabelStyles.d.ts

@@ -1,3 +1 @@
-type LabelStyles = 'info' | 'warning' | 'success' | 'default' | 'danger';
-
-export { LabelStyles };
+export type LabelStyles = 'info' | 'warning' | 'success' | 'default' | 'danger';

package/lib/@types/Period.d.ts

@@ -1,6 +1,4 @@
-type Period = {
+export type Period = {
     initial?: string;
     final?: string;
 };
-
-export { Period };

package/lib/@types/PermissionAttr.d.ts

@@ -1,14 +1,12 @@
-type PermissionAttr = {
+export type PermissionAttr = {
     module?: string;
     feature?: string;
     operation?: string;
     onDenied?: string;
 };
-type OnDenied = {
+export type OnDenied = {
     disabled?: boolean;
     unvisible?: boolean;
     readOnly?: boolean;
     hideContent?: boolean;
 };
-
-export { OnDenied, PermissionAttr };

package/lib/@types/PointerEvents.d.ts

@@ -1,3 +1 @@
-type PointerEvents = 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | 'inherit' | 'initial' | 'unset' | 'auto';
-
-export { PointerEvents };
+export type PointerEvents = 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | 'inherit' | 'initial' | 'unset' | 'auto';

package/lib/@types/Position.d.ts

@@ -1,3 +1 @@
-type Position = 'left' | 'right' | 'center' | 'top' | 'bottom';
-
-export { Position };
+export type Position = 'left' | 'right' | 'center' | 'top' | 'bottom';

package/lib/@types/PositionAlert.d.ts

@@ -1,3 +1 @@
-type PositionAlert = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'centerTop' | 'centerBottom';
-
-export { PositionAlert };
+export type PositionAlert = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'centerTop' | 'centerBottom';

package/lib/@types/Size.d.ts

@@ -1,3 +1 @@
-type Size = 'mini' | 'small' | 'medium' | 'large' | 'default';
-
-export { Size };
+export type Size = 'mini' | 'small' | 'medium' | 'large' | 'default';

package/lib/@types/SizePixels.d.ts

@@ -1,3 +1 @@
-type SizePixels = 10 | 12 | 14 | 16 | 18 | 22 | 24 | 32 | 40 | 64 | 128 | 200;
-
-export { SizePixels };
+export type SizePixels = 10 | 12 | 14 | 16 | 18 | 22 | 24 | 32 | 40 | 64 | 128 | 200;

package/lib/@types/StorageMock.d.ts

@@ -1,5 +1,3 @@
-interface ISessionStorageMock {
+export interface ISessionStorageMock {
     [key: string]: string;
 }
-
-export { ISessionStorageMock };

package/lib/alerts/AlertContainer.d.ts

@@ -1,9 +1,4 @@
-import { IMessageProps, DefaultMessageConfigType } from './types.js';
-import 'react';
-import '../@types/PositionAlert.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
+import { IMessageProps, DefaultMessageConfigType } from './types';
 declare class AlertContainer {
     pushAlert: (params: IMessageProps) => void;
     constructor(pushAlert: (params: IMessageProps) => void);
@@ -14,5 +9,4 @@ declare class AlertContainer {
     success: (message: string, options: IMessageProps) => void;
     custom: (message: string, options: IMessageProps) => void;
 }
-
-export { AlertContainer as default };
+export default AlertContainer;

package/lib/alerts/AlertContainer.js

@@ -1,80 +1,64 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-class AlertContainer {
-  constructor(pushAlert) {
-    _defineProperty(this, "pushAlert", void 0);
-    _defineProperty(this, "info", (message, options) => {
-      const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
-        customClass: '-info',
-        message,
-        iconName: 'information',
-        color: '#fff'
-      });
-      this.pushAlert(messageConfig);
-    });
-    _defineProperty(this, "danger", (message, options) => {
-      const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
-        customClass: '-danger',
-        message,
-        iconName: 'power',
-        color: '#fff'
-      });
-      this.pushAlert(messageConfig);
-    });
-    _defineProperty(this, "warning", (message, options) => {
-      const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
-        customClass: '-warning',
-        message,
-        iconName: 'warning',
-        color: '#fff'
-      });
-      this.pushAlert(messageConfig);
-    });
-    _defineProperty(this, "success", (message, options) => {
-      const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
-        customClass: '-success',
-        message,
-        iconName: 'checkmark',
-        color: '#fff'
-      });
-      this.pushAlert(messageConfig);
-    });
-    _defineProperty(this, "custom", (message, options) => {
-      const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
-        message
-      });
-      this.pushAlert(messageConfig);
-    });
-    this.pushAlert = pushAlert;
+class a {
+  constructor(o) {
+    this.info = (e, s) => {
+      const t = {
+        ...s,
+        customClass: "-info",
+        message: e,
+        iconName: "information",
+        color: "#fff"
+      };
+      this.pushAlert(t);
+    }, this.danger = (e, s) => {
+      const t = {
+        ...s,
+        customClass: "-danger",
+        message: e,
+        iconName: "power",
+        color: "#fff"
+      };
+      this.pushAlert(t);
+    }, this.warning = (e, s) => {
+      const t = {
+        ...s,
+        customClass: "-warning",
+        message: e,
+        iconName: "warning",
+        color: "#fff"
+      };
+      this.pushAlert(t);
+    }, this.success = (e, s) => {
+      const t = {
+        ...s,
+        customClass: "-success",
+        message: e,
+        iconName: "checkmark",
+        color: "#fff"
+      };
+      this.pushAlert(t);
+    }, this.custom = (e, s) => {
+      const t = { ...s, message: e };
+      this.pushAlert(t);
+    }, this.pushAlert = o;
   }
-  default(messageConfig) {
-    const {
-      message,
-      options
-    } = messageConfig;
-    switch (options.type) {
-      case 'info':
-        this.info(message, options);
+  default(o) {
+    const { message: e, options: s } = o;
+    switch (s.type) {
+      case "info":
+        this.info(e, s);
         break;
-      case 'warning':
-        this.warning(message, options);
+      case "warning":
+        this.warning(e, s);
         break;
-      case 'danger':
-        this.danger(message, options);
+      case "danger":
+        this.danger(e, s);
         break;
       default:
-        this.success(message, options);
+        this.success(e, s);
         break;
     }
   }
 }
-var _default = exports.default = AlertContainer;
+export {
+  a as default
+};

package/lib/alerts/AlertProvider.d.ts

@@ -1,9 +1,3 @@
-import { IAlertProviderProps } from './types.js';
-import 'react';
-import '../@types/PositionAlert.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const AlertProvider: (props: IAlertProviderProps) => JSX.Element;
-
-export { AlertProvider as default };
+import { IAlertProviderProps } from './types';
+declare const AlertProvider: (props: IAlertProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default AlertProvider;

package/lib/alerts/AlertProvider.js

@@ -1,73 +1,40 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var _BaseAlert = _interopRequireDefault(require("./BaseAlert"));
-var _AlertContainer = _interopRequireDefault(require("./AlertContainer"));
-var _Message = _interopRequireDefault(require("./Message"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const AlertProvider = props => {
-  const [messages, setMessages] = (0, _react.useState)({
+import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useState as i, Children as x, createElement as A } from "react";
+import C from "lodash";
+import B from "./BaseAlert.js";
+import j from "./AlertContainer.js";
+import v from "./Message.js";
+import T from "./helpers.js";
+const D = (l) => {
+  const [o, n] = i({
     leftTop: [],
     leftBottom: [],
     rightBottom: [],
     rightTop: [],
     centerTop: [],
     centerBottom: []
-  });
-  const [toggleRefreshComponent, setToggleRefreshComponent] = (0, _react.useState)(false);
-  const {
-    children
-  } = props;
-  const removeAlert = (messageId, position) => {
-    messages[position] = messages[position].filter(message => message.id !== messageId);
-    setMessages(_objectSpread({}, messages));
+  }), [m, a] = i(!1), { children: p } = l, c = (t, e) => {
+    o[e] = o[e].filter((r) => r.id !== t), n({ ...o });
+  }, d = (t) => {
+    const e = t;
+    e.position === void 0 && (e.position = "rightBottom"), e.id = (/* @__PURE__ */ new Date()).getTime(), o[e.position].push(e), n(o), a(!m);
+  }, f = (t) => t.map((e) => /* @__PURE__ */ A(v, { ...e, handleClose: c, key: e.id })), h = {
+    alert: new j(d)
+  }, g = () => {
+    const t = [];
+    return C.forEach(o, (e, r) => {
+      if (e.length > 0) {
+        const u = /* @__PURE__ */ s.jsx("div", { className: r.toLowerCase(), children: f(e) }, r);
+        t.push(u);
+      } else
+        t.push(null);
+    }), /* @__PURE__ */ s.jsxs(T.Provider, { value: { ...h }, children: [
+      /* @__PURE__ */ s.jsx(B, { children: t }),
+      p
+    ] });
   };
-  const pushAlert = params => {
-    const properties = params;
-    if (properties.position === undefined) properties.position = 'rightBottom';
-    properties.id = new Date().getTime();
-    messages[properties.position].push(properties);
-    setMessages(messages);
-    setToggleRefreshComponent(!toggleRefreshComponent);
-  };
-  const buildAlertMessage = values => values.map(value => /*#__PURE__*/_react.default.createElement(_Message.default, _extends({}, value, {
-    handleClose: removeAlert,
-    key: value.id
-  })));
-  const contextValues = {
-    alert: new _AlertContainer.default(pushAlert)
-  };
-  const renderBaseContainer = () => {
-    const elements = [];
-    _lodash.default.forEach(messages, (values, key) => {
-      if (values.length > 0) {
-        const messageAlert = /*#__PURE__*/_react.default.createElement("div", {
-          className: key.toLowerCase(),
-          key: key
-        }, buildAlertMessage(values));
-        elements.push(messageAlert);
-      } else {
-        elements.push(null);
-      }
-    });
-    return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
-      value: _objectSpread({}, contextValues)
-    }, /*#__PURE__*/_react.default.createElement(_BaseAlert.default, null, elements), children);
-  };
-  return _react.Children.only(renderBaseContainer());
+  return x.only(g());
+};
+export {
+  D as default
 };
-var _default = exports.default = AlertProvider;

package/lib/alerts/BaseAlert.d.ts

@@ -1,9 +1,3 @@
-import * as React from 'react';
-import { IBaseAlertProps } from './types.js';
-import '../@types/PositionAlert.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const BaseAlert: ({ children }: IBaseAlertProps) => React.ReactPortal;
-
-export { BaseAlert as default };
+import { IBaseAlertProps } from './types';
+declare const BaseAlert: ({ children }: IBaseAlertProps) => import('react').ReactPortal;
+export default BaseAlert;

package/lib/alerts/BaseAlert.js

@@ -1,34 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _reactDom = _interopRequireDefault(require("react-dom"));
-require("../assets/styles/alerts.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const body = document.getElementsByTagName('body')[0];
-const alert = document.getElementById('alert');
-const BaseAlert = _ref => {
-  let {
-    children
-  } = _ref;
-  const [messageContainerEl] = (0, _react.useState)(document.createElement('div'));
-  messageContainerEl.className = 'messagecontainer';
-  (0, _react.useEffect)(() => {
-    if (alert === null) {
-      const alertComponentEl = document.createElement('div');
-      alertComponentEl.className = 'alert-component';
-      body.appendChild(alertComponentEl);
-      alertComponentEl.appendChild(messageContainerEl);
-    } else {
-      alert.appendChild(messageContainerEl);
-    }
+import { useState as o, useEffect as l } from "react";
+import m from "react-dom";
+import '../assets/BaseAlert.css';const r = document.getElementsByTagName("body")[0], t = document.getElementById("alert"), d = ({ children: a }) => {
+  const [e] = o(document.createElement("div"));
+  return e.className = "messagecontainer", l(() => {
+    if (t === null) {
+      const n = document.createElement("div");
+      n.className = "alert-component", r.appendChild(n), n.appendChild(e);
+    } else
+      t.appendChild(e);
     return () => {
-      alert?.removeChild(messageContainerEl);
+      t == null || t.removeChild(e);
     };
-  }, []);
-  return /*#__PURE__*/_reactDom.default.createPortal(children, messageContainerEl);
+  }, []), m.createPortal(a, e);
+};
+export {
+  d as default
 };
-var _default = exports.default = BaseAlert;

package/lib/alerts/Message.d.ts

@@ -1,9 +1,3 @@
-import { IMessageProps } from './types.js';
-import 'react';
-import '../@types/PositionAlert.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const Message: ({ handleClose, message, id, color, icon, iconName, timeout, customClass, closeButton, className, position, pauseTimeoutOnMouseHover, }: IMessageProps) => JSX.Element;
-
-export { Message as default };
+import { IMessageProps } from './types';
+declare const Message: ({ handleClose, message, id, color, icon, iconName, timeout, customClass, closeButton, className, position, pauseTimeoutOnMouseHover, }: IMessageProps) => import("react/jsx-runtime").JSX.Element;
+export default Message;

package/lib/alerts/Message.js

@@ -1,114 +1,67 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icons = _interopRequireDefault(require("../icons"));
-var _progress = _interopRequireDefault(require("../progress"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const getClass = _ref => {
-  let {
-    customClass,
-    className
-  } = _ref;
-  return `${className} ${customClass}`;
+import { j as n } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useState as g, useRef as p, useEffect as R } from "react";
+import L from "../icons/index.js";
+import N from "../progress/index.js";
+const k = ({ customClass: s, className: t }) => `${t} ${s}`, w = (s, t, r) => s !== null ? s : t !== null ? /* @__PURE__ */ n.jsx(L, { name: t, color: r !== "" ? r : "#fff", size: 32 }) : null, T = ({
+  handleClose: s = () => {
+  },
+  message: t,
+  id: r = 0,
+  color: o = "",
+  icon: f = null,
+  iconName: d = null,
+  timeout: c = 3e3,
+  customClass: x = "",
+  closeButton: v = !1,
+  className: b = "message",
+  position: m = "centerTop",
+  pauseTimeoutOnMouseHover: h = !1
+}) => {
+  const [u, i] = g(c - 300), [j, I] = g(!1), l = p(null), a = p(null), y = () => {
+    h && (I(!0), i((e) => e >= 800 ? e + 600 : e + 500));
+  }, E = () => {
+    h && (I(!1), i((e) => e >= 800 ? e - 600 : e - 500));
+  }, M = () => x.replace("-", "");
+  return R(() => (!j && u > 0 ? (l.current = setTimeout(() => {
+    s(r, m);
+  }, u), a.current = setInterval(() => u > 0 ? i((e) => e > 0 ? e - 100 : 0) : null, 100)) : (l.current && clearInterval(l.current), a.current && clearInterval(a.current)), () => {
+    l.current && clearInterval(l.current), a.current && clearInterval(a.current);
+  }), [j]), /* @__PURE__ */ n.jsxs("div", { onMouseEnter: y, onMouseLeave: E, children: [
+    c > 0 && /* @__PURE__ */ n.jsx(
+      N,
+      {
+        min: 300,
+        max: c,
+        value: u,
+        showLabel: !1,
+        style: {
+          animation: "tinRightIn 1s forwards ease-in-out",
+          margin: "0px",
+          borderRadius: "0px",
+          backgroundColor: "rgb(234 234 234)"
+        },
+        height: "6px",
+        type: M()
+      }
+    ),
+    /* @__PURE__ */ n.jsxs("div", { className: k({ className: b, customClass: x }), children: [
+      /* @__PURE__ */ n.jsx("div", { className: "-icon", children: (f || d || o) && w(f, d, o) }),
+      /* @__PURE__ */ n.jsx("div", { className: "-messagecontent", children: /* @__PURE__ */ n.jsx("p", { children: t }) }),
+      /* @__PURE__ */ n.jsx("div", { className: "close", children: v || c === 0 ? /* @__PURE__ */ n.jsx(
+        "span",
+        {
+          className: "close-button",
+          role: "button",
+          onKeyPress: () => {
+          },
+          tabIndex: -1,
+          onClick: () => s !== void 0 ? s(r, m) : null,
+          children: "x"
+        }
+      ) : null })
+    ] })
+  ] });
 };
-const getIcon = (icon, iconName, color) => {
-  if (icon !== null) {
-    return icon;
-  } else if (iconName !== null) {
-    return /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: iconName,
-      color: color !== '' ? color : '#fff',
-      size: 32
-    });
-  }
-  return null;
+export {
+  T as default
 };
-const Message = _ref2 => {
-  let {
-    handleClose = () => {},
-    message,
-    id = 0,
-    color = '',
-    icon = null,
-    iconName = null,
-    timeout = 3000,
-    customClass = '',
-    closeButton = false,
-    className = 'message',
-    position = 'centerTop',
-    pauseTimeoutOnMouseHover = false
-  } = _ref2;
-  const [progressBarTime, setProgressBarTime] = (0, _react.useState)(timeout - 300);
-  const [pauseTimeout, setPauseTimeout] = (0, _react.useState)(false);
-  const timeoutIdentifier = (0, _react.useRef)(null);
-  const intervalIdentifier = (0, _react.useRef)(null);
-  const handleMouseEnter = () => {
-    if (pauseTimeoutOnMouseHover) {
-      setPauseTimeout(true);
-      setProgressBarTime(prevProgressBarTime => prevProgressBarTime >= 800 ? prevProgressBarTime + 600 : prevProgressBarTime + 500);
-    }
-  };
-  const handleMouseLeave = () => {
-    if (pauseTimeoutOnMouseHover) {
-      setPauseTimeout(false);
-      setProgressBarTime(prevProgressBarTime => prevProgressBarTime >= 800 ? prevProgressBarTime - 600 : prevProgressBarTime - 500);
-    }
-  };
-  const getProgressBarType = () => customClass.replace('-', '');
-  (0, _react.useEffect)(() => {
-    if (!pauseTimeout && progressBarTime > 0) {
-      timeoutIdentifier.current = setTimeout(() => {
-        handleClose(id, position);
-      }, progressBarTime);
-      intervalIdentifier.current = setInterval(() => progressBarTime > 0 ? setProgressBarTime(prevProgressBarTime => prevProgressBarTime > 0 ? prevProgressBarTime - 100 : 0) : null, 100);
-    } else {
-      if (timeoutIdentifier.current) clearInterval(timeoutIdentifier.current);
-      if (intervalIdentifier.current) clearInterval(intervalIdentifier.current);
-    }
-    return () => {
-      if (timeoutIdentifier.current) clearInterval(timeoutIdentifier.current);
-      if (intervalIdentifier.current) clearInterval(intervalIdentifier.current);
-    };
-  }, [pauseTimeout]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave
-  }, timeout > 0 && /*#__PURE__*/_react.default.createElement(_progress.default, {
-    min: 300,
-    max: timeout,
-    value: progressBarTime,
-    showLabel: false,
-    style: {
-      animation: 'tinRightIn 1s forwards ease-in-out',
-      margin: '0px',
-      borderRadius: '0px',
-      backgroundColor: 'rgb(234 234 234)'
-    },
-    height: "6px",
-    type: getProgressBarType()
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: getClass({
-      className,
-      customClass
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "-icon"
-  }, (icon || iconName || color) && getIcon(icon, iconName, color)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "-messagecontent"
-  }, /*#__PURE__*/_react.default.createElement("p", null, message)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "close"
-  }, closeButton || timeout === 0 ? /*#__PURE__*/_react.default.createElement("span", {
-    className: "close-button",
-    role: "button",
-    onKeyPress: () => {},
-    tabIndex: -1,
-    onClick: () => handleClose !== undefined ? handleClose(id, position) : null
-  }, "x") : null)));
-};
-var _default = exports.default = Message;