@react-spectrum/s2
Version:
Spectrum 2 UI components in React
146 lines (138 loc) • 6.4 kB
JavaScript
import "./Modal.css";
import {ColorSchemeContext as $9affbfa4e13b9582$export$374e0245597d19a3} from "./Provider.mjs";
import {jsx as $fdAcL$jsx} from "react/jsx-runtime";
import {forwardRef as $fdAcL$forwardRef, useContext as $fdAcL$useContext, useCallback as $fdAcL$useCallback} from "react";
import {useLocale as $fdAcL$useLocale, ModalOverlay as $fdAcL$ModalOverlay, Modal as $fdAcL$Modal} from "react-aria-components";
import {useDOMRef as $fdAcL$useDOMRef} from "@react-spectrum/utils";
/*
* 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 $c46d159bd615e407$var$modalOverlayStyles = function anonymous(props) {
let rules = " ";
if (props.colorScheme === "dark") rules += ' _pa1';
else if (props.colorScheme === "light") rules += ' _pb1';
else if (props.colorScheme === "light dark") rules += ' _pc1';
else rules += ' _pN79Hzc1';
rules += ' _Pa1';
rules += ' Wr1';
rules += ' _Er1';
rules += ' Za1';
rules += ' FKem6Ob1';
rules += ' _Bb1';
rules += ' g81';
if (props.isExiting) rules += ' _Ia1';
else if (props.isEntering) rules += ' _Ia1';
rules += ' Yf1';
if (props.isExiting) rules += ' Xa1';
else rules += ' Xd1';
rules += ' _2b1';
return rules;
};
const $c46d159bd615e407$var$modalWrapper = function anonymous(props) {
let rules = " ";
rules += ' _Pe1';
rules += ' Wr1';
rules += ' _Er1';
rules += ' Za1';
rules += ' FE9bXU1';
rules += ' sd1';
if (props.size === "fullscreenTakeover") rules += ' ed1';
else rules += ' eb1';
rules += ' _Ca1';
return rules;
};
const $c46d159bd615e407$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $fdAcL$forwardRef)(function Modal(props1, ref) {
let domRef = (0, $fdAcL$useDOMRef)(ref);
let colorScheme = (0, $fdAcL$useContext)((0, $9affbfa4e13b9582$export$374e0245597d19a3));
let { locale: locale, direction: direction } = (0, $fdAcL$useLocale)();
// TODO: should we pass through lang and dir props in RAC?
let modalRef = (0, $fdAcL$useCallback)((el)=>{
domRef.current = el;
if (el) {
el.lang = locale;
el.dir = direction;
}
}, [
locale,
direction,
domRef
]);
return /*#__PURE__*/ (0, $fdAcL$jsx)((0, $fdAcL$ModalOverlay), {
...props1,
className: (renderProps)=>$c46d159bd615e407$var$modalOverlayStyles({
...renderProps,
colorScheme: colorScheme
}),
children: /*#__PURE__*/ (0, $fdAcL$jsx)("div", {
className: $c46d159bd615e407$var$modalWrapper({
size: props1.size
}),
style: {
containerType: 'size'
},
children: /*#__PURE__*/ (0, $fdAcL$jsx)((0, $fdAcL$Modal), {
...props1,
ref: modalRef,
className: (renderProps)=>(function anonymous(props) {
let rules = " ";
rules += ' sd1';
rules += ' _ta1';
if (props.size === "fullscreenTakeover") rules += ' od1';
else rules += ' oe1';
if (props.size === "fullscreenTakeover") rules += ' nd1';
else rules += ' ne1';
if (props.size === "fullscreenTakeover") rules += ' kd1';
else rules += ' ke1';
if (props.size === "fullscreenTakeover") rules += ' jd1';
else rules += ' je1';
if (props.size === "fullscreenTakeover") rules += ' Za1';
else if (props.size === "fullscreen") rules += ' ZGqsG7b1';
else if (props.size === "XL") rules += ' ZbRWaYd1';
else if (props.size === "L") rules += ' Zb4QY41';
else if (props.size === "M") rules += ' ZILqIYb1';
else if (props.size === "S") rules += ' ZA1';
if (props.size === "fullscreenTakeover") rules += ' Fb1';
else if (props.size === "fullscreen") rules += ' FGqsG7b1';
if (props.size === "fullscreenTakeover") rules += ' Lp1';
else if (props.size === "fullscreen") rules += ' Lp1';
else rules += ' Lc1';
if (props.size === "fullscreenTakeover") rules += ' Ki1';
else if (props.size === "fullscreen") rules += ' Ki1';
else rules += ' KjVOfn1';
if (props.size === "fullscreenTakeover") rules += ' QILlin1';
rules += ' -Ovbhqd-g_g1';
rules += ' gEzkoQe1';
if (props.isExiting) rules += ' _Ia1';
else if (props.isEntering) rules += ' _Ia1';
if (props.isEntering) {
rules += ' -_8PloMd-w1';
rules += ' __Ya1';
}
rules += ' YmenWad1';
if (props.isExiting) rules += ' Xa1';
else rules += ' Xd1';
rules += ' _2b1';
if (props.isExiting) rules += ' _1a1';
else rules += ' _1b1';
rules += ' _Lf1';
rules += ' _Mb1';
rules += ' Oj1';
return rules;
})({
...renderProps,
size: props1.size
})
})
})
});
});
export {$c46d159bd615e407$export$2b77a92f1a5ad772 as Modal};
//# sourceMappingURL=Modal.mjs.map