@ttoss/react-notifications 1.24.12 → 1.24.14

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@ttoss/react-notifications",
-  "version": "1.24.12",
+  "version": "1.24.14",
   "description": "ttoss notifications module for React apps.",
-  "license": "UNLICENSED",
   "author": "ttoss",
   "contributors": [
     "Pedro Arantes <pedro@arantespp.com> (https://arantespp.com/contact)"
@@ -12,8 +11,8 @@
     "url": "https://github.com/ttoss/ttoss.git",
     "directory": "packages/react-notifications"
   },
-  "main": "dist/index.js",
-  "module": "dist/esm/index.js",
+  "type": "module",
+  "exports": "./dist/esm/index.js",
   "files": [
     "dist",
     "src"
@@ -22,23 +21,26 @@
   "typings": "dist/index.d.ts",
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/components": "^1.29.21",
-    "@ttoss/react-icons": "^0.2.0",
-    "@ttoss/ui": "^3.1.6"
+    "@ttoss/components": "^1.29.23",
+    "@ttoss/react-icons": "^0.2.1",
+    "@ttoss/ui": "^3.1.7"
   },
   "devDependencies": {
-    "@types/react": "^18.2.27",
+    "@types/react": "^18.2.29",
     "jest": "^29.7.0",
     "react": "^18.2.0",
     "tsup": "^7.2.0",
-    "@ttoss/components": "^1.29.21",
+    "@ttoss/components": "^1.29.23",
     "@ttoss/config": "^1.31.0",
-    "@ttoss/test-utils": "^1.24.0"
+    "@ttoss/test-utils": "^1.24.1"
   },
   "keywords": [
     "React",
     "notifications"
   ],
+  "engines": {
+    "node": ">=16"
+  },
   "publishConfig": {
     "access": "public",
     "provenance": true

package/dist/index.d.mts

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-type NotifyParams = {
-    key?: string;
-    message: 'string' | React.ReactNode;
-    type: 'success' | 'error' | 'warning' | 'info';
-};
-type NotificationsProviderProps = {
-    children: React.ReactNode;
-    enableNotificationBox?: boolean;
-};
-declare const NotificationsProvider: ({ children, enableNotificationBox, }: NotificationsProviderProps) => react_jsx_runtime.JSX.Element;
-declare const useNotifications: () => {
-    isLoading: boolean;
-    setLoading: (arg: boolean) => void;
-    notifications: NotifyParams | NotifyParams[] | undefined;
-    setNotifications: (args: NotifyParams | NotifyParams[] | undefined) => void;
-};
-
-declare const NotificationsBox: ({ direction, }: {
-    direction?: "row" | "column" | undefined;
-}) => react_jsx_runtime.JSX.Element | null;
-
-declare const NotificationsModal: () => react_jsx_runtime.JSX.Element;
-
-export { NotificationsBox, NotificationsModal, NotificationsProvider, NotificationsProviderProps, NotifyParams, useNotifications };

package/dist/index.js

@@ -1,228 +0,0 @@
-/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  NotificationsBox: () => NotificationsBox,
-  NotificationsModal: () => NotificationsModal,
-  NotificationsProvider: () => NotificationsProvider,
-  useNotifications: () => useNotifications
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/Provider.tsx
-var React = __toESM(require("react"));
-var import_ui = require("@ttoss/ui");
-var import_jsx_runtime = require("react/jsx-runtime");
-var NotificationsContext = React.createContext({
-  isLoading: false,
-  setLoading: () => {
-    return void 0;
-  },
-  setNotifications: () => {
-    return void 0;
-  }
-});
-var NotificationsProvider = ({
-  children,
-  enableNotificationBox
-}) => {
-  const [isLoading, setLoading] = React.useState(false);
-  const [notifications, setNotifications] = React.useState();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(NotificationsContext.Provider, {
-    value: {
-      isLoading,
-      setLoading,
-      setNotifications,
-      notifications,
-      enableNotificationBox
-    },
-    children: [isLoading && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ui.Flex, {
-      sx: {
-        position: "absolute",
-        width: "100%",
-        top: 0
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ui.InfiniteLinearProgress, {})
-    }), children]
-  });
-};
-var useNotifications = () => {
-  const {
-    isLoading,
-    setLoading,
-    notifications,
-    setNotifications
-  } = React.useContext(NotificationsContext);
-  return {
-    isLoading,
-    setLoading,
-    notifications,
-    setNotifications
-  };
-};
-
-// src/NotificationsBox.tsx
-var React2 = __toESM(require("react"));
-var import_ui2 = require("@ttoss/ui");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var NotificationBoxWrapper = ({
-  direction,
-  notifications,
-  children
-}) => {
-  const sx = {
-    alignItems: "center",
-    justifyContent: "center",
-    gap: "md",
-    marginTop: !notifications || Array.isArray(notifications) && !notifications.length ? 0 : "2xl"
-  };
-  return direction === "row" ? /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.Flex, {
-    sx,
-    children
-  }) : /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.Stack, {
-    sx,
-    children
-  });
-};
-var resolveNotifications = notifications => {
-  if (!Array.isArray(notifications)) return notifications;
-  const keyedNotifications = new Map(notifications.filter(notification => {
-    return notification.key;
-  }).map(notification => {
-    return [notification?.key, notification];
-  })).values();
-  const nonKeyedNotifications = notifications.filter(notification => {
-    return !notification.key;
-  }).map((notification, index) => {
-    return {
-      ...notification,
-      key: index.toString()
-    };
-  });
-  return Array.from(keyedNotifications).concat(nonKeyedNotifications);
-};
-var NotificationsBox = ({
-  direction = "row"
-}) => {
-  const {
-    setNotifications,
-    notifications
-  } = useNotifications();
-  if (!notifications) {
-    return null;
-  }
-  const renderNotifications = resolveNotifications(notifications);
-  const ButtonMemoized = React2.memo(({
-    notification: {
-      key,
-      type,
-      message
-    }
-  }) => {
-    return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.Button, {
-      sx: {
-        backgroundColor: type === "error" ? "danger" : "positive"
-      },
-      onClick: () => {
-        if (Array.isArray(renderNotifications) && renderNotifications.length > 1) {
-          return setNotifications(renderNotifications.filter(notification => {
-            return notification.key !== key;
-          }));
-        }
-        return setNotifications(void 0);
-      },
-      rightIcon: "close",
-      leftIcon: type === "error" ? "warning" : void 0,
-      children: message
-    });
-  });
-  ButtonMemoized.displayName = "ButtonMemoized";
-  return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(NotificationBoxWrapper, {
-    ...{
-      notifications,
-      direction
-    },
-    children: Array.isArray(renderNotifications) ? renderNotifications.map(notification => {
-      return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(ButtonMemoized, {
-        notification
-      }, notification.key);
-    }) : /* @__PURE__ */(0, import_jsx_runtime2.jsx)(ButtonMemoized, {
-      notification: renderNotifications
-    })
-  });
-};
-
-// src/NotificationsModal.tsx
-var import_ui3 = require("@ttoss/ui");
-var import_components = require("@ttoss/components");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var NotificationsModal = () => {
-  const {
-    notifications,
-    setNotifications
-  } = useNotifications();
-  return /* @__PURE__ */(0, import_jsx_runtime3.jsxs)(import_components.Modal, {
-    isOpen: !!notifications,
-    style: {
-      content: {
-        minWidth: "30%",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center"
-      }
-    },
-    children: [/* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_ui3.CloseButton, {
-      sx: {
-        alignSelf: "flex-end"
-      },
-      onClick: () => {
-        setNotifications(void 0);
-      }
-    }), /* @__PURE__ */(0, import_jsx_runtime3.jsx)(NotificationsBox, {
-      direction: "column"
-    })]
-  });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  NotificationsBox,
-  NotificationsModal,
-  NotificationsProvider,
-  useNotifications
-});