@laser-ui/components 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.4.1](https://github.com/laser-ui/laser-ui/compare/v0.4.0...v0.4.1) (2023-12-12)
+
+### Bug Fixes
+
+- **ui:** fix get window size ([c909d89](https://github.com/laser-ui/laser-ui/commit/c909d898d48d715758744d4201888824e1e09af4))
+
 # [0.4.0](https://github.com/laser-ui/laser-ui/compare/v0.3.0...v0.4.0) (2023-12-06)
 
 ### Features

package/README.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <a href="//laser-ui.surge.sh/" rel="noopener" target="_blank"><img width="150" src="apps/site/public/logo.png" alt="logo"></a>
+  <a href="//laser-ui.github.io/" rel="noopener" target="_blank"><img width="150" src="apps/site/public/logo.png" alt="logo"></a>
 </p>
 
 <h1 align="center">Laser UI</h1>
@@ -59,7 +59,7 @@ export default function App() {
 
 ## Links
 
-- [laser-ui.surge.sh](//laser-ui.surge.sh)
+- [laser-admin.surge.sh](//laser-admin.surge.sh)
 
 ## Contributing
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laser-ui/components",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "React components.",
   "keywords": [
     "ui",
@@ -26,8 +26,8 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@laser-ui/hooks": "0.4.0",
-    "@laser-ui/utils": "0.4.0",
+    "@laser-ui/hooks": "0.4.1",
+    "@laser-ui/utils": "0.4.1",
     "@material-design-icons/svg": "^0.14.12",
     "jss": "^10.10.0",
     "jss-preset-default": "^10.10.0",
@@ -45,5 +45,5 @@
     "access": "public",
     "directory": "../../dist/libs/components"
   },
-  "gitHead": "434cf3de2a91e6557cf77801eda230c46e137ec9"
+  "gitHead": "83ceac5bb361608b2886a6697fc0943d49f520cc"
 }

package/root/Root.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEvent, useRefExtra } from '@laser-ui/hooks';
 import { isString, set } from 'lodash';
 import { useStore } from 'rcl-store';
@@ -7,10 +7,32 @@ import { ROOT_DATA, RootContext, Store } from './vars';
 import dayjs from '../dayjs';
 import { Portal } from '../internal/portal';
 import resources from '../resources.json';
+function WindowSize() {
+    const windowSizeRef = useRef(null);
+    useEffect(() => {
+        if (windowSizeRef.current) {
+            const observer = new ResizeObserver((entries) => {
+                const entry = entries[0];
+                ROOT_DATA.windowSize = { width: entry.contentRect.width, height: entry.contentRect.height };
+            });
+            observer.observe(windowSizeRef.current);
+            return () => {
+                observer.disconnect();
+            };
+        }
+    });
+    return (_jsx("div", { ref: windowSizeRef, style: {
+            position: 'fixed',
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            pointerEvents: 'none',
+        } }));
+}
 export function Root(props) {
     const { context: contextProp, children } = props;
     const windowRef = useRefExtra(() => window);
-    const windowSizeRef = useRef(null);
     const [{ dialogs }] = useStore(Store, ['dialogs']);
     useEvent(windowRef, 'click', (e) => {
         // Check if click by keydown
@@ -25,18 +47,6 @@ export function Root(props) {
             }
         }
     }, { capture: true });
-    useEffect(() => {
-        if (windowSizeRef.current) {
-            const observer = new ResizeObserver(() => {
-                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                ROOT_DATA.windowSize = { width: windowSizeRef.current.clientWidth, height: windowSizeRef.current.clientHeight };
-            });
-            observer.observe(windowSizeRef.current);
-            return () => {
-                observer.disconnect();
-            };
-        }
-    });
     const context = useMemo(() => {
         var _a, _b;
         const { i18n } = contextProp !== null && contextProp !== void 0 ? contextProp : {};
@@ -74,12 +84,5 @@ export function Root(props) {
         default:
             break;
     }
-    return (_jsxs(RootContext.Provider, { value: context, children: [children, dialogs.map(({ type, key, props }) => createElement(type, Object.assign({ key }, props))), _jsx(Portal, { selector: () => document.body, children: _jsx("div", { ref: windowSizeRef, style: {
-                        position: 'fixed',
-                        top: 0,
-                        right: 0,
-                        bottom: 0,
-                        left: 0,
-                        pointerEvents: 'none',
-                    } }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(RootContext.Provider, { value: context, children: [children, dialogs.map(({ type, key, props }) => createElement(type, Object.assign({ key }, props)))] }), _jsx(Portal, { selector: () => document.body, children: _jsx(WindowSize, {}) })] }));
 }