@pdfme/ui 5.3.16 → 5.3.17-dev.2

package/dist/types/src/class.d.ts

@@ -1,4 +1,4 @@
-import { Template, Size, Plugins, UIProps, UIOptions, PreviewProps } from '@pdfme/common';
+import { Template, Size, UIProps, UIOptions, PluginRegistry, PreviewProps } from '@pdfme/common';
 export declare abstract class BaseUIClass {
     protected domContainer: HTMLElement | null;
     protected template: Template;
@@ -16,7 +16,7 @@ export declare abstract class BaseUIClass {
         fallback?: boolean | undefined;
         subset?: boolean | undefined;
     }>;
-    protected getPluginsRegistry(): Plugins;
+    protected getPluginsRegistry(): PluginRegistry;
     getOptions(): UIOptions;
     getTemplate(): import("zod").objectOutputType<{
         schemas: import("zod").ZodArray<import("zod").ZodArray<import("zod").ZodObject<{

package/dist/types/src/components/AppContextProvider.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import type { Plugins, Font, Lang, UIOptions } from '@pdfme/common';
+import type { Font, Lang, UIOptions, PluginRegistry } from '@pdfme/common';
 type Props = {
     children: React.ReactNode;
     lang: Lang;
     font: Font;
-    plugins: Plugins;
+    plugins: PluginRegistry;
     options: UIOptions;
 };
 declare const AppContextProvider: ({ children, lang, font, plugins, options }: Props) => React.JSX.Element;

package/dist/types/src/contexts.d.ts

@@ -1,10 +1,10 @@
-import { Plugins, UIOptions } from '@pdfme/common';
+import { PluginRegistry, UIOptions } from '@pdfme/common';
 export declare const I18nContext: import("react").Context<(key: keyof import("@pdfme/common").Dict, dict?: import("@pdfme/common").Dict) => string>;
 export declare const FontContext: import("react").Context<Record<string, {
     data: string | ArrayBuffer | Uint8Array<ArrayBufferLike>;
     fallback?: boolean | undefined;
     subset?: boolean | undefined;
 }>>;
-export declare const PluginsRegistry: import("react").Context<Plugins>;
+export declare const PluginsRegistry: import("react").Context<PluginRegistry>;
 export declare const OptionsContext: import("react").Context<UIOptions>;
 export declare const CacheContext: import("react").Context<Map<string | number, unknown>>;

package/dist/types/src/helper.d.ts

@@ -1,4 +1,4 @@
-import { Template, BasePdf, SchemaForUI, Size, Plugins } from '@pdfme/common';
+import { Template, BasePdf, SchemaForUI, Size, PluginRegistry } from '@pdfme/common';
 export declare const uuid: () => string;
 export declare const debounce: <T extends (...args: unknown[]) => unknown>(cb: T, wait?: number) => T;
 export declare const round: (number: number, precision: number) => number;
@@ -63,7 +63,7 @@ export declare const changeSchemas: (args: {
     }[];
     schemas: SchemaForUI[];
     basePdf: BasePdf;
-    pluginsRegistry: Plugins;
+    pluginsRegistry: PluginRegistry;
     pageSize: {
         width: number;
         height: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/ui",
-  "version": "5.3.16",
+  "version": "5.3.17-dev.2",
   "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.6",
+    "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

@@ -7,9 +7,9 @@ import {
   Size,
   Lang,
   Font,
-  Plugins,
   UIProps,
   UIOptions,
+  PluginRegistry,
   PreviewProps,
   getDefaultFont,
   checkUIProps,
@@ -17,6 +17,7 @@ import {
   checkInputs,
   checkUIOptions,
   checkPreviewProps,
+  pluginRegistry,
 } from '@pdfme/common';
 import { builtInPlugins } from '@pdfme/schemas';
 
@@ -31,12 +32,14 @@ export abstract class BaseUIClass {
 
   private font: Font = getDefaultFont();
 
-  private pluginsRegistry: Plugins = builtInPlugins;
+  private pluginsRegistry: PluginRegistry = pluginRegistry(builtInPlugins);
 
   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,
@@ -68,7 +71,7 @@ export abstract class BaseUIClass {
     }
 
     if (Object.values(plugins).length > 0) {
-      this.pluginsRegistry = plugins;
+      this.pluginsRegistry = pluginRegistry(plugins);
     }
   }
 

package/src/components/AppContextProvider.tsx

@@ -3,13 +3,13 @@ import { ConfigProvider as ThemeConfigProvider } from 'antd';
 import { I18nContext, FontContext, PluginsRegistry, OptionsContext } from '../contexts.js';
 import { i18n, getDict } from '../i18n.js';
 import { defaultTheme } from '../theme.js';
-import type { Dict, Plugins, Font, Lang, UIOptions } from '@pdfme/common';
+import type { Dict, Font, Lang, UIOptions, PluginRegistry } from '@pdfme/common';
 
 type Props = {
   children: React.ReactNode;
   lang: Lang;
   font: Font;
-  plugins: Plugins;
+  plugins: PluginRegistry;
   options: UIOptions;
 };
 

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

@@ -335,17 +335,8 @@ const Canvas = (props: Props, ref: Ref<HTMLDivElement>) => {
     // Create a type-safe array of default schemas
     const defaultSchemas: Record<string, unknown>[] = [];
 
-    // Safely iterate through plugins registry
-    Object.values(pluginsRegistry).forEach((plugin) => {
-      if (
-        plugin &&
-        typeof plugin === 'object' &&
-        'propPanel' in plugin &&
-        plugin.propPanel &&
-        typeof plugin.propPanel === 'object' &&
-        'defaultSchema' in plugin.propPanel &&
-        plugin.propPanel.defaultSchema
-      ) {
+    pluginsRegistry.entries().forEach(([, plugin]) => {
+      if (plugin.propPanel.defaultSchema) {
         defaultSchemas.push(plugin.propPanel.defaultSchema as Record<string, unknown>);
       }
     });
@@ -515,23 +506,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>
   );
@@ -84,7 +86,7 @@ const LeftSidebar = ({
         overflow: isDragging ? 'visible' : 'auto',
       }}
     >
-      {Object.entries(pluginsRegistry).map(([label, plugin]) => {
+      {pluginsRegistry.entries().map(([label, plugin]) => {
         if (!plugin?.propPanel.defaultSchema) return null;
 
         return (

package/src/components/Designer/PluginIcon.tsx

@@ -39,18 +39,9 @@ const PluginIcon = (props: PluginIconProps) => {
   const { token } = theme.useToken();
   const options = useContext(OptionsContext);
 
-  // Safely access plugin properties with proper type checking
-  const defaultSchemaType =
-    plugin.propPanel &&
-    typeof plugin.propPanel === 'object' &&
-    plugin.propPanel.defaultSchema &&
-    typeof plugin.propPanel.defaultSchema === 'object' &&
-    'type' in plugin.propPanel.defaultSchema &&
-    typeof plugin.propPanel.defaultSchema.type === 'string'
-      ? plugin.propPanel.defaultSchema.type
-      : '';
+  const schemaType = plugin.propPanel.defaultSchema?.type ?? '';
 
-  const icon = options.icons?.[defaultSchemaType] ?? plugin.icon;
+  const icon = options.icons?.[schemaType] ?? plugin.icon;
   const iconStyles = {
     ...styles,
     color: token.colorText,

package/src/components/Designer/RightSidebar/DetailView/index.tsx

@@ -64,8 +64,8 @@ const DetailView = (props: DetailViewProps) => {
       ),
       ButtonGroup: (p) => <ButtonGroupWidget {...p} {...props} options={options} />,
     };
-    for (const plugin of Object.values(pluginsRegistry)) {
-      const widgets = plugin?.propPanel.widgets || {};
+    for (const plugin of pluginsRegistry.values()) {
+      const widgets = plugin.propPanel.widgets || {};
       Object.entries(widgets).forEach(([widgetKey, widgetValue]) => {
         newWidgets[widgetKey] = (p) => (
           <WidgetRenderer
@@ -171,64 +171,18 @@ const DetailView = (props: DetailViewProps) => {
     }
   }, 100);
 
-  // Find the active plugin with proper type safety
-  const activePlugin = Object.values(pluginsRegistry).find((plugin) => {
-    if (!plugin || typeof plugin !== 'object') return false;
-    if (!plugin.propPanel || typeof plugin.propPanel !== 'object') return false;
-    if (!plugin.propPanel.defaultSchema || typeof plugin.propPanel.defaultSchema !== 'object')
-      return false;
-
-    const defaultSchema = plugin.propPanel.defaultSchema as Record<string, unknown>;
-    return (
-      'type' in defaultSchema &&
-      typeof defaultSchema.type === 'string' &&
-      defaultSchema.type === activeSchema.type
-    );
-  });
-
-  // Safely access the propPanel schema
-  const activePropPanelSchema = activePlugin?.propPanel?.schema;
-  if (!activePropPanelSchema) {
-    console.error(`[@pdfme/ui] No propPanel.schema for ${activeSchema.type}.
-Check this document: https://pdfme.com/docs/custom-schemas`);
+  const activePlugin = pluginsRegistry.findByType(activeSchema.type);
+  if (!activePlugin) {
+    throw Error(`[@pdfme/ui] Failed to find plugin used for ${activeSchema.type}`);
   }
 
-  // Create type-safe options for the type dropdown
-  // Create a type-safe options array for the dropdown
+  const activePropPanelSchema = activePlugin.propPanel.schema;
   const typeOptions: Array<{ label: string; value: string | undefined }> = [];
 
-  // Safely populate the options array
-  Object.entries(pluginsRegistry).forEach(([label, value]) => {
-    // Skip invalid plugins
-    if (!value || typeof value !== 'object') {
-      typeOptions.push({ label, value: undefined });
-      return;
-    }
-
-    if (!('propPanel' in value) || !value.propPanel || typeof value.propPanel !== 'object') {
-      typeOptions.push({ label, value: undefined });
-      return;
-    }
-
-    if (
-      !('defaultSchema' in value.propPanel) ||
-      !value.propPanel.defaultSchema ||
-      typeof value.propPanel.defaultSchema !== 'object'
-    ) {
-      typeOptions.push({ label, value: undefined });
-      return;
-    }
-
-    // Safely extract the type
-    const defaultSchema = value.propPanel.defaultSchema as Record<string, unknown>;
-    let schemaType: string | undefined = undefined;
-
-    if ('type' in defaultSchema && typeof defaultSchema.type === 'string') {
-      schemaType = defaultSchema.type;
-    }
-
-    typeOptions.push({ label, value: schemaType });
+  pluginsRegistry.entries().forEach(([label, plugin]) => {
+    typeOptions.push({ label, value: plugin.propPanel.defaultSchema?.type ?? undefined });
   });
+
   // Create a safe empty schema as fallback
   const emptySchema: Record<string, unknown> = {};
 
@@ -236,15 +190,6 @@ Check this document: https://pdfme.com/docs/custom-schemas`);
   const defaultSchema: Record<string, unknown> = activePlugin?.propPanel?.defaultSchema
     ? // Create a safe copy of the schema
       (() => {
-        // First check if the defaultSchema is an object
-        if (
-          typeof activePlugin.propPanel.defaultSchema !== 'object' ||
-          activePlugin.propPanel.defaultSchema === null
-        ) {
-          return emptySchema;
-        }
-
-        // Create a safe copy
         const result: Record<string, unknown> = {};
 
         // Only copy properties that exist on the object

package/src/components/Designer/RightSidebar/ListView/SelectableSortableContainer.tsx

@@ -65,26 +65,7 @@ const SelectableSortableContainer = (
 
     if (!thisSchema) return <></>;
 
-    // Safely extract schema type
-    const schemaType = typeof thisSchema.type === 'string' ? thisSchema.type : '';
-
-    // Find matching plugin with type-safe approach
-    const pluginEntry = Object.entries(pluginsRegistry).find(([, plugin]) => {
-      if (!plugin || typeof plugin !== 'object') return false;
-      if (!plugin.propPanel || typeof plugin.propPanel !== 'object') return false;
-      if (!plugin.propPanel.defaultSchema || typeof plugin.propPanel.defaultSchema !== 'object')
-        return false;
-
-      // Use Record<string, unknown> to safely access properties
-      const defaultSchema = plugin.propPanel.defaultSchema as Record<string, unknown>;
-      return (
-        'type' in defaultSchema &&
-        typeof defaultSchema.type === 'string' &&
-        defaultSchema.type === schemaType
-      );
-    });
-
-    const [pluginLabel, activePlugin] = pluginEntry || ['', undefined];
+    const [pluginLabel, activePlugin] = pluginsRegistry.findWithLabelByType(thisSchema.type);
 
     if (!activePlugin) {
       return <></>;

package/src/components/Designer/RightSidebar/ListView/SelectableSortableItem.tsx

@@ -42,26 +42,7 @@ const SelectableSortableItem = ({
     onClick: (event: React.MouseEvent) => onSelect(schema.id, event.shiftKey),
   };
 
-  // Safely extract schema type
-  const schemaType = typeof schema.type === 'string' ? schema.type : '';
-
-  // Find matching plugin with type-safe approach
-  const pluginEntry = Object.entries(pluginsRegistry).find(([, plugin]) => {
-    if (!plugin || typeof plugin !== 'object') return false;
-    if (!plugin.propPanel || typeof plugin.propPanel !== 'object') return false;
-    if (!plugin.propPanel.defaultSchema || typeof plugin.propPanel.defaultSchema !== 'object')
-      return false;
-
-    // Use Record<string, unknown> to safely access properties
-    const defaultSchema = plugin.propPanel.defaultSchema as Record<string, unknown>;
-    return (
-      'type' in defaultSchema &&
-      typeof defaultSchema.type === 'string' &&
-      defaultSchema.type === schemaType
-    );
-  });
-
-  const [pluginLabel, thisPlugin] = pluginEntry || ['', undefined];
+  const [pluginLabel, thisPlugin] = pluginsRegistry.findWithLabelByType(schema.type);
 
   let status: undefined | 'is-warning' | 'is-danger';
   if (!schema.name) {

package/src/components/Renderer.tsx

@@ -109,17 +109,10 @@ const Renderer = (props: RendererProps) => {
 
   const ref = useRef<HTMLDivElement>(null);
   const _cache = useContext(CacheContext);
-  // Safely extract schema type
-  const schemaType = typeof schema.type === 'string' ? schema.type : '';
-
-  // Find plugin with matching schema type using a type-safe approach
-  const plugin = Object.values(pluginsRegistry || {}).find((plugin) => {
-    const defaultSchema = plugin?.propPanel?.defaultSchema as Record<string, unknown> | undefined;
-    return defaultSchema?.type === schemaType;
-  });
+  const plugin = pluginsRegistry.findByType(schema.type);
 
   const reRenderDependencies = useRerenderDependencies({
-    plugin: plugin || ({} as Plugin<Schema>),
+    plugin: plugin || undefined,
     value,
     mode,
     scale,

package/src/contexts.ts

@@ -1,13 +1,13 @@
 import { createContext } from 'react';
 import { i18n } from './i18n.js';
-import { getDefaultFont, Plugins, UIOptions } from '@pdfme/common';
+import { getDefaultFont, PluginRegistry, pluginRegistry, UIOptions } from '@pdfme/common';
 import { builtInPlugins } from '@pdfme/schemas';
 
 export const I18nContext = createContext(i18n);
 
 export const FontContext = createContext(getDefaultFont());
 
-export const PluginsRegistry = createContext<Plugins>(builtInPlugins);
+export const PluginsRegistry = createContext<PluginRegistry>(pluginRegistry(builtInPlugins));
 
 export const OptionsContext = createContext<UIOptions>({});
 

package/src/helper.ts

@@ -10,7 +10,7 @@ import {
   SchemaForUI,
   Size,
   isBlankPdf,
-  Plugins,
+  PluginRegistry
 } from '@pdfme/common';
 import { pdf2size } from '@pdfme/converter';
 import { DEFAULT_MAX_ZOOM, RULER_HEIGHT } from './constants.js';
@@ -452,7 +452,7 @@ const handleTypeChange = (
   schema: SchemaForUI,
   key: string,
   value: unknown,
-  pluginsRegistry: Plugins,
+  pluginsRegistry: PluginRegistry,
 ) => {
   if (key !== 'type') return;
   const keysToKeep = ['id', 'name', 'type', 'position', 'required'];
@@ -461,100 +461,21 @@ const handleTypeChange = (
       delete schema[key as keyof typeof schema];
     }
   });
-  // Apply attributes from new defaultSchema
-  // Find the plugin with matching type
-  const pluginValue = value as string;
-
-  // Define a type-safe approach to find the matching plugin
-  interface PluginSchema {
-    type: string;
-    [key: string]: unknown;
-  }
-
-  interface PluginType {
-    propPanel: {
-      defaultSchema: PluginSchema;
-    };
-  }
-
-  // Initialize plugin as undefined
-  let plugin: PluginType | undefined;
-
-  // Safely iterate through plugins to find one with matching type
-  const pluginEntries = Object.entries(pluginsRegistry);
-  for (let i = 0; i < pluginEntries.length; i++) {
-    const [, pluginObj] = pluginEntries[i];
-
-    // Skip invalid plugins
-    if (!pluginObj || typeof pluginObj !== 'object') continue;
-
-    // Check if propPanel exists and is an object
-    if (
-      !('propPanel' in pluginObj) ||
-      !pluginObj.propPanel ||
-      typeof pluginObj.propPanel !== 'object'
-    )
-      continue;
-
-    // Check if defaultSchema exists and is an object
-    const propPanel = pluginObj.propPanel as { defaultSchema?: unknown };
-    if (
-      !('defaultSchema' in propPanel) ||
-      !propPanel.defaultSchema ||
-      typeof propPanel.defaultSchema !== 'object'
-    )
-      continue;
-
-    // Safely check if type property exists and matches
-    const defaultSchema = propPanel.defaultSchema as Record<string, unknown>;
-    if (!('type' in defaultSchema) || typeof defaultSchema.type !== 'string') continue;
-
-    // Check if the type matches
-    const schemaType = defaultSchema.type;
-    if (schemaType === pluginValue) {
-      // Create a type-safe copy of the plugin
-      const safeSchema: PluginSchema = {
-        type: schemaType,
-      };
-
-      // Copy other properties safely
-      Object.keys(defaultSchema).forEach((key) => {
-        if (key !== 'type' && Object.prototype.hasOwnProperty.call(defaultSchema, key)) {
-          safeSchema[key] = defaultSchema[key];
-        }
-      });
-
-      // Found matching plugin with proper typing
-      plugin = {
-        propPanel: {
-          defaultSchema: safeSchema,
-        },
-      };
-      break;
-    }
-  }
 
-  const propPanel = plugin?.propPanel;
+  const plugin = pluginsRegistry.findByType(value as string);
 
   // Apply default schema properties if available
-  if (propPanel?.defaultSchema) {
-    // Create a type-safe copy of the default schema
-    const defaultSchema = propPanel.defaultSchema;
+  if (plugin?.propPanel.defaultSchema) {
+    const defaultSchema = plugin.propPanel.defaultSchema;
     const schemaRecord = schema as Record<string, unknown>;
 
     // Use a type-safe approach to copy properties
     for (const key of Object.keys(defaultSchema)) {
       // Only add properties that don't already exist in the schema
       if (!Object.prototype.hasOwnProperty.call(schema, key)) {
-        // Create a safe copy of the property
-        if (Object.prototype.hasOwnProperty.call(defaultSchema, key)) {
-          // Get the property value safely
-          const propertyValue = defaultSchema[key];
-
-          // Only assign if the value is defined
-          if (propertyValue !== undefined) {
-            schemaRecord[key] = propertyValue;
-          }
+        const propertyValue = defaultSchema[key];
+        if (propertyValue !== undefined) {
+          schemaRecord[key] = propertyValue;
         }
       }
     }
@@ -568,7 +489,7 @@ export const changeSchemas = (args: {
   objs: { key: string; value: unknown; schemaId: string }[];
   schemas: SchemaForUI[];
   basePdf: BasePdf;
-  pluginsRegistry: Plugins;
+  pluginsRegistry: PluginRegistry;
   pageSize: { width: number; height: number };
   commitSchemas: (newSchemas: SchemaForUI[]) => void;
 }) => {