pds-dev-kit-web-test 2.2.86 → 2.2.87

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/useMaxFontAdjustment.d.ts

@@ -1,3 +1,4 @@
+import { RefObject } from 'react';
 import type { DynamicLayoutProps } from '../../../../../../../DynamicLayout/types';
-declare const useMaxFontAdjustment: (ref: any, defaultSize: string, mode: DynamicLayoutProps['mode']) => number;
+declare const useMaxFontAdjustment: (ref: RefObject<HTMLDivElement>, defaultSize: string, mode: DynamicLayoutProps['mode']) => number;
 export default useMaxFontAdjustment;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/useMaxFontAdjustment.js

@@ -4,19 +4,28 @@ var react_1 = require("react");
 var DEFAULT_BASE_FONT = 16;
 var useMaxFontAdjustment = function (ref, defaultSize, mode) {
     var _a = (0, react_1.useState)(DEFAULT_BASE_FONT), fontSize = _a[0], setFontSize = _a[1];
+    var ogRef = (0, react_1.useRef)(0);
     (0, react_1.useEffect)(function () {
         if (mode !== 'PREVIEW') {
             return;
         }
         if (!ref.current)
             return;
+        if (fontSize === 16) {
+            var boxHeight = ref.current.clientHeight;
+            var contentHeight = ref.current.children[0].children[0].clientHeight;
+            var percent = (contentHeight / boxHeight) * 100;
+            ogRef.current = percent;
+        }
         var resizeObserver = new ResizeObserver(function (callback) {
             var object = callback[0];
-            var height = object.contentRect.height;
+            var height = object.target.clientHeight;
             var contentHeight = object.target.children[0].children[0].clientHeight;
+            var p = (contentHeight / height) * 100;
             var isOverflow = contentHeight > height;
-            if (isOverflow) {
-                setFontSize(function (prev) { return prev - 0.3; });
+            var hasContentGap = p > ogRef.current;
+            if (isOverflow || hasContentGap) {
+                setFontSize(function (prev) { return Number((prev - 0.3).toFixed(3)); });
                 // setFontSize((prev) => {
                 //   const value = parseEmToNumber(prev);
                 //   if (value === null) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.2.86",
+  "version": "2.2.87",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",