@react-spectrum/s2
Version:
Spectrum 2 UI components in React
263 lines (249 loc) • 14.3 kB
JavaScript
require("./Dialog.css");
var $e1016b8947dbadb8$exports = require("./ButtonGroup.cjs");
var $2f907cb84c6e9e75$exports = require("./CloseButton.cjs");
var $6367bc87eb7d24ad$exports = require("./Content.cjs");
var $053b76ed3d29e13b$exports = require("./Image.cjs");
var $8e678305a8c10028$exports = require("./Modal.cjs");
var $WjfVF$reactjsxruntime = require("react/jsx-runtime");
var $WjfVF$reactariacomponents = require("react-aria-components");
var $WjfVF$react = require("react");
var $WjfVF$reactspectrumutils = require("@react-spectrum/utils");
function $parcel$export(e, n, v, s) {
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
}
$parcel$export(module.exports, "dialogInner", () => $0f4636c7093b9233$export$6af31f836f9aa6f2);
$parcel$export(module.exports, "Dialog", () => $0f4636c7093b9233$export$3ddf2d174ce01153);
/*
* Copyright 2024 Adobe. All rights reserved.
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/
const $0f4636c7093b9233$var$image = " Za1 FC1 _va1 _Hb1";
const $0f4636c7093b9233$var$heading = " _ub1 Jy1 Gy1 uk1 ucJ9TBTb1 ud3Euai1 uea1 ugb1 uhd1 uje1 u2NhKxcl1 uic1 -_6BNtrc-g1 vx1 xd1 _xa1 xX0cczbc1 _xX0cczba1 xfd1 _xfa1 xfX0cczbc1 _xfX0cczba1 _Fd1 _FnuYUweb1 po1";
const $0f4636c7093b9233$var$header = " uk1 ucJ9TBTb1 ud3Euai1 uea1 ugb1 uhd1 uje1 u2NhKxcl1 uic1 -_6BNtrc-d1 vx1 xb1 _xa1 _Fb1 _FnuYUwec1 pt1";
const $0f4636c7093b9233$var$content = " _ub1 _v7GYNyba1 Pa1 P7GYNybe1 uk1 ucJ9TBTb1 ud3Euai1 uea1 ugb1 uhd1 uje1 u2NhKxcl1 uic1 -_6BNtrc-d1 vx1 xb1 _xa1 _Fb1 _FnuYUwec1 pt1 Sk1 Rk1";
const $0f4636c7093b9233$var$footer = " _ub1 uk1 ucJ9TBTb1 ud3Euai1 uea1 ugb1 uhd1 uje1 u2NhKxcl1 uic1 -_6BNtrc-d1 vx1 xb1 _xa1 _Fb1 _FnuYUwec1 pt1";
const $0f4636c7093b9233$var$buttonGroup = " IM1 La1";
const $0f4636c7093b9233$export$6af31f836f9aa6f2 = " sd1 _ta1 _ub1 K40ub4c1 _oa1 _Le1 uk1 ucJ9TBTb1 ud3Euai1 uea1 ugb1 uhd1 uje1 u2NhKxcl1 uic1 oi1 ni1 ki1 ji1 _Na1 Pa1";
const $0f4636c7093b9233$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $WjfVF$react.forwardRef)(function Dialog(props, ref) {
let { size: size = 'M', isDismissible: isDismissible, isKeyboardDismissDisabled: isKeyboardDismissDisabled } = props;
let domRef = (0, $WjfVF$reactspectrumutils.useDOMRef)(ref);
return /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)((0, $8e678305a8c10028$exports.Modal), {
size: size,
isDismissable: isDismissible,
isKeyboardDismissDisabled: isKeyboardDismissDisabled,
children: /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)((0, $WjfVF$reactariacomponents.Dialog), {
...props,
ref: domRef,
style: props.UNSAFE_style,
className: (props.UNSAFE_className || '') + $0f4636c7093b9233$export$6af31f836f9aa6f2,
children: (0, $WjfVF$reactariacomponents.composeRenderProps)(props.children, (children)=>// Render the children multiple times inside the wrappers we need to implement the layout.
// Each instance hides certain children so that they are all rendered in the correct locations.
// Reset OverlayTriggerStateContext so the buttons inside the dialog don't retain their hover state.
/*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsxs)((0, $WjfVF$reactariacomponents.OverlayTriggerStateContext).Provider, {
value: null,
children: [
/*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)((0, $WjfVF$reactariacomponents.Provider), {
values: [
[
(0, $053b76ed3d29e13b$exports.ImageContext),
{
styles: $0f4636c7093b9233$var$image
}
],
[
(0, $6367bc87eb7d24ad$exports.HeadingContext),
{
isHidden: true
}
],
[
(0, $6367bc87eb7d24ad$exports.HeaderContext),
{
isHidden: true
}
],
[
(0, $6367bc87eb7d24ad$exports.ContentContext),
{
isHidden: true
}
],
[
(0, $6367bc87eb7d24ad$exports.FooterContext),
{
isHidden: true
}
],
[
(0, $e1016b8947dbadb8$exports.ButtonGroupContext),
{
isHidden: true
}
]
],
children: children
}),
/*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsxs)("div", {
className: function anonymous(props) {
let rules = " ";
rules += ' sd1';
rules += ' ed1';
rules += ' qg1';
rules += ' Sk1';
if (props.isDismissible) rules += ' Re1';
else rules += ' Rk1';
rules += ' Te1';
return rules;
}({
isDismissible: props.isDismissible
}),
children: [
/*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)("div", {
className: " sd1 _ub1 Jz1 Jay1 GC1 Gay1 qj1 Ue1 _ta1 _tnc1 ed1 enb1",
children: /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)((0, $WjfVF$reactariacomponents.Provider), {
values: [
[
(0, $053b76ed3d29e13b$exports.ImageContext),
{
hidden: true
}
],
[
(0, $6367bc87eb7d24ad$exports.HeadingContext),
{
styles: $0f4636c7093b9233$var$heading
}
],
[
(0, $6367bc87eb7d24ad$exports.HeaderContext),
{
styles: $0f4636c7093b9233$var$header
}
],
[
(0, $6367bc87eb7d24ad$exports.ContentContext),
{
isHidden: true
}
],
[
(0, $6367bc87eb7d24ad$exports.FooterContext),
{
isHidden: true
}
],
[
(0, $e1016b8947dbadb8$exports.ButtonGroupContext),
{
isHidden: true
}
]
],
children: children
})
}),
props.isDismissible && /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)((0, $2f907cb84c6e9e75$exports.CloseButton), {
styles: " Gx1"
})
]
}),
/*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)((0, $WjfVF$reactariacomponents.Provider), {
values: [
[
(0, $053b76ed3d29e13b$exports.ImageContext),
{
hidden: true
}
],
[
(0, $6367bc87eb7d24ad$exports.HeadingContext),
{
isHidden: true
}
],
[
(0, $6367bc87eb7d24ad$exports.HeaderContext),
{
isHidden: true
}
],
[
(0, $6367bc87eb7d24ad$exports.ContentContext),
{
styles: $0f4636c7093b9233$var$content
}
],
[
(0, $6367bc87eb7d24ad$exports.FooterContext),
{
isHidden: true
}
],
[
(0, $e1016b8947dbadb8$exports.ButtonGroupContext),
{
isHidden: true
}
]
],
children: children
}),
/*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)("div", {
className: " sd1 Sk1 Rk1 Qk1 Tk1 Tad1 Uj1 qj1 eb1 _wb1",
children: /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)((0, $WjfVF$reactariacomponents.Provider), {
values: [
[
(0, $053b76ed3d29e13b$exports.ImageContext),
{
hidden: true
}
],
[
(0, $6367bc87eb7d24ad$exports.HeadingContext),
{
isHidden: true
}
],
[
(0, $6367bc87eb7d24ad$exports.HeaderContext),
{
isHidden: true
}
],
[
(0, $6367bc87eb7d24ad$exports.ContentContext),
{
isHidden: true
}
],
[
(0, $6367bc87eb7d24ad$exports.FooterContext),
{
styles: $0f4636c7093b9233$var$footer
}
],
[
(0, $e1016b8947dbadb8$exports.ButtonGroupContext),
{
isHidden: props.isDismissible,
styles: $0f4636c7093b9233$var$buttonGroup,
align: 'end'
}
]
],
children: children
})
})
]
}))
})
});
});
//# sourceMappingURL=Dialog.cjs.map