@pdfme/ui 5.3.17-dev.1 → 5.3.17-dev.2

package/dist/index.es.js

@@ -9025,10 +9025,19 @@ const SchemaPageArray = z.array(z.array(Schema$1)), Template = z.object({
   data: z.union([z.string(), ArrayBufferSchema, Uint8ArraySchema]),
   fallback: z.boolean().optional(),
   subset: z.boolean().optional()
-})), CommonOptions = z.object({ font: Font.optional() }).passthrough(), CommonProps = z.object({
+})), Plugin = z.object({
+  ui: z.function().args(z.any()).returns(z.any()),
+  pdf: z.function().args(z.any()).returns(z.any()),
+  propPanel: z.object({
+    schema: z.unknown(),
+    widgets: z.record(z.any()).optional(),
+    defaultSchema: Schema$1
+  }),
+  icon: z.string().optional()
+}).passthrough(), CommonOptions = z.object({ font: Font.optional() }).passthrough(), CommonProps = z.object({
   template: Template,
   options: CommonOptions.optional(),
-  plugins: z.record(z.object({ ui: z.any(), pdf: z.any(), propPanel: z.any() })).optional()
+  plugins: z.record(Plugin).optional()
 }), GeneratorOptions = CommonOptions.extend({
   colorType: ColorType,
   author: z.string().optional(),
@@ -9110,14 +9119,15 @@ Check this document: https://pdfme.com/docs/custom-fonts`);
     s.parse(a);
   } catch (c) {
     if (c instanceof z.ZodError) {
-      const d = c.issues.map((p) => `ERROR POSITION: ${p.path.join(".")}
-ERROR MESSAGE: ${p.message}
---------------------------`).join(`
-`);
+      const u = c.issues.map((d) => `ERROR POSITION: ${d.path.join(".")}
+ERROR MESSAGE: ${d.message}
+--------------------------`);
       throw Error(`[@pdfme/common] Invalid argument:
 --------------------------
-${d}`);
-    }
+${u.join(`
+`)}`);
+    } else
+      throw Error(`[@pdfme/common] Unexpected parsing error: ${c instanceof Error ? c.message : String(c)}`);
   }
   if (a && typeof a == "object" && "template" in a && "options" in a) {
     const { template: c, options: u } = a;
@@ -12647,7 +12657,26 @@ const expressionCache = /* @__PURE__ */ new Map(), parseDataCache = /* @__PURE__
   return Object.entries(g).forEach(([x, y]) => {
     typeof y == "string" && y.includes("{") && y.includes("}") && (g[x] = evaluatePlaceholders({ content: y, context: g }));
   }), evaluatePlaceholders({ content: s, context: g });
-}, DEFAULT_LANG = "en", DESTROYED_ERR_MSG = "[@pdfme/ui] this instance is already destroyed", SELECTABLE_CLASSNAME = "selectable", RULER_HEIGHT = 30, PAGE_GAP = 10, LEFT_SIDEBAR_WIDTH = 45, RIGHT_SIDEBAR_WIDTH = 400, BACKGROUND_COLOR = "rgb(74, 74, 74)", DEFAULT_MAX_ZOOM = 2, isff = typeof navigator < "u" ? navigator.userAgent.toLowerCase().indexOf("firefox") > 0 : !1;
+}, pluginRegistry = (a) => ({
+  plugins: a,
+  entries: () => Object.entries(a),
+  values: () => Object.values(a),
+  exists: () => Object.values(a).length > 0,
+  findWithLabelByType(s) {
+    for (const [c, u] of Object.entries(this.plugins)) {
+      if (!u || typeof u != "object" || !u.propPanel || typeof u.propPanel != "object")
+        continue;
+      const d = u.propPanel.defaultSchema;
+      if (d && "type" in d && d.type === s)
+        return [c, u];
+    }
+    return ["", void 0];
+  },
+  findByType(s) {
+    const [, c] = this.findWithLabelByType(s);
+    return c;
+  }
+}), DEFAULT_LANG = "en", DESTROYED_ERR_MSG = "[@pdfme/ui] this instance is already destroyed", SELECTABLE_CLASSNAME = "selectable", RULER_HEIGHT = 30, PAGE_GAP = 10, LEFT_SIDEBAR_WIDTH = 45, RIGHT_SIDEBAR_WIDTH = 400, BACKGROUND_COLOR = "rgb(74, 74, 74)", DEFAULT_MAX_ZOOM = 2, isff = typeof navigator < "u" ? navigator.userAgent.toLowerCase().indexOf("firefox") > 0 : !1;
 function addEvent$1(a, s, c, u) {
   a.addEventListener ? a.addEventListener(s, c, u) : a.attachEvent && a.attachEvent("on".concat(s), c);
 }
@@ -80504,7 +80533,7 @@ const UseDynamicFontSize = (a) => {
   ui: uiRender,
   propPanel,
   icon: createSvgStr(TextCursorInput)
-}, builtInPlugins = { Text: textSchema }, I18nContext = reactExports.createContext(i18n), FontContext = reactExports.createContext(getDefaultFont()), PluginsRegistry = reactExports.createContext(builtInPlugins), OptionsContext = reactExports.createContext({}), CacheContext = reactExports.createContext(/* @__PURE__ */ new Map()), hotkeys = function(a, s) {
+}, builtInPlugins = { Text: textSchema }, I18nContext = reactExports.createContext(i18n), FontContext = reactExports.createContext(getDefaultFont()), PluginsRegistry = reactExports.createContext(pluginRegistry(builtInPlugins)), OptionsContext = reactExports.createContext({}), CacheContext = reactExports.createContext(/* @__PURE__ */ new Map()), hotkeys = function(a, s) {
   return hotkeys$1(a, s);
 };
 hotkeys.shift = !1;
@@ -80708,43 +80737,16 @@ const arrayBufferToBase64 = (a) => {
 }, handleTypeChange = (a, s, c, u) => {
   if (s !== "type") return;
   const d = ["id", "name", "type", "position", "required"];
-  Object.keys(a).forEach((g) => {
-    d.includes(g) || delete a[g];
+  Object.keys(a).forEach((v) => {
+    d.includes(v) || delete a[v];
   });
-  const p = c;
-  let v;
-  const A = Object.entries(u);
-  for (let g = 0; g < A.length; g++) {
-    const [, x] = A[g];
-    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;
-    const f = y.defaultSchema;
-    if (!("type" in f) || typeof f.type != "string") continue;
-    const m = f.type;
-    if (m === p) {
-      const C = {
-        type: m
-      };
-      Object.keys(f).forEach((S) => {
-        S !== "type" && Object.prototype.hasOwnProperty.call(f, S) && (C[S] = f[S]);
-      }), v = {
-        propPanel: {
-          defaultSchema: C
-        }
-      };
-      break;
-    }
-  }
-  const b = v == null ? void 0 : v.propPanel;
-  if (b != null && b.defaultSchema) {
-    const g = b.defaultSchema, x = a;
-    for (const y of Object.keys(g))
-      if (!Object.prototype.hasOwnProperty.call(a, y) && Object.prototype.hasOwnProperty.call(g, y)) {
-        const f = g[y];
-        f !== void 0 && (x[y] = f);
+  const p = u.findByType(c);
+  if (p != null && p.propPanel.defaultSchema) {
+    const v = p.propPanel.defaultSchema, A = a;
+    for (const b of Object.keys(v))
+      if (!Object.prototype.hasOwnProperty.call(a, b)) {
+        const g = v[b];
+        g !== void 0 && (A[b] = g);
       }
   }
   a.readOnly && (a.required = !1);
@@ -80760,7 +80762,7 @@ const arrayBufferToBase64 = (a) => {
 };
 class BaseUIClass {
   constructor(s) {
-    this.lang = DEFAULT_LANG, this.font = getDefaultFont(), this.pluginsRegistry = builtInPlugins, this.options = {}, this.setSize = debounce$1(() => {
+    this.lang = DEFAULT_LANG, this.font = getDefaultFont(), this.pluginsRegistry = pluginRegistry(builtInPlugins), this.options = {}, this.setSize = debounce$1(() => {
       this.domContainer && (this.size = {
         height: this.domContainer.clientHeight || window.innerHeight,
         width: this.domContainer.clientWidth || window.innerWidth
@@ -80772,7 +80774,7 @@ class BaseUIClass {
       width: this.domContainer.clientWidth || window.innerWidth
     }, this.resizeObserver.observe(this.domContainer);
     const { lang: v, font: A } = d;
-    v && (this.lang = v), A && (this.font = A), Object.values(p).length > 0 && (this.pluginsRegistry = p);
+    v && (this.lang = v), A && (this.font = A), Object.values(p).length > 0 && (this.pluginsRegistry = pluginRegistry(p));
   }
   getLang() {
     return this.lang;
@@ -136933,8 +136935,8 @@ const usePrevious = (a) => {
   };
   return Array.from(p.body.children).forEach((A) => v(A)), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: u, title: s, dangerouslySetInnerHTML: { __html: p.body.innerHTML } });
 }, PluginIcon = (a) => {
-  var x;
-  const { plugin: s, label: c, size: u, styles: d } = a, { token: p } = theme.useToken(), v = reactExports.useContext(OptionsContext), A = s.propPanel && typeof s.propPanel == "object" && s.propPanel.defaultSchema && typeof s.propPanel.defaultSchema == "object" && "type" in s.propPanel.defaultSchema && typeof s.propPanel.defaultSchema.type == "string" ? s.propPanel.defaultSchema.type : "", b = ((x = v.icons) == null ? void 0 : x[A]) ?? s.icon, g = {
+  var x, y;
+  const { plugin: s, label: c, size: u, styles: d } = a, { token: p } = theme.useToken(), v = reactExports.useContext(OptionsContext), A = ((x = s.propPanel.defaultSchema) == null ? void 0 : x.type) ?? "", b = ((y = v.icons) == null ? void 0 : y[A]) ?? s.icon, g = {
     ...d,
     color: p.colorText,
     display: "flex",
@@ -136955,18 +136957,13 @@ const usePrevious = (a) => {
     id: d.id
   }), I = useMountStatus(), _ = m && !I, $ = {
     ...f,
-    onClick: (O) => c(d.id, O.shiftKey)
-  }, P = typeof d.type == "string" ? d.type : "", E = Object.entries(x).find(([, O]) => {
-    if (!O || typeof O != "object" || !O.propPanel || typeof O.propPanel != "object" || !O.propPanel.defaultSchema || typeof O.propPanel.defaultSchema != "object")
-      return !1;
-    const H = O.propPanel.defaultSchema;
-    return "type" in H && typeof H.type == "string" && H.type === P;
-  }), [R, T] = E || ["", void 0];
-  let B;
-  d.name ? p.find((O) => d.name && O.name === d.name && O.id !== d.id) && (B = "is-danger") : B = "is-warning";
-  let M = g("edit");
-  B === "is-warning" ? M = g("plsInputName") : B === "is-danger" && (M = g("fieldMustUniq"));
-  const k = a ? { background: b.colorPrimary, opacity: C || m ? 0.5 : 1 } : {};
+    onClick: (M) => c(d.id, M.shiftKey)
+  }, [P, E] = x.findWithLabelByType(d.type);
+  let R;
+  d.name ? p.find((M) => d.name && M.name === d.name && M.id !== d.id) && (R = "is-danger") : R = "is-warning";
+  let T = g("edit");
+  R === "is-warning" ? T = g("plsInputName") : R === "is-danger" && (T = g("fieldMustUniq"));
+  const B = a ? { background: b.colorPrimary, opacity: C || m ? 0.5 : 1 } : {};
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Item,
     {
@@ -136974,13 +136971,13 @@ const usePrevious = (a) => {
       onMouseEnter: v,
       onMouseLeave: A,
       onClick: () => u(d.id),
-      icon: T && /* @__PURE__ */ jsxRuntimeExports.jsx(PluginIcon, { plugin: T, label: R, size: 20 }),
+      icon: E && /* @__PURE__ */ jsxRuntimeExports.jsx(PluginIcon, { plugin: E, label: P, size: 20 }),
       value: d.name,
-      status: B,
-      title: M,
+      status: R,
+      title: T,
       required: d.required,
       readOnly: d.readOnly,
-      style: { ...k, ...s },
+      style: { ...B, ...s },
       dragging: m,
       sorting: C,
       transition: w,
@@ -137005,19 +137002,14 @@ const usePrevious = (a) => {
     else
       b([]);
   }, I = (_) => {
-    const $ = typeof _ == "string" ? c.find((B) => B.id === _) : _;
+    const $ = typeof _ == "string" ? c.find((R) => R.id === _) : _;
     if (!$) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
-    const P = typeof $.type == "string" ? $.type : "", E = Object.entries(m).find(([, B]) => {
-      if (!B || typeof B != "object" || !B.propPanel || typeof B.propPanel != "object" || !B.propPanel.defaultSchema || typeof B.propPanel.defaultSchema != "object")
-        return !1;
-      const M = B.propPanel.defaultSchema;
-      return "type" in M && typeof M.type == "string" && M.type === P;
-    }), [R, T] = E || ["", void 0];
-    return T ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    const [P, E] = m.findWithLabelByType($.type);
+    return E ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       PluginIcon,
       {
-        plugin: T,
-        label: R,
+        plugin: E,
+        label: P,
         size: 20,
         styles: { marginRight: "0.5rem" }
       }
@@ -152845,103 +152837,83 @@ const FormRenderComponent = withProvider(FormCore, defaultWidgets), AlignWidget
     );
   }) }) });
 }, { Text: Text$2 } = Typography, DetailView = (a) => {
-  var B, M;
-  const { token: s } = theme.useToken(), { size: c, schemasList: u, changeSchemas: d, deselectSchema: p, activeSchema: v } = a, A = useForm(), b = reactExports.useContext(I18nContext), g = reactExports.useContext(PluginsRegistry), x = reactExports.useContext(OptionsContext), y = (k) => typeof b == "function" ? b(k) : k, [f, m] = reactExports.useState({});
+  var B;
+  const { token: s } = theme.useToken(), { size: c, schemasList: u, changeSchemas: d, deselectSchema: p, activeSchema: v } = a, A = useForm(), b = reactExports.useContext(I18nContext), g = reactExports.useContext(PluginsRegistry), x = reactExports.useContext(OptionsContext), y = (M) => typeof b == "function" ? b(M) : M, [f, m] = reactExports.useState({});
   reactExports.useEffect(() => {
-    const k = {
-      AlignWidget: (O) => /* @__PURE__ */ jsxRuntimeExports.jsx(AlignWidget, { ...O, ...a, options: x }),
+    const M = {
+      AlignWidget: (k) => /* @__PURE__ */ jsxRuntimeExports.jsx(AlignWidget, { ...k, ...a, options: x }),
       Divider: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { style: { marginTop: s.marginXS, marginBottom: s.marginXS } }),
-      ButtonGroup: (O) => /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonGroupWidget, { ...O, ...a, options: x })
+      ButtonGroup: (k) => /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonGroupWidget, { ...k, ...a, options: x })
     };
-    for (const O of Object.values(g)) {
-      const H = (O == null ? void 0 : O.propPanel.widgets) || {};
-      Object.entries(H).forEach(([j, q]) => {
-        k[j] = (L) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    for (const k of g.values()) {
+      const O = k.propPanel.widgets || {};
+      Object.entries(O).forEach(([H, j]) => {
+        M[H] = (q) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           WidgetRenderer,
           {
-            ...L,
+            ...q,
             ...a,
             options: x,
             theme: s,
             i18n: y,
-            widget: q
+            widget: j
           }
         );
       });
     }
-    m(k);
+    m(M);
   }, [v, g, JSON.stringify(x)]), reactExports.useEffect(() => {
-    const k = { ...v }, O = typeof k.readOnly == "boolean" ? k.readOnly : !1;
-    k.editable = !O, A.setValues(k);
+    const M = { ...v }, k = typeof M.readOnly == "boolean" ? M.readOnly : !1;
+    M.editable = !k, A.setValues(M);
   }, [v, A]), reactExports.useEffect(() => A.resetFields(), [v.id]), reactExports.useEffect(() => {
-    C.current = (k) => {
-      for (const O of u)
-        for (const H of Object.values(O))
-          if (H.name === k && H.id !== v.id)
+    C.current = (M) => {
+      for (const k of u)
+        for (const O of Object.values(k))
+          if (O.name === M && O.id !== v.id)
             return !1;
       return !0;
     };
   }, [u, v]);
   const C = reactExports.useRef(
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    (k) => !0
-  ), S = (k, O) => C.current(O), w = debounce$1(function(...k) {
-    const O = k[0], H = (q, L) => typeof q == "object" && q !== null ? JSON.stringify(q) !== JSON.stringify(L) : q !== L;
-    let j = [];
-    for (const q in O) {
-      if (["id", "content"].includes(q)) continue;
-      let L = O[q];
-      if (H(L, v[q])) {
-        if (L === null && ["rotate", "opacity"].includes(q) && (L = void 0), q === "editable") {
-          const F = !L;
-          j.push({ key: "readOnly", value: F, schemaId: v.id }), F && j.push({ key: "required", value: !1, schemaId: v.id });
+    (M) => !0
+  ), S = (M, k) => C.current(k), w = debounce$1(function(...M) {
+    const k = M[0], O = (j, q) => typeof j == "object" && j !== null ? JSON.stringify(j) !== JSON.stringify(q) : j !== q;
+    let H = [];
+    for (const j in k) {
+      if (["id", "content"].includes(j)) continue;
+      let q = k[j];
+      if (O(q, v[j])) {
+        if (q === null && ["rotate", "opacity"].includes(j) && (q = void 0), j === "editable") {
+          const L = !q;
+          H.push({ key: "readOnly", value: L, schemaId: v.id }), L && H.push({ key: "required", value: !1, schemaId: v.id });
           continue;
         }
-        j.push({ key: q, value: L, schemaId: v.id });
+        H.push({ key: j, value: q, schemaId: v.id });
       }
     }
-    j.length && A.validateFields().then(() => d(j)).catch((q) => {
-      q.errorFields.length && (j = j.filter(
-        (L) => !q.errorFields.find(
-          (F) => F.name.includes(L.key)
+    H.length && A.validateFields().then(() => d(H)).catch((j) => {
+      j.errorFields.length && (H = H.filter(
+        (q) => !j.errorFields.find(
+          (L) => L.name.includes(q.key)
         )
-      )), j.length && d(j);
-    });
-  }, 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 O = k.propPanel.defaultSchema;
-    return "type" in O && typeof O.type == "string" && O.type === v.type;
-  }), _ = (B = I == null ? void 0 : I.propPanel) == null ? void 0 : B.schema;
-  _ || console.error(`[@pdfme/ui] No propPanel.schema for ${v.type}.
-Check this document: https://pdfme.com/docs/custom-schemas`);
-  const $ = [];
-  Object.entries(g).forEach(([k, O]) => {
-    if (!O || typeof O != "object") {
-      $.push({ label: k, value: void 0 });
-      return;
-    }
-    if (!("propPanel" in O) || !O.propPanel || typeof O.propPanel != "object") {
-      $.push({ label: k, value: void 0 });
-      return;
-    }
-    if (!("defaultSchema" in O.propPanel) || !O.propPanel.defaultSchema || typeof O.propPanel.defaultSchema != "object") {
-      $.push({ label: k, value: void 0 });
-      return;
-    }
-    const H = O.propPanel.defaultSchema;
-    let j;
-    "type" in H && typeof H.type == "string" && (j = H.type), $.push({ label: k, value: j });
+      )), H.length && d(H);
+    });
+  }, 100), I = g.findByType(v.type);
+  if (!I)
+    throw Error(`[@pdfme/ui] Failed to find plugin used for ${v.type}`);
+  const _ = I.propPanel.schema, $ = [];
+  g.entries().forEach(([M, k]) => {
+    var O;
+    $.push({ label: M, value: ((O = k.propPanel.defaultSchema) == null ? void 0 : O.type) ?? void 0 });
   });
-  const P = {}, E = (M = I == null ? void 0 : I.propPanel) != null && M.defaultSchema ? (
+  const P = {}, E = (B = I == null ? void 0 : I.propPanel) != null && B.defaultSchema ? (
     // Create a safe copy of the schema
     (() => {
-      if (typeof I.propPanel.defaultSchema != "object" || I.propPanel.defaultSchema === null)
-        return P;
-      const k = {};
-      for (const O in I.propPanel.defaultSchema)
-        Object.prototype.hasOwnProperty.call(I.propPanel.defaultSchema, O) && (k[O] = I.propPanel.defaultSchema[O]);
-      return k;
+      const M = {};
+      for (const k in I.propPanel.defaultSchema)
+        Object.prototype.hasOwnProperty.call(I.propPanel.defaultSchema, k) && (M[k] = I.propPanel.defaultSchema[k]);
+      return M;
     })()
   ) : P, R = {
     type: "object",
@@ -153026,31 +152998,31 @@ Check this document: https://pdfme.com/docs/custom-schemas`);
     }
   }, T = { ...R.properties };
   if (typeof _ == "function") {
-    const { size: k, schemas: O, pageSize: H, changeSchemas: j, activeElements: q, deselectSchema: L, activeSchema: F } = a, N = _({
+    const { size: M, schemas: k, pageSize: O, changeSchemas: H, activeElements: j, deselectSchema: q, activeSchema: L } = a, U = _({
       ...{
-        size: k,
-        schemas: O,
-        pageSize: H,
-        changeSchemas: j,
-        activeElements: q,
-        deselectSchema: L,
-        activeSchema: F
+        size: M,
+        schemas: k,
+        pageSize: O,
+        changeSchemas: H,
+        activeElements: j,
+        deselectSchema: q,
+        activeSchema: L
       },
       options: x,
       theme: s,
       i18n: y
-    }), D = N && typeof N == "object" ? N : {}, W = Object.keys(D).length === 0 ? {} : { "--": { type: "void", widget: "Divider" } };
+    }), N = U && typeof U == "object" ? U : {}, D = Object.keys(N).length === 0 ? {} : { "--": { type: "void", widget: "Divider" } };
     R.properties = {
       ...T,
-      ...W,
-      ...D
+      ...D,
+      ...N
     };
   } else {
-    const k = _ && typeof _ == "object" ? _ : {}, O = Object.keys(k).length === 0 ? {} : { "--": { type: "void", widget: "Divider" } };
+    const M = _ && typeof _ == "object" ? _ : {}, k = Object.keys(M).length === 0 ? {} : { "--": { type: "void", widget: "Divider" } };
     R.properties = {
       ...T,
-      ...O,
-      ...k
+      ...k,
+      ...M
     };
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
@@ -153198,12 +153170,8 @@ Check this document: https://pdfme.com/docs/custom-schemas`);
     ]
   }
 ), Renderer = (a) => {
-  const { schema: s, basePdf: c, value: u, mode: d, onChange: p, stopEditing: v, tabIndex: A, placeholder: b, scale: g } = a, x = reactExports.useContext(PluginsRegistry), y = reactExports.useContext(OptionsContext), f = reactExports.useContext(I18nContext), { token: m } = theme.useToken(), C = reactExports.useRef(null), S = reactExports.useContext(CacheContext), w = typeof s.type == "string" ? s.type : "", I = Object.values(x || {}).find(($) => {
-    var E;
-    const P = (E = $ == null ? void 0 : $.propPanel) == null ? void 0 : E.defaultSchema;
-    return (P == null ? void 0 : P.type) === w;
-  }), _ = useRerenderDependencies({
-    plugin: I || {},
+  const { schema: s, basePdf: c, value: u, mode: d, onChange: p, stopEditing: v, tabIndex: A, placeholder: b, scale: g } = a, x = reactExports.useContext(PluginsRegistry), y = reactExports.useContext(OptionsContext), f = reactExports.useContext(I18nContext), { token: m } = theme.useToken(), C = reactExports.useRef(null), S = reactExports.useContext(CacheContext), w = x.findByType(s.type), I = useRerenderDependencies({
+    plugin: w || void 0,
     value: u,
     mode: d,
     scale: g,
@@ -153211,10 +153179,10 @@ Check this document: https://pdfme.com/docs/custom-schemas`);
     options: y
   });
   return reactExports.useEffect(() => {
-    if (!(I != null && I.ui) || !C.current || !s.type) return;
+    if (!(w != null && w.ui) || !C.current || !s.type) return;
     C.current.innerHTML = "";
-    const $ = I.ui;
-    return $({
+    const _ = w.ui;
+    return _({
       value: u,
       schema: s,
       basePdf: c,
@@ -153231,7 +153199,7 @@ Check this document: https://pdfme.com/docs/custom-schemas`);
     }), () => {
       C.current && (C.current.innerHTML = "");
     };
-  }, [I == null ? void 0 : I.ui, s.type, _]), !I || !I.ui ? (console.error(`[@pdfme/ui] Renderer for type ${s.type} not found. 
+  }, [w == null ? void 0 : w.ui, s.type, I]), !w || !w.ui ? (console.error(`[@pdfme/ui] Renderer for type ${s.type} not found. 
 Check this document: https://pdfme.com/docs/custom-schemas`), /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {})) : /* @__PURE__ */ jsxRuntimeExports.jsx(Wrapper, { ...a, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: "100%", width: "100%" }, ref: C }) });
 }, Draggable$1 = (a) => {
   const { scale: s, basePdf: c, plugin: u } = a, { token: d } = theme.useToken(), p = u.propPanel.defaultSchema, v = useDraggable({ id: p.type, data: p }), { listeners: A, setNodeRef: b, attributes: g, transform: x, isDragging: y } = v, f = { transform: CSS$1.Translate.toString(x) }, m = React.useMemo(() => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { transform: `scale(${s})` }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -153278,7 +153246,7 @@ Check this document: https://pdfme.com/docs/custom-schemas`), /* @__PURE__ */ js
         textAlign: "center",
         overflow: p ? "visible" : "auto"
       },
-      children: Object.entries(d).map(([A, b]) => b != null && b.propPanel.defaultSchema ? /* @__PURE__ */ jsxRuntimeExports.jsx(Draggable$1, { scale: s, basePdf: c, plugin: b, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: d.entries().map(([A, b]) => b != null && b.propPanel.defaultSchema ? /* @__PURE__ */ jsxRuntimeExports.jsx(Draggable$1, { scale: s, basePdf: c, plugin: b, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button$1,
         {
           onMouseDown: () => v(!0),
@@ -164889,8 +164857,8 @@ const guideStyle = (a, s, c, u) => ({
     const V = (g[u] || []).filter(
       (ie) => b.map((ce) => ce.id).includes(ie.id)
     ).map((ie) => ie.type), K = [...new Set(V)], te = [];
-    return Object.values(_).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);
+    return _.entries().forEach(([, ie]) => {
+      ie.propPanel.defaultSchema && te.push(ie.propPanel.defaultSchema);
     }), K.every((ie) => {
       const ce = te.find((me) => me && "type" in me && me.type === ie);
       return ce && "rotate" in ce;