linear-react-components-ui 1.1.26-beta.16 → 1.1.26-beta.18

package/lib/alerts/BaseAlert.js

@@ -1,22 +1,34 @@
-import { useState as o, useEffect as l } from "react";
-import r from "react-dom";
-import '../assets/styles/alerts.css';/* empty css                           */
-const m = document.getElementsByTagName("body")[0], n = document.getElementById("alert"), i = ({
-  children: a
-}) => {
-  const [e] = o(document.createElement("div"));
-  return e.className = "messagecontainer", l(() => {
-    if (n === null) {
-      const t = document.createElement("div");
-      t.className = "alert-component", m.appendChild(t), t.appendChild(e);
-    } else
-      n.appendChild(e);
+"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);
+    }
     return () => {
-      n?.removeChild(e);
+      alert?.removeChild(messageContainerEl);
     };
-  }, []), r.createPortal(a, e);
+  }, []);
+  return /*#__PURE__*/_reactDom.default.createPortal(children, messageContainerEl);
 };
-export {
-  i as default
-};
-//# sourceMappingURL=BaseAlert.js.map
+var _default = exports.default = BaseAlert;

package/lib/alerts/Message.d.ts

@@ -1,3 +1,9 @@
-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;
+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 };

package/lib/alerts/Message.js

@@ -1,95 +1,114 @@
-import { jsx as l, jsxs as V } from "react/jsx-runtime";
-import { c as Y } from "../_virtual/compiler-runtime.js";
-import { useState as W, useRef as X, useEffect as Z } from "react";
-import ee from "../icons/index.js";
-import te from "../progress/index.js";
-const ne = ({
-  customClass: t,
-  className: e
-}) => `${e} ${t}`, se = (t, e, x) => t !== null ? t : e !== null ? /* @__PURE__ */ l(ee, { name: e, color: x !== "" ? x : "#fff", size: 32 }) : null, pe = (t) => {
-  const e = Y.c(47), {
-    handleClose: x,
-    message: k,
-    id: K,
-    color: S,
-    icon: q,
-    iconName: A,
-    timeout: D,
-    customClass: F,
-    closeButton: G,
-    className: J,
-    position: P,
-    pauseTimeoutOnMouseHover: Q
-  } = t, o = x === void 0 ? oe : x, i = K === void 0 ? 0 : K, C = S === void 0 ? "" : S, M = q === void 0 ? null : q, y = A === void 0 ? null : A, n = D === void 0 ? 3e3 : D, r = F === void 0 ? "" : F, w = G === void 0 ? !1 : G, H = J === void 0 ? "message" : J, c = P === void 0 ? "centerTop" : P, u = Q === void 0 ? !1 : Q, [s, O] = W(n - 300), [a, U] = W(!1), N = X(null), b = X(null);
-  let E;
-  e[0] !== u ? (E = () => {
-    u && (U(!0), O(le));
-  }, e[0] = u, e[1] = E) : E = e[1];
-  const _ = E;
-  let R;
-  e[2] !== u ? (R = () => {
-    u && (U(!1), O(ie));
-  }, e[2] = u, e[3] = R) : R = e[3];
-  const z = R;
-  let T;
-  e[4] !== r ? (T = () => r.replace("-", ""), e[4] = r, e[5] = T) : T = e[5];
-  const B = T;
-  let L;
-  e[6] !== o || e[7] !== i || e[8] !== a || e[9] !== c || e[10] !== s ? (L = () => (!a && s > 0 ? (N.current = setTimeout(() => {
-    o(i, c);
-  }, s), b.current = setInterval(() => s > 0 ? O(re) : null, 100)) : (N.current && clearInterval(N.current), b.current && clearInterval(b.current)), () => {
-    N.current && clearInterval(N.current), b.current && clearInterval(b.current);
-  }), e[6] = o, e[7] = i, e[8] = a, e[9] = c, e[10] = s, e[11] = L) : L = e[11];
-  let $;
-  e[12] !== a ? ($ = [a], e[12] = a, e[13] = $) : $ = e[13], Z(L, $);
-  let f;
-  e[14] !== B || e[15] !== s || e[16] !== n ? (f = n > 0 && /* @__PURE__ */ l(te, { min: 300, max: n, value: s, showLabel: !1, style: {
-    animation: "tinRightIn 1s forwards ease-in-out",
-    margin: "0px",
-    borderRadius: "0px",
-    backgroundColor: "rgb(234 234 234)"
-  }, height: "6px", type: B() }), e[14] = B, e[15] = s, e[16] = n, e[17] = f) : f = e[17];
-  let m;
-  e[18] !== H || e[19] !== r ? (m = ne({
-    className: H,
-    customClass: r
-  }), e[18] = H, e[19] = r, e[20] = m) : m = e[20];
-  let d;
-  e[21] !== C || e[22] !== M || e[23] !== y ? (d = (M || y || C) && se(M, y, C), e[21] = C, e[22] = M, e[23] = y, e[24] = d) : d = e[24];
-  let p;
-  e[25] !== d ? (p = /* @__PURE__ */ l("div", { className: "-icon", children: d }), e[25] = d, e[26] = p) : p = e[26];
-  let v;
-  e[27] !== k ? (v = /* @__PURE__ */ l("div", { className: "-messagecontent", children: /* @__PURE__ */ l("p", { children: k }) }), e[27] = k, e[28] = v) : v = e[28];
-  let h;
-  e[29] !== w || e[30] !== o || e[31] !== i || e[32] !== c || e[33] !== n ? (h = w || n === 0 ? /* @__PURE__ */ l("span", { className: "close-button", role: "button", onKeyPress: ce, tabIndex: -1, onClick: () => o !== void 0 ? o(i, c) : null, children: "x" }) : null, e[29] = w, e[30] = o, e[31] = i, e[32] = c, e[33] = n, e[34] = h) : h = e[34];
-  let g;
-  e[35] !== h ? (g = /* @__PURE__ */ l("div", { className: "close", children: h }), e[35] = h, e[36] = g) : g = e[36];
-  let I;
-  e[37] !== m || e[38] !== p || e[39] !== v || e[40] !== g ? (I = /* @__PURE__ */ V("div", { className: m, children: [
-    p,
-    v,
-    g
-  ] }), e[37] = m, e[38] = p, e[39] = v, e[40] = g, e[41] = I) : I = e[41];
-  let j;
-  return e[42] !== _ || e[43] !== z || e[44] !== f || e[45] !== I ? (j = /* @__PURE__ */ V("div", { onMouseEnter: _, onMouseLeave: z, children: [
-    f,
-    I
-  ] }), e[42] = _, e[43] = z, e[44] = f, e[45] = I, e[46] = j) : j = e[46], j;
+"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}`;
 };
-function oe() {
-}
-function le(t) {
-  return t >= 800 ? t + 600 : t + 500;
-}
-function ie(t) {
-  return t >= 800 ? t - 600 : t - 500;
-}
-function re(t) {
-  return t > 0 ? t - 100 : 0;
-}
-function ce() {
-}
-export {
-  pe as default
+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;
 };
-//# sourceMappingURL=Message.js.map
+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;

package/lib/alerts/helpers.d.ts

@@ -1,3 +1,9 @@
-import { WithAlertContextProps } from './types';
-declare const AlertProviderContext: import('react').Context<WithAlertContextProps>;
-export default AlertProviderContext;
+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 };

package/lib/alerts/helpers.js

@@ -1,6 +1,9 @@
-import { createContext as t } from "react";
-const o = t({});
-export {
-  o as default
-};
-//# sourceMappingURL=helpers.js.map
+"use strict";
+
+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;

package/lib/alerts/index.d.ts

@@ -1,4 +1,11 @@
-import { default as WithAlert } from './withAlert';
-import { default as AlertProvider } from './AlertProvider';
-export default WithAlert;
-export { AlertProvider };
+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 };

package/lib/alerts/index.js

@@ -1,7 +1,16 @@
-import t from "./withAlert.js";
-import { default as a } from "./AlertProvider.js";
-export {
-  a as AlertProvider,
-  t as default
-};
-//# sourceMappingURL=index.js.map
+"use strict";
+
+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;

package/lib/alerts/types.d.ts

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

package/lib/alerts/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/alerts/withAlert.d.ts

@@ -1,4 +1,9 @@
-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;
+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 };

package/lib/alerts/withAlert.js

@@ -1,15 +1,24 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as l } from "../_virtual/compiler-runtime.js";
-import { useContext as n } from "react";
-import s from "./helpers.js";
-const A = (m) => (r) => {
-  const t = l.c(3), {
-    alert: o
-  } = n(s);
-  let e;
-  return t[0] !== o || t[1] !== r ? (e = /* @__PURE__ */ i(m, { ...r, alert: o }), t[0] = o, t[1] = r, t[2] = e) : e = t[2], e;
+"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 _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); }
+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;
 };
-export {
-  A as default
-};
-//# sourceMappingURL=withAlert.js.map
+var _default = exports.default = withAlert;