@pdfme/ui 5.3.16-dev.3 → 5.3.16-dev.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/ui",
-  "version": "5.3.16-dev.3",
+  "version": "5.3.16-dev.30",
   "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.24.9",
+    "antd": "^5.25.0",
     "form-render": "^2.2.16",
     "globrex": "^0.1.2",
-    "hotkeys-js": "^3.8.7",
-    "lucide-react": "^0.487.0",
+    "hotkeys-js": "^3.13.10",
+    "lucide-react": "^0.508.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.2.0",
+    "@vitejs/plugin-react": "^4.4.1",
     "csstype": "^3.1.2",
-    "esbuild": "^0.25.2",
+    "esbuild": "^0.25.4",
     "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.38.0",
-    "vite": "^6.2.5",
+    "rollup": "^4.40.2",
+    "vite": "^6.3.5",
     "vite-plugin-css-injected-by-js": "^3.3.0",
     "vite-tsconfig-paths": "^5.1.4"
   },

package/src/class.ts

@@ -36,7 +36,9 @@ export abstract class BaseUIClass {
   private options: UIOptions = {};
 
   private readonly setSize = debounce(() => {
-    if (!this.domContainer) throw Error(DESTROYED_ERR_MSG);
+    if (!this.domContainer) {
+      return;
+    }
     this.size = {
       height: this.domContainer.clientHeight || window.innerHeight,
       width: this.domContainer.clientWidth || window.innerWidth,

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

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