@apia/notifications 3.0.1 → 3.0.2

package/dist/index.d.ts

@@ -1,7 +1,97 @@
-export { Notification } from './Notification.js';
-export { default as NotificationsList } from './NotificationsList.js';
-export { dispatchNotifications, getNotificationMessageObj, parseServerNotification } from './apia/index.js';
-export { DefaultNotifier, TDispatchedNotification, TNotificationType, defaultNotifier, notify, onCloseNotificationCallbacks, uniqueId } from './defaultNotifier.js';
-export { INotification, TNotificationId, TNotificationSelector } from './types.js';
-export { TMessage, TNotificationMessage } from './apia/types.js';
+import * as React from 'react';
+import React__default, { ReactNode } from 'react';
+import { EventEmitter, TApiaSystemMessageObj } from '@apia/util';
+
+type TNotificationId = string | number;
+interface INotification<T = string> {
+    icon?: ReactNode;
+    id: TNotificationId;
+    isOpen: boolean;
+    message: string;
+    onClose?: () => unknown;
+    title?: string;
+    trace?: string;
+    type: T;
+}
+type TNotificationSelector<T> = (notifications: INotification<T>[]) => INotification<T>[];
+declare global {
+    interface Window {
+        LBL_ERROR: string;
+        LBL_WARNING: string;
+        LBL_COMPLETE_OPERATION: string;
+    }
+}
+
+interface INotificationProps {
+    animationName?: string;
+    animationTimeout?: number;
+    className?: string;
+    disableClose?: boolean;
+    notification: INotification;
+}
+declare const Notification: React.FC<INotificationProps>;
+
+declare const _default: React__default.MemoExoticComponent<((props: object) => React__default.JSX.Element) & {
+    displayName: string;
+}>;
+
+declare const onCloseNotificationCallbacks: Record<string, () => unknown>;
+type TNotificationType = 'danger' | 'success' | 'warning';
+declare function uniqueId(): string;
+type TDispatchedNotification = Omit<INotification<TNotificationType>, 'id' | 'type' | 'isOpen'> & Partial<Pick<INotification<TNotificationType>, 'id' | 'type'>>;
+declare class DefaultNotifier extends EventEmitter<{
+    changedList: boolean;
+}> {
+    notifications: INotification<TNotificationType>[];
+    areNotificationsOpen(): boolean;
+    shout(): void;
+    close(id: TNotificationId | INotification): void;
+    closeAll(): void;
+    delete(id: TNotificationId | INotification): void;
+    useSelector: (selector: TNotificationSelector<TNotificationType>) => INotification<TNotificationType>[];
+    notify(notification: TDispatchedNotification): void;
+    on<K extends 'changedList'>(eventName: K, fn: (params: {
+        changedList: boolean;
+    }[K]) => unknown): () => void;
+}
+declare const defaultNotifier: DefaultNotifier;
+declare function notify(notification: TDispatchedNotification): void;
+
+interface TMessage {
+    text: string;
+    content?: string;
+    title?: string;
+    type?: string;
+}
+interface TNotificationMessage {
+    onClose?: string;
+    sysMessages?: {
+        message: TMessage | TMessage[];
+    };
+    sysExceptions?: {
+        exception: TMessage | TMessage[];
+    };
+    exceptions?: {
+        exception: TMessage | TMessage[];
+    };
+}
+
+/**
+ * Devuelve un array de notificaciones a partir de
+ * una respuesta de Apia.
+ */
+declare const getNotificationMessageObj: (data: TApiaSystemMessageObj) => INotification<TNotificationType>[] | null;
+/**
+ * Toma un objeto de notificación de servidor y lo convierte a un
+ * objeto de notificación de cliente.
+ */
+declare const parseServerNotification: (serverNotification: TMessage | TMessage[], type: TNotificationType) => INotification<TNotificationType>[];
+/**
+ * Toma un objeto de respuesta de servidor que puede eventualmente
+ * tener notificaciones y las pasa al sistema de notificaciones si
+ * es que hay alguna.
+ */
+declare const dispatchNotifications: (alert: TNotificationMessage) => void;
+
+export { DefaultNotifier, type INotification, Notification, _default as NotificationsList, type TDispatchedNotification, type TMessage, type TNotificationId, type TNotificationMessage, type TNotificationSelector, type TNotificationType, defaultNotifier, dispatchNotifications, getNotificationMessageObj, notify, onCloseNotificationCallbacks, parseServerNotification, uniqueId };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,5 +1,453 @@
-export { Notification } from './Notification.js';
-export { default as NotificationsList } from './NotificationsList.js';
-export { dispatchNotifications, getNotificationMessageObj, parseServerNotification } from './apia/index.js';
-export { DefaultNotifier, defaultNotifier, notify, onCloseNotificationCallbacks, uniqueId } from './defaultNotifier.js';
+import { jsxs, jsx, Fragment } from '@apia/theme/jsx-runtime';
+import * as React from 'react';
+import React__default, { useState } from 'react';
+import { Box, IconButton, Button, Alert, Close, makeStyledComponent, spacing, getVariant } from '@apia/theme';
+import { CSSTransition } from 'react-transition-group';
+import { EventEmitter, useLatest, useMount, getIndex, useUpdateEffect, useUnmount, arrayOrArray } from '@apia/util';
+import { Icon, isIconName } from '@apia/icons';
+import { keyframes } from '@emotion/react';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+const onCloseNotificationCallbacks = {};
+function shallowEqual(a, b) {
+  if (a.length !== b.length)
+    return false;
+  for (let i = 0; i < a.length; i++)
+    if (a[i] !== b[i])
+      return false;
+  return true;
+}
+let id = 0;
+function uniqueId() {
+  return `notification_${id++}`;
+}
+class DefaultNotifier extends EventEmitter {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "notifications", []);
+    __publicField(this, "useSelector", (selector) => {
+      const [state, setState] = useState([]);
+      const lastState = useLatest(state);
+      useMount(() => {
+        return this.on("changedList", () => {
+          const newState = selector(this.notifications);
+          if (!shallowEqual(newState, lastState.current)) {
+            setState([...newState]);
+          }
+        });
+      });
+      return state;
+    });
+  }
+  areNotificationsOpen() {
+    return !!document.querySelector(".notification");
+  }
+  shout() {
+    this.emit("changedList", true);
+  }
+  close(id2) {
+    const actualId = typeof id2 === "object" ? id2.id : id2;
+    this.notifications = this.notifications.map((current) => {
+      if (current.id === actualId) {
+        current.onClose?.();
+        return { ...current, isOpen: false };
+      }
+      return current;
+    });
+    this.shout();
+  }
+  closeAll() {
+    this.notifications = this.notifications.map((current) => {
+      current.onClose?.();
+      return {
+        ...current,
+        isOpen: false
+      };
+    });
+    this.shout();
+  }
+  delete(id2) {
+    const actualId = typeof id2 === "object" ? id2.id : id2;
+    this.notifications = this.notifications.filter(
+      (current) => current.id !== actualId
+    );
+    this.shout();
+  }
+  notify(notification) {
+    const id2 = notification.id ?? uniqueId();
+    let hasAnimated = false;
+    document.querySelectorAll(".notificationsFloatingList .notification__text").forEach((current) => {
+      if (current.textContent === notification.message) {
+        const notificationElement = current.closest(
+          ".notification"
+        );
+        if (notificationElement) {
+          notificationElement.classList.add("animate");
+          setTimeout(() => {
+            notificationElement.classList.remove("animate");
+          }, 200);
+          hasAnimated = true;
+        } else
+          console.warn(
+            "A notification with that text was found, but it could not be animated"
+          );
+      }
+    });
+    if (hasAnimated)
+      return;
+    this.notifications.push({
+      ...notification,
+      isOpen: true,
+      type: notification.type ?? "warning",
+      id: id2
+    });
+    this.shout();
+  }
+  on(eventName, fn) {
+    fn(true);
+    return super.on(eventName, fn);
+  }
+}
+const defaultNotifier = new DefaultNotifier();
+function notify(notification) {
+  defaultNotifier.notify(notification);
+}
+
+const Trace = ({ trace }) => {
+  const openModal = () => {
+    document.dispatchEvent(
+      new CustomEvent("openModal", {
+        detail: {
+          NavBar: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline-sm",
+              onClick: () => {
+                void navigator.clipboard.writeText(
+                  document.querySelector(".TraceModal__content")?.innerText ?? ""
+                );
+              },
+              children: "Copy trace"
+            }
+          ) }),
+          children: /* @__PURE__ */ jsx(
+            Box,
+            {
+              dangerouslySetInnerHTML: {
+                __html: trace.replaceAll(
+                  /\((\w+\.java:\d+)\)/g,
+                  "(<strong>$1</strong>)"
+                )
+              }
+            }
+          ),
+          size: "xxl",
+          title: "Stack trace"
+        }
+      })
+    );
+  };
+  return /* @__PURE__ */ jsxs(Box, { as: "code", className: "notification__trace", children: [
+    /* @__PURE__ */ jsxs(Box, { as: "strong", className: "notification__traceLabel", children: [
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          size: "IconMd",
+          onClick: openModal,
+          title: "View trace",
+          sx: {
+            height: "24px",
+            width: "24px"
+          },
+          children: /* @__PURE__ */ jsx(Icon, { size: "iconXs", title: "", name: "External" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          size: "IconMd",
+          title: "Copy trace",
+          sx: {
+            height: "24px",
+            width: "24px"
+          },
+          onClick: () => void navigator.clipboard.writeText(
+            trace.replaceAll(/<br *\/?>/g, "\n")
+          ),
+          children: /* @__PURE__ */ jsx(Icon, { size: "iconXs", title: "", name: "Copy" })
+        }
+      ),
+      /* @__PURE__ */ jsx(Box, { as: "span", children: "Trace:" })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { className: "notification__traceText", children: trace })
+  ] });
+};
+var Trace$1 = Trace;
+
+const Notification = ({
+  animationName = "fromRight",
+  animationTimeout = 150,
+  className,
+  disableClose,
+  notification
+}) => {
+  const innerNotification = React.useMemo(
+    () => ({ ...notification }),
+    [notification]
+  );
+  const nodeRef = React.useRef(null);
+  if (!innerNotification.title)
+    innerNotification.title = getIndex(
+      [window.LBL_ERROR, window.LBL_WARNING, window.LBL_COMPLETE_OPERATION],
+      [
+        innerNotification.type === "danger",
+        innerNotification.type === "warning",
+        innerNotification.type === "success"
+      ]
+    );
+  if (!innerNotification.icon)
+    innerNotification.icon = getIndex(
+      ["Check", "Alert", "Close"],
+      [
+        innerNotification.type === "success",
+        innerNotification.type === "warning",
+        innerNotification.type === "danger"
+      ]
+    );
+  const [shouldShow, setShouldShow] = React.useState(true);
+  const close = React.useCallback(() => {
+    defaultNotifier.delete(innerNotification);
+  }, [innerNotification]);
+  useUpdateEffect(() => {
+    if (!innerNotification.isOpen)
+      setShouldShow(false);
+  }, [innerNotification.isOpen]);
+  useUnmount(() => {
+    if (onCloseNotificationCallbacks[innerNotification.id])
+      onCloseNotificationCallbacks[innerNotification.id]();
+  });
+  let notificationType = "warning";
+  if (["sysException", "exception", "danger"].includes(innerNotification.type))
+    notificationType = "danger";
+  if (["greenMessage", "success"].includes(innerNotification.type))
+    notificationType = "success";
+  if (["info"].includes(innerNotification.type))
+    notificationType = "info";
+  const onClick = React.useCallback(() => {
+    setShouldShow(false);
+    defaultNotifier.close(innerNotification);
+  }, [innerNotification]);
+  return /* @__PURE__ */ jsx(
+    CSSTransition,
+    {
+      in: shouldShow,
+      timeout: animationTimeout,
+      classNames: animationName,
+      appear: true,
+      unmountOnExit: true,
+      onExited: close,
+      nodeRef,
+      children: /* @__PURE__ */ jsxs(
+        Alert,
+        {
+          "data-testid": notificationType,
+          role: "alert",
+          ref: nodeRef,
+          variant: `alerts.${notificationType}`,
+          className: `${className ?? ""} notification notification__alert ${notificationType}`,
+          tabIndex: 0,
+          onKeyDown: React.useCallback((ev) => {
+            if (ev.key.toLowerCase() === "escape" || ev.key.toLowerCase() === "enter" || ev.key === " ") {
+              ev.preventDefault();
+              ev.stopPropagation();
+              setShouldShow(false);
+            }
+          }, []),
+          children: [
+            (!disableClose || innerNotification.icon || innerNotification.title) && /* @__PURE__ */ jsxs(Box, { className: "notification__header", children: [
+              (innerNotification.title || innerNotification.icon) && /* @__PURE__ */ jsxs(Box, { as: "h4", className: "notification__title", children: [
+                innerNotification.icon && /* @__PURE__ */ jsx(Box, { className: "notification__icon", children: isIconName(
+                  innerNotification.icon
+                ) ? /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    title: "",
+                    name: innerNotification.icon
+                  }
+                ) : innerNotification.icon }),
+                innerNotification.title
+              ] }),
+              !disableClose && /* @__PURE__ */ jsx(
+                Close,
+                {
+                  type: "button",
+                  onClick,
+                  tabIndex: -1,
+                  className: "notification__closeButton"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(Box, { className: "notification__body", children: /* @__PURE__ */ jsxs(Box, { className: "notification__content", children: [
+              /* @__PURE__ */ jsx(Box, { className: "notification__message", children: /* @__PURE__ */ jsx(
+                Box,
+                {
+                  dangerouslySetInnerHTML: {
+                    __html: innerNotification.message
+                  },
+                  className: "notification__text"
+                }
+              ) }),
+              innerNotification.trace && /* @__PURE__ */ jsx(Trace$1, { trace: innerNotification.trace })
+            ] }) })
+          ]
+        }
+      )
+    }
+  );
+};
+
+const vibrate = keyframes`
+0% {
+  transform: rotate(0);
+}
+
+25% {
+  transform: rotate(1.5deg);
+}
+
+75% {
+  transform: rotate(-1.5deg);
+}
+
+100% {
+  transform: rotate(0);
+}`;
+const useSelector = defaultNotifier.useSelector;
+const NotificationsList = makeStyledComponent(
+  "NotificationsList",
+  "layout.common.notifications.list",
+  {
+    ".notificationsFloatingList": {
+      bottom: "10px",
+      height: "min-content",
+      maxHeight: "calc(100vh - 20px)",
+      maxWidth: "floatingNotifications",
+      position: "fixed",
+      pr: "5px",
+      right: "5px",
+      width: "100%",
+      zIndex: "notifications",
+      "& > *:not(:last-child)": {
+        mb: spacing(5)
+      },
+      ".notification.animate": {
+        animation: `${vibrate} 0.1s linear infinite`
+      }
+    },
+    ".fromRight-enter, .fromRight-appear": { transform: "translateX(550px)" },
+    ".fromRight-enter-active, .fromRight-appear-active": {
+      transition: "transform 150ms",
+      transform: "translateX(0)"
+    },
+    ".fromRight-exit": { transform: "translateX(0)" },
+    ".fromRight-exit-active": {
+      transition: "transform 150ms",
+      transform: "translateX(550px)"
+    }
+  },
+  () => {
+    const notifications = useSelector((current) => {
+      return current;
+    });
+    useMount(() => {
+      document.addEventListener("keydown", (ev) => {
+        if (ev.code === "Escape") {
+          defaultNotifier.closeAll();
+        }
+      });
+    });
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        className: "notificationsFloatingList",
+        ...getVariant("layout.common.components.notifications.list"),
+        children: notifications.map((current) => {
+          return /* @__PURE__ */ jsx(Notification, { notification: current }, current.id);
+        })
+      }
+    );
+  }
+);
+var NotificationsList$1 = React__default.memo(NotificationsList);
+
+const getNotificationMessageObj = (data) => {
+  const notifications = [];
+  if (data?.sysMessages?.message) {
+    notifications.push(
+      ...parseServerNotification(data.sysMessages.message, "warning")
+    );
+  }
+  if (data?.sysExceptions) {
+    notifications.push(
+      ...parseServerNotification(data.sysExceptions.exception, "danger")
+    );
+  }
+  if (data?.exceptions?.exception) {
+    notifications.push(
+      ...parseServerNotification(data.exceptions.exception, "danger")
+    );
+  }
+  if (notifications.length > 0)
+    return notifications;
+  return null;
+};
+function parseServerNotificationType(type) {
+  switch (type) {
+    case "1":
+      return "success";
+    case "2":
+      return "warning";
+    case "3":
+      return "danger";
+    default:
+      return "warning";
+  }
+}
+const parseServerNotification = (serverNotification, type) => {
+  const messages = arrayOrArray(serverNotification);
+  return messages.map((current) => {
+    const returnNotification = {
+      message: current.text,
+      trace: current.content,
+      title: current.title,
+      type: current.type !== void 0 ? parseServerNotificationType(current.type) : type,
+      isOpen: true,
+      id: uniqueId()
+    };
+    return returnNotification;
+  });
+};
+const dispatchNotifications = (alert) => {
+  if (alert) {
+    if (alert.sysMessages?.message)
+      parseServerNotification(alert.sysMessages?.message, "warning").forEach(
+        notify
+      );
+    if (alert.exceptions?.exception)
+      parseServerNotification(alert.exceptions?.exception, "danger").forEach(
+        notify
+      );
+    if (alert.sysExceptions?.exception)
+      parseServerNotification(alert.sysExceptions?.exception, "danger").forEach(
+        notify
+      );
+  }
+};
+
+export { DefaultNotifier, Notification, NotificationsList$1 as NotificationsList, defaultNotifier, dispatchNotifications, getNotificationMessageObj, notify, onCloseNotificationCallbacks, parseServerNotification, uniqueId };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.js","sources":["../src/defaultNotifier.ts","../src/Trace.tsx","../src/Notification.tsx","../src/NotificationsList.tsx","../src/apia/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { INotification, TNotificationId, TNotificationSelector } from './types';\r\nimport { EventEmitter, useMount, useLatest } from '@apia/util';\r\nimport { useState } from 'react';\r\n\r\nexport const onCloseNotificationCallbacks: Record<string, () => unknown> = {};\r\n\r\nexport type TNotificationType = 'danger' | 'success' | 'warning';\r\n\r\nfunction shallowEqual(a: unknown[], b: unknown[]) {\r\n  if (a.length !== b.length) return false;\r\n\r\n  for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return false;\r\n\r\n  return true;\r\n}\r\n\r\nlet id=0;\r\nexport function uniqueId() {\r\n  return `notification_${id++}`\r\n}\r\n\r\nexport type TDispatchedNotification = Omit<\r\n  INotification<TNotificationType>,\r\n  'id' | 'type' | 'isOpen'\r\n> &\r\n  Partial<Pick<INotification<TNotificationType>, 'id' | 'type'>>;\r\n\r\nexport class DefaultNotifier extends EventEmitter<{ changedList: boolean }> {\r\n  notifications: INotification<TNotificationType>[] = [];\r\n\r\n  areNotificationsOpen(): boolean {\r\n    return !!document.querySelector('.notification');\r\n  }\r\n\r\n  shout() {\r\n    this.emit('changedList', true);\r\n  }\r\n\r\n  close(id: TNotificationId | INotification): void {\r\n    const actualId = typeof id === 'object' ? id.id : id;\r\n    this.notifications = this.notifications.map((current) => {\r\n      if (current.id === actualId) {\r\n        current.onClose?.();\r\n        return { ...current, isOpen: false };\r\n      }\r\n      return current;\r\n    });\r\n    this.shout();\r\n  }\r\n\r\n  closeAll(): void {\r\n    this.notifications = this.notifications.map((current) => {\r\n      current.onClose?.();\r\n      return {\r\n        ...current,\r\n        isOpen: false,\r\n      };\r\n    });\r\n    this.shout();\r\n  }\r\n\r\n  delete(id: TNotificationId | INotification): void {\r\n    const actualId = typeof id === 'object' ? id.id : id;\r\n    this.notifications = this.notifications.filter(\r\n      (current) => current.id !== actualId,\r\n    );\r\n    this.shout();\r\n  }\r\n\r\n  useSelector = (\r\n    selector: TNotificationSelector<TNotificationType>,\r\n  ): INotification<TNotificationType>[] => {\r\n    const [state, setState] = useState<INotification<TNotificationType>[]>([]);\r\n\r\n    const lastState = useLatest(state);\r\n    useMount(() => {\r\n      return this.on('changedList', () => {\r\n        const newState = selector(this.notifications);\r\n        if (!shallowEqual(newState, lastState.current)) {\r\n          setState([...newState]);\r\n        }\r\n      });\r\n    });\r\n\r\n    return state;\r\n  };\r\n\r\n  notify(notification: TDispatchedNotification): void {\r\n    const id = notification.id ?? uniqueId();\r\n\r\n    let hasAnimated = false;\r\n    document\r\n      .querySelectorAll('.notificationsFloatingList .notification__text')\r\n      .forEach((current) => {\r\n        if (current.textContent === notification.message) {\r\n          const notificationElement = (current as HTMLElement).closest(\r\n            '.notification',\r\n          ) as HTMLElement;\r\n          if (notificationElement) {\r\n            notificationElement.classList.add('animate');\r\n            setTimeout(() => {\r\n              notificationElement.classList.remove('animate');\r\n            }, 200);\r\n            hasAnimated = true;\r\n          } else\r\n            console.warn(\r\n              'A notification with that text was found, but it could not be animated',\r\n            );\r\n        }\r\n      });\r\n    if (hasAnimated) return;\r\n\r\n    this.notifications.push({\r\n      ...notification,\r\n      isOpen: true,\r\n      type: notification.type ?? 'warning',\r\n      id,\r\n    });\r\n\r\n    this.shout();\r\n  }\r\n\r\n  on<K extends 'changedList'>(\r\n    eventName: K,\r\n    fn: (params: { changedList: boolean }[K]) => unknown,\r\n  ): () => void {\r\n    fn(true);\r\n    return super.on(eventName, fn);\r\n  }\r\n}\r\n\r\nexport const defaultNotifier = new DefaultNotifier();\r\n\r\nexport function notify(notification: TDispatchedNotification) {\r\n  defaultNotifier.notify(notification);\r\n}\r\n","import { Icon } from '@apia/icons';\r\nimport { Box, Button, IconButton } from '@apia/theme';\r\n\r\ninterface ITrace {\r\n  trace: string;\r\n}\r\n\r\nconst Trace = ({ trace }: ITrace) => {\r\n  const openModal = () => {\r\n    document.dispatchEvent(\r\n      new CustomEvent('openModal', {\r\n        detail: {\r\n          NavBar: (\r\n            <>\r\n              <Button\r\n                variant=\"outline-sm\"\r\n                onClick={() => {\r\n                  void navigator.clipboard.writeText(\r\n                    document.querySelector<HTMLElement>('.TraceModal__content')\r\n                      ?.innerText ?? '',\r\n                  );\r\n                }}\r\n              >\r\n                Copy trace\r\n              </Button>\r\n            </>\r\n          ),\r\n          children: (\r\n            <Box\r\n              dangerouslySetInnerHTML={{\r\n                __html: trace.replaceAll(\r\n                  /\\((\\w+\\.java:\\d+)\\)/g,\r\n                  '(<strong>$1</strong>)',\r\n                ),\r\n              }}\r\n            />\r\n          ),\r\n          size: 'xxl',\r\n          title: 'Stack trace',\r\n        },\r\n      }),\r\n    );\r\n  };\r\n\r\n  return (\r\n    <Box as=\"code\" className=\"notification__trace\">\r\n      <Box as=\"strong\" className=\"notification__traceLabel\">\r\n        <IconButton\r\n          size=\"IconMd\"\r\n          onClick={openModal}\r\n          title=\"View trace\"\r\n          sx={{\r\n            height: '24px',\r\n            width: '24px',\r\n          }}\r\n        >\r\n          <Icon size=\"iconXs\" title=\"\" name=\"External\" />\r\n        </IconButton>\r\n        <IconButton\r\n          size=\"IconMd\"\r\n          title=\"Copy trace\"\r\n          sx={{\r\n            height: '24px',\r\n            width: '24px',\r\n          }}\r\n          onClick={() =>\r\n            void navigator.clipboard.writeText(\r\n              trace.replaceAll(/<br *\\/?>/g, '\\n'),\r\n            )\r\n          }\r\n        >\r\n          <Icon size=\"iconXs\" title=\"\" name=\"Copy\" />\r\n        </IconButton>\r\n        <Box as=\"span\">Trace:</Box>\r\n      </Box>\r\n      <Box className=\"notification__traceText\">{trace}</Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default Trace;\r\n","import * as React from 'react';\r\nimport { Alert, Box, Close } from '@apia/theme';\r\nimport { CSSTransition } from 'react-transition-group';\r\nimport { getIndex, useUnmount, useUpdateEffect } from '@apia/util';\r\nimport { Icon, isIconName, TIconName } from '@apia/icons';\r\nimport { INotification } from './types';\r\nimport {\r\n  defaultNotifier,\r\n  onCloseNotificationCallbacks,\r\n} from './defaultNotifier';\r\nimport Trace from './Trace';\r\n\r\nexport interface INotificationProps {\r\n  animationName?: string;\r\n  animationTimeout?: number;\r\n  className?: string;\r\n  disableClose?: boolean;\r\n  notification: INotification;\r\n}\r\n\r\nexport const Notification: React.FC<INotificationProps> = ({\r\n  animationName = 'fromRight',\r\n  animationTimeout = 150,\r\n  className,\r\n  disableClose,\r\n  notification,\r\n}) => {\r\n  const innerNotification = React.useMemo(\r\n    () => ({ ...notification }),\r\n    [notification],\r\n  );\r\n  const nodeRef = React.useRef(null);\r\n  if (!innerNotification.title)\r\n    innerNotification.title = getIndex(\r\n      [window.LBL_ERROR, window.LBL_WARNING, window.LBL_COMPLETE_OPERATION],\r\n      [\r\n        innerNotification.type === 'danger',\r\n        innerNotification.type === 'warning',\r\n        innerNotification.type === 'success',\r\n      ],\r\n    );\r\n  if (!innerNotification.icon)\r\n    innerNotification.icon = getIndex<TIconName>(\r\n      ['Check', 'Alert', 'Close'],\r\n      [\r\n        innerNotification.type === 'success',\r\n        innerNotification.type === 'warning',\r\n        innerNotification.type === 'danger',\r\n      ],\r\n    );\r\n\r\n  const [shouldShow, setShouldShow] = React.useState(true);\r\n\r\n  const close = React.useCallback(() => {\r\n    defaultNotifier.delete(innerNotification);\r\n  }, [innerNotification]);\r\n\r\n  useUpdateEffect(() => {\r\n    if (!innerNotification.isOpen) setShouldShow(false);\r\n  }, [innerNotification.isOpen]);\r\n\r\n  useUnmount(() => {\r\n    if (onCloseNotificationCallbacks[innerNotification.id])\r\n      onCloseNotificationCallbacks[innerNotification.id]();\r\n  });\r\n\r\n  let notificationType: INotification['type'] = 'warning';\r\n  if (['sysException', 'exception', 'danger'].includes(innerNotification.type))\r\n    notificationType = 'danger';\r\n  if (['greenMessage', 'success'].includes(innerNotification.type))\r\n    notificationType = 'success';\r\n  if (['info'].includes(innerNotification.type)) notificationType = 'info';\r\n\r\n  const onClick = React.useCallback(() => {\r\n    setShouldShow(false);\r\n    defaultNotifier.close(innerNotification);\r\n  }, [innerNotification]);\r\n\r\n  return (\r\n    <CSSTransition\r\n      in={shouldShow}\r\n      timeout={animationTimeout}\r\n      classNames={animationName}\r\n      appear\r\n      unmountOnExit\r\n      onExited={close}\r\n      nodeRef={nodeRef}\r\n    >\r\n      <Alert\r\n        data-testid={notificationType}\r\n        role=\"alert\"\r\n        ref={nodeRef}\r\n        variant={`alerts.${notificationType}`}\r\n        className={`${\r\n          className ?? ''\r\n        } notification notification__alert ${notificationType}`}\r\n        tabIndex={0}\r\n        onKeyDown={React.useCallback((ev: React.KeyboardEvent) => {\r\n          if (\r\n            ev.key.toLowerCase() === 'escape' ||\r\n            ev.key.toLowerCase() === 'enter' ||\r\n            ev.key === ' '\r\n          ) {\r\n            ev.preventDefault();\r\n            ev.stopPropagation();\r\n            setShouldShow(false);\r\n          }\r\n        }, [])}\r\n      >\r\n        {(!disableClose ||\r\n          innerNotification.icon ||\r\n          innerNotification.title) && (\r\n          <Box className=\"notification__header\">\r\n            {(innerNotification.title || innerNotification.icon) && (\r\n              <Box as=\"h4\" className=\"notification__title\">\r\n                {innerNotification.icon && (\r\n                  <Box className=\"notification__icon\">\r\n                    {isIconName(\r\n                      innerNotification.icon as unknown as TIconName,\r\n                    ) ? (\r\n                      <Icon\r\n                        title=\"\"\r\n                        name={innerNotification.icon as unknown as TIconName}\r\n                      />\r\n                    ) : (\r\n                      innerNotification.icon\r\n                    )}\r\n                  </Box>\r\n                )}\r\n                {innerNotification.title}\r\n              </Box>\r\n            )}\r\n            {!disableClose && (\r\n              <Close\r\n                type=\"button\"\r\n                onClick={onClick}\r\n                tabIndex={-1}\r\n                className=\"notification__closeButton\"\r\n              />\r\n            )}\r\n          </Box>\r\n        )}\r\n        <Box className=\"notification__body\">\r\n          <Box className=\"notification__content\">\r\n            <Box className=\"notification__message\">\r\n              <Box\r\n                dangerouslySetInnerHTML={{\r\n                  __html: innerNotification.message,\r\n                }}\r\n                className=\"notification__text\"\r\n              />\r\n            </Box>\r\n            {innerNotification.trace && (\r\n              <Trace trace={innerNotification.trace} />\r\n            )}\r\n          </Box>\r\n        </Box>\r\n      </Alert>\r\n    </CSSTransition>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { Box } from '@apia/theme';\r\nimport { getVariant, makeStyledComponent, spacing } from '@apia/theme';\r\nimport { keyframes } from '@emotion/react';\r\nimport { Notification } from './Notification';\r\nimport { defaultNotifier } from './defaultNotifier';\r\nimport { useMount } from '@apia/util';\r\n\r\nconst vibrate = keyframes`\r\n0% {\r\n  transform: rotate(0);\r\n}\r\n\r\n25% {\r\n  transform: rotate(1.5deg);\r\n}\r\n\r\n75% {\r\n  transform: rotate(-1.5deg);\r\n}\r\n\r\n100% {\r\n  transform: rotate(0);\r\n}`;\r\n\r\nconst useSelector = defaultNotifier.useSelector;\r\n\r\nconst NotificationsList = makeStyledComponent(\r\n  'NotificationsList',\r\n  'layout.common.notifications.list',\r\n  {\r\n    '.notificationsFloatingList': {\r\n      bottom: '10px',\r\n      height: 'min-content',\r\n      maxHeight: 'calc(100vh - 20px)',\r\n      maxWidth: 'floatingNotifications',\r\n      position: 'fixed',\r\n      pr: '5px',\r\n      right: '5px',\r\n      width: '100%',\r\n      zIndex: 'notifications',\r\n\r\n      '& > *:not(:last-child)': {\r\n        mb: spacing(5),\r\n      },\r\n\r\n      '.notification.animate': {\r\n        animation: `${vibrate} 0.1s linear infinite`,\r\n      },\r\n    },\r\n\r\n    '.fromRight-enter, .fromRight-appear': { transform: 'translateX(550px)' },\r\n    '.fromRight-enter-active, .fromRight-appear-active': {\r\n      transition: 'transform 150ms',\r\n      transform: 'translateX(0)',\r\n    },\r\n    '.fromRight-exit': { transform: 'translateX(0)' },\r\n    '.fromRight-exit-active': {\r\n      transition: 'transform 150ms',\r\n      transform: 'translateX(550px)',\r\n    },\r\n  },\r\n  () => {\r\n    const notifications = useSelector((current) => {\r\n      return current;\r\n    });\r\n\r\n    useMount(() => {\r\n      document.addEventListener('keydown', (ev) => {\r\n        if (ev.code === 'Escape') {\r\n          defaultNotifier.closeAll();\r\n        }\r\n      });\r\n    });\r\n\r\n    return (\r\n      <Box\r\n        className=\"notificationsFloatingList\"\r\n        {...getVariant('layout.common.components.notifications.list')}\r\n      >\r\n        {notifications.map((current) => {\r\n          return <Notification notification={current} key={current.id} />;\r\n        })}\r\n      </Box>\r\n    );\r\n  },\r\n);\r\n\r\nexport default React.memo(NotificationsList);\r\n","import { arrayOrArray, TApiaSystemMessageObj } from '@apia/util';\r\nimport { notify, TNotificationType, uniqueId } from '../defaultNotifier';\r\nimport { INotification } from '../types';\r\nimport { TMessage, TNotificationMessage } from './types';\r\n\r\n/**\r\n * Devuelve un array de notificaciones a partir de\r\n * una respuesta de Apia.\r\n */\r\nexport const getNotificationMessageObj = (\r\n  data: TApiaSystemMessageObj,\r\n): INotification<TNotificationType>[] | null => {\r\n  const notifications: INotification<TNotificationType>[] = [];\r\n  if (data?.sysMessages?.message) {\r\n    notifications.push(\r\n      ...parseServerNotification(data.sysMessages.message, 'warning'),\r\n    );\r\n  }\r\n  if (data?.sysExceptions) {\r\n    notifications.push(\r\n      ...parseServerNotification(data.sysExceptions.exception, 'danger'),\r\n    );\r\n  }\r\n  if (data?.exceptions?.exception) {\r\n    notifications.push(\r\n      ...parseServerNotification(data.exceptions.exception, 'danger'),\r\n    );\r\n  }\r\n  if (notifications.length > 0) return notifications;\r\n  return null;\r\n};\r\n\r\nfunction parseServerNotificationType(type: string): TNotificationType {\r\n  switch (type) {\r\n    case '1':\r\n      return 'success';\r\n    case '2':\r\n      return 'warning';\r\n    case '3':\r\n      return 'danger';\r\n    default:\r\n      return 'warning';\r\n  }\r\n}\r\n\r\n/**\r\n * Toma un objeto de notificación de servidor y lo convierte a un\r\n * objeto de notificación de cliente.\r\n */\r\nexport const parseServerNotification = (\r\n  serverNotification: TMessage | TMessage[],\r\n  type: TNotificationType,\r\n): INotification<TNotificationType>[] => {\r\n  const messages = arrayOrArray(serverNotification);\r\n  return messages.map((current) => {\r\n    const returnNotification: INotification<TNotificationType> = {\r\n      message: current.text,\r\n      trace: current.content,\r\n      title: current.title,\r\n      type:\r\n        current.type !== undefined\r\n          ? parseServerNotificationType(current.type)\r\n          : (type as TNotificationType),\r\n      isOpen: true,\r\n      id: uniqueId(),\r\n    };\r\n    return returnNotification;\r\n  });\r\n};\r\n\r\n/**\r\n * Toma un objeto de respuesta de servidor que puede eventualmente\r\n * tener notificaciones y las pasa al sistema de notificaciones si\r\n * es que hay alguna.\r\n */\r\nexport const dispatchNotifications = (alert: TNotificationMessage) => {\r\n  if (alert) {\r\n    if (alert.sysMessages?.message)\r\n      parseServerNotification(alert.sysMessages?.message, 'warning').forEach(\r\n        notify,\r\n      );\r\n    if (alert.exceptions?.exception)\r\n      parseServerNotification(alert.exceptions?.exception, 'danger').forEach(\r\n        notify,\r\n      );\r\n    if (alert.sysExceptions?.exception)\r\n      parseServerNotification(alert.sysExceptions?.exception, 'danger').forEach(\r\n        notify,\r\n      );\r\n  }\r\n};\r\n\r\nexport * from './types';\r\n"],"names":["id","Trace","React"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apia/notifications",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "sideEffects": false,
   "author": "Alexis Leite <alexisleite@live.com>",
   "main": "dist/index.js",
@@ -41,5 +41,5 @@
     "url": "http://corp-gitlab-01.domst.st.net/products/apia/ApiaNPMPackages.git",
     "directory": "packages/notifications"
   },
-  "gitHead": "1fc338a96b6dc90632052f9bd032992f6aedb6a6"
+  "gitHead": "1be67c2956d7c0964b4e8a18173af7cde3fc534e"
 }

package/dist/Notification.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { INotification } from './types.js';
-
-interface INotificationProps {
-    animationName?: string;
-    animationTimeout?: number;
-    className?: string;
-    disableClose?: boolean;
-    notification: INotification;
-}
-declare const Notification: React.FC<INotificationProps>;
-
-export { type INotificationProps, Notification };
-//# sourceMappingURL=Notification.d.ts.map

package/dist/Notification.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Notification.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}