@pdfme/ui 5.3.11-dev.11 → 5.3.11-dev.13

package/dist/index.es.js

@@ -82204,7 +82204,12 @@ function createSingleTable(a, s) {
   }
   p.showHead = p.showHead === !1 ? !1 : !p.__isSplit;
   const v = parseInput(p, a), b = c.font || getDefaultFont(), g = getFallbackFontName(b), x = parseContent4Table(v, g);
-  return Table$2.create({ input: v, content: x, font: b, _cache: u });
+  return Table$2.create({
+    input: v,
+    content: x,
+    font: b,
+    _cache: u
+  });
 }
 const DEFAULT_OPACITY = 1, HEX_COLOR_PATTERN = "^#(?:[A-Fa-f0-9]{6})$", getBody$1 = (a) => typeof a == "string" ? JSON.parse(a || "[]") : a || [], getBodyWithRange = (a, s) => {
   const c = getBody$1(a);
@@ -82297,7 +82302,11 @@ const DEFAULT_OPACITY = 1, HEX_COLOR_PATTERN = "^#(?:[A-Fa-f0-9]{6})$", getBody$
   if (!s)
     return;
   const { font: b = getDefaultFont(), colorType: g } = p, [x, y] = await Promise.all([
-    embedAndGetFontObj({ pdfDoc: c, font: b, _cache: v }),
+    embedAndGetFontObj({
+      pdfDoc: c,
+      font: b,
+      _cache: v
+    }),
     getFontKitFont(A.fontName, b, v)
   ]), f = getFontProp({ value: s, fontKitFont: y, schema: A, colorType: g }), { fontSize: m, color: C, alignment: S, verticalAlignment: w, lineHeight: I, characterSpacing: T } = f, $ = A.fontName ? A.fontName : getFallbackFontName(b), P = x && x[$], E = d.getHeight(), { width: B, height: R, rotate: O, position: { x: M, y: k }, opacity: D } = convertForPdfLayoutProps({ schema: A, pageHeight: E, applyRotateTranslate: !1 });
   if (A.backgroundColor) {
@@ -82973,9 +82982,11 @@ const arrayBufferToBase64 = (a) => {
   const v = Object.entries(u);
   for (let g = 0; g < v.length; g++) {
     const [, x] = v[g];
-    if (!x || typeof x != "object" || !("propPanel" in x) || !x.propPanel || typeof x.propPanel != "object") continue;
+    if (!x || typeof x != "object" || !("propPanel" in x) || !x.propPanel || typeof x.propPanel != "object")
+      continue;
     const y = x.propPanel;
-    if (!("defaultSchema" in y) || !y.defaultSchema || typeof y.defaultSchema != "object") continue;
+    if (!("defaultSchema" in y) || !y.defaultSchema || typeof y.defaultSchema != "object")
+      continue;
     const f = y.defaultSchema;
     if (!("type" in f) || typeof f.type != "string") continue;
     const m = f.type;
@@ -138618,104 +138629,102 @@ function isAfter(a, s) {
 }
 const { Text: Text$4 } = Typography, Item = React.memo(
   /* eslint-disable react/prop-types */
-  React.forwardRef(
-    function a({
-      icon: s,
-      value: c,
-      status: u,
-      title: d,
-      required: p,
-      readOnly: A,
-      style: v,
-      dragOverlay: b,
-      onClick: g,
-      onMouseEnter: x,
-      onMouseLeave: y,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      dragging: f,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      fadeIn: m,
-      listeners: C,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      sorting: S,
-      transition: w,
-      transform: I,
-      ...T
-    }, $) {
-      const P = reactExports.useContext(I18nContext);
-      reactExports.useEffect(() => {
-        if (b)
-          return document.body.style.cursor = "grabbing", () => {
-            document.body.style.cursor = "";
-          };
-      }, [b]);
-      const { x: E, y: B, scaleX: R, scaleY: O } = I || { x: 0, y: 0, scaleX: 1, scaleY: 1 };
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "li",
-        {
-          style: {
-            marginTop: 10,
-            transition: w,
-            transform: `translate(${E}px, ${B}px) scale(${R}, ${O})`
-          },
-          onMouseEnter: x,
-          onMouseLeave: y,
-          ref: $,
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "div",
-            {
-              style: {
-                display: "flex",
-                alignItems: "center",
-                cursor: "pointer",
-                gap: "0.5rem",
-                ...v
-              },
-              ...T,
-              onClick: () => g && g(),
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  Button$1,
-                  {
-                    ...C,
-                    style: {
-                      display: "flex",
-                      alignItems: "center",
-                      background: "none",
-                      boxShadow: "none",
-                      border: "none",
-                      paddingLeft: "0.25rem"
-                    },
-                    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(GripVertical, { size: 15, style: { cursor: "grab" } })
-                  }
-                ),
-                s,
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  Text$4,
-                  {
-                    style: {
-                      overflow: "hidden",
-                      whiteSpace: "nowrap",
-                      textOverflow: "ellipsis",
-                      width: "100%"
-                    },
-                    title: d || "",
-                    children: u === void 0 ? c : /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { display: "flex", alignItems: "center" }, children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { size: 15, style: { marginRight: "0.25rem" } }),
-                      u === "is-warning" ? P("noKeyName") : c,
-                      u === "is-danger" ? P("notUniq") : ""
-                    ] })
-                  }
-                ),
-                A && /* @__PURE__ */ jsxRuntimeExports.jsx(Lock, { size: 15, style: { marginRight: "0.5rem" } }),
-                p && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "red", marginRight: "0.5rem" }, children: "*" })
-              ]
-            }
-          )
-        }
-      );
-    }
-  )
+  React.forwardRef(function a({
+    icon: s,
+    value: c,
+    status: u,
+    title: d,
+    required: p,
+    readOnly: A,
+    style: v,
+    dragOverlay: b,
+    onClick: g,
+    onMouseEnter: x,
+    onMouseLeave: y,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    dragging: f,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    fadeIn: m,
+    listeners: C,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    sorting: S,
+    transition: w,
+    transform: I,
+    ...T
+  }, $) {
+    const P = reactExports.useContext(I18nContext);
+    reactExports.useEffect(() => {
+      if (b)
+        return document.body.style.cursor = "grabbing", () => {
+          document.body.style.cursor = "";
+        };
+    }, [b]);
+    const { x: E, y: B, scaleX: R, scaleY: O } = I || { x: 0, y: 0, scaleX: 1, scaleY: 1 };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "li",
+      {
+        style: {
+          marginTop: 10,
+          transition: w,
+          transform: `translate(${E}px, ${B}px) scale(${R}, ${O})`
+        },
+        onMouseEnter: x,
+        onMouseLeave: y,
+        ref: $,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              cursor: "pointer",
+              gap: "0.5rem",
+              ...v
+            },
+            ...T,
+            onClick: () => g && g(),
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Button$1,
+                {
+                  ...C,
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    background: "none",
+                    boxShadow: "none",
+                    border: "none",
+                    paddingLeft: "0.25rem"
+                  },
+                  icon: /* @__PURE__ */ jsxRuntimeExports.jsx(GripVertical, { size: 15, style: { cursor: "grab" } })
+                }
+              ),
+              s,
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Text$4,
+                {
+                  style: {
+                    overflow: "hidden",
+                    whiteSpace: "nowrap",
+                    textOverflow: "ellipsis",
+                    width: "100%"
+                  },
+                  title: d || "",
+                  children: u === void 0 ? c : /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { display: "flex", alignItems: "center" }, children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { size: 15, style: { marginRight: "0.25rem" } }),
+                    u === "is-warning" ? P("noKeyName") : c,
+                    u === "is-danger" ? P("notUniq") : ""
+                  ] })
+                }
+              ),
+              A && /* @__PURE__ */ jsxRuntimeExports.jsx(Lock, { size: 15, style: { marginRight: "0.5rem" } }),
+              p && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "red", marginRight: "0.5rem" }, children: "*" })
+            ]
+          }
+        )
+      }
+    );
+  })
 );
 Item.displayName = "Item";
 const usePrevious = (a) => {
@@ -138908,13 +138917,12 @@ const usePrevious = (a) => {
   }), I = useMountStatus(), T = m && !I, $ = {
     ...f,
     onClick: (D) => c(d.id, D.shiftKey)
-  }, P = typeof d.type == "string" ? d.type : "", E = Object.entries(x).find(
-    ([, D]) => {
-      if (!D || typeof D != "object" || !D.propPanel || typeof D.propPanel != "object" || !D.propPanel.defaultSchema || typeof D.propPanel.defaultSchema != "object") return !1;
-      const H = D.propPanel.defaultSchema;
-      return "type" in H && typeof H.type == "string" && H.type === P;
-    }
-  ), [B, R] = E || ["", void 0];
+  }, P = typeof d.type == "string" ? d.type : "", E = Object.entries(x).find(([, D]) => {
+    if (!D || typeof D != "object" || !D.propPanel || typeof D.propPanel != "object" || !D.propPanel.defaultSchema || typeof D.propPanel.defaultSchema != "object")
+      return !1;
+    const H = D.propPanel.defaultSchema;
+    return "type" in H && typeof H.type == "string" && H.type === P;
+  }), [B, R] = E || ["", void 0];
   let O;
   d.name ? p.find((D) => d.name && D.name === d.name && D.id !== d.id) && (O = "is-danger") : O = "is-warning";
   let M = g("edit");
@@ -138960,13 +138968,12 @@ const usePrevious = (a) => {
   }, I = (T) => {
     const $ = typeof T == "string" ? c.find((O) => O.id === T) : T;
     if (!$) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
-    const P = typeof $.type == "string" ? $.type : "", E = Object.entries(m).find(
-      ([, O]) => {
-        if (!O || typeof O != "object" || !O.propPanel || typeof O.propPanel != "object" || !O.propPanel.defaultSchema || typeof O.propPanel.defaultSchema != "object") return !1;
-        const M = O.propPanel.defaultSchema;
-        return "type" in M && typeof M.type == "string" && M.type === P;
-      }
-    ), [B, R] = E || ["", void 0];
+    const P = typeof $.type == "string" ? $.type : "", E = Object.entries(m).find(([, O]) => {
+      if (!O || typeof O != "object" || !O.propPanel || typeof O.propPanel != "object" || !O.propPanel.defaultSchema || typeof O.propPanel.defaultSchema != "object")
+        return !1;
+      const M = O.propPanel.defaultSchema;
+      return "type" in M && typeof M.type == "string" && M.type === P;
+    }), [B, R] = E || ["", void 0];
     return R ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       PluginIcon,
       {
@@ -154649,13 +154656,17 @@ var updateSchemaByPath = function a(s, c, u) {
 };
 const FormRenderComponent = withProvider(FormCore, defaultWidgets), AlignWidget = (a) => {
   const { activeElements: s, changeSchemas: c, schemas: u, pageSize: d, schema: p } = a, A = (g) => {
-    const x = s.map((E) => E.id), y = u.filter((E) => x.includes(E.id)), f = ["left", "center", "right"].includes(g), m = f ? "x" : "y", C = f ? "width" : "height", S = y.length === 1, w = d && typeof d == "object" ? C === "width" ? d.width : d.height : 0, I = S ? 0 : Math.min(...y.map((E) => {
-      const B = E.position && typeof E.position == "object" ? E.position : { x: 0, y: 0 };
-      return m === "x" ? B.x : B.y;
-    })), T = S ? w : Math.max(...y.map((E) => {
-      const B = E.position && typeof E.position == "object" ? E.position : { x: 0, y: 0 }, R = m === "x" ? B.x : B.y, O = E, M = C === "width" ? O.width || 0 : O.height || 0;
-      return R + M;
-    }));
+    const x = s.map((E) => E.id), y = u.filter((E) => x.includes(E.id)), f = ["left", "center", "right"].includes(g), m = f ? "x" : "y", C = f ? "width" : "height", S = y.length === 1, w = d && typeof d == "object" ? C === "width" ? d.width : d.height : 0, I = S ? 0 : Math.min(
+      ...y.map((E) => {
+        const B = E.position && typeof E.position == "object" ? E.position : { x: 0, y: 0 };
+        return m === "x" ? B.x : B.y;
+      })
+    ), T = S ? w : Math.max(
+      ...y.map((E) => {
+        const B = E.position && typeof E.position == "object" ? E.position : { x: 0, y: 0 }, R = m === "x" ? B.x : B.y, O = E, M = C === "width" ? O.width || 0 : O.height || 0;
+        return R + M;
+      })
+    );
     let $ = I, P = (E) => 0;
     ["center", "middle"].includes(g) ? ($ = (I + T) / 2, P = (E) => E / 2) : ["right", "bottom"].includes(g) && ($ = T, P = (E) => E), c(
       y.map((E) => {
@@ -154668,13 +154679,17 @@ const FormRenderComponent = withProvider(FormCore, defaultWidgets), AlignWidget
       })
     );
   }, v = (g) => {
-    const x = s.map((R) => R.id), y = u.filter((R) => x.includes(R.id)), f = g === "vertical", m = f ? "y" : "x", C = f ? "height" : "width", S = Math.min(...y.map((R) => {
-      const O = R.position && typeof R.position == "object" ? R.position : { x: 0, y: 0 };
-      return m === "x" ? O.x : O.y;
-    })), w = Math.max(...y.map((R) => {
-      const O = R.position && typeof R.position == "object" ? R.position : { x: 0, y: 0 }, M = m === "x" ? O.x : O.y, k = R, D = C === "width" ? k.width || 0 : k.height || 0;
-      return M + D;
-    }));
+    const x = s.map((R) => R.id), y = u.filter((R) => x.includes(R.id)), f = g === "vertical", m = f ? "y" : "x", C = f ? "height" : "width", S = Math.min(
+      ...y.map((R) => {
+        const O = R.position && typeof R.position == "object" ? R.position : { x: 0, y: 0 };
+        return m === "x" ? O.x : O.y;
+      })
+    ), w = Math.max(
+      ...y.map((R) => {
+        const O = R.position && typeof R.position == "object" ? R.position : { x: 0, y: 0 }, M = m === "x" ? O.x : O.y, k = R, D = C === "width" ? k.width || 0 : k.height || 0;
+        return M + D;
+      })
+    );
     if (y.length < 3) return;
     const I = S, T = w - S, $ = y.reduce((R, O) => {
       const M = O, k = C === "width" ? M.width || 0 : M.height || 0;
@@ -154851,13 +154866,12 @@ const FormRenderComponent = withProvider(FormCore, defaultWidgets), AlignWidget
         )
       )), U.length && d(U);
     });
-  }, 100), I = Object.values(g).find(
-    (k) => {
-      if (!k || typeof k != "object" || !k.propPanel || typeof k.propPanel != "object" || !k.propPanel.defaultSchema || typeof k.propPanel.defaultSchema != "object") return !1;
-      const D = k.propPanel.defaultSchema;
-      return "type" in D && typeof D.type == "string" && D.type === A.type;
-    }
-  ), T = (O = I == null ? void 0 : I.propPanel) == null ? void 0 : O.schema;
+  }, 100), I = Object.values(g).find((k) => {
+    if (!k || typeof k != "object" || !k.propPanel || typeof k.propPanel != "object" || !k.propPanel.defaultSchema || typeof k.propPanel.defaultSchema != "object")
+      return !1;
+    const D = k.propPanel.defaultSchema;
+    return "type" in D && typeof D.type == "string" && D.type === A.type;
+  }), T = (O = I == null ? void 0 : I.propPanel) == null ? void 0 : O.schema;
   T || console.error(`[@pdfme/ui] No propPanel.schema for ${A.type}.
 Check this document: https://pdfme.com/docs/custom-schemas`);
   const $ = [];
@@ -154972,7 +154986,15 @@ Check this document: https://pdfme.com/docs/custom-schemas`);
   }, R = { ...B.properties };
   if (typeof T == "function") {
     const { size: k, schemas: D, pageSize: H, changeSchemas: U, activeElements: V, deselectSchema: N, activeSchema: F } = a, L = T({
-      ...{ size: k, schemas: D, pageSize: H, changeSchemas: U, activeElements: V, deselectSchema: N, activeSchema: F },
+      ...{
+        size: k,
+        schemas: D,
+        pageSize: H,
+        changeSchemas: U,
+        activeElements: V,
+        deselectSchema: N,
+        activeSchema: F
+      },
       options: x,
       theme: s,
       i18n: y
@@ -165900,9 +165922,7 @@ var InitialMoveable = /* @__PURE__ */ function(a) {
 const className = "pdfme-moveable", Moveable = (a, s) => {
   const { token: c } = theme.useToken();
   return reactExports.useEffect(() => {
-    const u = document.querySelector(`.${className}`), d = document.querySelectorAll(
-      `.${className} .moveable-line`
-    );
+    const u = document.querySelector(`.${className}`), d = document.querySelectorAll(`.${className} .moveable-line`);
     u instanceof HTMLElement && (u.style.setProperty("--moveable-color", c.colorPrimary), Array.from(d).forEach((p) => {
       p instanceof HTMLElement && p.style.setProperty("--moveable-color", c.colorPrimary);
     }));
@@ -166831,9 +166851,7 @@ const guideStyle = (a, s, c, u) => ({
     return Object.values(T).forEach((ie) => {
       ie && typeof ie == "object" && "propPanel" in ie && ie.propPanel && typeof ie.propPanel == "object" && "defaultSchema" in ie.propPanel && ie.propPanel.defaultSchema && te.push(ie.propPanel.defaultSchema);
     }), Z.every((ie) => {
-      const ue = te.find(
-        (me) => me && "type" in me && me.type === ie
-      );
+      const ue = te.find((me) => me && "type" in me && me.type === ie);
       return ue && "rotate" in ue;
     });
   }, [b, u, g, T]);
@@ -167380,9 +167398,15 @@ const guideStyle = (a, s, c, u) => ({
   }), c;
 }, AppContextProvider = ({ children: a, lang: s, font: c, plugins: u, options: d }) => {
   let p = defaultTheme;
-  d.theme && (p = deepMerge(p, d.theme));
+  d.theme && (p = deepMerge(
+    p,
+    d.theme
+  ));
   let A = getDict(s);
-  return d.labels && (A = deepMerge(A, d.labels)), /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigProvider, { theme: p, children: /* @__PURE__ */ jsxRuntimeExports.jsx(I18nContext.Provider, { value: (v) => i18n(v, A), children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontContext.Provider, { value: c, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PluginsRegistry.Provider, { value: u, children: /* @__PURE__ */ jsxRuntimeExports.jsx(OptionsContext.Provider, { value: d, children: a }) }) }) }) });
+  return d.labels && (A = deepMerge(
+    A,
+    d.labels
+  )), /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigProvider, { theme: p, children: /* @__PURE__ */ jsxRuntimeExports.jsx(I18nContext.Provider, { value: (v) => i18n(v, A), children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontContext.Provider, { value: c, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PluginsRegistry.Provider, { value: u, children: /* @__PURE__ */ jsxRuntimeExports.jsx(OptionsContext.Provider, { value: d, children: a }) }) }) }) });
 };
 class Designer extends BaseUIClass {
   constructor(s) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/ui",
-  "version": "5.3.11-dev.11",
+  "version": "5.3.11-dev.13",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",

package/src/components/AppContextProvider.tsx

@@ -48,12 +48,18 @@ const deepMerge = <T extends Record<string, unknown>, U extends Record<string, u
 const AppContextProvider = ({ children, lang, font, plugins, options }: Props) => {
   let theme = defaultTheme;
   if (options.theme) {
-    theme = deepMerge(theme as unknown as Record<string, unknown>, options.theme as unknown as Record<string, unknown>) as typeof theme;
+    theme = deepMerge(
+      theme as unknown as Record<string, unknown>,
+      options.theme as unknown as Record<string, unknown>,
+    ) as typeof theme;
   }
 
   let dict = getDict(lang);
   if (options.labels) {
-    dict = deepMerge(dict as unknown as Record<string, unknown>, options.labels as unknown as Record<string, unknown>) as typeof dict;
+    dict = deepMerge(
+      dict as unknown as Record<string, unknown>,
+      options.labels as unknown as Record<string, unknown>,
+    ) as typeof dict;
   }
 
   return (

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

@@ -1,5 +1,11 @@
 import React, { useEffect, forwardRef, Ref } from 'react';
-import MoveableComponent, { OnDrag, OnRotate, OnRotateEnd, OnClick, OnResize } from 'react-moveable';
+import MoveableComponent, {
+  OnDrag,
+  OnRotate,
+  OnRotateEnd,
+  OnClick,
+  OnResize,
+} from 'react-moveable';
 import { theme } from 'antd';
 
 type Props = {
@@ -27,9 +33,7 @@ const Moveable = (props: Props, ref: Ref<MoveableComponent>) => {
   const { token } = theme.useToken();
   useEffect(() => {
     const containerElement = document.querySelector(`.${className}`);
-    const containerElement2 = document.querySelectorAll(
-      `.${className} .moveable-line`,
-    );
+    const containerElement2 = document.querySelectorAll(`.${className} .moveable-line`);
     if (containerElement instanceof HTMLElement) {
       containerElement.style.setProperty('--moveable-color', token.colorPrimary);
       Array.from(containerElement2).forEach((e) => {

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

@@ -1,5 +1,8 @@
 import React, { useEffect } from 'react';
-import SelectoComponent, { OnSelect as SelectoOnSelect, OnDragStart as SelectoOnDragStart } from 'react-selecto';
+import SelectoComponent, {
+  OnSelect as SelectoOnSelect,
+  OnDragStart as SelectoOnDragStart,
+} from 'react-selecto';
 import { SELECTABLE_CLASSNAME } from '../../../constants.js';
 import { theme } from 'antd';
 

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

@@ -331,28 +331,28 @@ const Canvas = (props: Props, ref: Ref<HTMLDivElement>) => {
     );
     const schemaTypes = selectedSchemas.map((s) => s.type);
     const uniqueSchemaTypes = [...new Set(schemaTypes)];
-    
+
     // 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) {
+    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
+      ) {
         defaultSchemas.push(plugin.propPanel.defaultSchema as Record<string, unknown>);
       }
     });
 
     // Check if all schema types have rotate property
-    return uniqueSchemaTypes.every(type => {
-      const matchingSchema = defaultSchemas.find(ds => 
-        ds && 'type' in ds && ds.type === type
-      );
+    return uniqueSchemaTypes.every((type) => {
+      const matchingSchema = defaultSchemas.find((ds) => ds && 'type' in ds && ds.type === type);
       return matchingSchema && 'rotate' in matchingSchema;
     });
   }, [activeElements, pageCursor, schemasList, pluginsRegistry]);
@@ -375,7 +375,7 @@ const Canvas = (props: Props, ref: Ref<HTMLDivElement>) => {
           const inputEvent = e.inputEvent as MouseEvent | TouchEvent;
           const target = inputEvent.target as Element | null;
           const isMoveableElement = moveable.current?.isMoveableElement(target as Element);
-          
+
           if ((inputEvent.type === 'touchstart' && e.isTrusted) || isMoveableElement) {
             e.stop();
           }
@@ -383,7 +383,7 @@ const Canvas = (props: Props, ref: Ref<HTMLDivElement>) => {
           if (paperRefs.current[pageCursor] === target) {
             onEdit([]);
           }
-          
+
           // Check if the target is an HTMLElement and has an id property
           const targetElement = target as HTMLElement | null;
           if (targetElement && targetElement.id === DELETE_BTN_ID) {
@@ -396,10 +396,10 @@ const Canvas = (props: Props, ref: Ref<HTMLDivElement>) => {
           const added = e.added as HTMLElement[];
           const removed = e.removed as HTMLElement[];
           const selected = e.selected as HTMLElement[];
-          
+
           const isClick = inputEvent.type === 'mousedown';
           let newActiveElements: HTMLElement[] = isClick ? selected : [];
-          
+
           if (!isClick && added.length > 0) {
             newActiveElements = activeElements.concat(added);
           }
@@ -411,7 +411,7 @@ const Canvas = (props: Props, ref: Ref<HTMLDivElement>) => {
           if (newActiveElements != activeElements) {
             setEditing(false);
           }
-          
+
           // For MacOS CMD+SHIFT+3/4 screenshots where the keydown event is never received, check mouse too
           const mouseEvent = inputEvent as MouseEvent;
           if (mouseEvent && typeof mouseEvent.shiftKey === 'boolean' && !mouseEvent.shiftKey) {
@@ -517,7 +517,7 @@ const Canvas = (props: Props, ref: Ref<HTMLDivElement>) => {
               onChange={(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];
+                const args = Array.isArray(arg) ? (arg as ChangeArg[]) : [arg as ChangeArg];
                 changeSchemas(args.map(({ key, value }) => ({ key, value, schemaId: schema.id })));
               }}
               stopEditing={() => setEditing(false)}

package/src/components/Designer/PluginIcon.tsx

@@ -38,17 +38,18 @@ const PluginIcon = (props: PluginIconProps) => {
   const { plugin, label, size, styles } = props;
   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 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 icon = options.icons?.[defaultSchemaType] ?? plugin.icon;
   const iconStyles = {
     ...styles,