@pdfme/ui 5.4.0-dev.6 → 5.4.0-dev.65

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/ui",
-  "version": "5.4.0-dev.6",
+  "version": "5.4.0-dev.65",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",
@@ -40,11 +40,11 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@pdfme/converter": "*",
     "@scena/react-guides": "^0.28.2",
-    "antd": "^5.25.0",
-    "form-render": "^2.2.16",
+    "antd": "^5.25.4",
+    "form-render": "^2.5.3",
     "globrex": "^0.1.2",
-    "hotkeys-js": "^3.13.10",
-    "lucide-react": "^0.508.0",
+    "hotkeys-js": "^3.13.14",
+    "lucide-react": "^0.525.0",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "react-moveable": "^0.56.0",
@@ -56,11 +56,11 @@
     "@pdfme/schemas": "*",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^12.1.2",
-    "@types/jest": "^29.5.14",
+    "@types/jest": "^30.0.0",
     "@types/react": "^17.0.52",
     "@types/react-dom": "^17.0.18",
     "@ungap/structured-clone": "^1.3.0",
-    "@vitejs/plugin-react": "^4.4.1",
+    "@vitejs/plugin-react": "^4.6.0",
     "csstype": "^3.1.2",
     "esbuild": "^0.25.5",
     "eslint-plugin-react": "^7.37.5",
@@ -68,10 +68,10 @@
     "is-path-inside": "^4.0.0",
     "jest-canvas-mock": "^2.3.1",
     "jest-environment-jsdom": "^29.7.0",
-    "postcss": "^8.5.4",
+    "postcss": "^8.5.6",
     "process": "^0.11.10",
-    "rollup": "^4.40.2",
-    "vite": "^6.3.5",
+    "rollup": "^4.44.1",
+    "vite": "^7.0.0",
     "vite-plugin-css-injected-by-js": "^3.3.0",
     "vite-tsconfig-paths": "^5.1.4"
   },

package/src/Viewer.tsx

@@ -9,7 +9,9 @@ import AppContextProvider from './components/AppContextProvider.js';
 class Viewer extends PreviewUI {
   constructor(props: PreviewProps) {
     super(props);
-    console.warn('[@pdfme/ui] Viewer component is deprecated and will be removed in a future version.');
+    console.warn(
+      '[@pdfme/ui] Viewer component is deprecated and will be removed in a future version.',
+    );
   }
 
   protected render() {

package/src/components/Designer/Canvas/Moveable.tsx

@@ -6,7 +6,7 @@ import MoveableComponent, {
   OnClick,
   OnResize,
 } from 'react-moveable';
-import { uuid } from '../../../helper.js'
+import { uuid } from '../../../helper.js';
 import { theme } from 'antd';
 
 type Props = {

package/src/components/Designer/Canvas/index.tsx

@@ -508,20 +508,21 @@ const Canvas = (props: Props, ref: Ref<HTMLDivElement>) => {
               onChange={
                 (schemasList[pageCursor] || []).some((s) => s.id === schema.id)
                   ? (arg) => {
-                    // Use type assertion to safely handle the argument
-                    type ChangeArg = { key: string; value: unknown };
-                    const args = Array.isArray(arg) ? (arg as ChangeArg[]) : [arg as ChangeArg];
-                    changeSchemas(
-                      args.map(({ key, value }) => ({ key, value, schemaId: schema.id })),
-                    );
-                  }
+                      // Use type assertion to safely handle the argument
+                      type ChangeArg = { key: string; value: unknown };
+                      const args = Array.isArray(arg) ? (arg as ChangeArg[]) : [arg as ChangeArg];
+                      changeSchemas(
+                        args.map(({ key, value }) => ({ key, value, schemaId: schema.id })),
+                      );
+                    }
                   : undefined
               }
               stopEditing={() => setEditing(false)}
-              outline={`1px ${hoveringSchemaId === schema.id ? 'solid' : 'dashed'} ${schema.readOnly && hoveringSchemaId !== schema.id
+              outline={`1px ${hoveringSchemaId === schema.id ? 'solid' : 'dashed'} ${
+                schema.readOnly && hoveringSchemaId !== schema.id
                   ? 'transparent'
                   : token.colorPrimary
-                }`}
+              }`}
               scale={scale}
             />
           );

package/src/components/Designer/LeftSidebar.tsx

@@ -27,21 +27,24 @@ const Draggable = (props: {
   const { listeners, setNodeRef, attributes, transform, isDragging } = draggable;
   const style = { transform: CSS.Translate.toString(transform) };
 
-  const renderedSchema = React.useMemo(() => (
-    <div style={{ transform: `scale(${scale})` }}>
-      <Renderer
-        schema={{ ...defaultSchema, id: defaultSchema.type }}
-        basePdf={basePdf}
-        value={defaultSchema.content || ''}
-        onChangeHoveringSchemaId={() => {
-          void 0;
-        }}
-        mode={'viewer'}
-        outline={`1px solid ${token.colorPrimary}`}
-        scale={scale}
-      />
-    </div>
-  ), [defaultSchema, basePdf, scale, token.colorPrimary]);
+  const renderedSchema = React.useMemo(
+    () => (
+      <div style={{ transform: `scale(${scale})` }}>
+        <Renderer
+          schema={{ ...defaultSchema, id: defaultSchema.type }}
+          basePdf={basePdf}
+          value={defaultSchema.content || ''}
+          onChangeHoveringSchemaId={() => {
+            void 0;
+          }}
+          mode={'viewer'}
+          outline={`1px solid ${token.colorPrimary}`}
+          scale={scale}
+        />
+      </div>
+    ),
+    [defaultSchema, basePdf, scale, token.colorPrimary],
+  );
 
   return (
     <div ref={setNodeRef} style={style} {...listeners} {...attributes}>

package/src/components/StaticSchema.tsx

@@ -25,11 +25,15 @@ const StaticSchema = (props: {
           key={schema.name}
           schema={{ ...schema, id: uuid() }}
           basePdf={basePdf}
-          value={schema.readOnly ? replacePlaceholders({
-            content: schema.content || '',
-            variables: { ...input, totalPages, currentPage },
-            schemas,
-          }) : schema.content || ''}
+          value={
+            schema.readOnly
+              ? replacePlaceholders({
+                  content: schema.content || '',
+                  variables: { ...input, totalPages, currentPage },
+                  schemas,
+                })
+              : schema.content || ''
+          }
           onChangeHoveringSchemaId={() => {
             void 0;
           }}

package/src/helper.ts

@@ -526,7 +526,11 @@ export const setFontNameRecursively = (
   seen.add(obj);
 
   for (const key in obj) {
-    if (key === 'fontName' && Object.prototype.hasOwnProperty.call(obj, key) && obj[key] === undefined) {
+    if (
+      key === 'fontName' &&
+      Object.prototype.hasOwnProperty.call(obj, key) &&
+      obj[key] === undefined
+    ) {
       obj[key] = fontName;
     } else if (typeof obj[key] === 'object' && obj[key] !== null) {
       setFontNameRecursively(obj[key] as Record<string, unknown>, fontName, seen);