@baseline-ui/test-utils 0.52.0 → 0.54.0

package/client/index.js

@@ -1,4 +1,4 @@
-'use strict';var l=require('react'),C=require('react-frame-component'),w=require('react-dom/client'),core=require('@baseline-ui/core'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var l__default=/*#__PURE__*/_interopDefault(l);var C__default=/*#__PURE__*/_interopDefault(C);var w__default=/*#__PURE__*/_interopDefault(w);/**
+'use strict';var l=require('react'),w=require('react-frame-component'),F=require('react-dom/client'),core=require('@baseline-ui/core'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var l__default=/*#__PURE__*/_interopDefault(l);var w__default=/*#__PURE__*/_interopDefault(w);var F__default=/*#__PURE__*/_interopDefault(F);/**
  * Copyright (c) 2023-2024 PSPDFKit GmbH. All rights reserved.
  *
  * THIS SOURCE CODE AND ANY ACCOMPANYING DOCUMENTATION ARE PROTECTED BY INTERNATIONAL COPYRIGHT LAW
@@ -7,5 +7,5 @@
  * This notice may not be removed from this file.
  *
  */
-function h(){let t=[],r=document;for(let o=0;o<r.styleSheets.length;o++){let n=r.styleSheets[o];if(n.cssRules){let a=n.cssRules;for(let c of a)t.push(c.cssText);}}return t.join(`
-`)}var E=l__default.default.forwardRef(({head:t=jsxRuntime.jsx("style",{children:h()}),...r},o)=>jsxRuntime.jsx(C__default.default,{style:{width:"100vw",height:"100vh",border:"none"},ref:o,...r,head:t}));E.displayName="IFrame";var F=l__default.default.forwardRef(({children:t,style:r},o)=>{let n=core.useObjectRef(o),a=l__default.default.useRef(null),c=l__default.default.useRef(null),m=l__default.default.useRef(null),d=l__default.default.useRef(false),f=l__default.default.useMemo(()=>h(),[]);return l.useEffect(()=>{if(d.current=false,n.current&&!a.current){let e=n.current.attachShadow({mode:"open"});a.current=e;let i=document.createElement("style");i.textContent=f,e.append(i);let u=document.createElement("div");u.className="content-container",e.append(u);let P=document.createElement("div");P.className="overlay-portal",e.append(P),m.current=P;let s=w__default.default.createRoot(u);c.current=s;}return ()=>{d.current=true;let e=c.current;e&&(queueMicrotask(()=>{e.unmount();}),c.current=null),a.current=null,m.current=null;}},[f,n]),l.useEffect(()=>{if(d.current)return;let e=c.current,i=m.current;e&&i&&e.render(jsxRuntime.jsx(core.PortalContainerProvider,{portalContainer:i,children:t}));},[t]),jsxRuntime.jsx("div",{style:r,ref:n})});F.displayName="ShadowRoot";var G=({children:t,locale:r,theme:o,themeStyle:n,disableThemeProvider:a=false,disableFrameProvider:c=false,messages:m})=>{let[d,f]=l.useState(),e=d?.ownerDocument?.body,i=r==="ar"||r==="he";l.useEffect(()=>{i?document.documentElement.setAttribute("dir","rtl"):document.documentElement.removeAttribute("dir");},[i]);let u=[a?void 0:({children:s})=>jsxRuntime.jsx(core.ThemeProvider,{theme:o,style:n,children:s}),c?void 0:({children:s})=>jsxRuntime.jsx(core.FrameProvider,{container:e,portalContainer:d,children:s})].filter(Boolean);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(core.I18nProvider,{locale:r,messages:m,children:jsxRuntime.jsx(({children:s})=>{let v=s;for(let S of [...u].toReversed())v=S?.({children:v});return v},{children:t})}),jsxRuntime.jsx("div",{id:"portal-container",ref:s=>{f(s??void 0);}})]})};exports.IFrame=E;exports.ProvidersContainer=G;exports.ShadowRoot=F;exports.getRootStyles=h;
+function h(){let t=[],r=document;for(let o=0;o<r.styleSheets.length;o++){let n=r.styleSheets[o];if(n.cssRules){let i=n.cssRules;for(let s of i)t.push(s.cssText);}}return t.join(`
+`)}var E=l__default.default.forwardRef(({head:t=jsxRuntime.jsx("style",{children:h()}),...r},o)=>jsxRuntime.jsx(w__default.default,{style:{width:"100vw",height:"100vh",border:"none"},ref:o,...r,head:t}));E.displayName="IFrame";var T=l__default.default.forwardRef(({children:t,style:r},o)=>{let n=core.useObjectRef(o),i=l__default.default.useRef(null),s=l__default.default.useRef(null),d=l__default.default.useRef(null),m=l__default.default.useRef(false),P=l__default.default.useMemo(()=>h(),[]);return l.useEffect(()=>{if(m.current=false,n.current&&!i.current){let e=n.current.attachShadow({mode:"open"});i.current=e;let c=document.createElement("style");c.textContent=P,e.append(c);let u=document.createElement("div");u.className="content-container",e.append(u);let p=document.createElement("div");p.className="overlay-portal",e.append(p),d.current=p;let y=F__default.default.createRoot(u);s.current=y;}return ()=>{m.current=true;let e=s.current;e&&(queueMicrotask(()=>{e.unmount();}),s.current=null),i.current=null,d.current=null;}},[P,n]),l.useEffect(()=>{if(m.current)return;let e=s.current,c=d.current;e&&c&&e.render(jsxRuntime.jsx(core.PortalContainerProvider,{portalContainer:c,children:t}));},[t]),jsxRuntime.jsx("div",{style:r,ref:n})});T.displayName="ShadowRoot";var Q=({children:t,locale:r,theme:o,themeStyle:n,disableThemeProvider:i=false,disableFrameProvider:s=false,messages:d})=>{let[m,P]=l.useState(),{document:e}=w.useFrame(),c=r==="ar"||r==="he";l.useLayoutEffect(()=>{c?e?.documentElement.setAttribute("dir","rtl"):e?.documentElement.removeAttribute("dir");},[c,e]);let u=m?.ownerDocument?.body,p=[i?void 0:({children:a})=>jsxRuntime.jsx(core.ThemeProvider,{theme:o,style:n,children:a}),s?void 0:({children:a})=>jsxRuntime.jsx(core.FrameProvider,{container:u,portalContainer:m,children:a})].filter(Boolean);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(core.I18nProvider,{locale:r,messages:d,children:jsxRuntime.jsx(({children:a})=>{let v=a;for(let C of [...p].toReversed())v=C?.({children:v});return v},{children:t})}),jsxRuntime.jsx("div",{id:"portal-container",ref:a=>{P(a??void 0);}})]})};exports.IFrame=E;exports.ProvidersContainer=Q;exports.ShadowRoot=T;exports.getRootStyles=h;

package/client/index.mjs

@@ -1,4 +1,4 @@
-import l,{useEffect,useState}from'react';import C from'react-frame-component';import w from'react-dom/client';import {useObjectRef,PortalContainerProvider,I18nProvider,ThemeProvider,FrameProvider}from'@baseline-ui/core';import {jsx,jsxs,Fragment}from'react/jsx-runtime';/**
+import l,{useEffect,useState,useLayoutEffect}from'react';import w,{useFrame}from'react-frame-component';import F from'react-dom/client';import {useObjectRef,PortalContainerProvider,I18nProvider,ThemeProvider,FrameProvider}from'@baseline-ui/core';import {jsx,jsxs,Fragment}from'react/jsx-runtime';/**
  * Copyright (c) 2023-2024 PSPDFKit GmbH. All rights reserved.
  *
  * THIS SOURCE CODE AND ANY ACCOMPANYING DOCUMENTATION ARE PROTECTED BY INTERNATIONAL COPYRIGHT LAW
@@ -7,5 +7,5 @@ import l,{useEffect,useState}from'react';import C from'react-frame-component';im
  * This notice may not be removed from this file.
  *
  */
-function h(){let t=[],r=document;for(let o=0;o<r.styleSheets.length;o++){let n=r.styleSheets[o];if(n.cssRules){let a=n.cssRules;for(let c of a)t.push(c.cssText);}}return t.join(`
-`)}var E=l.forwardRef(({head:t=jsx("style",{children:h()}),...r},o)=>jsx(C,{style:{width:"100vw",height:"100vh",border:"none"},ref:o,...r,head:t}));E.displayName="IFrame";var F=l.forwardRef(({children:t,style:r},o)=>{let n=useObjectRef(o),a=l.useRef(null),c=l.useRef(null),m=l.useRef(null),d=l.useRef(false),f=l.useMemo(()=>h(),[]);return useEffect(()=>{if(d.current=false,n.current&&!a.current){let e=n.current.attachShadow({mode:"open"});a.current=e;let i=document.createElement("style");i.textContent=f,e.append(i);let u=document.createElement("div");u.className="content-container",e.append(u);let P=document.createElement("div");P.className="overlay-portal",e.append(P),m.current=P;let s=w.createRoot(u);c.current=s;}return ()=>{d.current=true;let e=c.current;e&&(queueMicrotask(()=>{e.unmount();}),c.current=null),a.current=null,m.current=null;}},[f,n]),useEffect(()=>{if(d.current)return;let e=c.current,i=m.current;e&&i&&e.render(jsx(PortalContainerProvider,{portalContainer:i,children:t}));},[t]),jsx("div",{style:r,ref:n})});F.displayName="ShadowRoot";var G=({children:t,locale:r,theme:o,themeStyle:n,disableThemeProvider:a=false,disableFrameProvider:c=false,messages:m})=>{let[d,f]=useState(),e=d?.ownerDocument?.body,i=r==="ar"||r==="he";useEffect(()=>{i?document.documentElement.setAttribute("dir","rtl"):document.documentElement.removeAttribute("dir");},[i]);let u=[a?void 0:({children:s})=>jsx(ThemeProvider,{theme:o,style:n,children:s}),c?void 0:({children:s})=>jsx(FrameProvider,{container:e,portalContainer:d,children:s})].filter(Boolean);return jsxs(Fragment,{children:[jsx(I18nProvider,{locale:r,messages:m,children:jsx(({children:s})=>{let v=s;for(let S of [...u].toReversed())v=S?.({children:v});return v},{children:t})}),jsx("div",{id:"portal-container",ref:s=>{f(s??void 0);}})]})};export{E as IFrame,G as ProvidersContainer,F as ShadowRoot,h as getRootStyles};
+function h(){let t=[],r=document;for(let o=0;o<r.styleSheets.length;o++){let n=r.styleSheets[o];if(n.cssRules){let i=n.cssRules;for(let s of i)t.push(s.cssText);}}return t.join(`
+`)}var E=l.forwardRef(({head:t=jsx("style",{children:h()}),...r},o)=>jsx(w,{style:{width:"100vw",height:"100vh",border:"none"},ref:o,...r,head:t}));E.displayName="IFrame";var T=l.forwardRef(({children:t,style:r},o)=>{let n=useObjectRef(o),i=l.useRef(null),s=l.useRef(null),d=l.useRef(null),m=l.useRef(false),P=l.useMemo(()=>h(),[]);return useEffect(()=>{if(m.current=false,n.current&&!i.current){let e=n.current.attachShadow({mode:"open"});i.current=e;let c=document.createElement("style");c.textContent=P,e.append(c);let u=document.createElement("div");u.className="content-container",e.append(u);let p=document.createElement("div");p.className="overlay-portal",e.append(p),d.current=p;let y=F.createRoot(u);s.current=y;}return ()=>{m.current=true;let e=s.current;e&&(queueMicrotask(()=>{e.unmount();}),s.current=null),i.current=null,d.current=null;}},[P,n]),useEffect(()=>{if(m.current)return;let e=s.current,c=d.current;e&&c&&e.render(jsx(PortalContainerProvider,{portalContainer:c,children:t}));},[t]),jsx("div",{style:r,ref:n})});T.displayName="ShadowRoot";var Q=({children:t,locale:r,theme:o,themeStyle:n,disableThemeProvider:i=false,disableFrameProvider:s=false,messages:d})=>{let[m,P]=useState(),{document:e}=useFrame(),c=r==="ar"||r==="he";useLayoutEffect(()=>{c?e?.documentElement.setAttribute("dir","rtl"):e?.documentElement.removeAttribute("dir");},[c,e]);let u=m?.ownerDocument?.body,p=[i?void 0:({children:a})=>jsx(ThemeProvider,{theme:o,style:n,children:a}),s?void 0:({children:a})=>jsx(FrameProvider,{container:u,portalContainer:m,children:a})].filter(Boolean);return jsxs(Fragment,{children:[jsx(I18nProvider,{locale:r,messages:d,children:jsx(({children:a})=>{let v=a;for(let C of [...p].toReversed())v=C?.({children:v});return v},{children:t})}),jsx("div",{id:"portal-container",ref:a=>{P(a??void 0);}})]})};export{E as IFrame,Q as ProvidersContainer,T as ShadowRoot,h as getRootStyles};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baseline-ui/test-utils",
-  "version": "0.52.0",
+  "version": "0.54.0",
   "description": "A collection of test utilities for Baseline UI",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -20,14 +20,14 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "sinon": ">=19.0.0",
-    "@playwright/test": ">=1.49.0"
+    "@playwright/test": "^1.58.2"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "react-frame-component": "^5.2.7",
-    "@baseline-ui/core": "0.52.0"
+    "@baseline-ui/core": "0.54.0"
   },
   "scripts": {
     "build": "tsup",