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

package/dist/index.es.js

@@ -146580,19 +146580,22 @@ Check this document: https://pdfme.com/docs/custom-schemas`), /* @__PURE__ */ js
     const w = getFallbackFontName(p.font);
     setFontNameRecursively(v, w);
   }
-  const A = useDraggable({ id: v.type, data: v }), { listeners: x, setNodeRef: g, attributes: b, transform: y, isDragging: f } = A, m = { transform: CSS$1.Translate.toString(y) }, C = React.useMemo(() => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { transform: `scale(${s})` }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Renderer,
-    {
-      schema: { ...v, id: v.type },
-      basePdf: c,
-      value: v.content || "",
-      onChangeHoveringSchemaId: () => {
-      },
-      mode: "viewer",
-      outline: `1px solid ${d.colorPrimary}`,
-      scale: s
-    }
-  ) }), [v, c, s, d.colorPrimary]);
+  const A = useDraggable({ id: v.type, data: v }), { listeners: x, setNodeRef: g, attributes: b, transform: y, isDragging: f } = A, m = { transform: CSS$1.Translate.toString(y) }, C = React.useMemo(
+    () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { transform: `scale(${s})` }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Renderer,
+      {
+        schema: { ...v, id: v.type },
+        basePdf: c,
+        value: v.content || "",
+        onChangeHoveringSchemaId: () => {
+        },
+        mode: "viewer",
+        outline: `1px solid ${d.colorPrimary}`,
+        scale: s
+      }
+    ) }),
+    [v, c, s, d.colorPrimary]
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: g, style: m, ...x, ...b, children: [
     f && C,
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { visibility: f ? "hidden" : "visible" }, children: a.children })
@@ -159122,7 +159125,9 @@ class Form extends PreviewUI {
 }
 class Viewer extends PreviewUI {
   constructor(s) {
-    super(s), console.warn("[@pdfme/ui] Viewer component is deprecated and will be removed in a future version.");
+    super(s), console.warn(
+      "[@pdfme/ui] Viewer component is deprecated and will be removed in a future version."
+    );
   }
   render() {
     if (!this.domContainer) throw Error(DESTROYED_ERR_MSG);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/ui",
-  "version": "5.4.0-dev.63",
+  "version": "5.4.0-dev.65",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",

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);