@hanzogui/toast 2.0.0

package/dist/cjs/ToastProvider.native.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var ToastProvider_exports = {};
+__export(ToastProvider_exports, {
+  Collection: () => Collection,
+  ReprogapateToastProvider: () => ReprogapateToastProvider,
+  ToastProvider: () => ToastProvider,
+  useCollection: () => useCollection,
+  useToastProviderContext: () => useToastProviderContext
+});
+module.exports = __toCommonJS(ToastProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui_collection = require("@hanzo/gui-collection"),
+  import_gui_core = require("@hanzo/gui-core"),
+  import_gui_start_transition = require("@hanzo/gui-start-transition"),
+  React = __toESM(require("react"), 1),
+  import_constants = require("./constants.native.js"),
+  import_ToastImperative = require("./ToastImperative.native.js"),
+  PROVIDER_NAME = "ToastProvider",
+  [Collection, useCollection] = (0, import_gui_collection.createCollection)("Toast"),
+  {
+    Provider: ToastProviderProvider,
+    useStyledContext: useToastProviderContext
+  } = (0, import_gui_core.createStyledContext)(
+  // since we always provide this we can avoid setting here
+  {}, "Toast__"),
+  ToastProvider = function (props) {
+    var {
+        scope = import_constants.TOAST_CONTEXT,
+        id: providedId,
+        burntOptions,
+        native,
+        notificationOptions,
+        label = "Notification",
+        duration = 5e3,
+        swipeDirection = "right",
+        swipeThreshold = 50,
+        children
+      } = props,
+      backupId = React.useId(),
+      id = providedId ?? backupId,
+      [viewports, setViewports] = React.useState({}),
+      [toastCount, setToastCount] = React.useState(0),
+      isFocusedToastEscapeKeyDownRef = React.useRef(!1),
+      isClosePausedRef = React.useRef(!1),
+      handleViewportChange = React.useCallback(function (name, viewport) {
+        (0, import_gui_start_transition.startTransition)(function () {
+          setViewports(function (prev) {
+            return {
+              ...prev,
+              [name]: viewport
+            };
+          });
+        });
+      }, []),
+      options = React.useMemo(function () {
+        return {
+          duration,
+          burntOptions,
+          native,
+          notificationOptions
+        };
+      },
+      // nested simple object so JSON.stringify
+      [JSON.stringify([duration, burntOptions, native, notificationOptions])]);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Collection.Provider, {
+      scope,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastProviderProvider, {
+        scope,
+        id,
+        label,
+        duration,
+        swipeDirection,
+        swipeThreshold,
+        toastCount,
+        viewports,
+        onViewportChange: handleViewportChange,
+        onToastAdd: React.useCallback(function () {
+          (0, import_gui_start_transition.startTransition)(function () {
+            setToastCount(function (prevCount) {
+              return prevCount + 1;
+            });
+          });
+        }, []),
+        onToastRemove: React.useCallback(function () {
+          (0, import_gui_start_transition.startTransition)(function () {
+            setToastCount(function (prevCount) {
+              return prevCount - 1;
+            });
+          });
+        }, []),
+        isFocusedToastEscapeKeyDownRef,
+        isClosePausedRef,
+        options,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastImperative.ToastImperativeProvider, {
+          options,
+          children
+        })
+      })
+    });
+  };
+function ReprogapateToastProvider(props) {
+  var {
+    children,
+    context
+  } = props;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Collection.Provider, {
+    scope: context.toastScope,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastProviderProvider, {
+      ...context,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastImperative.ToastImperativeProvider, {
+        options: context.options,
+        children
+      })
+    })
+  });
+}
+ToastProvider.propTypes = {
+  label(props) {
+    if (props.label && typeof props.label == "string" && !props.label.trim()) {
+      var error = `Invalid prop \`label\` supplied to \`${PROVIDER_NAME}\`. Expected non-empty \`string\`.`;
+      return new Error(error);
+    }
+    return null;
+  }
+};
+ToastProvider.displayName = PROVIDER_NAME;
+//# sourceMappingURL=ToastProvider.native.js.map

package/dist/cjs/ToastProvider.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastProvider_exports","__export","Collection","ReprogapateToastProvider","ToastProvider","useCollection","useToastProviderContext","module","exports","import_jsx_runtime","require","import_gui_collection","import_gui_core","import_gui_start_transition","React","__toESM","import_constants","import_ToastImperative","PROVIDER_NAME","createCollection","Provider","ToastProviderProvider","useStyledContext","createStyledContext","props","scope","TOAST_CONTEXT","id","providedId","burntOptions","native","notificationOptions","label","duration","swipeDirection","swipeThreshold","children","backupId","useId","viewports","setViewports","useState","toastCount","setToastCount","isFocusedToastEscapeKeyDownRef","useRef","isClosePausedRef","handleViewportChange","useCallback","name","viewport","startTransition","prev","options","useMemo","JSON","stringify","jsx","onViewportChange","onToastAdd","prevCount","onToastRemove","ToastImperativeProvider","context"],"sources":["../../src/ToastProvider.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/ToastViewport.cjs

@@ -0,0 +1,278 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var ToastViewport_exports = {};
+__export(ToastViewport_exports, {
+  ToastViewport: () => ToastViewport,
+  VIEWPORT_DEFAULT_HOTKEY: () => VIEWPORT_DEFAULT_HOTKEY,
+  VIEWPORT_PAUSE: () => VIEWPORT_PAUSE,
+  VIEWPORT_RESUME: () => VIEWPORT_RESUME
+});
+module.exports = __toCommonJS(ToastViewport_exports);
+var import_gui_animate_presence = require("@hanzo/gui-animate-presence"),
+  import_gui_compose_refs = require("@hanzo/gui-compose-refs"),
+  import_gui_constants = require("@hanzo/gui-constants"),
+  import_gui_core = require("@hanzo/gui-core"),
+  import_gui_portal = require("@hanzo/gui-portal"),
+  import_gui_stacks = require("@hanzo/gui-stacks"),
+  import_gui_visually_hidden = require("@hanzo/gui-visually-hidden"),
+  React = __toESM(require("react"), 1),
+  import_constants = require("./constants.cjs"),
+  import_ToastPortal = require("./ToastPortal.cjs"),
+  import_ToastProvider = require("./ToastProvider.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const VIEWPORT_NAME = "ToastViewport",
+  VIEWPORT_DEFAULT_HOTKEY = ["F8"],
+  VIEWPORT_PAUSE = "toast.viewportPause",
+  VIEWPORT_RESUME = "toast.viewportResume",
+  ToastViewportWrapperFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: "ViewportWrapper",
+    variants: {
+      unstyled: {
+        false: {
+          pointerEvents: "box-none",
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0,
+          position: "fixed",
+          maxWidth: "100%",
+          tabIndex: 0,
+          zIndex: 1e5
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  ToastViewportFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: VIEWPORT_NAME,
+    variants: {
+      unstyled: {
+        false: {
+          pointerEvents: "box-none",
+          position: "fixed",
+          maxWidth: "100%"
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  ToastViewport = React.memo(React.forwardRef((props, forwardedRef) => {
+    const {
+        scope,
+        hotkey = VIEWPORT_DEFAULT_HOTKEY,
+        label = "Notifications ({hotkey})",
+        name = "default",
+        multipleToasts,
+        zIndex,
+        portalToRoot,
+        ...viewportProps
+      } = props,
+      context = (0, import_ToastProvider.useToastProviderContext)(scope),
+      getItems = (0, import_ToastProvider.useCollection)(scope || import_constants.TOAST_CONTEXT),
+      headFocusProxyRef = React.useRef(null),
+      tailFocusProxyRef = React.useRef(null),
+      wrapperRef = React.useRef(null),
+      ref = React.useRef(null),
+      onViewportChange = React.useCallback(el => {
+        context.viewports[name] !== el && context.onViewportChange(name, el);
+      }, [name, context.viewports]),
+      composedRefs = (0, import_gui_compose_refs.useComposedRefs)(forwardedRef, ref, onViewportChange),
+      hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, ""),
+      hasToasts = context.toastCount > 0;
+    React.useEffect(() => {
+      if (!import_gui_constants.isWeb || context.toastCount === 0) return;
+      const handleKeyDown = event => {
+        hotkey.every(key => event[key] || event.code === key) && ref.current?.focus();
+      };
+      return document.addEventListener("keydown", handleKeyDown), () => {
+        document.removeEventListener("keydown", handleKeyDown);
+      };
+    }, [hotkey, context.toastCount]), React.useEffect(() => {
+      if (!import_gui_constants.isWeb || context.toastCount === 0) return;
+      const wrapper = wrapperRef.current,
+        viewport = ref.current;
+      if (hasToasts && wrapper && viewport) {
+        const handlePause = () => {
+            if (!context.isClosePausedRef.current) {
+              const pauseEvent = new CustomEvent(VIEWPORT_PAUSE);
+              viewport.dispatchEvent(pauseEvent), context.isClosePausedRef.current = !0;
+            }
+          },
+          handleResume = () => {
+            if (context.isClosePausedRef.current) {
+              const resumeEvent = new CustomEvent(VIEWPORT_RESUME);
+              viewport.dispatchEvent(resumeEvent), context.isClosePausedRef.current = !1;
+            }
+          },
+          handleFocusOutResume = event => {
+            !wrapper.contains(event.relatedTarget) && handleResume();
+          },
+          handlePointerLeaveResume = () => {
+            wrapper.contains(document.activeElement) || handleResume();
+          };
+        return wrapper.addEventListener("focusin", handlePause), wrapper.addEventListener("focusout", handleFocusOutResume), wrapper.addEventListener("pointermove", handlePause), wrapper.addEventListener("pointerleave", handlePointerLeaveResume), window.addEventListener("blur", handlePause), window.addEventListener("focus", handleResume), () => {
+          wrapper.removeEventListener("focusin", handlePause), wrapper.removeEventListener("focusout", handleFocusOutResume), wrapper.removeEventListener("pointermove", handlePause), wrapper.removeEventListener("pointerleave", handlePointerLeaveResume), window.removeEventListener("blur", handlePause), window.removeEventListener("focus", handleResume);
+        };
+      }
+    }, [hasToasts, context.isClosePausedRef, context.toastCount]);
+    const getSortedTabbableCandidates = React.useCallback(({
+      tabbingDirection
+    }) => {
+      const tabbableCandidates = getItems().map(toastItem => {
+        const toastNode = toastItem.ref.current,
+          toastTabbableCandidates = [toastNode, ...getTabbableCandidates(toastNode)];
+        return tabbingDirection === "forwards" ? toastTabbableCandidates : toastTabbableCandidates.reverse();
+      });
+      return (tabbingDirection === "forwards" ? tabbableCandidates.reverse() : tabbableCandidates).flat();
+    }, [getItems]);
+    React.useEffect(() => {
+      if (!import_gui_constants.isWeb || context.toastCount === 0) return;
+      const viewport = ref.current;
+      if (viewport) {
+        const handleKeyDown = event => {
+          const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
+          if (event.key === "Tab" && !isMetaKey) {
+            const focusedElement = document.activeElement,
+              isTabbingBackwards = event.shiftKey;
+            if (event.target === viewport && isTabbingBackwards) {
+              headFocusProxyRef.current?.focus();
+              return;
+            }
+            const sortedCandidates = getSortedTabbableCandidates({
+                tabbingDirection: isTabbingBackwards ? "backwards" : "forwards"
+              }),
+              index = sortedCandidates.findIndex(candidate => candidate === focusedElement);
+            focusFirst(sortedCandidates.slice(index + 1)) ? event.preventDefault() : isTabbingBackwards ?
+            // @ts-ignore ali TODO type
+            headFocusProxyRef.current?.focus() :
+            // @ts-ignore ali TODO type
+            tailFocusProxyRef.current?.focus();
+          }
+        };
+        return viewport.addEventListener("keydown", handleKeyDown), () => viewport.removeEventListener("keydown", handleKeyDown);
+      }
+    }, [getItems, getSortedTabbableCandidates, context.toastCount]);
+    const contents = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(ToastViewportWrapperFrame, {
+      ref: wrapperRef,
+      role: "region",
+      "aria-label": label.replace("{hotkey}", hotkeyLabel),
+      tabIndex: -1,
+      children: [hasToasts && /* @__PURE__ */(0, import_jsx_runtime.jsx)(FocusProxy, {
+        context,
+        viewportName: name,
+        ref: headFocusProxyRef,
+        onFocusFromOutsideViewport: () => {
+          const tabbableCandidates = getSortedTabbableCandidates({
+            tabbingDirection: "forwards"
+          });
+          focusFirst(tabbableCandidates);
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastProvider.Collection.Slot, {
+        scope: context.toastScope,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastViewportFrame, {
+          focusable: context.toastCount > 0,
+          ref: composedRefs,
+          ...viewportProps,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_portal.PortalHost, {
+            render: children => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_animate_presence.AnimatePresence, {
+              exitBeforeEnter: !multipleToasts,
+              children
+            }),
+            name: name ?? "default"
+          })
+        })
+      }), hasToasts && /* @__PURE__ */(0, import_jsx_runtime.jsx)(FocusProxy, {
+        context,
+        viewportName: name,
+        ref: tailFocusProxyRef,
+        onFocusFromOutsideViewport: () => {
+          const tabbableCandidates = getSortedTabbableCandidates({
+            tabbingDirection: "backwards"
+          });
+          focusFirst(tabbableCandidates);
+        }
+      })]
+    });
+    return portalToRoot ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastPortal.ToastPortal, {
+      context,
+      ...(typeof zIndex == "number" ? {
+        zIndex
+      } : {}),
+      children: contents
+    }) : contents;
+  }));
+ToastViewport.displayName = VIEWPORT_NAME;
+const FOCUS_PROXY_NAME = "ToastFocusProxy",
+  FocusProxy = React.forwardRef((props, forwardedRef) => {
+    const {
+        onFocusFromOutsideViewport,
+        viewportName,
+        context,
+        ...proxyProps
+      } = props,
+      viewport = context.viewports[viewportName];
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_visually_hidden.VisuallyHidden, {
+      "aria-hidden": !0,
+      tabIndex: 0,
+      ...proxyProps,
+      ref: forwardedRef,
+      position: "fixed",
+      onFocus: event => {
+        if (!import_gui_constants.isWeb) return;
+        const prevFocusedElement = event.relatedTarget;
+        !viewport?.contains(prevFocusedElement) && onFocusFromOutsideViewport();
+      }
+    });
+  });
+FocusProxy.displayName = FOCUS_PROXY_NAME;
+function focusFirst(candidates) {
+  if (!import_gui_constants.isWeb) return;
+  const previouslyFocusedElement = document.activeElement;
+  return candidates.some(candidate => candidate === previouslyFocusedElement ? !0 : (candidate.focus(), document.activeElement !== previouslyFocusedElement));
+}
+function getTabbableCandidates(container) {
+  if (!import_gui_constants.isWeb) return [];
+  const containerHtml = container,
+    nodes = [],
+    walker = document.createTreeWalker(containerHtml, NodeFilter.SHOW_ELEMENT, {
+      acceptNode: node => {
+        const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
+        return node.disabled || node.hidden || isHiddenInput ? NodeFilter.FILTER_SKIP : node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+      }
+    });
+  for (; walker.nextNode();) nodes.push(walker.currentNode);
+  return nodes;
+}