@zag-js/toast 0.0.0-dev-20220707125149 → 0.0.0-dev-20220708193601

package/dist/index.js

@@ -57,6 +57,22 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // ../../utilities/dom/dist/index.mjs
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(b)) {
+      if (__propIsEnum2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
+    }
+  return a;
+};
 var dataAttr = (guard) => {
   return guard ? "" : void 0;
 };
@@ -68,6 +84,34 @@ var runIfFn = (v, ...a) => {
 var cast = (v) => v;
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 var isDom = () => typeof window !== "undefined";
+function isDocument(el) {
+  return el.nodeType === Node.DOCUMENT_NODE;
+}
+function isWindow(value) {
+  return (value == null ? void 0 : value.toString()) === "[object Window]";
+}
+function getDocument(el) {
+  var _a;
+  if (isWindow(el))
+    return el.document;
+  if (isDocument(el))
+    return el;
+  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+}
+function withRootHelpers(domUtils) {
+  const roots = {
+    getRootNode: (ctx) => {
+      var _a, _b;
+      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
+    },
+    getDoc: (ctx) => getDocument(roots.getRootNode(ctx)),
+    getWin: (ctx) => {
+      var _a;
+      return (_a = roots.getDoc(ctx).defaultView) != null ? _a : window;
+    }
+  };
+  return __spreadValues2(__spreadValues2({}, roots), domUtils);
+}
 var isRef = (v) => hasProp(v, "current");
 function addDomEvent(target, eventName, handler, options) {
   const node = isRef(target) ? target.current : runIfFn(target);
@@ -108,20 +152,12 @@ function warn(...a) {
 var import_core = require("@zag-js/core");
 
 // src/toast.dom.ts
-var dom = {
-  getDoc: (ctx) => {
-    var _a;
-    return (_a = ctx.doc) != null ? _a : document;
-  },
-  getRootNode: (ctx) => {
-    var _a;
-    return (_a = ctx.rootNode) != null ? _a : dom.getDoc(ctx);
-  },
+var dom = withRootHelpers({
   getGroupId: (placement) => `toast-group:${placement}`,
   getContainerId: (ctx) => `toast:${ctx.id}`,
   getTitleId: (ctx) => `toast-title:${ctx.id}`,
   getCloseButtonId: (ctx) => `toast-close-button:${ctx.id}`,
-  getPortalId: (ctx) => `toast-portal:${ctx.uid}`,
+  getPortalId: (ctx) => `toast-portal:${ctx.id}`,
   getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPortalId(ctx)),
   createPortalEl: (ctx) => {
     const existing = dom.getPortalEl(ctx);
@@ -131,7 +167,7 @@ var dom = {
     portal.id = dom.getPortalId(ctx);
     return portal;
   }
-};
+});
 
 // src/toast.utils.ts
 function getToastsByPlacement(toasts) {
@@ -467,14 +503,13 @@ function createToastMachine(options = {}) {
 }
 
 // src/toast-group.machine.ts
-function groupMachine(ctx = {}) {
+function groupMachine(ctx) {
   return (0, import_core3.createMachine)({
     id: "toaster",
     initial: "active",
     context: __spreadValues({
       dir: "ltr",
       max: Number.MAX_SAFE_INTEGER,
-      uid: "",
       toasts: [],
       gutter: "1rem",
       zIndex: MAX_Z_INDEX,
@@ -486,15 +521,7 @@ function groupMachine(ctx = {}) {
       count: (ctx2) => ctx2.toasts.length
     },
     on: {
-      SETUP: {
-        actions: (ctx2, evt) => {
-          ctx2.uid = evt.id;
-          if (evt.doc)
-            ctx2.doc = (0, import_core3.ref)(evt.doc);
-          if (evt.root)
-            ctx2.rootNode = (0, import_core3.ref)(evt.root);
-        }
-      },
+      SETUP: {},
       PAUSE_TOAST: {
         actions: (_ctx, evt, { self }) => {
           self.sendChild("PAUSE", evt.id);

package/dist/index.mjs

@@ -31,6 +31,22 @@ var __objRest = (source, exclude) => {
 };
 
 // ../../utilities/dom/dist/index.mjs
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(b)) {
+      if (__propIsEnum2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
+    }
+  return a;
+};
 var dataAttr = (guard) => {
   return guard ? "" : void 0;
 };
@@ -42,6 +58,34 @@ var runIfFn = (v, ...a) => {
 var cast = (v) => v;
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 var isDom = () => typeof window !== "undefined";
+function isDocument(el) {
+  return el.nodeType === Node.DOCUMENT_NODE;
+}
+function isWindow(value) {
+  return (value == null ? void 0 : value.toString()) === "[object Window]";
+}
+function getDocument(el) {
+  var _a;
+  if (isWindow(el))
+    return el.document;
+  if (isDocument(el))
+    return el;
+  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
+}
+function withRootHelpers(domUtils) {
+  const roots = {
+    getRootNode: (ctx) => {
+      var _a, _b;
+      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
+    },
+    getDoc: (ctx) => getDocument(roots.getRootNode(ctx)),
+    getWin: (ctx) => {
+      var _a;
+      return (_a = roots.getDoc(ctx).defaultView) != null ? _a : window;
+    }
+  };
+  return __spreadValues2(__spreadValues2({}, roots), domUtils);
+}
 var isRef = (v) => hasProp(v, "current");
 function addDomEvent(target, eventName, handler, options) {
   const node = isRef(target) ? target.current : runIfFn(target);
@@ -82,20 +126,12 @@ function warn(...a) {
 import { subscribe } from "@zag-js/core";
 
 // src/toast.dom.ts
-var dom = {
-  getDoc: (ctx) => {
-    var _a;
-    return (_a = ctx.doc) != null ? _a : document;
-  },
-  getRootNode: (ctx) => {
-    var _a;
-    return (_a = ctx.rootNode) != null ? _a : dom.getDoc(ctx);
-  },
+var dom = withRootHelpers({
   getGroupId: (placement) => `toast-group:${placement}`,
   getContainerId: (ctx) => `toast:${ctx.id}`,
   getTitleId: (ctx) => `toast-title:${ctx.id}`,
   getCloseButtonId: (ctx) => `toast-close-button:${ctx.id}`,
-  getPortalId: (ctx) => `toast-portal:${ctx.uid}`,
+  getPortalId: (ctx) => `toast-portal:${ctx.id}`,
   getPortalEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPortalId(ctx)),
   createPortalEl: (ctx) => {
     const existing = dom.getPortalEl(ctx);
@@ -105,7 +141,7 @@ var dom = {
     portal.id = dom.getPortalId(ctx);
     return portal;
   }
-};
+});
 
 // src/toast.utils.ts
 function getToastsByPlacement(toasts) {
@@ -441,14 +477,13 @@ function createToastMachine(options = {}) {
 }
 
 // src/toast-group.machine.ts
-function groupMachine(ctx = {}) {
+function groupMachine(ctx) {
   return createMachine2({
     id: "toaster",
     initial: "active",
     context: __spreadValues({
       dir: "ltr",
       max: Number.MAX_SAFE_INTEGER,
-      uid: "",
       toasts: [],
       gutter: "1rem",
       zIndex: MAX_Z_INDEX,
@@ -460,15 +495,7 @@ function groupMachine(ctx = {}) {
       count: (ctx2) => ctx2.toasts.length
     },
     on: {
-      SETUP: {
-        actions: (ctx2, evt) => {
-          ctx2.uid = evt.id;
-          if (evt.doc)
-            ctx2.doc = ref(evt.doc);
-          if (evt.root)
-            ctx2.rootNode = ref(evt.root);
-        }
-      },
+      SETUP: {},
       PAUSE_TOAST: {
         actions: (_ctx, evt, { self }) => {
           self.sendChild("PAUSE", evt.id);

package/dist/toast-group.machine.d.ts

@@ -1,2 +1,2 @@
 import type { GroupMachineContext, UserDefinedGroupContext } from "./toast.types";
-export declare function groupMachine(ctx?: Partial<UserDefinedGroupContext>): import("@zag-js/core").Machine<GroupMachineContext, import("@zag-js/core").StateMachine.StateSchema, import("@zag-js/core").StateMachine.AnyEventObject>;
+export declare function groupMachine(ctx: UserDefinedGroupContext): import("@zag-js/core").Machine<GroupMachineContext, import("@zag-js/core").StateMachine.StateSchema, import("@zag-js/core").StateMachine.AnyEventObject>;

package/dist/toast.dom.d.ts

@@ -1,7 +1,15 @@
 import type { GroupMachineContext as GroupCtx, MachineContext as Ctx, Placement } from "./toast.types";
 export declare const dom: {
-    getDoc: (ctx: Ctx | GroupCtx) => Document;
-    getRootNode: (ctx: Ctx | GroupCtx) => Document | ShadowRoot;
+    getRootNode: (ctx: {
+        getRootNode?: () => Node | Document | ShadowRoot;
+    }) => Document | ShadowRoot;
+    getDoc: (ctx: {
+        getRootNode?: () => Node | Document | ShadowRoot;
+    }) => Document;
+    getWin: (ctx: {
+        getRootNode?: () => Node | Document | ShadowRoot;
+    }) => Window & typeof globalThis;
+} & {
     getGroupId: (placement: Placement) => string;
     getContainerId: (ctx: Ctx) => string;
     getTitleId: (ctx: Ctx) => string;

package/dist/toast.types.d.ts

@@ -1,5 +1,5 @@
 import type { Machine, StateMachine as S } from "@zag-js/core";
-import type { Context, Direction, DirectionProperty, RootProperties } from "@zag-js/types";
+import type { CommonProperties, Context, Direction, DirectionProperty, RequiredBy, RootProperties } from "@zag-js/types";
 export declare type Type = "success" | "error" | "loading" | "info" | "custom";
 export declare type Placement = "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end";
 declare type SharedContext = {
@@ -67,7 +67,7 @@ export declare type Options = Partial<ToastOptions>;
 export declare type RenderOptions = Omit<ToastOptions, "render"> & {
     dismiss(): void;
 };
-export declare type MachineContext = SharedContext & RootProperties & Omit<ToastOptions, "removeDelay"> & {
+export declare type MachineContext = SharedContext & RootProperties & CommonProperties & Omit<ToastOptions, "removeDelay"> & {
     /**
      * The duration for the toast to kept alive before it is removed.
      * Useful for exit transitions.
@@ -93,7 +93,7 @@ export declare type MachineState = {
 export declare type State = S.State<MachineContext, MachineState>;
 export declare type Send = S.Send;
 export declare type Service = Machine<MachineContext, MachineState>;
-declare type GroupPublicContext = SharedContext & DirectionProperty & {
+declare type GroupPublicContext = SharedContext & DirectionProperty & CommonProperties & {
     /**
      * The gutter or spacing between toasts
      */
@@ -111,7 +111,7 @@ declare type GroupPublicContext = SharedContext & DirectionProperty & {
      */
     offsets: string | Record<"left" | "right" | "bottom" | "top", string>;
 };
-export declare type UserDefinedGroupContext = Partial<GroupPublicContext>;
+export declare type UserDefinedGroupContext = RequiredBy<GroupPublicContext, "id">;
 declare type GroupComputedContext = Readonly<{
     /**
      * @computed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/toast",
-  "version": "0.0.0-dev-20220707125149",
+  "version": "0.0.0-dev-20220708193601",
   "description": "Core logic for the toast widget implemented as a state machine",
   "keywords": [
     "js",
@@ -29,9 +29,9 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/core": "0.0.0-dev-20220707125149",
-    "@zag-js/dom-utils": "0.0.0-dev-20220707125149",
-    "@zag-js/types": "0.0.0-dev-20220707125149",
+    "@zag-js/core": "0.1.7",
+    "@zag-js/dom-utils": "0.0.0-dev-20220708193601",
+    "@zag-js/types": "0.0.0-dev-20220708193601",
     "@zag-js/utils": "0.1.2"
   },
   "scripts": {