@pdfme/ui 5.3.16-dev.29 → 5.3.16-dev.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/ui",
-  "version": "5.3.16-dev.29",
+  "version": "5.3.16-dev.4",
   "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",
+    "antd": "^5.24.9",
     "form-render": "^2.2.16",
     "globrex": "^0.1.2",
-    "hotkeys-js": "^3.13.10",
-    "lucide-react": "^0.508.0",
+    "hotkeys-js": "^3.8.7",
+    "lucide-react": "^0.487.0",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "react-moveable": "^0.56.0",
@@ -60,9 +60,9 @@
     "@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.2.0",
     "csstype": "^3.1.2",
-    "esbuild": "^0.25.4",
+    "esbuild": "^0.25.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "is-path-inside": "^4.0.0",
@@ -70,8 +70,8 @@
     "jest-environment-jsdom": "^29.7.0",
     "postcss": "^8.5.3",
     "process": "^0.11.10",
-    "rollup": "^4.40.2",
-    "vite": "^6.3.5",
+    "rollup": "^4.38.0",
+    "vite": "^6.2.5",
     "vite-plugin-css-injected-by-js": "^3.3.0",
     "vite-tsconfig-paths": "^5.1.4"
   },

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

@@ -515,22 +515,23 @@ const Canvas = (props: Props, ref: Ref<HTMLDivElement>) => {
               onChangeHoveringSchemaId={onChangeHoveringSchemaId}
               mode={mode}
               onChange={
-                (schemasList[pageCursor] || []).some((s) => s.id === schema.id)
+                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

@@ -21,25 +21,23 @@ 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]);
-
   return (
     <div ref={setNodeRef} style={style} {...listeners} {...attributes}>
-      {isDragging && renderedSchema}
+      {isDragging && (
+        <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>
+      )}
       <div style={{ visibility: isDragging ? 'hidden' : 'visible' }}>{props.children}</div>
     </div>
   );