UNPKG

@availity/mui-dialog

Version:

Availity MUI Dialog Component - part of the @availity/element design system

153 lines (146 loc) 6.67 kB
"use strict"; var __create = Object.create; var __defProp = Object.defineProperty; var __defProps = Object.defineProperties; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropDescs = Object.getOwnPropertyDescriptors; var __getOwnPropNames = Object.getOwnPropertyNames; var __getOwnPropSymbols = Object.getOwnPropertySymbols; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __propIsEnum = Object.prototype.propertyIsEnumerable; var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __spreadValues = (a, b) => { for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]); if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) { if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]); } return a; }; var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); var __objRest = (source, exclude) => { var target = {}; for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop]; if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) { if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop]; } return target; }; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod )); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // src/index.ts var index_exports = {}; __export(index_exports, { CloseButtonSlot: () => CloseButtonSlot, Dialog: () => Dialog, DialogActions: () => DialogActions, DialogContent: () => DialogContent, DialogContentText: () => DialogContentText, DialogTitle: () => DialogTitle }); module.exports = __toCommonJS(index_exports); // src/lib/Dialog.tsx var import_Dialog = __toESM(require("@mui/material/Dialog")); var import_styles = require("@mui/material/styles"); var import_mui_button = require("@availity/mui-button"); var import_mui_icon = require("@availity/mui-icon"); var import_jsx_runtime = require("react/jsx-runtime"); var CloseButton = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button.IconButton, __spreadProps(__spreadValues({ title: "Close Dialog", color: "secondary" }, args), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.CloseIcon, { fontSize: "xsmall" }) })); var CloseButtonSlot = (0, import_styles.styled)(CloseButton, { name: "MuiDialog", slot: "AvCloseButton", overridesResolver: (props, styles) => styles.avCloseButton })({ position: "absolute", top: ".5rem", right: ".5rem", "~ .MuiDialogTitle-root": { marginRight: "3.5rem" } }); var Dialog = (_a) => { var _b = _a, { children, closeButton = true, onClose } = _b, rest = __objRest(_b, ["children", "closeButton", "onClose"]); return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Dialog.default, __spreadProps(__spreadValues({ onClose }, rest), { children: [ closeButton ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CloseButtonSlot, { onClick: onClose }) : null, children ] })); }; // src/lib/DialogActions.tsx var import_DialogActions = __toESM(require("@mui/material/DialogActions")); var import_jsx_runtime2 = require("react/jsx-runtime"); var DialogActions = (_a) => { var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]); return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_DialogActions.default, __spreadProps(__spreadValues({}, rest), { children })); }; // src/lib/DialogContent.tsx var import_DialogContent = __toESM(require("@mui/material/DialogContent")); var import_jsx_runtime3 = require("react/jsx-runtime"); var DialogContent = (_a) => { var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]); return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_DialogContent.default, __spreadProps(__spreadValues({}, rest), { children })); }; // src/lib/DialogContentText.tsx var import_DialogContentText = __toESM(require("@mui/material/DialogContentText")); var import_jsx_runtime4 = require("react/jsx-runtime"); var DialogContentText = (_a) => { var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]); return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_DialogContentText.default, __spreadProps(__spreadValues({}, rest), { children })); }; // src/lib/DialogTitle.tsx var import_DialogTitle = __toESM(require("@mui/material/DialogTitle")); var import_mui_alert = require("@availity/mui-alert"); var import_styles2 = require("@mui/material/styles"); var import_jsx_runtime5 = require("react/jsx-runtime"); var AlertIcon = (0, import_styles2.styled)("div", { name: "MuiDialogTitle", slot: "AvIcon", overridesResolver: (props, styles) => styles.avIcon })({ display: "inline-flex", fontSize: "inherit", marginRight: ".5rem", verticalAlign: "text-bottom" }); var DialogTitle = (_a) => { var _b = _a, { children, component = "h2", icon, variant = "h5" } = _b, rest = __objRest(_b, ["children", "component", "icon", "variant"]); return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_DialogTitle.default, __spreadProps(__spreadValues({ component, variant }, rest), { children: [ icon ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AlertIcon, { children: import_mui_alert.AlertIcons[icon] }) : null, children ] })); }; // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { CloseButtonSlot, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle });