@react-spectrum/s2
Version:
Spectrum 2 UI components in React
263 lines (249 loc) • 14.2 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 = " Za91 FC91 _va91 _Hb91";
const $0f4636c7093b9233$var$heading = " _ub91 Jy91 Gy91 ug91 uch91 udi91 uea91 ugb91 uhd91 uje91 uic91 vj91 vsm91 we91 xe91 _xa91 wfe91 xfe91 _xfa91 _Fa91 _Ffb91 po91";
const $0f4636c7093b9233$var$header = " ug91 uch91 udi91 uea91 ugb91 uhd91 uje91 uic91 vg91 vsj91 wb91 xb91 _xa91 _Fb91 _Ffc91 pt91";
const $0f4636c7093b9233$var$content = " _ub91 Pa91 Pme91 ug91 uch91 udi91 uea91 ugb91 uhd91 uje91 uic91 vp91 vsh91 wb91 xb91 _xa91 _Fb91 _Ffc91 pt91 Sk91 Rk91";
const $0f4636c7093b9233$var$footer = " _ub91 ug91 uch91 udi91 uea91 ugb91 uhd91 uje91 uic91 vp91 vsh91 wb91 xb91 _xa91 _Fb91 _Ffc91 pt91";
const $0f4636c7093b9233$var$buttonGroup = " IM91 La91";
const $0f4636c7093b9233$export$6af31f836f9aa6f2 = " sd91 _ta91 _ub91 K40ub4c91 _oa91 _Le91 ug91 uch91 udi91 uea91 ugb91 uhd91 uje91 uic91 oi91 ni91 ki91 ji91 _Na91 Pa91";
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 += ' sd91';
rules += ' ed91';
rules += ' qg91';
rules += ' Sk91';
if (props.isDismissible) rules += ' Re91';
else rules += ' Rk91';
rules += ' Te91';
return rules;
}({
isDismissible: props.isDismissible
}),
children: [
/*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)("div", {
className: " sd91 _ub91 Jz91 Jay91 GC91 Gay91 qj91 Ue91 _ta91 _tnc91 ed91 enb91",
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: " Gx91"
})
]
}),
/*#__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: " sd91 Sk91 Rk91 Qk91 Tk91 Tad91 Uj91 qj91 eb91 _wb91",
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