@expofp/floorplan 3.7.15 → 3.7.16

package/dist/browser/Modal-BZ1LsZ64.js

@@ -1,105 +0,0 @@
-function __vite_inject_css__(css, id, forceLightDom){  if (typeof document==='undefined') return;  var shadow=!forceLightDom&&typeof window!=='undefined'&&window.__efpShadowDOMStyleParent;  var parent=shadow||document.head;  var s=document.createElement('style');  s.setAttribute('data-chunk-style', id);  s.appendChild(document.createTextNode(css));  parent.appendChild(s);}
-(function() {
-	try {
-		var e = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {};
-		e.SENTRY_RELEASE = { id: "3.7.15" };
-		var t = new e.Error().stack;
-		t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "525f6433-95e7-4860-9fd7-26e314146d85", e._sentryDebugIdIdentifier = "sentry-dbid-525f6433-95e7-4860-9fd7-26e314146d85");
-	} catch {}
-})();
-import { n as e, r as t } from "./rolldown-runtime-DB-F2T_p.js";
-import { t as n } from "./react-CNjituVz.js";
-import { t as r } from "./jsx-runtime-BtHP4gKJ.js";
-import { s as i } from "./i18n-C4cY1vPb.js";
-import { t as a } from "./react-dom-Dg0lPUat.js";
-import { t as o } from "./classnames-C1vHtapl.js";
-import { t as s } from "./Button-Bw2rU4DR.js";
-import { t as c } from "./useRenderTarget-EL-n_0Va.js";
-//#region src/components/Modal.tsx
-var l = /* @__PURE__ */ e({ default: () => m }), u = /* @__PURE__ */ t(o(), 1), d = /* @__PURE__ */ t(n(), 1), f = /* @__PURE__ */ t(a(), 1), p = r(), m = ({ open: e, className: t, type: n = "default", title: r, badge: a, maxWidth: o, children: l, closeLabel: m, footerLeft: h = [], footerRight: g = [], onClickClose: _ }) => {
-	let v = c(), y = (0, d.useRef)(null), [b, x] = (0, d.useState)(e), [S, C] = (0, d.useState)(e);
-	if ((0, d.useEffect)(() => {
-		if (e) C(!0), setTimeout(() => {
-			x(!0);
-		}, 10), document.body.style.overflow = "hidden", setTimeout(() => {
-			var e;
-			return (e = y.current) == null ? void 0 : e.focus();
-		}, 0);
-		else {
-			x(!1);
-			let e = setTimeout(() => {
-				C(!1);
-			}, 200);
-			return () => clearTimeout(e);
-		}
-		let t = (e) => {
-			e.key === "Escape" && _();
-		};
-		return document.addEventListener("keydown", t), () => {
-			document.removeEventListener("keydown", t), document.body.style.overflow = "";
-		};
-	}, [e, _]), !S || !v) return null;
-	let w = m == null ? i("Close") : m, T = (e) => e == null ? void 0 : e.map(({ label: e, onClick: t, variant: n = "primary", disabled: r, withBadge: i }, a) => /* @__PURE__ */ (0, p.jsx)(s, {
-		onClick: t,
-		variant: n,
-		size: "md",
-		inline: !0,
-		disabled: r,
-		withBadge: i,
-		children: e
-	}, a));
-	return (0, f.createPortal)(/* @__PURE__ */ (0, p.jsx)("div", {
-		className: (0, u.default)("modal", `modal--${n}`, { isOpen: b }, t),
-		role: "dialog",
-		"aria-modal": "true",
-		ref: y,
-		tabIndex: -1,
-		onClick: _,
-		children: /* @__PURE__ */ (0, p.jsxs)("div", {
-			className: "modal__box",
-			style: o ? { maxWidth: `${o}px` } : void 0,
-			onClick: (e) => e.stopPropagation(),
-			children: [
-				/* @__PURE__ */ (0, p.jsxs)("div", {
-					className: "modal__header",
-					children: [/* @__PURE__ */ (0, p.jsx)("div", {
-						className: "modal__title-container",
-						children: /* @__PURE__ */ (0, p.jsx)("div", {
-							className: "modal__title",
-							children: r
-						})
-					}), /* @__PURE__ */ (0, p.jsx)("button", {
-						type: "button",
-						className: "modal__close",
-						onClick: _,
-						"aria-label": w,
-						title: w,
-						children: /* @__PURE__ */ (0, p.jsx)("i", {
-							className: "icon-close",
-							"aria-hidden": "true"
-						})
-					})]
-				}),
-				/* @__PURE__ */ (0, p.jsx)("div", {
-					className: "modal__body",
-					children: l
-				}),
-				(h.length > 0 || g.length > 0) && /* @__PURE__ */ (0, p.jsxs)("div", {
-					className: "modal__footer",
-					children: [/* @__PURE__ */ (0, p.jsx)("div", {
-						className: "modal__footer-left",
-						children: h.length > 0 && T(h)
-					}), g.length > 0 && /* @__PURE__ */ (0, p.jsx)("div", {
-						className: "modal__footer-right",
-						children: T(g)
-					})]
-				})
-			]
-		})
-	}), v);
-};
-//#endregion
-export { l as n, m as t };
-
-;/* vite-per-chunk-css */
-__vite_inject_css__(".modal{z-index:999;width:100%;height:100%;padding:calc(1.25rem * var(--ui-scale));opacity:0;visibility:hidden;background:#a3a8afcc;justify-content:center;align-items:center;transition:opacity .2s,visibility .2s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal__box{width:100%;max-height:94vh;background:var(--color-white);border-radius:var(--border-radius-xl);max-height:94dvh;box-shadow:var(--shadow-md);opacity:0;flex-direction:column;transition:opacity .1s,transform .2s;display:flex;position:relative;overflow:hidden;transform:translateY(100px)}.modal__header{width:100%;min-height:calc(3.75rem * var(--ui-scale));padding:calc(.625rem * var(--ui-scale)) calc(3.125rem * var(--ui-scale)) calc(.625rem * var(--ui-scale)) calc(1.5rem * var(--ui-scale));border-bottom:1px solid var(--color-gray-200);flex-shrink:0;align-items:center;display:flex}.modal__title-container{align-items:center;gap:calc(1.25rem * var(--ui-scale));display:flex}.modal__title{align-items:center;gap:calc(.625rem * var(--ui-scale));font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);display:flex}.modal__badge{min-width:calc(1.625rem * var(--ui-scale));height:calc(1.625rem * var(--ui-scale));background:var(--color-primary-ultra-light);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.modal__close{top:calc(.5rem * var(--ui-scale));right:calc(.5rem * var(--ui-scale));width:calc(2.5rem * var(--ui-scale));height:calc(2.5rem * var(--ui-scale));border-radius:var(--border-radius-md);opacity:.6;color:var(--color-gray-700);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;transition:opacity .1s,background-color .1s;display:flex;position:absolute}.modal__close:hover{background-color:var(--color-gray-100);opacity:1;color:var(--color-black)}.modal__body{padding:calc(1.5rem * var(--ui-scale)) calc(1.25rem * var(--ui-scale));flex:1;min-height:0;overflow:auto}.modal__footer{justify-content:space-between;gap:calc(.625rem * var(--ui-scale));padding:calc(1.25rem * var(--ui-scale));border-top:1px solid var(--color-gray-200);flex-flow:wrap;flex-shrink:0;display:flex}@media (max-width:480px){.modal__footer{padding:calc(.875rem * var(--ui-scale)) calc(1.25rem * var(--ui-scale));gap:calc(.875rem * var(--ui-scale))}.modal__footer .efp-button{width:100%;max-width:100%}}.modal__footer-left,.modal__footer-right{align-items:center;gap:calc(0rem * var(--ui-scale));display:flex}.modal__footer-right{flex:1;justify-content:flex-end}@media (max-width:480px){.modal__footer-right{align-self:flex-end}}.modal--default .modal__box{max-width:900px}.modal--share .modal__box{max-width:420px}.modal.isOpen{opacity:1;visibility:visible}.modal.isOpen .modal__box{opacity:1;transform:translateY(0)}@media (max-width:768px){.modal{padding:calc(1.25rem * var(--ui-scale)) 0 0 0;align-items:flex-end}.modal .modal__box{border-radius:0;border-top-left-radius:var(--border-radius-xl);border-top-right-radius:var(--border-radius-xl)}}.layout[dir=rtl] .modal__close{right:unset;left:0}\n/*$vite$:1*/", "Modal.css", false);

package/dist/esm/components/Modal.d.ts

@@ -1,38 +0,0 @@
-import './Modal.scss';
-import React from 'react';
-import { ButtonVariant } from '../ui/Button';
-type ModalType = 'default' | 'share' | 'fullscreen';
-export interface ModalButton {
-    label: string;
-    variant?: ButtonVariant;
-    disabled?: boolean;
-    withBadge?: boolean;
-    onClick: () => void;
-}
-export interface ModalProps {
-    open: boolean;
-    className?: string;
-    type?: ModalType;
-    title?: string;
-    badge?: number;
-    maxWidth?: number;
-    children?: React.ReactNode;
-    closeLabel?: string;
-    footerLeft?: {
-        label: string;
-        onClick: () => void;
-        variant?: 'primary' | 'gray';
-        disabled?: boolean;
-    }[];
-    footerRight?: {
-        label: string;
-        onClick: () => void;
-        variant?: 'primary' | 'gray';
-        withBadge?: boolean;
-        disabled?: boolean;
-    }[];
-    onClickClose: () => void;
-}
-declare const Modal: React.FC<ModalProps>;
-export default Modal;
-//# sourceMappingURL=Modal.d.ts.map

package/dist/esm/components/Modal.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import"./Modal.scss";import B from"classnames";import{useEffect as I,useRef as O,useState as h}from"react";import{createPortal as P}from"react-dom";import V from"../ui/Button";import{t as $}from"../utils/i18n";import{useRenderTarget as z}from"../utils/useRenderTarget";const L=({open:l,className:v,type:p="default",title:b,badge:M,maxWidth:d,children:N,closeLabel:y,footerLeft:o=[],footerRight:r=[],onClickClose:s})=>{const n=z(),m=O(null),[g,c]=h(l),[x,u]=h(l);if(I(()=>{if(l)u(!0),setTimeout(()=>{c(!0)},10),document.body.style.overflow="hidden",setTimeout(()=>m.current?.focus(),0);else{c(!1);const a=setTimeout(()=>{u(!1)},200);return()=>clearTimeout(a)}const t=a=>{a.key==="Escape"&&s()};return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t),document.body.style.overflow=""}},[l,s]),!x||!n)return null;const f=y??$("Close"),_=t=>t?.map(({label:a,onClick:w,variant:E="primary",disabled:T,withBadge:j},k)=>e(V,{onClick:w,variant:E,size:"md",inline:!0,disabled:T,withBadge:j,children:a},k));return P(e("div",{className:B("modal",`modal--${p}`,{isOpen:g},v),role:"dialog","aria-modal":"true",ref:m,tabIndex:-1,onClick:s,children:i("div",{className:"modal__box",style:d?{maxWidth:`${d}px`}:void 0,onClick:t=>t.stopPropagation(),children:[i("div",{className:"modal__header",children:[e("div",{className:"modal__title-container",children:e("div",{className:"modal__title",children:b})}),e("button",{type:"button",className:"modal__close",onClick:s,"aria-label":f,title:f,children:e("i",{className:"icon-close","aria-hidden":"true"})})]}),e("div",{className:"modal__body",children:N}),(o.length>0||r.length>0)&&i("div",{className:"modal__footer",children:[e("div",{className:"modal__footer-left",children:o.length>0&&_(o)}),r.length>0&&e("div",{className:"modal__footer-right",children:_(r)})]})]})}),n)};export default L;