@tamagui/alert-dialog 1.61.2 → 1.62.0

package/dist/jsx/AlertDialog.native.js

@@ -0,0 +1,219 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import {
+  Slottable,
+  View,
+  composeEventHandlers,
+  isTamaguiElement,
+  isWeb,
+  styled,
+  useIsomorphicLayoutEffect,
+  withStaticProperties
+} from "@tamagui/core";
+import { createContextScope } from "@tamagui/create-context";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogOverlay,
+  DialogOverlayFrame,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DialogWarningProvider,
+  createDialogScope
+} from "@tamagui/dialog";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import * as React from "react";
+import { Alert } from "react-native";
+const ROOT_NAME = "AlertDialog", [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [
+  createDialogScope
+]), useDialogScope = createDialogScope(), TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = styled(View, {
+  name: TRIGGER_NAME
+}), AlertDialogTrigger = React.forwardRef(
+  (props, forwardedRef) => {
+    if (props.__native) {
+      const { __native, onPress, __onPress, ...rest } = props;
+      return <NativeAlertDialogTriggerFrame
+        {...rest}
+        onPress={composeEventHandlers(onPress, __onPress)}
+      />;
+    }
+    const { __scopeAlertDialog, ...triggerProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+    return <DialogTrigger {...dialogScope} {...triggerProps} ref={forwardedRef} />;
+  }
+);
+AlertDialogTrigger.displayName = TRIGGER_NAME;
+const PORTAL_NAME = "AlertDialogPortal", AlertDialogPortal = (props) => {
+  const { __scopeAlertDialog, ...portalProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+  return <DialogPortal {...dialogScope} {...portalProps} />;
+};
+AlertDialogPortal.displayName = PORTAL_NAME;
+const OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlayFrame = styled(DialogOverlayFrame, {
+  name: OVERLAY_NAME
+}), AlertDialogOverlay = AlertDialogOverlayFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopeAlertDialog, ...overlayProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+      return <DialogOverlay {...dialogScope} {...overlayProps} ref={forwardedRef} />;
+    }
+  )
+);
+AlertDialogOverlay.displayName = OVERLAY_NAME;
+const CONTENT_NAME = "AlertDialogContent", [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME), AlertDialogContent = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, children, ...contentProps } = props, dialogScope = useDialogScope(__scopeAlertDialog), contentRef = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, contentRef), cancelRef = React.useRef(null);
+    return <DialogWarningProvider
+      contentName={CONTENT_NAME}
+      titleName={TITLE_NAME}
+      docsSlug="alert-dialog"
+    ><AlertDialogContentProvider scope={__scopeAlertDialog} cancelRef={cancelRef}><DialogContent
+      role="alertdialog"
+      {...dialogScope}
+      {...contentProps}
+      ref={composedRefs}
+      onOpenAutoFocus={composeEventHandlers(
+        contentProps.onOpenAutoFocus,
+        (event) => {
+          event.preventDefault(), isWeb && cancelRef.current?.focus({ preventScroll: !0 });
+        }
+      )}
+      onPointerDownOutside={(event) => event.preventDefault()}
+      onInteractOutside={(event) => event.preventDefault()}
+    >
+      {
+        /**
+        * We have to use `Slottable` here as we cannot wrap the `AlertDialogContentProvider`
+        * around everything, otherwise the `DescriptionWarning` would be rendered straight away.
+        * This is because we want the accessibility checks to run only once the content is actually
+        * open and that behaviour is already encapsulated in `DialogContent`.
+        */
+      }
+      <Slottable>{children}</Slottable>
+      {process.env.NODE_ENV === "development" && <DescriptionWarning contentRef={contentRef} />}
+    </DialogContent></AlertDialogContentProvider></DialogWarningProvider>;
+  }
+);
+AlertDialogContent.displayName = CONTENT_NAME;
+const TITLE_NAME = "AlertDialogTitle", AlertDialogTitle = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...titleProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+    return <DialogTitle {...dialogScope} {...titleProps} ref={forwardedRef} />;
+  }
+);
+AlertDialogTitle.displayName = TITLE_NAME;
+const DESCRIPTION_NAME = "AlertDialogDescription", AlertDialogDescription = React.forwardRef((props, forwardedRef) => {
+  const { __scopeAlertDialog, ...descriptionProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+  return <DialogDescription {...dialogScope} {...descriptionProps} ref={forwardedRef} />;
+});
+AlertDialogDescription.displayName = DESCRIPTION_NAME;
+const ACTION_NAME = "AlertDialogAction", AlertDialogAction = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...actionProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+    return <DialogClose {...dialogScope} {...actionProps} ref={forwardedRef} />;
+  }
+);
+AlertDialogAction.displayName = ACTION_NAME;
+const CANCEL_NAME = "AlertDialogCancel", AlertDialogCancel = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...cancelProps } = props, { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog), dialogScope = useDialogScope(__scopeAlertDialog), ref = useComposedRefs(forwardedRef, cancelRef);
+    return <DialogClose {...dialogScope} {...cancelProps} ref={ref} />;
+  }
+);
+AlertDialogCancel.displayName = CANCEL_NAME;
+const DescriptionWarning = ({ contentRef }) => (process.env.NODE_ENV === "development" && React.useEffect(() => {
+  if (!isWeb)
+    return;
+  document.getElementById(
+    // @ts-ignore
+    // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
+    contentRef.current?.getAttribute("aria-describedby")
+  ) || console.warn(`\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
+  
+        You can add a description to the \`${CONTENT_NAME}\` by passing a \`${DESCRIPTION_NAME}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+        
+        Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+        
+        For more information, see https://tamagui.dev/docs/components/alert-dialog`);
+}, [contentRef]), null), AlertDialogInner = (props) => {
+  const { __scopeAlertDialog, native, ...alertDialogProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
+  {
+    const [open, setOpen] = useControllableState({
+      prop: props.open,
+      defaultProp: props.defaultOpen || !1,
+      onChange: props.onOpenChange,
+      transition: !0
+    });
+    let triggerElement = null, title = "", description = "";
+    const buttons = [];
+    if (forEachChildDeep(React.Children.toArray(props.children), (child) => {
+      if (!React.isValidElement(child))
+        return !1;
+      const name = isTamaguiElement(child) ? child.type.staticConfig.componentName : child.type.displayName;
+      switch (name) {
+        case TRIGGER_NAME:
+          return triggerElement = React.cloneElement(child, {
+            __native: !0
+          }), !1;
+        case TITLE_NAME:
+          return title = getStringChildren(child), !1;
+        case DESCRIPTION_NAME:
+          return description = getStringChildren(child), !1;
+        case ACTION_NAME:
+        case CANCEL_NAME: {
+          const style = name === ACTION_NAME ? "default" : "cancel", text = getStringChildren(child), onPress = () => {
+            child.props?.onPress?.({ native: !0 }), setOpen(!1);
+          };
+          return buttons.push({
+            style,
+            text,
+            // @ts-ignore
+            onPress
+          }), !1;
+        }
+        default:
+          return !0;
+      }
+    }), useIsomorphicLayoutEffect(() => {
+      !open || !native || (title || description) && Alert.alert(title, description, buttons);
+    }, [native, open]), native)
+      return React.cloneElement(triggerElement, {
+        __onPress: () => {
+          setOpen(!0);
+        }
+      });
+  }
+  return <Dialog {...dialogScope} {...alertDialogProps} modal />;
+};
+function forEachChildDeep(children, onChild) {
+  for (const child of children)
+    React.isValidElement(child) && onChild(child) && child.props.children && forEachChildDeep(React.Children.toArray(child.props.children), onChild);
+}
+function getStringChildren(child) {
+  let string = "";
+  return forEachChildDeep(React.Children.toArray(child), (child2) => typeof child2.props.children == "string" ? (string = child2.props.children, !1) : !0), string;
+}
+const AlertDialog = withStaticProperties(AlertDialogInner, {
+  Trigger: AlertDialogTrigger,
+  Portal: AlertDialogPortal,
+  Overlay: AlertDialogOverlay,
+  Content: AlertDialogContent,
+  Action: AlertDialogAction,
+  Cancel: AlertDialogCancel,
+  Title: AlertDialogTitle,
+  Description: AlertDialogDescription
+});
+AlertDialog.displayName = ROOT_NAME;
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  createAlertDialogScope
+};
+//# sourceMappingURL=AlertDialog.js.map

package/dist/jsx/AlertDialog.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/AlertDialog.tsx"],
+  "mappings": "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",
+  "names": ["child"]
+}

package/dist/jsx/index.native.js

@@ -0,0 +1,2 @@
+export * from "./AlertDialog";
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/alert-dialog",
-  "version": "1.61.2",
+  "version": "1.62.0",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -29,28 +29,28 @@
     }
   },
   "dependencies": {
-    "@tamagui/animate-presence": "1.61.2",
-    "@tamagui/aria-hidden": "1.61.2",
-    "@tamagui/compose-refs": "1.61.2",
-    "@tamagui/core": "1.61.2",
-    "@tamagui/create-context": "1.61.2",
-    "@tamagui/dialog": "1.61.2",
-    "@tamagui/dismissable": "1.61.2",
-    "@tamagui/focus-scope": "1.61.2",
-    "@tamagui/polyfill-dev": "1.61.2",
-    "@tamagui/popper": "1.61.2",
-    "@tamagui/portal": "1.61.2",
-    "@tamagui/remove-scroll": "1.61.2",
-    "@tamagui/stacks": "1.61.2",
-    "@tamagui/text": "1.61.2",
-    "@tamagui/use-controllable-state": "1.61.2"
+    "@tamagui/animate-presence": "1.62.0",
+    "@tamagui/aria-hidden": "1.62.0",
+    "@tamagui/compose-refs": "1.62.0",
+    "@tamagui/core": "1.62.0",
+    "@tamagui/create-context": "1.62.0",
+    "@tamagui/dialog": "1.62.0",
+    "@tamagui/dismissable": "1.62.0",
+    "@tamagui/focus-scope": "1.62.0",
+    "@tamagui/polyfill-dev": "1.62.0",
+    "@tamagui/popper": "1.62.0",
+    "@tamagui/portal": "1.62.0",
+    "@tamagui/remove-scroll": "1.62.0",
+    "@tamagui/stacks": "1.62.0",
+    "@tamagui/text": "1.62.0",
+    "@tamagui/use-controllable-state": "1.62.0"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.61.2",
+    "@tamagui/build": "1.62.0",
     "react": "^18.2.0",
     "react-native": "^0.72.1"
   },