@pdfme/ui 4.1.0 → 4.1.1

package/dist/index.es.js

@@ -9321,7 +9321,7 @@ const ArrayBufferSchema = z.any().refine((a) => a instanceof ArrayBuffer), Uint8
   width: z.number(),
   height: z.number(),
   padding: z.tuple([z.number(), z.number(), z.number(), z.number()])
-}), BasePdf = z.union([z.string(), ArrayBufferSchema, Uint8ArraySchema, BlankPdf]), Template = z.object({
+}), CustomPdf = z.union([z.string(), ArrayBufferSchema, Uint8ArraySchema]), BasePdf = z.union([CustomPdf, BlankPdf]), Template = z.object({
   schemas: z.array(z.record(Schema$1)),
   basePdf: BasePdf,
   pdfmeVersion: z.string().optional()
@@ -81729,7 +81729,7 @@ function getExtraFormatterSchema(a) {
     title: a("schemas.text.format"),
     widget: "ButtonGroup",
     buttons: s,
-    span: 16
+    span: 17
   };
 }
 const UseDynamicFontSize = (a) => {
@@ -81777,7 +81777,7 @@ const UseDynamicFontSize = (a) => {
         type: "number",
         widget: "inputNumber",
         props: { step: 0.1, min: 0 },
-        span: 8
+        span: 7
       },
       useDynamicFontSize: { type: "boolean", widget: "UseDynamicFontSize", bind: !1, span: 16 },
       dynamicFontSize: {
@@ -82422,14 +82422,14 @@ function parseInput(a, s) {
 function createSingleTable(a, s) {
   const { options: $, _cache: _, basePdf: _e } = s;
   if (!isBlankPdf(_e))
-    throw new Error("[@pdfme/schema/table] Blank PDF is not supported");
+    throw new Error("[@pdfme/schema/table] Custom PDF is not supported");
   const tt = parseInput(s.schema, a), nt = $.font || getDefaultFont(), at = getFallbackFontName(nt), ot = parseContent4Table(tt, at);
   return Table$3.create({ input: tt, content: ot, font: nt, _cache: _ });
 }
 async function createMultiTables(a, s) {
   const { basePdf: $, schema: _ } = s;
   if (!isBlankPdf($))
-    throw new Error("[@pdfme/schema/table] Blank PDF is not supported");
+    throw new Error("[@pdfme/schema/table] Custom PDF is not supported");
   const _e = $.height, tt = $.padding[2], nt = $.padding[0];
   let at = _e - tt - _.position.y;
   const ot = await createSingleTable(a, s);
@@ -152100,36 +152100,47 @@ Check this document: https://pdfme.com/docs/custom-schemas`);
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { visibility: lt ? "hidden" : "visible" }, children: a.children })
   ] });
 }, LeftSidebar = ({ height: a, scale: s, basePdf: $ }) => {
-  const { token: _ } = theme.useToken(), _e = reactExports.useContext(PluginsRegistry);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  const { token: _ } = theme.useToken(), _e = reactExports.useContext(PluginsRegistry), [tt, nt] = reactExports.useState(!1);
+  return reactExports.useEffect(() => {
+    const at = () => {
+      tt && nt(!1);
+    };
+    return document.addEventListener("mouseup", at), () => {
+      document.removeEventListener("mouseup", at);
+    };
+  }, [tt]), /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
       style: {
         left: 0,
-        position: "absolute",
         right: 0,
+        position: "absolute",
         zIndex: 1,
         height: a,
+        width: 45,
         background: _.colorBgLayout,
         textAlign: "center",
-        width: 45
+        overflow: tt ? "visible" : "auto"
       },
-      children: Object.entries(_e).map(([tt, nt]) => nt != null && nt.propPanel.defaultSchema ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: Object.entries(_e).map(([at, ot]) => ot != null && ot.propPanel.defaultSchema ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         Draggable$1,
         {
           scale: s,
           basePdf: $,
-          plugin: nt,
+          plugin: ot,
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             Button$2,
             {
-              title: tt,
+              title: at,
+              onMouseDown: () => {
+                nt(!0);
+              },
               style: { width: 35, height: 35, marginTop: "0.25rem", padding: "0.25rem" },
-              children: nt.propPanel.defaultSchema.icon ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: nt.propPanel.defaultSchema.icon } }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: tt })
+              children: ot.propPanel.defaultSchema.icon ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: ot.propPanel.defaultSchema.icon } }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: at })
             }
           )
         },
-        tt
+        at
       ) : null)
     }
   );
@@ -162640,7 +162651,7 @@ const Designer$1 = Designer, { Text } = Typography$1, icons = {
                     const Rt = yt, kt = (vt == null ? void 0 : vt[St]) || "";
                     if (Rt === kt)
                       return;
-                    xt({ key: St, value: Rt }), Ct = !0;
+                    xt({ key: St, value: Rt }), bt.type === "table" && (Ct = !0);
                   } else {
                     const Rt = ut[st].find(
                       (kt) => kt.id === bt.id