linear-react-components-ui 1.1.26-beta.8 → 1.1.27-rc.0

package/lib/alerts/BaseAlert.js

@@ -1,20 +1,34 @@
-import { useState as o, useEffect as l } from "react";
-import r from "react-dom";
-import '../assets/BaseAlert.css';const m = document.getElementsByTagName("body")[0], n = document.getElementById("alert"), d = ({
-  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 === null || alert === void 0 ? void 0 : alert.removeChild(messageContainerEl);
     };
-  }, []), r.createPortal(a, e);
-};
-export {
-  d as default
+  }, []);
+  return /*#__PURE__*/_reactDom.default.createPortal(children, messageContainerEl);
 };
+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,94 +1,113 @@
-import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as X } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as V, useRef as W, useEffect as Y } from "react";
-import Z from "../icons/index.js";
-import ee from "../progress/index.js";
-const te = ({
-  customClass: t,
-  className: e
-}) => `${e} ${t}`, se = (t, e, j) => t !== null ? t : e !== null ? /* @__PURE__ */ s.jsx(Z, { name: e, color: j !== "" ? j : "#fff", size: 32 }) : null, de = (t) => {
-  const e = X.c(47), {
-    handleClose: j,
-    message: k,
-    id: K,
-    color: S,
-    icon: q,
-    iconName: A,
-    timeout: D,
-    customClass: F,
-    closeButton: G,
-    className: J,
-    position: P,
-    pauseTimeoutOnMouseHover: Q
-  } = t, l = j === void 0 ? ne : j, i = K === void 0 ? 0 : K, b = S === void 0 ? "" : S, C = q === void 0 ? null : q, M = 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, [o, O] = V(n - 300), [a, U] = V(!1), I = W(null), N = W(null);
-  let E;
-  e[0] !== u ? (E = () => {
-    u && (U(!0), O(oe));
-  }, e[0] = u, e[1] = E) : E = e[1];
-  const _ = E;
-  let R;
-  e[2] !== u ? (R = () => {
-    u && (U(!1), O(le));
-  }, e[2] = u, e[3] = R) : R = e[3];
-  const z = R;
-  let y;
-  e[4] !== r ? (y = () => r.replace("-", ""), e[4] = r, e[5] = y) : y = e[5];
-  const B = y;
-  let T;
-  e[6] !== l || e[7] !== i || e[8] !== a || e[9] !== c || e[10] !== o ? (T = () => (!a && o > 0 ? (I.current = setTimeout(() => {
-    l(i, c);
-  }, o), N.current = setInterval(() => o > 0 ? O(ie) : null, 100)) : (I.current && clearInterval(I.current), N.current && clearInterval(N.current)), () => {
-    I.current && clearInterval(I.current), N.current && clearInterval(N.current);
-  }), e[6] = l, e[7] = i, e[8] = a, e[9] = c, e[10] = o, e[11] = T) : T = e[11];
-  let L;
-  e[12] !== a ? (L = [a], e[12] = a, e[13] = L) : L = e[13], Y(T, L);
-  let f;
-  e[14] !== B || e[15] !== o || e[16] !== n ? (f = n > 0 && /* @__PURE__ */ s.jsx(ee, { min: 300, max: n, value: o, 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] = o, e[16] = n, e[17] = f) : f = e[17];
-  let m;
-  e[18] !== H || e[19] !== r ? (m = te({
-    className: H,
-    customClass: r
-  }), e[18] = H, e[19] = r, e[20] = m) : m = e[20];
-  let d;
-  e[21] !== b || e[22] !== C || e[23] !== M ? (d = (C || M || b) && se(C, M, b), e[21] = b, e[22] = C, e[23] = M, e[24] = d) : d = e[24];
-  let p;
-  e[25] !== d ? (p = /* @__PURE__ */ s.jsx("div", { className: "-icon", children: d }), e[25] = d, e[26] = p) : p = e[26];
-  let v;
-  e[27] !== k ? (v = /* @__PURE__ */ s.jsx("div", { className: "-messagecontent", children: /* @__PURE__ */ s.jsx("p", { children: k }) }), e[27] = k, e[28] = v) : v = e[28];
-  let x;
-  e[29] !== w || e[30] !== l || e[31] !== i || e[32] !== c || e[33] !== n ? (x = w || n === 0 ? /* @__PURE__ */ s.jsx("span", { className: "close-button", role: "button", onKeyPress: re, tabIndex: -1, onClick: () => l !== void 0 ? l(i, c) : null, children: "x" }) : null, e[29] = w, e[30] = l, e[31] = i, e[32] = c, e[33] = n, e[34] = x) : x = e[34];
-  let h;
-  e[35] !== x ? (h = /* @__PURE__ */ s.jsx("div", { className: "close", children: x }), e[35] = x, e[36] = h) : h = e[36];
-  let g;
-  e[37] !== m || e[38] !== p || e[39] !== v || e[40] !== h ? (g = /* @__PURE__ */ s.jsxs("div", { className: m, children: [
-    p,
-    v,
-    h
-  ] }), e[37] = m, e[38] = p, e[39] = v, e[40] = h, e[41] = g) : g = e[41];
-  let $;
-  return e[42] !== _ || e[43] !== z || e[44] !== f || e[45] !== g ? ($ = /* @__PURE__ */ s.jsxs("div", { onMouseEnter: _, onMouseLeave: z, children: [
-    f,
-    g
-  ] }), e[42] = _, e[43] = z, e[44] = f, e[45] = g, e[46] = $) : $ = e[46], $;
+"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);
 };
-function ne() {
-}
-function oe(t) {
-  return t >= 800 ? t + 600 : t + 500;
-}
-function le(t) {
-  return t >= 800 ? t - 600 : t - 500;
-}
-function ie(t) {
-  return t > 0 ? t - 100 : 0;
-}
-function re() {
-}
-export {
-  de 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;
 };
+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,5 +1,9 @@
-import { createContext as t } from "react";
-const o = t({});
-export {
-  o as default
-};
+"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,6 +1,16 @@
-import t from "./withAlert.js";
-import { default as a } from "./AlertProvider.js";
-export {
-  a as AlertProvider,
-  t as default
-};
+"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 { default as React } from 'react';
-import { WithAlertContextProps } from './types';
-declare const withAlert: <ComponentProps extends WithAlertContextProps>(WrapperComponent: React.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,14 +1,23 @@
-import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as i } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as n } from "react";
-import l from "./helpers.js";
-const p = (m) => (r) => {
-  const t = i.c(3), {
-    alert: o
-  } = n(l);
-  let e;
-  return t[0] !== o || t[1] !== r ? (e = /* @__PURE__ */ s.jsx(m, { ...r, alert: o }), t[0] = o, t[1] = r, t[2] = e) : e = t[2], e;
-};
-export {
-  p as default
+"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;
 };
+var _default = exports.default = withAlert;