d9-toast 1.0.1 → 1.0.3

package/dist/Icons.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
 var Icons = function Icons(_ref) {
   var name = _ref.name;
   var icons = {
@@ -149,4 +143,4 @@ var Icons = function Icons(_ref) {
   };
   return icons[name];
 };
-var _default = exports["default"] = Icons;
+export default Icons;

package/dist/Toast.js

@@ -1,18 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = require("react");
-var _Icons = _interopRequireDefault(require("./Icons.js"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { useEffect, useRef, useState } from "react";
+import Icons from "./Icons.js";
 var Toast = function Toast(_ref) {
   var id = _ref.id,
     message = _ref.message,
@@ -34,20 +27,20 @@ var Toast = function Toast(_ref) {
     pauseOnHover = _ref$pauseOnHover === void 0 ? true : _ref$pauseOnHover,
     _ref$pauseOnFocusLoss = _ref.pauseOnFocusLoss,
     pauseOnFocusLoss = _ref$pauseOnFocusLoss === void 0 ? true : _ref$pauseOnFocusLoss;
-  var intervalRef = (0, _react.useRef)(null); // stores the interval ID
-  var start = (0, _react.useRef)(Date.now()); // stores the moment timer started
-  var remaining = (0, _react.useRef)(duration); // how much time is left
-  var _useState = (0, _react.useState)(100),
+  var intervalRef = useRef(null); // stores the interval ID
+  var start = useRef(Date.now()); // stores the moment timer started
+  var remaining = useRef(duration); // how much time is left
+  var _useState = useState(100),
     _useState2 = _slicedToArray(_useState, 2),
     progressWidth = _useState2[0],
     setProgressWidth = _useState2[1]; // progress bar %
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
     isPaused = _useState4[0],
     setPaused = _useState4[1]; // For timer pause
 
   // Start auto-close timer.
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (duration !== 0) {
       startTimer();
     }
@@ -129,12 +122,12 @@ var Toast = function Toast(_ref) {
     className: "flex justify-between items-center px-1 py-0.5 rounded-md inset-shadow-2xs ".concat(colors[type])
   }, /*#__PURE__*/React.createElement("span", {
     className: "flex items-center gap-2 font-medium text-base"
-  }, /*#__PURE__*/React.createElement(_Icons["default"], {
+  }, /*#__PURE__*/React.createElement(Icons, {
     name: type
   }), " ", type.toUpperCase()), closable && /*#__PURE__*/React.createElement("button", {
     className: " hover:text-red-600 cursor-pointer",
     onClick: remove
-  }, /*#__PURE__*/React.createElement(_Icons["default"], {
+  }, /*#__PURE__*/React.createElement(Icons, {
     name: "X"
   }))), /*#__PURE__*/React.createElement("p", {
     className: "p-1"
@@ -160,4 +153,4 @@ var Toast = function Toast(_ref) {
     }
   }))));
 };
-var _default = exports["default"] = Toast;
+export default Toast;

package/dist/ToastContext.js

@@ -1,14 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useToast = exports.ToastProvider = void 0;
-var _react = require("react");
-var _Toast = _interopRequireDefault(require("./Toast.js"));
-var _Icons = _interopRequireDefault(require("./Icons.js"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -25,17 +15,19 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var ToastContext = /*#__PURE__*/(0, _react.createContext)();
-var useToast = exports.useToast = function useToast() {
-  return (0, _react.useContext)(ToastContext);
+import { createContext, useCallback, useContext, useState } from "react";
+import Toast from "./Toast.js";
+var ToastContext = /*#__PURE__*/createContext();
+export var useToast = function useToast() {
+  return useContext(ToastContext);
 };
 var id = 0; // For unique toast id.
 
-var ToastProvider = exports.ToastProvider = function ToastProvider(_ref) {
+export var ToastProvider = function ToastProvider(_ref) {
   var children = _ref.children,
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? "top-right" : _ref$position;
-  var _useState = (0, _react.useState)([]),
+  var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     toasts = _useState2[0],
     setToasts = _useState2[1];
@@ -63,7 +55,7 @@ var ToastProvider = exports.ToastProvider = function ToastProvider(_ref) {
   };
 
   // Show toast.
-  var showToast = (0, _react.useCallback)(function (toast) {
+  var showToast = useCallback(function (toast) {
     id++;
     // Set new toast.
     var newToast = _objectSpread({
@@ -82,7 +74,7 @@ var ToastProvider = exports.ToastProvider = function ToastProvider(_ref) {
   }, []);
 
   // Remove toast.
-  var removeToast = (0, _react.useCallback)(function (id) {
+  var removeToast = useCallback(function (id) {
     setToasts(function (prev) {
       return prev.filter(function (t) {
         return t.id !== id;
@@ -97,7 +89,7 @@ var ToastProvider = exports.ToastProvider = function ToastProvider(_ref) {
   }, children, /*#__PURE__*/React.createElement("div", {
     className: "fixed z-50 flex gap-3 ".concat(getPositionClasses(position))
   }, toasts.map(function (toast) {
-    return /*#__PURE__*/React.createElement(_Toast["default"], _extends({
+    return /*#__PURE__*/React.createElement(Toast, _extends({
       key: toast.id
     }, toast, {
       position: position,

package/dist/index.js

@@ -1,19 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ToastProvider", {
-  enumerable: true,
-  get: function get() {
-    return _ToastContext.ToastProvider;
-  }
-});
-Object.defineProperty(exports, "useToast", {
-  enumerable: true,
-  get: function get() {
-    return _ToastContext.useToast;
-  }
-});
-require("../dist/toast.css");
-var _ToastContext = require("./ToastContext.js");
+import "../dist/toast.css";
+export { ToastProvider, useToast } from "./ToastContext.js";

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "d9-toast",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Customizable toast notifications for React",
-  "main": "src/index.js",
+  "main": "dist/index.js",
   "type": "module",
   "files": [
     "dist"

package/src/index.js

@@ -1,2 +0,0 @@
-import "../dist/toast.css";
-export { ToastProvider, useToast } from "./ToastContext.js";