@hiogawa/tiny-toast - npm Package Compare versions

Comparing version 0.0.1-pre.5 to 0.0.1-pre.6

./dist/index.js

@@ -54,7 +54,7 @@ // src/utils.ts
   paused = false;
-  defaultOptions = {
+  defaultCoreOptions = {
     duration: 4e3
   };
   create(data, options) {
-    const duration = options?.duration ?? this.defaultOptions.duration;
+    const duration = options?.duration ?? this.defaultCoreOptions.duration;
     const item = {
@@ -77,3 +77,2 @@ id: generateId(),
   }
-  // TODO: SetAction
   update(id, newItem) {
@@ -80,0 +79,0 @@ const index = this.items.findIndex((item) => item.id === id);

dist/index.d.ts

@@ -28,2 +28,5 @@ type PauseableTimeoutState = {
 };
+type ToastCoreOptions = {
+    duration: number;
+};
 declare const TOAST_STEP: {
@@ -36,8 +39,4 @@ START: number;
     paused: boolean;
-    defaultOptions: {
-        duration: number;
-    };
-    create(data: T, options?: {
-        duration?: number;
-    }): void;
+    defaultCoreOptions: ToastCoreOptions;
+    create(data: T, options?: Partial<ToastCoreOptions>): void;
     update(id: string, newItem: Partial<ToastItem<T>>): void;
@@ -56,2 +55,2 @@ dismiss(id: string): void;
 
-export { TOAST_STEP, ToastItem, ToastManager };
+export { TOAST_STEP, ToastCoreOptions, ToastItem, ToastManager };

dist/index.js

@@ -54,7 +54,7 @@ // src/utils.ts
   paused = false;
-  defaultOptions = {
+  defaultCoreOptions = {
     duration: 4e3
   };
   create(data, options) {
-    const duration = options?.duration ?? this.defaultOptions.duration;
+    const duration = options?.duration ?? this.defaultCoreOptions.duration;
     const item = {
@@ -77,3 +77,2 @@ id: generateId(),
   }
-  // TODO: SetAction
   update(id, newItem) {
@@ -80,0 +79,0 @@ const index = this.items.findIndex((item) => item.id === id);

dist/react.d.ts

 import React from 'react';
-import { ToastItem, ToastManager } from './index.js';
+import { ToastItem, ToastManager, ToastCoreOptions } from './index.js';
 
@@ -13,4 +13,7 @@ declare const TOAST_POSITIONS: readonly ["bottom-left", "top-center"];
 }
+type ReactToastOptions = Omit<ReactToastData, "node">;
 type ReactToastItem = ToastItem<ReactToastData>;
 declare class ReactToastManager extends ToastManager<ReactToastData> {
+    defaultOptions: ReactToastOptions;
+    createWrapper(node: React.ReactNode, options?: Partial<ReactToastOptions & ToastCoreOptions>): void;
 }
@@ -17,0 +20,0 @@ type ReactToastContainerOptions = {

dist/react.js

@@ -57,7 +57,7 @@ // src/utils.ts
   paused = false;
-  defaultOptions = {
+  defaultCoreOptions = {
     duration: 4e3
   };
   create(data, options) {
-    const duration = options?.duration ?? this.defaultOptions.duration;
+    const duration = options?.duration ?? this.defaultCoreOptions.duration;
     const item = {
@@ -80,3 +80,2 @@ id: generateId(),
   }
-  // TODO: SetAction
   update(id, newItem) {
@@ -138,2 +137,16 @@ const index = this.items.findIndex((item) => item.id === id);
 var ReactToastManager = class extends ToastManager {
+  defaultOptions = {
+    position: "top-center"
+  };
+  // TODO: naming
+  createWrapper(node, options) {
+    this.create(
+      {
+        node,
+        ...this.defaultOptions,
+        ...options
+      },
+      options
+    );
+  }
 };
@@ -479,4 +492,4 @@
 .uno-tiny-toast-7log6r{display:inline-block;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));padding-top:0.25rem;padding-bottom:0.25rem;transition-duration:300ms;}
-.uno-tiny-toast-utfm2g{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;}
-.uno-tiny-toast-ed1e2c{flex:1 1 0%;}
+.uno-tiny-toast-vr7q8w{display:flex;align-items:center;padding:0.75rem;}
+.uno-tiny-toast-gshazv{flex:1 1 0%;padding-left:0.5rem;padding-right:0.5rem;}
 .uno-tiny-toast-44z5ih{--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-scale-x:1;--un-scale-y:1;opacity:1;}
@@ -562,3 +575,3 @@ .uno-tiny-toast-l1h611{--un-translate-y:-120%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
     },
-    /* @__PURE__ */ React8.createElement("div", { className: "uno-tiny-toast-utfm2g" }, item.data.type && /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React8.createElement("div", { className: "uno-tiny-toast-vr7q8w" }, item.data.type && /* @__PURE__ */ React8.createElement(
       "span",
@@ -572,3 +585,3 @@ {
       }
-    ), /* @__PURE__ */ React8.createElement("div", { className: "uno-tiny-toast-ed1e2c" }, item.data.node))
+    ), /* @__PURE__ */ React8.createElement("div", { className: "uno-tiny-toast-gshazv" }, item.data.node))
   );
@@ -575,0 +588,0 @@ }

package.json

 {
   "name": "@hiogawa/tiny-toast",
-  "version": "0.0.1-pre.5",
+  "version": "0.0.1-pre.6",
   "type": "module",
@@ -5,0 +5,0 @@ "main": "./dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

70455

increased by1.45%

Lines of code

1789

increased by1.42%

No dependency changes