@sendoutcards/quantum-design-ui 1.8.38-alpha.3 → 1.8.38-alpha.4

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useCallback, useState, useMemo, useRef, useContext, useImperativeHandle } from 'react';
+import React, { useEffect, useCallback, useState, useMemo, useRef, useLayoutEffect, useContext, useImperativeHandle } from 'react';
 import { jsx, ThemeProvider, Global, css, useTheme } from '@emotion/react';
 import Color$1 from 'color';
 import { motion, useMotionValue, useTransform, animate, AnimatePresence, useElementScroll, AnimateSharedLayout, useAnimation } from 'framer-motion';
@@ -14083,9 +14083,9 @@ var Sheet = function (_a) {
   var isHtmlElement = function (element) {
     return element instanceof HTMLElement;
   };
-  useEffect(function () {
+  useLayoutEffect(function () {
     var _a, _b;
-    console.log('TARGET REF in use effect', targetRef.current, sheetHeight, (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight);
+    console.log('TARGET REF in use effect', targetRef, sheetHeight, (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight);
     if (targetRef.current && sheetHeight !== ((_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight)) {
       setSheetHeight(targetRef.current.offsetHeight);
     }
@@ -14321,8 +14321,7 @@ var Sheet = function (_a) {
   }, jsx(Flex, {
     flexDirection: "column",
     width: "100%",
-    inset: inset,
-    height: "100%"
+    inset: inset
   }, children)))));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.8.38-alpha.3",
+  "version": "1.8.38-alpha.4",
   "description": "UI component library for Quantum Design System",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",