@tamagui/alert-dialog 2.0.0-rc.3 → 2.0.0-rc.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/index.js CHANGED
@@ -3,13 +3,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
5
  var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from == "object" || typeof from == "function")
7
- for (let key of __getOwnPropNames(from))
8
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
9
- return to;
10
- }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
11
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
6
+ if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
7
+ get: () => from[key],
8
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
9
+ });
10
+ return to;
11
+ },
12
+ __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
13
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
14
+ value: !0
15
+ }), mod);
12
16
  var index_exports = {};
13
17
  module.exports = __toCommonJS(index_exports);
14
- __reExport(index_exports, require("./AlertDialog"), module.exports);
15
- //# sourceMappingURL=index.js.map
18
+ __reExport(index_exports, require("./AlertDialog.cjs"), module.exports);
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export * from "./AlertDialog";
1
+ export * from "./AlertDialog.mjs";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.ts"],
4
- "mappings": "AAAA,cAAc;",
5
- "names": []
6
- }
1
+ {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
package/dist/jsx/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export * from "./AlertDialog";
1
+ export * from "./AlertDialog.mjs";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.ts"],
4
- "mappings": "AAAA,cAAc;",
5
- "names": []
6
- }
1
+ {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/alert-dialog",
3
- "version": "2.0.0-rc.3",
3
+ "version": "2.0.0-rc.30",
4
4
  "source": "src/index.ts",
5
5
  "files": [
6
6
  "src",
@@ -18,15 +18,12 @@
18
18
  "./package.json": "./package.json",
19
19
  ".": {
20
20
  "types": "./types/index.d.ts",
21
- "react-native": {
22
- "module": "./dist/esm/index.native.js",
23
- "import": "./dist/esm/index.native.js",
24
- "require": "./dist/cjs/index.native.js"
25
- },
21
+ "react-native": "./dist/esm/index.native.js",
22
+ "browser": "./dist/esm/index.mjs",
26
23
  "module": "./dist/esm/index.mjs",
27
24
  "import": "./dist/esm/index.mjs",
28
25
  "require": "./dist/cjs/index.cjs",
29
- "default": "./dist/cjs/index.native.js"
26
+ "default": "./dist/esm/index.mjs"
30
27
  }
31
28
  },
32
29
  "publishConfig": {
@@ -39,27 +36,26 @@
39
36
  "clean:build": "tamagui-build clean:build"
40
37
  },
41
38
  "dependencies": {
42
- "@tamagui/animate-presence": "2.0.0-rc.3",
43
- "@tamagui/compose-refs": "2.0.0-rc.3",
44
- "@tamagui/constants": "2.0.0-rc.3",
45
- "@tamagui/core": "2.0.0-rc.3",
46
- "@tamagui/create-context": "2.0.0-rc.3",
47
- "@tamagui/dialog": "2.0.0-rc.3",
48
- "@tamagui/dismissable": "2.0.0-rc.3",
49
- "@tamagui/focus-scope": "2.0.0-rc.3",
50
- "@tamagui/helpers": "2.0.0-rc.3",
51
- "@tamagui/polyfill-dev": "2.0.0-rc.3",
52
- "@tamagui/popper": "2.0.0-rc.3",
53
- "@tamagui/portal": "2.0.0-rc.3",
54
- "@tamagui/remove-scroll": "2.0.0-rc.3",
55
- "@tamagui/stacks": "2.0.0-rc.3",
56
- "@tamagui/text": "2.0.0-rc.3",
57
- "@tamagui/use-controllable-state": "2.0.0-rc.3"
39
+ "@tamagui/animate-presence": "2.0.0-rc.30",
40
+ "@tamagui/compose-refs": "2.0.0-rc.30",
41
+ "@tamagui/constants": "2.0.0-rc.30",
42
+ "@tamagui/core": "2.0.0-rc.30",
43
+ "@tamagui/create-context": "2.0.0-rc.30",
44
+ "@tamagui/dialog": "2.0.0-rc.30",
45
+ "@tamagui/dismissable": "2.0.0-rc.30",
46
+ "@tamagui/focus-scope": "2.0.0-rc.30",
47
+ "@tamagui/helpers": "2.0.0-rc.30",
48
+ "@tamagui/polyfill-dev": "2.0.0-rc.30",
49
+ "@tamagui/portal": "2.0.0-rc.30",
50
+ "@tamagui/remove-scroll": "2.0.0-rc.30",
51
+ "@tamagui/stacks": "2.0.0-rc.30",
52
+ "@tamagui/text": "2.0.0-rc.30",
53
+ "@tamagui/use-controllable-state": "2.0.0-rc.30"
58
54
  },
59
55
  "devDependencies": {
60
- "@tamagui/build": "2.0.0-rc.3",
56
+ "@tamagui/build": "2.0.0-rc.30",
61
57
  "react": ">=19",
62
- "react-native": "0.81.5"
58
+ "react-native": "0.83.2"
63
59
  },
64
60
  "peerDependencies": {
65
61
  "react": ">=19",
@@ -29,7 +29,7 @@ declare const AlertDialogOverlay: import("@tamagui/core").TamaguiComponent<Omit<
29
29
  } & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> | "forceMount"> & Omit<{}, "scope"> & {
30
30
  scope?: AlertDialogScopes;
31
31
  } & {
32
- forceMount?: true;
32
+ forceMount?: boolean;
33
33
  } & {
34
34
  scope?: import("@tamagui/dialog").DialogScopes;
35
35
  } & Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
@@ -38,7 +38,7 @@ declare const AlertDialogOverlay: import("@tamagui/core").TamaguiComponent<Omit<
38
38
  }>, keyof import("@tamagui/stacks").StackVariants> & import("@tamagui/stacks").StackVariants, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<{}, "scope"> & {
39
39
  scope?: AlertDialogScopes;
40
40
  } & {
41
- forceMount?: true;
41
+ forceMount?: boolean;
42
42
  } & {
43
43
  scope?: import("@tamagui/dialog").DialogScopes;
44
44
  } & Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
@@ -108,7 +108,7 @@ declare const AlertDialog: React.FC<AlertDialogProps> & {
108
108
  } & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> | "forceMount"> & Omit<{}, "scope"> & {
109
109
  scope?: AlertDialogScopes;
110
110
  } & {
111
- forceMount?: true;
111
+ forceMount?: boolean;
112
112
  } & {
113
113
  scope?: import("@tamagui/dialog").DialogScopes;
114
114
  } & Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
@@ -117,7 +117,7 @@ declare const AlertDialog: React.FC<AlertDialogProps> & {
117
117
  }>, keyof import("@tamagui/stacks").StackVariants> & import("@tamagui/stacks").StackVariants, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<{}, "scope"> & {
118
118
  scope?: AlertDialogScopes;
119
119
  } & {
120
- forceMount?: true;
120
+ forceMount?: boolean;
121
121
  } & {
122
122
  scope?: import("@tamagui/dialog").DialogScopes;
123
123
  } & Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
@@ -1,209 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
- // If the importer is in node compatibility mode or this is not an ESM
17
- // file that has been converted to a CommonJS file using a Babel-
18
- // compatible transform (i.e. "__esModule" has not been set), then set
19
- // "default" to the CommonJS "module.exports" for node compatibility.
20
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
- mod
22
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
- var AlertDialog_exports = {};
24
- __export(AlertDialog_exports, {
25
- AlertDialog: () => AlertDialog,
26
- AlertDialogAction: () => AlertDialogAction,
27
- AlertDialogCancel: () => AlertDialogCancel,
28
- AlertDialogContent: () => AlertDialogContent,
29
- AlertDialogDescription: () => AlertDialogDescription,
30
- AlertDialogDestructive: () => AlertDialogDestructive,
31
- AlertDialogOverlay: () => AlertDialogOverlay,
32
- AlertDialogPortal: () => AlertDialogPortal,
33
- AlertDialogTitle: () => AlertDialogTitle,
34
- AlertDialogTrigger: () => AlertDialogTrigger
35
- });
36
- module.exports = __toCommonJS(AlertDialog_exports);
37
- var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_dialog = require("@tamagui/dialog"), import_helpers = require("@tamagui/helpers"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react"), 1), import_react_native = require("react-native-web"), import_jsx_runtime = require("react/jsx-runtime");
38
- const getAlertDialogScope = (scope) => scope, ROOT_NAME = "AlertDialog", TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = (0, import_core.styled)(import_core.View, {
39
- name: TRIGGER_NAME
40
- }), AlertDialogTrigger = NativeAlertDialogTriggerFrame.styleable(
41
- function(props, forwardedRef) {
42
- if (props.__native) {
43
- const { __native, onPress, __onPress, ...rest } = props;
44
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
45
- NativeAlertDialogTriggerFrame,
46
- {
47
- ...rest,
48
- onPress: (0, import_helpers.composeEventHandlers)(onPress, __onPress)
49
- }
50
- );
51
- }
52
- const { scope, ...triggerProps } = props;
53
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
54
- import_dialog.DialogTrigger,
55
- {
56
- scope: getAlertDialogScope(scope),
57
- ...triggerProps,
58
- ref: forwardedRef
59
- }
60
- );
61
- }
62
- );
63
- const AlertDialogPortal = function(props) {
64
- const { scope, ...portalProps } = props;
65
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogPortal, { scope: getAlertDialogScope(scope), ...portalProps });
66
- }, OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlayFrame = (0, import_core.styled)(import_dialog.DialogOverlayFrame, {
67
- name: OVERLAY_NAME
68
- }), AlertDialogOverlay = AlertDialogOverlayFrame.styleable(
69
- function(props, forwardedRef) {
70
- const { scope, ...overlayProps } = props;
71
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
72
- import_dialog.DialogOverlay,
73
- {
74
- scope: getAlertDialogScope(scope),
75
- ...overlayProps,
76
- ref: forwardedRef
77
- }
78
- );
79
- }
80
- ), CONTENT_NAME = "AlertDialogContent", {
81
- Provider: AlertDialogContextProvider,
82
- useStyledContext: useAlertDialogContentContext
83
- } = (0, import_core.createStyledContext)({}, "AlertDialogContext"), AlertDialogContent = React.forwardRef(
84
- function(props, forwardedRef) {
85
- const { scope, children, ...contentProps } = props, dialogScope = getAlertDialogScope(scope), contentRef = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), cancelRef = React.useRef(null), destructiveRef = React.useRef(null);
86
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
87
- import_dialog.DialogWarningProvider,
88
- {
89
- contentName: CONTENT_NAME,
90
- titleName: TITLE_NAME,
91
- docsSlug: "alert-dialog",
92
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
93
- AlertDialogContextProvider,
94
- {
95
- scope,
96
- cancelRef,
97
- destructiveRef,
98
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
99
- import_dialog.DialogContent,
100
- {
101
- role: "alertdialog",
102
- "aria-modal": !0,
103
- scope: dialogScope,
104
- ...contentProps,
105
- ref: composedRefs,
106
- onOpenAutoFocus: (0, import_helpers.composeEventHandlers)(
107
- contentProps.onOpenAutoFocus,
108
- (event) => {
109
- event.preventDefault(), import_constants.isWeb && cancelRef.current?.focus({ preventScroll: !0 });
110
- }
111
- ),
112
- onPointerDownOutside: (event) => event.preventDefault(),
113
- onInteractOutside: (event) => event.preventDefault(),
114
- children: [
115
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Slottable, { children }),
116
- process.env.NODE_ENV === "development" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DescriptionWarning, { contentRef })
117
- ]
118
- }
119
- )
120
- }
121
- )
122
- }
123
- );
124
- }
125
- ), TITLE_NAME = "AlertDialogTitle", AlertDialogTitleFrame = (0, import_core.styled)(import_core.View, {
126
- name: TITLE_NAME
127
- }), AlertDialogTitle = AlertDialogTitleFrame.styleable(
128
- function(props, forwardedRef) {
129
- const { scope, ...titleProps } = props;
130
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
131
- import_dialog.DialogTitle,
132
- {
133
- scope: getAlertDialogScope(scope),
134
- ...titleProps,
135
- ref: forwardedRef
136
- }
137
- );
138
- }
139
- ), DESCRIPTION_NAME = "AlertDialogDescription", AlertDialogDescriptionFrame = (0, import_core.styled)(import_core.View, {
140
- name: DESCRIPTION_NAME
141
- }), AlertDialogDescription = AlertDialogDescriptionFrame.styleable(
142
- function(props, forwardedRef) {
143
- const { scope, ...descriptionProps } = props;
144
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
145
- import_dialog.DialogDescription,
146
- {
147
- scope: getAlertDialogScope(scope),
148
- ...descriptionProps,
149
- ref: forwardedRef
150
- }
151
- );
152
- }
153
- ), ACTION_NAME = "AlertDialogAction", AlertDialogActionFrame = (0, import_core.styled)(import_core.View, {
154
- name: ACTION_NAME
155
- }), AlertDialogAction = AlertDialogActionFrame.styleable(
156
- function(props, forwardedRef) {
157
- const { scope, ...actionProps } = props;
158
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
159
- import_dialog.DialogClose,
160
- {
161
- scope: getAlertDialogScope(scope),
162
- ...actionProps,
163
- ref: forwardedRef
164
- }
165
- );
166
- }
167
- ), CANCEL_NAME = "AlertDialogCancel", AlertDialogCancelFrame = (0, import_core.styled)(import_core.View, {
168
- name: CANCEL_NAME
169
- }), AlertDialogCancel = AlertDialogCancelFrame.styleable(
170
- function(props, forwardedRef) {
171
- const { scope, ...cancelProps } = props, { cancelRef } = useAlertDialogContentContext(scope), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, cancelRef);
172
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogClose, { scope: getAlertDialogScope(scope), ...cancelProps, ref });
173
- }
174
- ), DESTRUCTIVE_NAME = "AlertDialogDestructive", AlertDialogDestructiveFrame = (0, import_core.styled)(import_core.View, {
175
- name: DESTRUCTIVE_NAME
176
- }), AlertDialogDestructive = AlertDialogDestructiveFrame.styleable(
177
- function(props, forwardedRef) {
178
- const { scope, ...destructiveProps } = props, { destructiveRef } = useAlertDialogContentContext(scope), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, destructiveRef);
179
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogClose, { scope: getAlertDialogScope(scope), ...destructiveProps, ref });
180
- }
181
- ), DescriptionWarning = ({ contentRef }) => (process.env.NODE_ENV === "development" && React.useEffect(() => {
182
- if (!import_constants.isWeb) return;
183
- document.getElementById(
184
- // @ts-ignore
185
- contentRef.current?.getAttribute("aria-describedby")
186
- ) || console.warn(`\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
187
-
188
- 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.
189
-
190
- 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.
191
-
192
- For more information, see https://tamagui.dev/docs/components/alert-dialog`);
193
- }, [contentRef]), null), AlertDialogInner = (props) => {
194
- const { scope, native, ...alertDialogProps } = props, dialogScope = getAlertDialogScope(scope);
195
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, { scope: dialogScope, ...alertDialogProps, modal: !0 });
196
- };
197
- const AlertDialog = (0, import_helpers.withStaticProperties)(AlertDialogInner, {
198
- Trigger: AlertDialogTrigger,
199
- Portal: AlertDialogPortal,
200
- Overlay: AlertDialogOverlay,
201
- Content: AlertDialogContent,
202
- Action: AlertDialogAction,
203
- Cancel: AlertDialogCancel,
204
- Destructive: AlertDialogDestructive,
205
- Title: AlertDialogTitle,
206
- Description: AlertDialogDescription
207
- });
208
- AlertDialog.displayName = ROOT_NAME;
209
- //# sourceMappingURL=AlertDialog.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/AlertDialog.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }
@@ -1,209 +0,0 @@
1
- import { useComposedRefs } from "@tamagui/compose-refs";
2
- import { isWeb } from "@tamagui/constants";
3
- import {
4
- Slottable,
5
- View,
6
- createStyledContext,
7
- styled
8
- } from "@tamagui/core";
9
- import {
10
- Dialog,
11
- DialogClose,
12
- DialogContent,
13
- DialogDescription,
14
- DialogOverlay,
15
- DialogOverlayFrame,
16
- DialogPortal,
17
- DialogTitle,
18
- DialogTrigger,
19
- DialogWarningProvider
20
- } from "@tamagui/dialog";
21
- import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
22
-
23
- import * as React from "react";
24
-
25
- import { jsx, jsxs } from "react/jsx-runtime";
26
- const getAlertDialogScope = (scope) => scope, ROOT_NAME = "AlertDialog", TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = styled(View, {
27
- name: TRIGGER_NAME
28
- }), AlertDialogTrigger = NativeAlertDialogTriggerFrame.styleable(
29
- function(props, forwardedRef) {
30
- if (props.__native) {
31
- const { __native, onPress, __onPress, ...rest } = props;
32
- return /* @__PURE__ */ jsx(
33
- NativeAlertDialogTriggerFrame,
34
- {
35
- ...rest,
36
- onPress: composeEventHandlers(onPress, __onPress)
37
- }
38
- );
39
- }
40
- const { scope, ...triggerProps } = props;
41
- return /* @__PURE__ */ jsx(
42
- DialogTrigger,
43
- {
44
- scope: getAlertDialogScope(scope),
45
- ...triggerProps,
46
- ref: forwardedRef
47
- }
48
- );
49
- }
50
- );
51
- const AlertDialogPortal = function(props) {
52
- const { scope, ...portalProps } = props;
53
- return /* @__PURE__ */ jsx(DialogPortal, { scope: getAlertDialogScope(scope), ...portalProps });
54
- }, OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlayFrame = styled(DialogOverlayFrame, {
55
- name: OVERLAY_NAME
56
- }), AlertDialogOverlay = AlertDialogOverlayFrame.styleable(
57
- function(props, forwardedRef) {
58
- const { scope, ...overlayProps } = props;
59
- return /* @__PURE__ */ jsx(
60
- DialogOverlay,
61
- {
62
- scope: getAlertDialogScope(scope),
63
- ...overlayProps,
64
- ref: forwardedRef
65
- }
66
- );
67
- }
68
- ), CONTENT_NAME = "AlertDialogContent", {
69
- Provider: AlertDialogContextProvider,
70
- useStyledContext: useAlertDialogContentContext
71
- } = createStyledContext({}, "AlertDialogContext"), AlertDialogContent = React.forwardRef(
72
- function(props, forwardedRef) {
73
- const { scope, children, ...contentProps } = props, dialogScope = getAlertDialogScope(scope), contentRef = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, contentRef), cancelRef = React.useRef(null), destructiveRef = React.useRef(null);
74
- return /* @__PURE__ */ jsx(
75
- DialogWarningProvider,
76
- {
77
- contentName: CONTENT_NAME,
78
- titleName: TITLE_NAME,
79
- docsSlug: "alert-dialog",
80
- children: /* @__PURE__ */ jsx(
81
- AlertDialogContextProvider,
82
- {
83
- scope,
84
- cancelRef,
85
- destructiveRef,
86
- children: /* @__PURE__ */ jsxs(
87
- DialogContent,
88
- {
89
- role: "alertdialog",
90
- "aria-modal": !0,
91
- scope: dialogScope,
92
- ...contentProps,
93
- ref: composedRefs,
94
- onOpenAutoFocus: composeEventHandlers(
95
- contentProps.onOpenAutoFocus,
96
- (event) => {
97
- event.preventDefault(), isWeb && cancelRef.current?.focus({ preventScroll: !0 });
98
- }
99
- ),
100
- onPointerDownOutside: (event) => event.preventDefault(),
101
- onInteractOutside: (event) => event.preventDefault(),
102
- children: [
103
- /* @__PURE__ */ jsx(Slottable, { children }),
104
- process.env.NODE_ENV === "development" && /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })
105
- ]
106
- }
107
- )
108
- }
109
- )
110
- }
111
- );
112
- }
113
- ), TITLE_NAME = "AlertDialogTitle", AlertDialogTitleFrame = styled(View, {
114
- name: TITLE_NAME
115
- }), AlertDialogTitle = AlertDialogTitleFrame.styleable(
116
- function(props, forwardedRef) {
117
- const { scope, ...titleProps } = props;
118
- return /* @__PURE__ */ jsx(
119
- DialogTitle,
120
- {
121
- scope: getAlertDialogScope(scope),
122
- ...titleProps,
123
- ref: forwardedRef
124
- }
125
- );
126
- }
127
- ), DESCRIPTION_NAME = "AlertDialogDescription", AlertDialogDescriptionFrame = styled(View, {
128
- name: DESCRIPTION_NAME
129
- }), AlertDialogDescription = AlertDialogDescriptionFrame.styleable(
130
- function(props, forwardedRef) {
131
- const { scope, ...descriptionProps } = props;
132
- return /* @__PURE__ */ jsx(
133
- DialogDescription,
134
- {
135
- scope: getAlertDialogScope(scope),
136
- ...descriptionProps,
137
- ref: forwardedRef
138
- }
139
- );
140
- }
141
- ), ACTION_NAME = "AlertDialogAction", AlertDialogActionFrame = styled(View, {
142
- name: ACTION_NAME
143
- }), AlertDialogAction = AlertDialogActionFrame.styleable(
144
- function(props, forwardedRef) {
145
- const { scope, ...actionProps } = props;
146
- return /* @__PURE__ */ jsx(
147
- DialogClose,
148
- {
149
- scope: getAlertDialogScope(scope),
150
- ...actionProps,
151
- ref: forwardedRef
152
- }
153
- );
154
- }
155
- ), CANCEL_NAME = "AlertDialogCancel", AlertDialogCancelFrame = styled(View, {
156
- name: CANCEL_NAME
157
- }), AlertDialogCancel = AlertDialogCancelFrame.styleable(
158
- function(props, forwardedRef) {
159
- const { scope, ...cancelProps } = props, { cancelRef } = useAlertDialogContentContext(scope), ref = useComposedRefs(forwardedRef, cancelRef);
160
- return /* @__PURE__ */ jsx(DialogClose, { scope: getAlertDialogScope(scope), ...cancelProps, ref });
161
- }
162
- ), DESTRUCTIVE_NAME = "AlertDialogDestructive", AlertDialogDestructiveFrame = styled(View, {
163
- name: DESTRUCTIVE_NAME
164
- }), AlertDialogDestructive = AlertDialogDestructiveFrame.styleable(
165
- function(props, forwardedRef) {
166
- const { scope, ...destructiveProps } = props, { destructiveRef } = useAlertDialogContentContext(scope), ref = useComposedRefs(forwardedRef, destructiveRef);
167
- return /* @__PURE__ */ jsx(DialogClose, { scope: getAlertDialogScope(scope), ...destructiveProps, ref });
168
- }
169
- ), DescriptionWarning = ({ contentRef }) => (process.env.NODE_ENV === "development" && React.useEffect(() => {
170
- if (!isWeb) return;
171
- document.getElementById(
172
- // @ts-ignore
173
- contentRef.current?.getAttribute("aria-describedby")
174
- ) || console.warn(`\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
175
-
176
- 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.
177
-
178
- 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.
179
-
180
- For more information, see https://tamagui.dev/docs/components/alert-dialog`);
181
- }, [contentRef]), null), AlertDialogInner = (props) => {
182
- const { scope, native, ...alertDialogProps } = props, dialogScope = getAlertDialogScope(scope);
183
- return /* @__PURE__ */ jsx(Dialog, { scope: dialogScope, ...alertDialogProps, modal: !0 });
184
- };
185
- const AlertDialog = withStaticProperties(AlertDialogInner, {
186
- Trigger: AlertDialogTrigger,
187
- Portal: AlertDialogPortal,
188
- Overlay: AlertDialogOverlay,
189
- Content: AlertDialogContent,
190
- Action: AlertDialogAction,
191
- Cancel: AlertDialogCancel,
192
- Destructive: AlertDialogDestructive,
193
- Title: AlertDialogTitle,
194
- Description: AlertDialogDescription
195
- });
196
- AlertDialog.displayName = ROOT_NAME;
197
- export {
198
- AlertDialog,
199
- AlertDialogAction,
200
- AlertDialogCancel,
201
- AlertDialogContent,
202
- AlertDialogDescription,
203
- AlertDialogDestructive,
204
- AlertDialogOverlay,
205
- AlertDialogPortal,
206
- AlertDialogTitle,
207
- AlertDialogTrigger
208
- };
209
- //# sourceMappingURL=AlertDialog.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/AlertDialog.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }
@@ -1,209 +0,0 @@
1
- import { useComposedRefs } from "@tamagui/compose-refs";
2
- import { isWeb } from "@tamagui/constants";
3
- import {
4
- Slottable,
5
- View,
6
- createStyledContext,
7
- styled
8
- } from "@tamagui/core";
9
- import {
10
- Dialog,
11
- DialogClose,
12
- DialogContent,
13
- DialogDescription,
14
- DialogOverlay,
15
- DialogOverlayFrame,
16
- DialogPortal,
17
- DialogTitle,
18
- DialogTrigger,
19
- DialogWarningProvider
20
- } from "@tamagui/dialog";
21
- import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
22
-
23
- import * as React from "react";
24
-
25
- import { jsx, jsxs } from "react/jsx-runtime";
26
- const getAlertDialogScope = (scope) => scope, ROOT_NAME = "AlertDialog", TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = styled(View, {
27
- name: TRIGGER_NAME
28
- }), AlertDialogTrigger = NativeAlertDialogTriggerFrame.styleable(
29
- function(props, forwardedRef) {
30
- if (props.__native) {
31
- const { __native, onPress, __onPress, ...rest } = props;
32
- return /* @__PURE__ */ jsx(
33
- NativeAlertDialogTriggerFrame,
34
- {
35
- ...rest,
36
- onPress: composeEventHandlers(onPress, __onPress)
37
- }
38
- );
39
- }
40
- const { scope, ...triggerProps } = props;
41
- return /* @__PURE__ */ jsx(
42
- DialogTrigger,
43
- {
44
- scope: getAlertDialogScope(scope),
45
- ...triggerProps,
46
- ref: forwardedRef
47
- }
48
- );
49
- }
50
- );
51
- const AlertDialogPortal = function(props) {
52
- const { scope, ...portalProps } = props;
53
- return /* @__PURE__ */ jsx(DialogPortal, { scope: getAlertDialogScope(scope), ...portalProps });
54
- }, OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlayFrame = styled(DialogOverlayFrame, {
55
- name: OVERLAY_NAME
56
- }), AlertDialogOverlay = AlertDialogOverlayFrame.styleable(
57
- function(props, forwardedRef) {
58
- const { scope, ...overlayProps } = props;
59
- return /* @__PURE__ */ jsx(
60
- DialogOverlay,
61
- {
62
- scope: getAlertDialogScope(scope),
63
- ...overlayProps,
64
- ref: forwardedRef
65
- }
66
- );
67
- }
68
- ), CONTENT_NAME = "AlertDialogContent", {
69
- Provider: AlertDialogContextProvider,
70
- useStyledContext: useAlertDialogContentContext
71
- } = createStyledContext({}, "AlertDialogContext"), AlertDialogContent = React.forwardRef(
72
- function(props, forwardedRef) {
73
- const { scope, children, ...contentProps } = props, dialogScope = getAlertDialogScope(scope), contentRef = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, contentRef), cancelRef = React.useRef(null), destructiveRef = React.useRef(null);
74
- return /* @__PURE__ */ jsx(
75
- DialogWarningProvider,
76
- {
77
- contentName: CONTENT_NAME,
78
- titleName: TITLE_NAME,
79
- docsSlug: "alert-dialog",
80
- children: /* @__PURE__ */ jsx(
81
- AlertDialogContextProvider,
82
- {
83
- scope,
84
- cancelRef,
85
- destructiveRef,
86
- children: /* @__PURE__ */ jsxs(
87
- DialogContent,
88
- {
89
- role: "alertdialog",
90
- "aria-modal": !0,
91
- scope: dialogScope,
92
- ...contentProps,
93
- ref: composedRefs,
94
- onOpenAutoFocus: composeEventHandlers(
95
- contentProps.onOpenAutoFocus,
96
- (event) => {
97
- event.preventDefault(), isWeb && cancelRef.current?.focus({ preventScroll: !0 });
98
- }
99
- ),
100
- onPointerDownOutside: (event) => event.preventDefault(),
101
- onInteractOutside: (event) => event.preventDefault(),
102
- children: [
103
- /* @__PURE__ */ jsx(Slottable, { children }),
104
- process.env.NODE_ENV === "development" && /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })
105
- ]
106
- }
107
- )
108
- }
109
- )
110
- }
111
- );
112
- }
113
- ), TITLE_NAME = "AlertDialogTitle", AlertDialogTitleFrame = styled(View, {
114
- name: TITLE_NAME
115
- }), AlertDialogTitle = AlertDialogTitleFrame.styleable(
116
- function(props, forwardedRef) {
117
- const { scope, ...titleProps } = props;
118
- return /* @__PURE__ */ jsx(
119
- DialogTitle,
120
- {
121
- scope: getAlertDialogScope(scope),
122
- ...titleProps,
123
- ref: forwardedRef
124
- }
125
- );
126
- }
127
- ), DESCRIPTION_NAME = "AlertDialogDescription", AlertDialogDescriptionFrame = styled(View, {
128
- name: DESCRIPTION_NAME
129
- }), AlertDialogDescription = AlertDialogDescriptionFrame.styleable(
130
- function(props, forwardedRef) {
131
- const { scope, ...descriptionProps } = props;
132
- return /* @__PURE__ */ jsx(
133
- DialogDescription,
134
- {
135
- scope: getAlertDialogScope(scope),
136
- ...descriptionProps,
137
- ref: forwardedRef
138
- }
139
- );
140
- }
141
- ), ACTION_NAME = "AlertDialogAction", AlertDialogActionFrame = styled(View, {
142
- name: ACTION_NAME
143
- }), AlertDialogAction = AlertDialogActionFrame.styleable(
144
- function(props, forwardedRef) {
145
- const { scope, ...actionProps } = props;
146
- return /* @__PURE__ */ jsx(
147
- DialogClose,
148
- {
149
- scope: getAlertDialogScope(scope),
150
- ...actionProps,
151
- ref: forwardedRef
152
- }
153
- );
154
- }
155
- ), CANCEL_NAME = "AlertDialogCancel", AlertDialogCancelFrame = styled(View, {
156
- name: CANCEL_NAME
157
- }), AlertDialogCancel = AlertDialogCancelFrame.styleable(
158
- function(props, forwardedRef) {
159
- const { scope, ...cancelProps } = props, { cancelRef } = useAlertDialogContentContext(scope), ref = useComposedRefs(forwardedRef, cancelRef);
160
- return /* @__PURE__ */ jsx(DialogClose, { scope: getAlertDialogScope(scope), ...cancelProps, ref });
161
- }
162
- ), DESTRUCTIVE_NAME = "AlertDialogDestructive", AlertDialogDestructiveFrame = styled(View, {
163
- name: DESTRUCTIVE_NAME
164
- }), AlertDialogDestructive = AlertDialogDestructiveFrame.styleable(
165
- function(props, forwardedRef) {
166
- const { scope, ...destructiveProps } = props, { destructiveRef } = useAlertDialogContentContext(scope), ref = useComposedRefs(forwardedRef, destructiveRef);
167
- return /* @__PURE__ */ jsx(DialogClose, { scope: getAlertDialogScope(scope), ...destructiveProps, ref });
168
- }
169
- ), DescriptionWarning = ({ contentRef }) => (process.env.NODE_ENV === "development" && React.useEffect(() => {
170
- if (!isWeb) return;
171
- document.getElementById(
172
- // @ts-ignore
173
- contentRef.current?.getAttribute("aria-describedby")
174
- ) || console.warn(`\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
175
-
176
- 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.
177
-
178
- 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.
179
-
180
- For more information, see https://tamagui.dev/docs/components/alert-dialog`);
181
- }, [contentRef]), null), AlertDialogInner = (props) => {
182
- const { scope, native, ...alertDialogProps } = props, dialogScope = getAlertDialogScope(scope);
183
- return /* @__PURE__ */ jsx(Dialog, { scope: dialogScope, ...alertDialogProps, modal: !0 });
184
- };
185
- const AlertDialog = withStaticProperties(AlertDialogInner, {
186
- Trigger: AlertDialogTrigger,
187
- Portal: AlertDialogPortal,
188
- Overlay: AlertDialogOverlay,
189
- Content: AlertDialogContent,
190
- Action: AlertDialogAction,
191
- Cancel: AlertDialogCancel,
192
- Destructive: AlertDialogDestructive,
193
- Title: AlertDialogTitle,
194
- Description: AlertDialogDescription
195
- });
196
- AlertDialog.displayName = ROOT_NAME;
197
- export {
198
- AlertDialog,
199
- AlertDialogAction,
200
- AlertDialogCancel,
201
- AlertDialogContent,
202
- AlertDialogDescription,
203
- AlertDialogDestructive,
204
- AlertDialogOverlay,
205
- AlertDialogPortal,
206
- AlertDialogTitle,
207
- AlertDialogTrigger
208
- };
209
- //# sourceMappingURL=AlertDialog.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/AlertDialog.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }