linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

package/lib/alerts/Message.js

@@ -1,113 +1,90 @@
-"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const getClass = _ref => {
-  let {
-    customClass,
-    className
-  } = _ref;
-  return "".concat(className, " ").concat(customClass);
-};
-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;
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t from "../icons/index.js";
+import n from "../progress/index.js";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/lib/alerts/Message.tsx
+var c = e(), l = ({ customClass: e, className: t }) => `${t} ${e}`, u = (e, n, r) => e === null ? n === null ? null : /* @__PURE__ */ o(t, {
+	name: n,
+	color: r === "" ? "#fff" : r,
+	size: 32
+}) : e, d = (e) => {
+	let t = (0, c.c)(30), { handleClose: d, message: _, id: v, color: y, icon: b, iconName: x, timeout: S, customClass: C, closeButton: w, className: T, position: E, pauseTimeoutOnMouseHover: D } = e, O = d === void 0 ? f : d, k = v === void 0 ? 0 : v, A = y === void 0 ? "" : y, j = b === void 0 ? null : b, M = x === void 0 ? null : x, N = S === void 0 ? 3e3 : S, P = C === void 0 ? "" : C, F = w === void 0 ? !1 : w, I = T === void 0 ? "message" : T, L = E === void 0 ? "centerTop" : E, R = D === void 0 ? !1 : D, [z, B] = a(N - 300), [V, H] = a(!1), U = i(null), W = i(null), G;
+	t[0] === R ? G = t[1] : (G = () => {
+		R && (H(!0), B(p));
+	}, t[0] = R, t[1] = G);
+	let K = G, q;
+	t[2] === R ? q = t[3] : (q = () => {
+		R && (H(!1), B(m));
+	}, t[2] = R, t[3] = q);
+	let J = q, Y;
+	t[4] === P ? Y = t[5] : (Y = () => P.replace("-", ""), t[4] = P, t[5] = Y);
+	let X = Y, Z;
+	t[6] !== O || t[7] !== k || t[8] !== V || t[9] !== L || t[10] !== z ? (Z = () => (!V && z > 0 ? (U.current = setTimeout(() => {
+		O(k, L);
+	}, z), W.current = setInterval(() => z > 0 ? B(h) : null, 100)) : (U.current && clearInterval(U.current), W.current && clearInterval(W.current)), () => {
+		U.current && clearInterval(U.current), W.current && clearInterval(W.current);
+	}), t[6] = O, t[7] = k, t[8] = V, t[9] = L, t[10] = z, t[11] = Z) : Z = t[11];
+	let Q;
+	t[12] === V ? Q = t[13] : (Q = [V], t[12] = V, t[13] = Q), r(Z, Q);
+	let $;
+	return t[14] !== I || t[15] !== F || t[16] !== A || t[17] !== P || t[18] !== X || t[19] !== O || t[20] !== K || t[21] !== J || t[22] !== j || t[23] !== M || t[24] !== k || t[25] !== _ || t[26] !== L || t[27] !== z || t[28] !== N ? ($ = s("div", {
+		onMouseEnter: K,
+		onMouseLeave: J,
+		children: [N > 0 && o(n, {
+			min: 300,
+			max: N,
+			value: z,
+			showLabel: !1,
+			style: {
+				animation: "tinRightIn 1s forwards ease-in-out",
+				margin: "0px",
+				borderRadius: "0px",
+				backgroundColor: "rgb(234 234 234)"
+			},
+			height: "6px",
+			type: X()
+		}), s("div", {
+			className: l({
+				className: I,
+				customClass: P
+			}),
+			children: [
+				o("div", {
+					className: "-icon",
+					children: (j || M || A) && u(j, M, A)
+				}),
+				o("div", {
+					className: "-messagecontent",
+					children: o("p", { children: _ })
+				}),
+				o("div", {
+					className: "close",
+					children: F || N === 0 ? o("span", {
+						className: "close-button",
+						role: "button",
+						onKeyPress: g,
+						tabIndex: -1,
+						onClick: () => O === void 0 ? null : O(k, L),
+						children: "x"
+					}) : null
+				})
+			]
+		})]
+	}), t[14] = I, t[15] = F, t[16] = A, t[17] = P, t[18] = X, t[19] = O, t[20] = K, t[21] = J, t[22] = j, t[23] = M, t[24] = k, t[25] = _, t[26] = L, t[27] = z, t[28] = N, t[29] = $) : $ = t[29], $;
 };
-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;
+function f() {}
+function p(e) {
+	return e >= 800 ? e + 600 : e + 500;
+}
+function m(e) {
+	return e >= 800 ? e - 600 : e - 500;
+}
+function h(e) {
+	return e > 0 ? e - 100 : 0;
+}
+function g() {}
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=Message.js.map

package/lib/alerts/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","names":[],"sources":["../../src/lib/alerts/Message.tsx"],"sourcesContent":["import { useState, useRef, useEffect, ReactNode } from 'react';\nimport Icon from '../icons';\nimport ProgressBar from '../progress';\nimport { GetClassParams, IMessageProps } from './types';\nimport { IconNames } from '../@types/Icon';\n\nconst getClass = ({ customClass, className }: GetClassParams) => (\n  `${className} ${customClass}`\n);\n\nconst getIcon = (icon: ReactNode, iconName: IconNames | null, color: string): ReactNode | null => {\n  if (icon !== null) {\n    return icon;\n  } else if (iconName !== null) {\n    return <Icon name={iconName} color={color !== '' ? color : '#fff'} size={32} />;\n  }\n  return null;\n};\n\nconst Message = ({\n  handleClose = () => { },\n  message,\n  id = 0,\n  color = '',\n  icon = null,\n  iconName = null,\n  timeout = 3000,\n  customClass = '',\n  closeButton = false,\n  className = 'message',\n  position = 'centerTop',\n  pauseTimeoutOnMouseHover = false,\n}: IMessageProps) => {\n  const [progressBarTime, setProgressBarTime] = useState<number>(timeout - 300);\n  const [pauseTimeout, setPauseTimeout] = useState<boolean>(false);\n  const timeoutIdentifier = useRef<NodeJS.Timeout | null>(null);\n  const intervalIdentifier = useRef<NodeJS.Timeout | null>(null);\n  const handleMouseEnter = () => {\n    if (pauseTimeoutOnMouseHover) {\n      setPauseTimeout(true);\n      setProgressBarTime(prevProgressBarTime =>\n        (prevProgressBarTime >= 800 ? prevProgressBarTime + 600 : prevProgressBarTime + 500));\n    }\n  };\n  const handleMouseLeave = () => {\n    if (pauseTimeoutOnMouseHover) {\n      setPauseTimeout(false);\n      setProgressBarTime(prevProgressBarTime =>\n        (prevProgressBarTime >= 800 ? prevProgressBarTime - 600 : prevProgressBarTime - 500));\n    }\n  };\n  const getProgressBarType = () => customClass.replace('-', '');\n\n  useEffect(() => {\n    if (!pauseTimeout && progressBarTime > 0) {\n      timeoutIdentifier.current = setTimeout(() => {\n        handleClose(id, position);\n      }, progressBarTime);\n\n      intervalIdentifier.current = setInterval(() =>\n        (progressBarTime > 0\n          ? setProgressBarTime(prevProgressBarTime =>\n              (prevProgressBarTime > 0 ? prevProgressBarTime - 100 : 0))\n          : null), 100);\n    } else {\n      if (timeoutIdentifier.current) clearInterval(timeoutIdentifier.current);\n      if (intervalIdentifier.current) clearInterval(intervalIdentifier.current);\n    }\n\n    return () => {\n      if (timeoutIdentifier.current) clearInterval(timeoutIdentifier.current);\n      if (intervalIdentifier.current) clearInterval(intervalIdentifier.current);\n    };\n  }, [pauseTimeout]);\n\n  return (\n    <div onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n      {timeout > 0 &&\n        <ProgressBar\n          min={300}\n          max={timeout}\n          value={progressBarTime}\n          showLabel={false}\n          style={{\n            animation: 'tinRightIn 1s forwards ease-in-out',\n            margin: '0px',\n            borderRadius: '0px',\n            backgroundColor: 'rgb(234 234 234)',\n          }}\n          height=\"6px\"\n          type={getProgressBarType()} />}\n      <div className={getClass({ className, customClass })}>\n        <div className=\"-icon\">\n          {(icon || iconName || color) && getIcon(icon, iconName, color)}\n        </div>\n        <div className=\"-messagecontent\">\n          <p>{message}</p>\n        </div>\n        <div className=\"close\">\n          {(closeButton || timeout === 0) ?\n              (\n                <span\n                  className=\"close-button\"\n                  role=\"button\"\n                  onKeyPress={() => { }}\n                  tabIndex={-1}\n                  onClick={() => (handleClose !== undefined ? handleClose(id, position) : null)}>\n                  x\n                </span>\n              )\n            : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Message;\n"],"mappings":";;;;;;aAMM,KAAY,EAAE,gBAAa,mBAC/B,GAAG,EAAA,GAAa,KAGZ,KAAW,GAAiB,GAA4B,MACxD,MAAS,OAEF,MAAa,OAGjB,OAFE,kBAAC,GAAD;CAAM,MAAM;CAAU,OAAO,MAAU,KAAa,SAAR;CAAgB,MAAM;CAAM,CAAA,GAFxE,GAOL,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EAAW,EAAA,aAAA,GAAA,YAAA,IAAA,GAAA,OAAA,GAAA,MAAA,GAAA,UAAA,GAAA,SAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,UAAA,GAAA,0BAAA,MAAA,GACf,IAAA,MAAA,KAAA,IAAA,IAAA,GAEA,IAAA,MAAA,KAAA,IAAA,IAAA,GACA,IAAA,MAAA,KAAA,IAAA,KAAA,GACA,IAAA,MAAA,KAAA,IAAA,OAAA,GACA,IAAA,MAAA,KAAA,IAAA,OAAA,GACA,IAAA,MAAA,KAAA,IAAA,MAAA,GACA,IAAA,MAAA,KAAA,IAAA,KAAA,GACA,IAAA,MAAA,KAAA,IAAA,KAAA,GACA,IAAA,MAAA,KAAA,IAAA,YAAA,GACA,IAAA,MAAA,KAAA,IAAA,cAAA,GACA,IAAA,MAAA,KAAA,IAAA,KAAA,GAEA,CAAA,GAAA,KAA8C,EAAiB,IAAU,IAAI,EAC7E,CAAA,GAAA,KAAwC,EAAkB,GAAM,EAChE,IAA0B,EAA8B,KAAK,EAC7D,IAA2B,EAA8B,KAAK,EAAA;AAAA,CAAA,EAAA,OAAA,gBACxD,UAAA;AACJ,EAAI,MACF,EAAgB,GAAK,EACrB,EAAA,EACuF;;CAJ3F,IAAA,IAAM;0BAOA,UAAA;AACJ,EAAI,MACF,EAAgB,GAAM,EACtB,EAAA,EACuF;;CAJ3F,IAAA,IAAM;cAOuD,IAAA,EAAA,MAAvD,UAA2B,EAAA,QAAoB,KAAK,GAAG,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAA7D,IAAA,IAAM,GAAuD;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAE7D,WACM,CAAC,KAAgB,IAAkB,KACrC,EAAA,UAA4B,iBAAA;AAC1B,IAAY,GAAI,EAAS;IACxB,EAFe,EAIlB,EAAA,UAA6B,kBAC1B,IAAkB,IACf,EAAA,EAEA,GAHH,MAGU,IAJM,KAMf,EAAA,WAA2B,cAAc,EAAA,QAA0B,EACnE,EAAA,WAA4B,cAAc,EAAA,QAA2B,SAG3E;AAEE,EADI,EAAA,WAA2B,cAAc,EAAA,QAA0B,EACnE,EAAA,WAA4B,cAAc,EAAA,QAA2B;;;AAlB7E,eAoBiB,IAAA,EAAA,OAAd,IAAA,CAAC,EAAa,EAAA,EAAA,MAAA,GAAA,EAAA,MAAA,IApBjB,EAAA,GAoBG,EAAe;CAAA,IAAA;QAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAGhB,IAAA,EAAC,OAAD;EAAA,cAAmB;EAAA,cAAgC;EAAA,UAAnD,CACG,IAAU,KACT,EAAC,GAAD;GAAA,KACO;GAAA,KACA;GAAA,OACE;GAAA,WACI;GAAA,OACJ;IAAA,WACM;IAAA,QACH;IAAA,cACM;IAAA,iBACG;IAClB;GAAA,QACM;GAAA,MACD,GAAA;GAAwB,CAAA,EAClC,EAAC,OAAD;GAAA,WAAgB,EAAS;IAAA;IAAA;IAA0B,CAAC;GAAA,UAApD;IACE,EAAC,OAAD;KAAA,WAAe;KAAA,WACX,KAAA,KAAA,MAA8B,EAAQ,GAAM,GAAU,EAAA;KACpD,CAAA;IACN,EAAC,OAAD;KAAA,WAAe;KAAA,UACb,EAAC,KAAD,EAAA,UAAI,GAAY,CAAA;KACZ,CAAA;IACN,EAAC,OAAD;KAAA,WAAe;KAAA,UACX,KAAe,MAAY,IAEvB,EAAC,QAAD;MAAA,WACY;MAAA,MACL;MAAA,YACL;MAAkB,UACR;MAAC,eACK,MAAgB,KAAA,IAAhB,OAA4B,EAAY,GAAI,EAAY;MAAA,UAAO;MAInF,CAAA,GAXF;KAYE,CAAA;IAAA;;kMAnCV;;AAzDE,SAAA,IAAA;AAAA,SAAA,EAAA,GAAA;AAAA,QAsBG,KAAuB,MAAM,IAAsB,MAAM,IAAsB;;AAtBlF,SAAA,EAAA,GAAA;AAAA,QA6BG,KAAuB,MAAM,IAAsB,MAAM,IAAsB;;AA7BlF,SAAA,EAAA,GAAA;AAAA,QA2CS,IAAsB,IAAI,IAAsB,MAAhD;;AA3CT,SAAA,IAAA"}

package/lib/alerts/helpers.d.ts

@@ -1,9 +1,3 @@
-import * as React from 'react';
-import { WithAlertContextProps } from './types.js';
-import '../@types/PositionAlert.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const AlertProviderContext: React.Context<WithAlertContextProps>;
-
-export { AlertProviderContext as default };
+import { WithAlertContextProps } from './types';
+declare const AlertProviderContext: import('react').Context<WithAlertContextProps>;
+export default AlertProviderContext;

package/lib/alerts/helpers.js

@@ -1,9 +1,7 @@
-"use strict";
+import { createContext as e } from "react";
+//#region src/lib/alerts/helpers.ts
+var t = e({});
+//#endregion
+export { t as default };
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-const AlertProviderContext = /*#__PURE__*/(0, _react.createContext)({});
-var _default = exports.default = AlertProviderContext;
+//# sourceMappingURL=helpers.js.map

package/lib/alerts/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/lib/alerts/helpers.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport { WithAlertContextProps } from './types';\n\nconst AlertProviderContext = createContext<WithAlertContextProps>({} as WithAlertContextProps);\n\nexport default AlertProviderContext;\n"],"mappings":";;AAIA,IAAM,IAAuB,EAAqC,EAAE,CAA0B"}

package/lib/alerts/index.d.ts

@@ -1,11 +1,4 @@
-import withAlert from './withAlert.js';
-export { default as AlertProvider } from './AlertProvider.js';
-import 'react';
-import './types.js';
-import '../@types/PositionAlert.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-
-
-export { withAlert as default };
+import { default as withAlert } from './withAlert';
+import { default as AlertProvider } from './AlertProvider';
+export default withAlert;
+export { AlertProvider, withAlert };

package/lib/alerts/index.js

@@ -1,16 +1,8 @@
-"use strict";
+import e from "./withAlert.js";
+import t from "./AlertProvider.js";
+//#region src/lib/alerts/index.tsx
+var n = e;
+//#endregion
+export { t as AlertProvider, n as default, e as withAlert };
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AlertProvider", {
-  enumerable: true,
-  get: function () {
-    return _AlertProvider.default;
-  }
-});
-exports.default = void 0;
-var _withAlert = _interopRequireDefault(require("./withAlert"));
-var _AlertProvider = _interopRequireDefault(require("./AlertProvider"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _withAlert.default;
+//# sourceMappingURL=index.js.map

package/lib/alerts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/alerts/index.tsx"],"sourcesContent":["import withAlert from './withAlert';\nimport AlertProvider from './AlertProvider';\n\nexport default withAlert;\nexport { AlertProvider, withAlert };\n"],"mappings":";;;AAGA,IAAA,IAAe"}

package/lib/alerts/types.d.ts

@@ -1,9 +1,7 @@
 import { ReactNode } from 'react';
-import { PositionAlert } from '../@types/PositionAlert.js';
-import { IconNames } from '../@types/Icon.js';
-import '../icons/helper.js';
-
-type AlertContainerMethods = {
+import { PositionAlert } from '../@types/PositionAlert';
+import { IconNames } from '../@types/Icon';
+export type AlertContainerMethods = {
     default: (messageConfig: DefaultMessageConfigType) => void;
     info: (message: string, options: IMessageProps) => void;
     custom: (message: string, options: IMessageProps) => void;
@@ -11,13 +9,13 @@ type AlertContainerMethods = {
     warning: (message: string, options: IMessageProps) => void;
     success: (message: string, options: IMessageProps) => void;
 };
-type DefaultMessageConfigType = {
+export type DefaultMessageConfigType = {
     message: string;
     options: IMessageProps & {
         type: 'info' | 'warning' | 'danger' | 'success';
     };
 };
-interface IMessageProps {
+export interface IMessageProps {
     id?: number;
     position?: PositionAlert;
     message?: string;
@@ -31,21 +29,19 @@ interface IMessageProps {
     timeout?: number;
     pauseTimeoutOnMouseHover?: boolean;
 }
-interface IBaseAlertProps {
+export interface IBaseAlertProps {
     children: ReactNode;
 }
-interface IAlertProviderProps {
+export interface IAlertProviderProps {
     children: ReactNode;
 }
-interface WithAlertContextProps {
+export interface WithAlertContextProps {
     alert?: AlertContainerMethods;
 }
-type GetClassParams = {
+export type GetClassParams = {
     customClass?: string;
     className?: string;
 };
-type MessagesState = {
+export type MessagesState = {
     [key: string]: Array<IMessageProps>;
 };
-
-export { AlertContainerMethods, DefaultMessageConfigType, GetClassParams, IAlertProviderProps, IBaseAlertProps, IMessageProps, MessagesState, WithAlertContextProps };

package/lib/alerts/withAlert.d.ts

@@ -1,9 +1,4 @@
-import React__default from 'react';
-import { WithAlertContextProps } from './types.js';
-import '../@types/PositionAlert.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const withAlert: <ComponentProps extends WithAlertContextProps>(WrapperComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
-
-export { withAlert as default };
+import { ComponentType } from 'react';
+import { WithAlertContextProps } from './types';
+declare const withAlert: <ComponentProps extends WithAlertContextProps>(WrapperComponent: ComponentType<ComponentProps>) => (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default withAlert;

package/lib/alerts/withAlert.js

@@ -1,23 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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); }
-const withAlert = WrapperComponent => {
-  const GetAlert = props => {
-    const {
-      alert
-    } = (0, _react.useContext)(_helpers.default);
-    return /*#__PURE__*/_react.default.createElement(WrapperComponent, _extends({}, props, {
-      alert: alert
-    }));
-  };
-  return GetAlert;
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t from "./helpers.js";
+import { useContext as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/lib/alerts/withAlert.tsx
+var i = e(), a = (e) => (a) => {
+	let o = (0, i.c)(3), { alert: s } = n(t), c;
+	return o[0] !== s || o[1] !== a ? (c = r(e, {
+		...a,
+		alert: s
+	}), o[0] = s, o[1] = a, o[2] = c) : c = o[2], c;
 };
-var _default = exports.default = withAlert;
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=withAlert.js.map

package/lib/alerts/withAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withAlert.js","names":[],"sources":["../../src/lib/alerts/withAlert.tsx"],"sourcesContent":["import { ComponentType, useContext } from 'react';\nimport AlertProviderContext from './helpers';\n\nimport { WithAlertContextProps } from './types';\n\nconst withAlert = <ComponentProps extends WithAlertContextProps>(\n  WrapperComponent: ComponentType<ComponentProps>,\n) => {\n  const GetAlert = (props: ComponentProps) => {\n    const { alert } = useContext(AlertProviderContext);\n    return <WrapperComponent {...props} alert={alert} />;\n  };\n\n  return GetAlert;\n};\n\nexport default withAlert;\n"],"mappings":";;;;;aAKM,KACJ,OAEM,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,EAAA,EACJ,EAAA,aAAkB,EAAW,EAAqB,EAAA;AACE,QADF,EAAA,OAAA,KAAA,EAAA,OAAA,KAC3C,IAAA,EAAC,GAAD;EAAA,GAAsB;EAAA;EAAuB,CAAA,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAA7C"}

package/lib/assets/styles/alerts.css

@@ -0,0 +1 @@
+@keyframes slideInFromTop{0%{-webkit-font-smoothing:subpixel-antialiased;transform:translateY(-60%)}to{-webkit-font-smoothing:subpixel-antialiased;transform:translateY(0)}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{animation-name:slideDownReturn}@keyframes slideDownReturn{0%{transform-origin:0 0;transform:translateY(100%)}30%{transform-origin:0 0;transform:translateY(0%)}}.slideLeftReturn{animation-name:slideLeftReturn}@keyframes slideLeftReturn{0%{transform-origin:0 0;transform:translate(-100%)}30%{transform-origin:0 0;transform:translate(0%)}}.slideRightReturn{animation-name:slideRightReturn}@keyframes slideRightReturn{0%{transform-origin:0 0;transform:translate(100%)}30%{transform-origin:0 0;transform:translate(0%)}}@keyframes revealelement{0%{color:#0000;opacity:0;height:0%}50%{color:inherit;opacity:.3;height:auto}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:#0000;opacity:.3;height:0%}50%{color:#0000;opacity:.7;height:auto}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1;transform:translate(0)}90%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50%;transform:scale(0)}90%{opacity:1;transform-origin:50%;transform:scale(.9)}to{opacity:1;transform-origin:50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1)translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1)translateY(0)}60%,80%,to{opacity:1;transform:scale(1)translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1)translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1)translate(0)}60%,80%,to{opacity:1;transform:scale(1)translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1)translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1)translate(0)}60%,80%,to{opacity:1;transform:scale(1)translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px)rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px)rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px)rotateX(0)}to{transform-origin:0 0;transform:perspective(800px)rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50%;filter:blur(2px);transform:scale(2)}to{opacity:1;transform-origin:50%;filter:blur();transform:scale(1)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50%;filter:blur(90px);transform:scale(2)}to{opacity:1;transform-origin:50%;filter:blur();transform:scale(1)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50%;filter:blur();transform:scale(1)}to{opacity:0;transform-origin:50%;filter:blur(20px);transform:scale(2)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0;transform:perspective(800px)rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0;transform:perspective(800px)rotateX(50deg)}to{opacity:1;transform-origin:50% 0;transform:perspective(800px)rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0%)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0%)}10%{transform-origin:0 0;transform:translate(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0%)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{vertical-align:middle;transition-property:transform;transition-duration:.3s;display:inline-block;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{transform:translate(8px)}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{vertical-align:middle;transition-property:transform;transition-duration:.3s;display:inline-block;position:relative;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hvr-bubble-float-left:before{z-index:-1;content:"";border:10px solid #0000;border-left-width:0;border-right-color:#e1e1e1;transition-property:transform;transition-duration:.3s;position:absolute;top:calc(50% - 10px);left:0}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{transform:translate(-10px)}@keyframes hvr-wobble-horizontal{16.65%{transform:translate(8px)}33.3%{transform:translate(-6px)}49.95%{transform:translate(4px)}66.6%{transform:translate(-2px)}83.25%{transform:translate(1px)}to{transform:translate(0)}}.hvr-wobble-horizontal{vertical-align:middle;display:inline-block;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{animation-name:hvr-wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}.hvr-grow{vertical-align:middle;transition-property:transform;transition-duration:.3s;display:inline-block;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{opacity:0;left:100%}to{opacity:1;left:0}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.transparentclass{background-color:#e0cabb;opacity:.3!important}.alert-component{z-index:9999999;position:fixed}.alert-component>.messagecontainer{height:100%}.alert-component>.messagecontainer>.lefttop,.alert-component>.messagecontainer>.leftbottom,.alert-component>.messagecontainer>.rightbottom,.alert-component>.messagecontainer .righttop,.alert-component>.messagecontainer .centertop,.alert-component>.messagecontainer .centerbottom{width:auto;min-width:20%;max-width:25%;position:fixed}.alert-component>.messagecontainer>.lefttop{top:0;left:0}.alert-component>.messagecontainer>.leftbottom{bottom:0;left:0}.alert-component>.messagecontainer>.centertop{inset:0 auto auto 50%;transform:translate(-50%)}.alert-component>.messagecontainer>.centerbottom{inset:auto auto 0 50%;transform:translate(-50%)}.alert-component>.messagecontainer>.righttop{inset:0 0 auto auto}.alert-component>.messagecontainer>.danger{color:#fff;background-color:#e74c3c}.alert-component>.messagecontainer>.danger:hover,.alert-component>.messagecontainer>.danger:focus{background-color:#dd2d1b}.alert-component>.messagecontainer>.rightbottom{bottom:0;right:0}.alert-component .message{background:#fff;flex-wrap:wrap;width:100%;height:100%;min-height:80px;margin-bottom:2px;animation:1s ease-out tinUpIn;display:flex;box-shadow:10px 2px 28px 1px #0000009f}.alert-component .message>.-icon{color:#fff;background:#455870;flex:3;justify-content:center;align-items:center;margin:0 0 0 -1px;display:flex}.alert-component .message>.-messagecontent{color:#333;flex:10;align-items:center;margin:0;padding:10px 10px 10px 15px;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:22px;display:flex}.alert-component .message>.close{color:#455870;flex:1;justify-content:center;font-family:Roboto;font-size:1.2em;transition:color .4s;display:flex}.alert-component .message>.close>.close-button{cursor:pointer;pointer-events:all;margin-top:5px;margin-right:3px}.alert-component .message.-warning{color:#f39c12}.alert-component .message.-warning:hover,.alert-component .message.-warning:focus{border-color:#e08e0b}.alert-component .message.-warning .-icon{background:#f39c12}.alert-component .message.-danger{color:#e74c3c;font-weight:600!important}.alert-component .message.-danger:hover,.alert-component .message.-danger:focus{border-color:#dd2d1b}.alert-component .message.-danger .-icon{background:#e74c3c}.alert-component .message.-success{color:#49cc90}.alert-component .message.-success:hover,.alert-component .message.-success:focus{border-color:#29b765}.alert-component .message.-success .-icon{background:#49cc90}.alert-component .message.-info{color:#24cabc}.alert-component .message.-info:hover,.alert-component .message.-info:focus{border-color:#20b4a8}.alert-component .message.-info .-icon{background:#24cabc}

package/lib/assets/styles/avatar.css

@@ -0,0 +1 @@
+.avatar-component{color:#fff;-webkit-user-select:none;user-select:none;background-color:#e2e2e2;border-radius:100%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:inline-flex;top:8px;left:16px}.avatar-component>.imgavatar{pointer-events:none;object-fit:cover;opacity:1;border-radius:100%}.avatar-component.-square,.avatar-component.-square>.imgavatar{border-radius:10%}.avatar-component.-default,.avatar-component.-default>.imgavatar{width:40px;height:40px}.avatar-component.-mini,.avatar-component.-mini>.imgavatar{width:30px;height:30px}

package/lib/assets/styles/badge.css

@@ -0,0 +1 @@
+.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{border:none;width:100%;margin-top:0;padding:6px;font-size:17px}@keyframes shimmer{0%{background-position:0 0}to{background-position:-135% 0}}.badge-component{display:inline-block;position:relative}.badge-component .badge{z-index:1;text-align:center;border-radius:50%;align-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;line-height:24px;position:absolute;top:-16px;right:-11px}.badge-component .badge.-default{color:#333;background:#fff;border:1px solid #dae1e8}.badge-component .badge.-primary{color:#fff;background:#3498db}.badge-component .badge.-warning{color:#fff;background:#f39c12}.badge-component .badge.-danger{color:#fff;background:#e74c3c}.badge-component .badge.-success{color:#fff;background:#49cc90}.badge-component .badge.-info{color:#fff;background:#24cabc}