d9-toast 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/Icons.js CHANGED
@@ -1,9 +1,3 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
1
  var Icons = function Icons(_ref) {
8
2
  var name = _ref.name;
9
3
  var icons = {
@@ -149,4 +143,4 @@ var Icons = function Icons(_ref) {
149
143
  };
150
144
  return icons[name];
151
145
  };
152
- var _default = exports["default"] = Icons;
146
+ export default Icons;
package/dist/Toast.js CHANGED
@@ -1,18 +1,11 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- var _react = require("react");
8
- var _Icons = _interopRequireDefault(require("./Icons.js"));
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
10
1
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
11
2
  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."); }
12
3
  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; } }
13
4
  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; }
14
5
  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; } }
15
6
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
7
+ import { useEffect, useRef, useState } from "react";
8
+ import Icons from "./Icons.js";
16
9
  var Toast = function Toast(_ref) {
17
10
  var id = _ref.id,
18
11
  message = _ref.message,
@@ -34,20 +27,20 @@ var Toast = function Toast(_ref) {
34
27
  pauseOnHover = _ref$pauseOnHover === void 0 ? true : _ref$pauseOnHover,
35
28
  _ref$pauseOnFocusLoss = _ref.pauseOnFocusLoss,
36
29
  pauseOnFocusLoss = _ref$pauseOnFocusLoss === void 0 ? true : _ref$pauseOnFocusLoss;
37
- var intervalRef = (0, _react.useRef)(null); // stores the interval ID
38
- var start = (0, _react.useRef)(Date.now()); // stores the moment timer started
39
- var remaining = (0, _react.useRef)(duration); // how much time is left
40
- var _useState = (0, _react.useState)(100),
30
+ var intervalRef = useRef(null); // stores the interval ID
31
+ var start = useRef(Date.now()); // stores the moment timer started
32
+ var remaining = useRef(duration); // how much time is left
33
+ var _useState = useState(100),
41
34
  _useState2 = _slicedToArray(_useState, 2),
42
35
  progressWidth = _useState2[0],
43
36
  setProgressWidth = _useState2[1]; // progress bar %
44
- var _useState3 = (0, _react.useState)(false),
37
+ var _useState3 = useState(false),
45
38
  _useState4 = _slicedToArray(_useState3, 2),
46
39
  isPaused = _useState4[0],
47
40
  setPaused = _useState4[1]; // For timer pause
48
41
 
49
42
  // Start auto-close timer.
50
- (0, _react.useEffect)(function () {
43
+ useEffect(function () {
51
44
  if (duration !== 0) {
52
45
  startTimer();
53
46
  }
@@ -129,12 +122,12 @@ var Toast = function Toast(_ref) {
129
122
  className: "flex justify-between items-center px-1 py-0.5 rounded-md inset-shadow-2xs ".concat(colors[type])
130
123
  }, /*#__PURE__*/React.createElement("span", {
131
124
  className: "flex items-center gap-2 font-medium text-base"
132
- }, /*#__PURE__*/React.createElement(_Icons["default"], {
125
+ }, /*#__PURE__*/React.createElement(Icons, {
133
126
  name: type
134
127
  }), " ", type.toUpperCase()), closable && /*#__PURE__*/React.createElement("button", {
135
128
  className: " hover:text-red-600 cursor-pointer",
136
129
  onClick: remove
137
- }, /*#__PURE__*/React.createElement(_Icons["default"], {
130
+ }, /*#__PURE__*/React.createElement(Icons, {
138
131
  name: "X"
139
132
  }))), /*#__PURE__*/React.createElement("p", {
140
133
  className: "p-1"
@@ -160,4 +153,4 @@ var Toast = function Toast(_ref) {
160
153
  }
161
154
  }))));
162
155
  };
163
- var _default = exports["default"] = Toast;
156
+ export default Toast;
@@ -1,13 +1,4 @@
1
- "use strict";
2
-
3
1
  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); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.useToast = exports.ToastProvider = void 0;
8
- var _react = require("react");
9
- var _Toast = _interopRequireDefault(require("./Toast.js"));
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
11
2
  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); }
12
3
  function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
13
4
  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."); }
@@ -24,17 +15,19 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
24
15
  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; }
25
16
  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; } }
26
17
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
27
- var ToastContext = /*#__PURE__*/(0, _react.createContext)();
28
- var useToast = exports.useToast = function useToast() {
29
- return (0, _react.useContext)(ToastContext);
18
+ import { createContext, useCallback, useContext, useState } from "react";
19
+ import Toast from "./Toast.js";
20
+ var ToastContext = /*#__PURE__*/createContext();
21
+ export var useToast = function useToast() {
22
+ return useContext(ToastContext);
30
23
  };
31
24
  var id = 0; // For unique toast id.
32
25
 
33
- var ToastProvider = exports.ToastProvider = function ToastProvider(_ref) {
26
+ export var ToastProvider = function ToastProvider(_ref) {
34
27
  var children = _ref.children,
35
28
  _ref$position = _ref.position,
36
29
  position = _ref$position === void 0 ? "top-right" : _ref$position;
37
- var _useState = (0, _react.useState)([]),
30
+ var _useState = useState([]),
38
31
  _useState2 = _slicedToArray(_useState, 2),
39
32
  toasts = _useState2[0],
40
33
  setToasts = _useState2[1];
@@ -62,7 +55,7 @@ var ToastProvider = exports.ToastProvider = function ToastProvider(_ref) {
62
55
  };
63
56
 
64
57
  // Show toast.
65
- var showToast = (0, _react.useCallback)(function (toast) {
58
+ var showToast = useCallback(function (toast) {
66
59
  id++;
67
60
  // Set new toast.
68
61
  var newToast = _objectSpread({
@@ -81,7 +74,7 @@ var ToastProvider = exports.ToastProvider = function ToastProvider(_ref) {
81
74
  }, []);
82
75
 
83
76
  // Remove toast.
84
- var removeToast = (0, _react.useCallback)(function (id) {
77
+ var removeToast = useCallback(function (id) {
85
78
  setToasts(function (prev) {
86
79
  return prev.filter(function (t) {
87
80
  return t.id !== id;
@@ -96,7 +89,7 @@ var ToastProvider = exports.ToastProvider = function ToastProvider(_ref) {
96
89
  }, children, /*#__PURE__*/React.createElement("div", {
97
90
  className: "fixed z-50 flex gap-3 ".concat(getPositionClasses(position))
98
91
  }, toasts.map(function (toast) {
99
- return /*#__PURE__*/React.createElement(_Toast["default"], _extends({
92
+ return /*#__PURE__*/React.createElement(Toast, _extends({
100
93
  key: toast.id
101
94
  }, toast, {
102
95
  position: position,
package/dist/index.js CHANGED
@@ -1,19 +1,2 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "ToastProvider", {
7
- enumerable: true,
8
- get: function get() {
9
- return _ToastContext.ToastProvider;
10
- }
11
- });
12
- Object.defineProperty(exports, "useToast", {
13
- enumerable: true,
14
- get: function get() {
15
- return _ToastContext.useToast;
16
- }
17
- });
18
- require("../dist/toast.css");
19
- var _ToastContext = require("./ToastContext.js");
1
+ import "../dist/toast.css";
2
+ export { ToastProvider, useToast } from "./ToastContext.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "d9-toast",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "description": "Customizable toast notifications for React",
5
5
  "main": "dist/index.js",
6
6
  "type": "module",