react-confetti-boom - npm Package Compare versions

Comparing version 1.1.0 to 1.1.2

lib/index.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
+import { ReactElement } from 'react';
 type Props = {
@@ -21,4 +21,4 @@ mode?: 'boom';
 };
-declare function Confetti(props: Props): JSX.Element;
+declare function Confetti(props: Props): ReactElement;
 export default Confetti;
 export type { Props as ConfettiProps };

lib/index.esm.js

 import React, { useRef, useCallback, useEffect } from 'react';
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".index-module_canvas__H2w7d {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n}";
+var styles = {"canvas":"index-module_canvas__H2w7d"};
+styleInject(css_248z);
+
 var randomNumBetween = function (min, max) {
@@ -100,33 +131,2 @@ return Math.random() * (max - min) + min;
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".index-module_canvas__H2w7d {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n}";
-var styles = {"canvas":"index-module_canvas__H2w7d"};
-styleInject(css_248z);
-
 var FPS = 60;
@@ -145,3 +145,3 @@ var INTERVAL = 1000 / FPS;
   // boom or common props
-  var _e = props.mode === 'boom' ? props : {
+  var _e = props.mode === 'boom' || props.mode === undefined ? props : {
       effectInterval: 1,
@@ -148,0 +148,0 @@ effectCount: Infinity

lib/index.js

@@ -5,2 +5,33 @@ 'use strict';
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".index-module_canvas__H2w7d {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n}";
+var styles = {"canvas":"index-module_canvas__H2w7d"};
+styleInject(css_248z);
+
 var randomNumBetween = function (min, max) {
@@ -103,33 +134,2 @@ return Math.random() * (max - min) + min;
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".index-module_canvas__H2w7d {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n}";
-var styles = {"canvas":"index-module_canvas__H2w7d"};
-styleInject(css_248z);
-
 var FPS = 60;
@@ -148,3 +148,3 @@ var INTERVAL = 1000 / FPS;
   // boom or common props
-  var _e = props.mode === 'boom' ? props : {
+  var _e = props.mode === 'boom' || props.mode === undefined ? props : {
       effectInterval: 1,
@@ -151,0 +151,0 @@ effectCount: Infinity

package.json

 {
   "name": "react-confetti-boom",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "A customizable React confetti explosion component for celebrations and special events",
@@ -5,0 +5,0 @@ "author": "almond-bongbong <[e-mail]>",

README.md

@@ -53,5 +53,2 @@ # React Confetti Boom 🎉 - Celebrate With Style!
 
-<details>
-<summary>And much more!</summary>
-
 | Name           | Type             | Default                                      | Description                                                                                 |
@@ -72,4 +69,2 @@ | -------------- | ---------------- | -------------------------------------------- | ------------------------------------------------------------------------------------------- |
 
-</details>
-
 ## 🎉 Example Usage
@@ -76,0 +71,0 @@

No alert changes

Improved metrics

Total package byte prevSize

31792

increased by0.02%

Worsened metrics

Number of lines in readme file

89

decreased by-5.32%

No dependency changes