@hanzogui/dialog 2.0.0
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/LICENSE +21 -0
- package/dist/cjs/Dialog.cjs +618 -0
- package/dist/cjs/Dialog.native.js +691 -0
- package/dist/cjs/Dialog.native.js.map +1 -0
- package/dist/cjs/index.cjs +18 -0
- package/dist/cjs/index.native.js +21 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/esm/Dialog.mjs +571 -0
- package/dist/esm/Dialog.mjs.map +1 -0
- package/dist/esm/Dialog.native.js +641 -0
- package/dist/esm/Dialog.native.js.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +2 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/jsx/Dialog.mjs +571 -0
- package/dist/jsx/Dialog.mjs.map +1 -0
- package/dist/jsx/Dialog.native.js +691 -0
- package/dist/jsx/Dialog.native.js.map +1 -0
- package/dist/jsx/index.js +2 -0
- package/dist/jsx/index.js.map +1 -0
- package/dist/jsx/index.mjs +2 -0
- package/dist/jsx/index.mjs.map +1 -0
- package/dist/jsx/index.native.js +21 -0
- package/dist/jsx/index.native.js.map +1 -0
- package/package.json +68 -0
- package/src/Dialog.tsx +1009 -0
- package/src/index.ts +1 -0
- package/types/Dialog.d.ts +409 -0
- package/types/index.d.ts +2 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Adapt","AdaptParent","AdaptPortalContents","ProvideAdaptContext","useAdaptContext","useAdaptIsActive","Animate","composeRefs","useComposedRefs","isWeb","useIsomorphicLayoutEffect","createStyledContext","getExpandedShorthand","LayoutMeasurementController","styled","Theme","useThemeName","View","createContext","Dismissable","FocusScope","FocusScopeController","composeEventHandlers","withStaticProperties","needsPortalRepropagation","Portal","PortalItem","resolveViewZIndex","RemoveScroll","SheetController","ButtonNestingContext","ThemeableStack","YStack","H2","Paragraph","useControllableState","StackZIndexContext","React","_instanceof","left","right","Symbol","hasInstance","DialogContext","useStyledContext","useDialogContext","Provider","DialogProvider","DialogTriggerFrame","name","DialogTrigger","styleable","props","forwardedRef","scope","triggerProps","isInsideButton","useContext","context","composedTriggerRef","triggerRef","value","children","render","open","contentId","getState","ref","onPress","onOpenToggle","DialogPortalFrame","pointerEvents","variants","unstyled","false","alignItems","justifyContent","fullscreen","borderWidth","backgroundColor","color","maxInlineSize","margin","width","height","maxHeight","position","zIndex","defaultVariants","process","env","HANZO_GUI_HEADLESS","needsRepropagation","DialogPortalItem","param","themeName","isAdapted","adaptScope","adaptContext","content","modal","hostName","DialogPortal","forwardRef","forceMount","frameProps","dialogRef","useRef","keepMounted","keepChildrenMounted","isFullyHidden","setIsFullyHidden","useState","isVisible","node","current","HTMLDialogElement","_node_show","show","call","_node_close","close","onAnimationCompleteRef","onAnimationComplete","handleExitComplete","useCallback","_onAnimationCompleteRef_current","useEffect","tm","setTimeout","clearTimeout","contents","type","present","onExitComplete","passThrough","framedContents","disable","className","stackZIndex","PassthroughTheme","forceClassName","OVERLAY_NAME","DialogOverlayFrame","true","DialogOverlay","overlayProps","CONTENT_NAME","DialogContentFrame","size","...size","val","extras","borderColor","padding","borderRadius","elevate","DialogContent","DialogContentModal","DialogContentNonModal","disableRemoveScroll","enabled","contentRef","composedRefs","DialogContentImpl","trapFocus","disableOutsidePointerEvents","onCloseAutoFocus","event","_context_triggerRef_current","preventDefault","focus","onPointerDownOutside","originalEvent","detail","ctrlLeftClick","button","ctrlKey","isRightClick","onFocusOutside","outlineStyle","hasInteractedOutsideRef","_props_onCloseAutoFocus","defaultPrevented","_props_context_triggerRef_current","onInteractOutside","_props_onInteractOutside","target","trigger","HTMLElement","targetIsTrigger","contains","onOpenAutoFocus","onEscapeKeyDown","contentProps","id","role","descriptionId","titleId","forceUnmount","onDismiss","_context_onOpenChange","onOpenChange","loop","trapped","onMountAutoFocus","onUnmountAutoFocus","NODE_ENV","TitleWarning","DescriptionWarning","DialogTitleFrame","DialogTitle","titleProps","DialogDescriptionFrame","DialogDescription","descriptionProps","CLOSE_NAME","DialogCloseFrame","DialogClose","displayWhenAdapted","closeProps","TITLE_WARNING_NAME","DialogWarningProvider","useWarningContext","contentName","titleName","docsSlug","titleWarningContext","MESSAGE","hasTitle","document","getElementById","console","warn","DESCRIPTION_WARNING_NAME","descriptionWarningContext","contentNode","describedById","getAttribute","hasDescription","Dialog","openProp","defaultOpen","baseId","useId","dialogId","setOpen","prop","defaultProp","onChange","prevOpen","dialogScope","useImperativeHandle","portal","forwardProps","DialogSheetController"],"sources":["../../src/Dialog.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,571 @@
|
|
|
1
|
+
import { Adapt, AdaptParent, AdaptPortalContents, ProvideAdaptContext, useAdaptContext, useAdaptIsActive } from "@hanzo/gui-adapt";
|
|
2
|
+
import { Animate } from "@hanzo/gui-animate";
|
|
3
|
+
import { composeRefs, useComposedRefs } from "@hanzo/gui-compose-refs";
|
|
4
|
+
import { isWeb, useIsomorphicLayoutEffect } from "@hanzo/gui-constants";
|
|
5
|
+
import { createStyledContext, getExpandedShorthand, LayoutMeasurementController, styled, Theme, useThemeName, View } from "@hanzo/gui-core";
|
|
6
|
+
import { createContext } from "@hanzo/gui-create-context";
|
|
7
|
+
import { Dismissable } from "@hanzo/gui-dismissable";
|
|
8
|
+
import { FocusScope, FocusScopeController } from "@hanzo/gui-focus-scope";
|
|
9
|
+
import { composeEventHandlers, withStaticProperties } from "@hanzo/gui-helpers";
|
|
10
|
+
import { needsPortalRepropagation, Portal, PortalItem, resolveViewZIndex } from "@hanzo/gui-portal";
|
|
11
|
+
import { RemoveScroll } from "@hanzo/gui-remove-scroll";
|
|
12
|
+
import { SheetController } from "@hanzo/gui-sheet/controller";
|
|
13
|
+
import { ButtonNestingContext, ThemeableStack, YStack } from "@hanzo/gui-stacks";
|
|
14
|
+
import { H2, Paragraph } from "@hanzo/gui-text";
|
|
15
|
+
import { useControllableState } from "@hanzo/gui-use-controllable-state";
|
|
16
|
+
import { StackZIndexContext } from "@hanzo/gui-z-index-stack";
|
|
17
|
+
import * as React from "react";
|
|
18
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
19
|
+
const DialogContext = createStyledContext(
|
|
20
|
+
// since we always provide this we can avoid setting here
|
|
21
|
+
{}, "Dialog__"),
|
|
22
|
+
{
|
|
23
|
+
useStyledContext: useDialogContext,
|
|
24
|
+
Provider: DialogProvider
|
|
25
|
+
} = DialogContext,
|
|
26
|
+
DialogTriggerFrame = styled(View, {
|
|
27
|
+
name: "DialogTrigger"
|
|
28
|
+
}),
|
|
29
|
+
DialogTrigger = DialogTriggerFrame.styleable(function (props, forwardedRef) {
|
|
30
|
+
const {
|
|
31
|
+
scope,
|
|
32
|
+
...triggerProps
|
|
33
|
+
} = props,
|
|
34
|
+
isInsideButton = React.useContext(ButtonNestingContext),
|
|
35
|
+
context = useDialogContext(scope),
|
|
36
|
+
composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
|
|
37
|
+
return /* @__PURE__ */jsx(ButtonNestingContext.Provider, {
|
|
38
|
+
value: !0,
|
|
39
|
+
children: /* @__PURE__ */jsx(DialogTriggerFrame, {
|
|
40
|
+
render: isInsideButton ? "span" : "button",
|
|
41
|
+
"aria-haspopup": "dialog",
|
|
42
|
+
"aria-expanded": context.open,
|
|
43
|
+
"aria-controls": context.contentId,
|
|
44
|
+
"data-state": getState(context.open),
|
|
45
|
+
...triggerProps,
|
|
46
|
+
ref: composedTriggerRef,
|
|
47
|
+
onPress: composeEventHandlers(props.onPress, context.onOpenToggle)
|
|
48
|
+
})
|
|
49
|
+
});
|
|
50
|
+
}),
|
|
51
|
+
DialogPortalFrame = styled(YStack, {
|
|
52
|
+
pointerEvents: "none",
|
|
53
|
+
render: "dialog",
|
|
54
|
+
variants: {
|
|
55
|
+
unstyled: {
|
|
56
|
+
false: {
|
|
57
|
+
alignItems: "center",
|
|
58
|
+
justifyContent: "center",
|
|
59
|
+
fullscreen: !0,
|
|
60
|
+
"$platform-web": {
|
|
61
|
+
// undo dialog styles
|
|
62
|
+
borderWidth: 0,
|
|
63
|
+
backgroundColor: "transparent",
|
|
64
|
+
color: "inherit",
|
|
65
|
+
maxInlineSize: "none",
|
|
66
|
+
margin: 0,
|
|
67
|
+
width: "auto",
|
|
68
|
+
height: "auto",
|
|
69
|
+
// ensure always in frame and right height
|
|
70
|
+
maxHeight: "100vh",
|
|
71
|
+
position: "fixed",
|
|
72
|
+
// ensure dialog inherits stacking context from portal wrapper
|
|
73
|
+
zIndex: 1
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
defaultVariants: {
|
|
79
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
80
|
+
}
|
|
81
|
+
}),
|
|
82
|
+
needsRepropagation = needsPortalRepropagation(),
|
|
83
|
+
DialogPortalItem = ({
|
|
84
|
+
context,
|
|
85
|
+
children
|
|
86
|
+
}) => {
|
|
87
|
+
const themeName = useThemeName(),
|
|
88
|
+
isAdapted = useAdaptIsActive(context.adaptScope),
|
|
89
|
+
adaptContext = useAdaptContext(context.adaptScope);
|
|
90
|
+
let content = /* @__PURE__ */jsx(Theme, {
|
|
91
|
+
name: themeName,
|
|
92
|
+
children
|
|
93
|
+
});
|
|
94
|
+
return needsRepropagation && (content = /* @__PURE__ */jsx(ProvideAdaptContext, {
|
|
95
|
+
...adaptContext,
|
|
96
|
+
children: /* @__PURE__ */jsx(DialogProvider, {
|
|
97
|
+
...context,
|
|
98
|
+
children: content
|
|
99
|
+
})
|
|
100
|
+
})), isAdapted ? /* @__PURE__ */jsx(AdaptPortalContents, {
|
|
101
|
+
scope: context.adaptScope,
|
|
102
|
+
children: content
|
|
103
|
+
}) : context.modal ? /* @__PURE__ */jsx(PortalItem, {
|
|
104
|
+
hostName: context.modal ? "root" : context.adaptScope,
|
|
105
|
+
children: content
|
|
106
|
+
}) : content;
|
|
107
|
+
},
|
|
108
|
+
DialogPortal = React.forwardRef((props, forwardRef) => {
|
|
109
|
+
const {
|
|
110
|
+
scope,
|
|
111
|
+
forceMount,
|
|
112
|
+
children,
|
|
113
|
+
...frameProps
|
|
114
|
+
} = props,
|
|
115
|
+
dialogRef = React.useRef(null),
|
|
116
|
+
ref = composeRefs(dialogRef, forwardRef),
|
|
117
|
+
context = useDialogContext(scope),
|
|
118
|
+
keepMounted = forceMount || context.keepChildrenMounted,
|
|
119
|
+
isAdapted = useAdaptIsActive(context.adaptScope),
|
|
120
|
+
[isFullyHidden, setIsFullyHidden] = React.useState(!context.open);
|
|
121
|
+
context.open && isFullyHidden && setIsFullyHidden(!1);
|
|
122
|
+
const isVisible = context.open ? !0 : !isFullyHidden;
|
|
123
|
+
isWeb && useIsomorphicLayoutEffect(() => {
|
|
124
|
+
const node = dialogRef.current;
|
|
125
|
+
node instanceof HTMLDialogElement && (isVisible ? node.show?.() : node.close?.());
|
|
126
|
+
}, [isVisible]);
|
|
127
|
+
const onAnimationCompleteRef = React.useRef(context.onAnimationComplete);
|
|
128
|
+
onAnimationCompleteRef.current = context.onAnimationComplete;
|
|
129
|
+
const handleExitComplete = React.useCallback(() => {
|
|
130
|
+
setIsFullyHidden(!0), onAnimationCompleteRef.current?.({
|
|
131
|
+
open: !1
|
|
132
|
+
});
|
|
133
|
+
}, []);
|
|
134
|
+
React.useEffect(() => {
|
|
135
|
+
if (context.open && !isAdapted && onAnimationCompleteRef.current) {
|
|
136
|
+
const tm = setTimeout(() => {
|
|
137
|
+
onAnimationCompleteRef.current?.({
|
|
138
|
+
open: !0
|
|
139
|
+
});
|
|
140
|
+
}, 350);
|
|
141
|
+
return () => clearTimeout(tm);
|
|
142
|
+
}
|
|
143
|
+
}, [context.open, isAdapted]);
|
|
144
|
+
const zIndex = getExpandedShorthand("zIndex", props),
|
|
145
|
+
contents = /* @__PURE__ */jsx(StackZIndexContext, {
|
|
146
|
+
zIndex: resolveViewZIndex(zIndex),
|
|
147
|
+
children: /* @__PURE__ */jsx(Animate, {
|
|
148
|
+
type: "presence",
|
|
149
|
+
present: !!context.open,
|
|
150
|
+
keepChildrenMounted: !!keepMounted,
|
|
151
|
+
onExitComplete: handleExitComplete,
|
|
152
|
+
passThrough: isAdapted,
|
|
153
|
+
children
|
|
154
|
+
})
|
|
155
|
+
}),
|
|
156
|
+
framedContents = isFullyHidden && !keepMounted && !isAdapted ? null : /* @__PURE__ */jsx(LayoutMeasurementController, {
|
|
157
|
+
disable: !context.open,
|
|
158
|
+
children: /* @__PURE__ */jsx(DialogPortalFrame, {
|
|
159
|
+
ref,
|
|
160
|
+
...(isWeb && context.open && {
|
|
161
|
+
"aria-modal": !0
|
|
162
|
+
}),
|
|
163
|
+
pointerEvents: context.open ? "auto" : "none",
|
|
164
|
+
...frameProps,
|
|
165
|
+
className: "_no_backdrop " + (frameProps.className || ""),
|
|
166
|
+
children: contents
|
|
167
|
+
})
|
|
168
|
+
});
|
|
169
|
+
return isWeb ? /* @__PURE__ */jsx(Portal, {
|
|
170
|
+
zIndex,
|
|
171
|
+
stackZIndex: 1e5,
|
|
172
|
+
passThrough: isAdapted,
|
|
173
|
+
children: /* @__PURE__ */jsx(PassthroughTheme, {
|
|
174
|
+
passThrough: isAdapted,
|
|
175
|
+
children: framedContents
|
|
176
|
+
})
|
|
177
|
+
}) : isAdapted ? framedContents : /* @__PURE__ */jsx(DialogPortalItem, {
|
|
178
|
+
context,
|
|
179
|
+
children: framedContents
|
|
180
|
+
});
|
|
181
|
+
}),
|
|
182
|
+
PassthroughTheme = ({
|
|
183
|
+
children,
|
|
184
|
+
passThrough
|
|
185
|
+
}) => {
|
|
186
|
+
const themeName = useThemeName();
|
|
187
|
+
return /* @__PURE__ */jsx(Theme, {
|
|
188
|
+
passThrough,
|
|
189
|
+
name: themeName,
|
|
190
|
+
forceClassName: !0,
|
|
191
|
+
children
|
|
192
|
+
});
|
|
193
|
+
},
|
|
194
|
+
OVERLAY_NAME = "DialogOverlay",
|
|
195
|
+
DialogOverlayFrame = styled(YStack, {
|
|
196
|
+
name: OVERLAY_NAME,
|
|
197
|
+
zIndex: 1,
|
|
198
|
+
variants: {
|
|
199
|
+
open: {
|
|
200
|
+
true: {
|
|
201
|
+
pointerEvents: "auto"
|
|
202
|
+
},
|
|
203
|
+
false: {
|
|
204
|
+
pointerEvents: "none"
|
|
205
|
+
}
|
|
206
|
+
},
|
|
207
|
+
unstyled: {
|
|
208
|
+
false: {
|
|
209
|
+
fullscreen: !0,
|
|
210
|
+
position: "absolute",
|
|
211
|
+
backgroundColor: "$background",
|
|
212
|
+
pointerEvents: "auto"
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
},
|
|
216
|
+
defaultVariants: {
|
|
217
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
218
|
+
}
|
|
219
|
+
}),
|
|
220
|
+
DialogOverlay = DialogOverlayFrame.styleable(function ({
|
|
221
|
+
scope,
|
|
222
|
+
...props
|
|
223
|
+
}, forwardedRef) {
|
|
224
|
+
const context = useDialogContext(scope),
|
|
225
|
+
{
|
|
226
|
+
forceMount = context.forceMount,
|
|
227
|
+
...overlayProps
|
|
228
|
+
} = props,
|
|
229
|
+
isAdapted = useAdaptIsActive(context.adaptScope);
|
|
230
|
+
return !forceMount && (!context.modal || isAdapted) ? null : /* @__PURE__ */jsx(DialogOverlayFrame, {
|
|
231
|
+
"data-state": getState(context.open),
|
|
232
|
+
pointerEvents: context.open ? "auto" : "none",
|
|
233
|
+
...overlayProps,
|
|
234
|
+
ref: forwardedRef
|
|
235
|
+
});
|
|
236
|
+
}),
|
|
237
|
+
CONTENT_NAME = "DialogContent",
|
|
238
|
+
DialogContentFrame = styled(ThemeableStack, {
|
|
239
|
+
name: CONTENT_NAME,
|
|
240
|
+
zIndex: 2,
|
|
241
|
+
variants: {
|
|
242
|
+
size: {
|
|
243
|
+
"...size": (val, extras) => ({})
|
|
244
|
+
},
|
|
245
|
+
unstyled: {
|
|
246
|
+
false: {
|
|
247
|
+
position: "relative",
|
|
248
|
+
backgroundColor: "$background",
|
|
249
|
+
borderWidth: 1,
|
|
250
|
+
borderColor: "$borderColor",
|
|
251
|
+
padding: "$true",
|
|
252
|
+
borderRadius: "$true",
|
|
253
|
+
elevate: !0,
|
|
254
|
+
// Ensure content receives pointer events (fixes React 19 + display:contents inheritance)
|
|
255
|
+
pointerEvents: "auto"
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
},
|
|
259
|
+
defaultVariants: {
|
|
260
|
+
size: "$true",
|
|
261
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
262
|
+
}
|
|
263
|
+
}),
|
|
264
|
+
DialogContent = DialogContentFrame.styleable(function ({
|
|
265
|
+
scope,
|
|
266
|
+
...props
|
|
267
|
+
}, forwardedRef) {
|
|
268
|
+
const context = useDialogContext(scope),
|
|
269
|
+
contents = /* @__PURE__ */jsx(Fragment, {
|
|
270
|
+
children: context.modal ? /* @__PURE__ */jsx(DialogContentModal, {
|
|
271
|
+
context,
|
|
272
|
+
...props,
|
|
273
|
+
ref: forwardedRef
|
|
274
|
+
}) : /* @__PURE__ */jsx(DialogContentNonModal, {
|
|
275
|
+
context,
|
|
276
|
+
...props,
|
|
277
|
+
ref: forwardedRef
|
|
278
|
+
})
|
|
279
|
+
});
|
|
280
|
+
return !isWeb || context.disableRemoveScroll ? contents : /* @__PURE__ */jsx(RemoveScroll, {
|
|
281
|
+
enabled: context.open,
|
|
282
|
+
children: /* @__PURE__ */jsx("div", {
|
|
283
|
+
"data-remove-scroll-container": !0,
|
|
284
|
+
className: "_dsp_contents",
|
|
285
|
+
children: contents
|
|
286
|
+
})
|
|
287
|
+
});
|
|
288
|
+
}),
|
|
289
|
+
DialogContentModal = React.forwardRef(({
|
|
290
|
+
children,
|
|
291
|
+
context,
|
|
292
|
+
...props
|
|
293
|
+
}, forwardedRef) => {
|
|
294
|
+
const contentRef = React.useRef(null),
|
|
295
|
+
composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
|
|
296
|
+
return /* @__PURE__ */jsx(DialogContentImpl, {
|
|
297
|
+
...props,
|
|
298
|
+
context,
|
|
299
|
+
ref: composedRefs,
|
|
300
|
+
trapFocus: context.open,
|
|
301
|
+
disableOutsidePointerEvents: !0,
|
|
302
|
+
onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, event => {
|
|
303
|
+
event.preventDefault(), context.triggerRef.current?.focus();
|
|
304
|
+
}),
|
|
305
|
+
onPointerDownOutside: composeEventHandlers(props.onPointerDownOutside, event => {
|
|
306
|
+
const originalEvent = event.detail.originalEvent,
|
|
307
|
+
ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === !0;
|
|
308
|
+
(originalEvent.button === 2 || ctrlLeftClick) && event.preventDefault();
|
|
309
|
+
}),
|
|
310
|
+
onFocusOutside: composeEventHandlers(props.onFocusOutside, event => event.preventDefault()),
|
|
311
|
+
...(!props.unstyled && {
|
|
312
|
+
outlineStyle: "none"
|
|
313
|
+
}),
|
|
314
|
+
children
|
|
315
|
+
});
|
|
316
|
+
}),
|
|
317
|
+
DialogContentNonModal = React.forwardRef((props, forwardedRef) => {
|
|
318
|
+
const hasInteractedOutsideRef = React.useRef(!1);
|
|
319
|
+
return /* @__PURE__ */jsx(DialogContentImpl, {
|
|
320
|
+
...props,
|
|
321
|
+
ref: forwardedRef,
|
|
322
|
+
trapFocus: !1,
|
|
323
|
+
disableOutsidePointerEvents: !1,
|
|
324
|
+
onCloseAutoFocus: event => {
|
|
325
|
+
props.onCloseAutoFocus?.(event), event.defaultPrevented || (hasInteractedOutsideRef.current || props.context.triggerRef.current?.focus(), event.preventDefault()), hasInteractedOutsideRef.current = !1;
|
|
326
|
+
},
|
|
327
|
+
onInteractOutside: event => {
|
|
328
|
+
props.onInteractOutside?.(event), event.defaultPrevented || (hasInteractedOutsideRef.current = !0);
|
|
329
|
+
const target = event.target,
|
|
330
|
+
trigger = props.context.triggerRef.current;
|
|
331
|
+
if (!(trigger instanceof HTMLElement)) return;
|
|
332
|
+
trigger.contains(target) && event.preventDefault();
|
|
333
|
+
}
|
|
334
|
+
});
|
|
335
|
+
}),
|
|
336
|
+
DialogContentImpl = React.forwardRef((props, forwardedRef) => {
|
|
337
|
+
const {
|
|
338
|
+
trapFocus,
|
|
339
|
+
onOpenAutoFocus,
|
|
340
|
+
onCloseAutoFocus,
|
|
341
|
+
disableOutsidePointerEvents,
|
|
342
|
+
onEscapeKeyDown,
|
|
343
|
+
onPointerDownOutside,
|
|
344
|
+
onFocusOutside,
|
|
345
|
+
onInteractOutside,
|
|
346
|
+
context,
|
|
347
|
+
...contentProps
|
|
348
|
+
} = props,
|
|
349
|
+
contentRef = React.useRef(null),
|
|
350
|
+
composedRefs = useComposedRefs(forwardedRef, contentRef);
|
|
351
|
+
if (useAdaptIsActive(context.adaptScope)) return !isWeb && !context.open ? null : /* @__PURE__ */jsx(DialogPortalItem, {
|
|
352
|
+
context,
|
|
353
|
+
children: contentProps.children
|
|
354
|
+
});
|
|
355
|
+
const contents = /* @__PURE__ */jsx(DialogContentFrame, {
|
|
356
|
+
ref: composedRefs,
|
|
357
|
+
id: context.contentId,
|
|
358
|
+
role: "dialog",
|
|
359
|
+
"aria-modal": context.modal,
|
|
360
|
+
"aria-describedby": context.descriptionId,
|
|
361
|
+
"aria-labelledby": context.titleId,
|
|
362
|
+
"data-state": getState(context.open),
|
|
363
|
+
pointerEvents: context.open ? "auto" : "none",
|
|
364
|
+
...contentProps
|
|
365
|
+
});
|
|
366
|
+
return isWeb ? /* @__PURE__ */jsxs(Fragment, {
|
|
367
|
+
children: [/* @__PURE__ */jsx(Dismissable, {
|
|
368
|
+
disableOutsidePointerEvents: context.open && disableOutsidePointerEvents,
|
|
369
|
+
forceUnmount: !context.open,
|
|
370
|
+
onEscapeKeyDown,
|
|
371
|
+
onPointerDownOutside,
|
|
372
|
+
onFocusOutside,
|
|
373
|
+
onInteractOutside,
|
|
374
|
+
onDismiss: () => context?.onOpenChange?.(!1),
|
|
375
|
+
children: /* @__PURE__ */jsx(FocusScope, {
|
|
376
|
+
loop: !0,
|
|
377
|
+
enabled: context.open,
|
|
378
|
+
trapped: trapFocus,
|
|
379
|
+
onMountAutoFocus: onOpenAutoFocus,
|
|
380
|
+
forceUnmount: !context.open,
|
|
381
|
+
onUnmountAutoFocus: onCloseAutoFocus,
|
|
382
|
+
children: contents
|
|
383
|
+
})
|
|
384
|
+
}), process.env.NODE_ENV === "development" && /* @__PURE__ */jsxs(Fragment, {
|
|
385
|
+
children: [/* @__PURE__ */jsx(TitleWarning, {
|
|
386
|
+
titleId: context.titleId
|
|
387
|
+
}), /* @__PURE__ */jsx(DescriptionWarning, {
|
|
388
|
+
contentRef,
|
|
389
|
+
descriptionId: context.descriptionId
|
|
390
|
+
})]
|
|
391
|
+
})]
|
|
392
|
+
}) : contents;
|
|
393
|
+
}),
|
|
394
|
+
DialogTitleFrame = styled(H2, {
|
|
395
|
+
name: "DialogTitle"
|
|
396
|
+
}),
|
|
397
|
+
DialogTitle = DialogTitleFrame.styleable(function (props, forwardedRef) {
|
|
398
|
+
const {
|
|
399
|
+
scope,
|
|
400
|
+
...titleProps
|
|
401
|
+
} = props,
|
|
402
|
+
context = useDialogContext(scope);
|
|
403
|
+
return /* @__PURE__ */jsx(DialogTitleFrame, {
|
|
404
|
+
id: context.titleId,
|
|
405
|
+
...titleProps,
|
|
406
|
+
ref: forwardedRef
|
|
407
|
+
});
|
|
408
|
+
}),
|
|
409
|
+
DialogDescriptionFrame = styled(Paragraph, {
|
|
410
|
+
name: "DialogDescription"
|
|
411
|
+
}),
|
|
412
|
+
DialogDescription = DialogDescriptionFrame.styleable(function (props, forwardedRef) {
|
|
413
|
+
const {
|
|
414
|
+
scope,
|
|
415
|
+
...descriptionProps
|
|
416
|
+
} = props,
|
|
417
|
+
context = useDialogContext(scope);
|
|
418
|
+
return /* @__PURE__ */jsx(DialogDescriptionFrame, {
|
|
419
|
+
id: context.descriptionId,
|
|
420
|
+
...descriptionProps,
|
|
421
|
+
ref: forwardedRef
|
|
422
|
+
});
|
|
423
|
+
}),
|
|
424
|
+
CLOSE_NAME = "DialogClose",
|
|
425
|
+
DialogCloseFrame = styled(View, {
|
|
426
|
+
name: CLOSE_NAME,
|
|
427
|
+
render: "button"
|
|
428
|
+
}),
|
|
429
|
+
DialogClose = DialogCloseFrame.styleable((props, forwardedRef) => {
|
|
430
|
+
const {
|
|
431
|
+
scope,
|
|
432
|
+
displayWhenAdapted,
|
|
433
|
+
...closeProps
|
|
434
|
+
} = props,
|
|
435
|
+
context = useDialogContext(scope),
|
|
436
|
+
isAdapted = useAdaptIsActive(context.adaptScope),
|
|
437
|
+
isInsideButton = React.useContext(ButtonNestingContext);
|
|
438
|
+
return isAdapted && !displayWhenAdapted ? null : /* @__PURE__ */jsx(DialogCloseFrame, {
|
|
439
|
+
"aria-label": "Dialog Close",
|
|
440
|
+
render: isInsideButton ? "span" : "button",
|
|
441
|
+
...closeProps,
|
|
442
|
+
ref: forwardedRef,
|
|
443
|
+
onPress: composeEventHandlers(props.onPress, () => {
|
|
444
|
+
context.onOpenChange(!1);
|
|
445
|
+
})
|
|
446
|
+
});
|
|
447
|
+
});
|
|
448
|
+
function getState(open) {
|
|
449
|
+
return open ? "open" : "closed";
|
|
450
|
+
}
|
|
451
|
+
const TITLE_WARNING_NAME = "DialogTitleWarning",
|
|
452
|
+
[DialogWarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {
|
|
453
|
+
contentName: CONTENT_NAME,
|
|
454
|
+
titleName: "DialogTitle",
|
|
455
|
+
docsSlug: "dialog"
|
|
456
|
+
}),
|
|
457
|
+
TitleWarning = ({
|
|
458
|
+
titleId
|
|
459
|
+
}) => {
|
|
460
|
+
if (process.env.NODE_ENV === "development") {
|
|
461
|
+
const titleWarningContext = useWarningContext(TITLE_WARNING_NAME),
|
|
462
|
+
MESSAGE = `\`${titleWarningContext.contentName}\` wants a \`${titleWarningContext.titleName}\` to be accessible. If you want to hide the \`${titleWarningContext.titleName}\`, wrap it with <VisuallyHidden />.`;
|
|
463
|
+
React.useEffect(() => {
|
|
464
|
+
isWeb && titleId && (document.getElementById(titleId) || console.warn(MESSAGE));
|
|
465
|
+
}, [MESSAGE, titleId]);
|
|
466
|
+
}
|
|
467
|
+
return null;
|
|
468
|
+
},
|
|
469
|
+
DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning",
|
|
470
|
+
DescriptionWarning = ({
|
|
471
|
+
contentRef,
|
|
472
|
+
descriptionId
|
|
473
|
+
}) => {
|
|
474
|
+
if (process.env.NODE_ENV === "development") {
|
|
475
|
+
const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${useWarningContext(DESCRIPTION_WARNING_NAME).contentName}}.`;
|
|
476
|
+
React.useEffect(() => {
|
|
477
|
+
if (!isWeb) return;
|
|
478
|
+
const contentNode = contentRef.current;
|
|
479
|
+
if (!(contentNode instanceof HTMLElement)) return;
|
|
480
|
+
const describedById = contentNode.getAttribute("aria-describedby");
|
|
481
|
+
descriptionId && describedById && (document.getElementById(descriptionId) || console.warn(MESSAGE));
|
|
482
|
+
}, [MESSAGE, contentRef, descriptionId]);
|
|
483
|
+
}
|
|
484
|
+
return null;
|
|
485
|
+
},
|
|
486
|
+
Dialog = withStaticProperties(React.forwardRef(function (props, ref) {
|
|
487
|
+
const {
|
|
488
|
+
scope = "",
|
|
489
|
+
children,
|
|
490
|
+
open: openProp,
|
|
491
|
+
defaultOpen = !1,
|
|
492
|
+
onOpenChange,
|
|
493
|
+
modal = !0,
|
|
494
|
+
keepChildrenMounted,
|
|
495
|
+
disableRemoveScroll = !1,
|
|
496
|
+
onAnimationComplete
|
|
497
|
+
} = props,
|
|
498
|
+
baseId = React.useId(),
|
|
499
|
+
dialogId = `Dialog-${scope}-${baseId}`,
|
|
500
|
+
contentId = `${dialogId}-content`,
|
|
501
|
+
titleId = `${dialogId}-title`,
|
|
502
|
+
descriptionId = `${dialogId}-description`,
|
|
503
|
+
triggerRef = React.useRef(null),
|
|
504
|
+
contentRef = React.useRef(null),
|
|
505
|
+
[open, setOpen] = useControllableState({
|
|
506
|
+
prop: openProp,
|
|
507
|
+
defaultProp: defaultOpen,
|
|
508
|
+
onChange: onOpenChange
|
|
509
|
+
}),
|
|
510
|
+
onOpenToggle = React.useCallback(() => {
|
|
511
|
+
setOpen(prevOpen => !prevOpen);
|
|
512
|
+
}, [setOpen]),
|
|
513
|
+
adaptScope = `DialogAdapt${scope}`,
|
|
514
|
+
context = {
|
|
515
|
+
dialogScope: scope,
|
|
516
|
+
adaptScope,
|
|
517
|
+
triggerRef,
|
|
518
|
+
contentRef,
|
|
519
|
+
contentId,
|
|
520
|
+
titleId,
|
|
521
|
+
descriptionId,
|
|
522
|
+
open,
|
|
523
|
+
onOpenChange: setOpen,
|
|
524
|
+
onOpenToggle,
|
|
525
|
+
modal,
|
|
526
|
+
keepChildrenMounted,
|
|
527
|
+
disableRemoveScroll,
|
|
528
|
+
onAnimationComplete
|
|
529
|
+
};
|
|
530
|
+
return React.useImperativeHandle(ref, () => ({
|
|
531
|
+
open: setOpen
|
|
532
|
+
}), [setOpen]), /* @__PURE__ */jsx(AdaptParent, {
|
|
533
|
+
scope: adaptScope,
|
|
534
|
+
portal: {
|
|
535
|
+
forwardProps: props
|
|
536
|
+
},
|
|
537
|
+
children: /* @__PURE__ */jsx(DialogProvider, {
|
|
538
|
+
scope,
|
|
539
|
+
...context,
|
|
540
|
+
children: /* @__PURE__ */jsx(DialogSheetController, {
|
|
541
|
+
onOpenChange: setOpen,
|
|
542
|
+
scope,
|
|
543
|
+
children
|
|
544
|
+
})
|
|
545
|
+
})
|
|
546
|
+
});
|
|
547
|
+
}), {
|
|
548
|
+
Trigger: DialogTrigger,
|
|
549
|
+
Portal: DialogPortal,
|
|
550
|
+
Overlay: DialogOverlay,
|
|
551
|
+
Content: DialogContent,
|
|
552
|
+
Title: DialogTitle,
|
|
553
|
+
Description: DialogDescription,
|
|
554
|
+
Close: DialogClose,
|
|
555
|
+
FocusScope: FocusScopeController,
|
|
556
|
+
Adapt
|
|
557
|
+
});
|
|
558
|
+
const DialogSheetController = props => {
|
|
559
|
+
const context = useDialogContext(props.scope),
|
|
560
|
+
isAdapted = useAdaptIsActive(context.adaptScope);
|
|
561
|
+
return /* @__PURE__ */jsx(SheetController, {
|
|
562
|
+
onOpenChange: val => {
|
|
563
|
+
isAdapted && props.onOpenChange?.(val);
|
|
564
|
+
},
|
|
565
|
+
open: context.open,
|
|
566
|
+
hidden: !isAdapted,
|
|
567
|
+
children: props.children
|
|
568
|
+
});
|
|
569
|
+
};
|
|
570
|
+
export { Dialog, DialogClose, DialogContent, DialogContext, DialogDescription, DialogOverlay, DialogOverlayFrame, DialogPortal, DialogPortalFrame, DialogProvider, DialogTitle, DialogTrigger, DialogWarningProvider, useDialogContext };
|
|
571
|
+
//# sourceMappingURL=Dialog.mjs.map
|