@erpsquad/common 1.8.41 → 1.8.43

package/dist/views/template-editor/components/SectionFormatPanel/index.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../node_modules/@mui/icons-material/Close/index.js"),l=require("../../../../components/typography/typography/index.js"),n=require("../controllers/TextControls/index.js"),o=require("../controllers/ButtonControls/index.js"),a=require("../controllers/ImageControls/index.js"),s=require("../controllers/DividerControls/index.js"),i=require("../controllers/TableControls/index.js"),d=require("../controllers/SignatureControls/index.js"),u=require("../controllers/CodeControls/index.js"),c=require("../../../../components/select/select/index.js"),m=require("../../utils/constant/index.js"),p=require("../../utils/common/index.js"),b=require("../../../../node_modules/@mui/material/Paper/Paper/index.js"),h=require("../../../../node_modules/@mui/material/Box/Box/index.js"),y=require("../../../../node_modules/@mui/material/Tooltip/Tooltip/index.js"),f=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),v=require("../../../../node_modules/@mui/material/FormControl/FormControl/index.js"),g=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),x=require("../../../../components/icons/save/index.js");const S=["text","text-block","heading","heading-2","heading-3","heading-4","buttons","image","divider","table","signature","qr-code","bar-code"];exports.default=({section:$,onClose:j,onUpdate:C,placeholders:w,relation_table:q,handleSave:E})=>{var A,_;const I=t.useMemo(()=>(null==$?void 0:$.type)||"text",[null==$?void 0:$.type]),D=t.useMemo(()=>(null==$?void 0:$.content)||"text",[null==$?void 0:$.content]);t.useState([]);const[T,B]=t.useState((null==(A=null==$?void 0:$.attributes)?void 0:A.rowLevel)||!1),[L,k]=t.useState({name:"",columns:[{id:"col1",header:"Column 1"},{id:"col2",header:"Column 2"},{id:"col3",header:"Column 3"}],rows:[{col1:"",col2:"",col3:""}],border:!0,mergedCells:[]}),[M,H]=t.useState(!0),[N,O]=t.useState(p.extractStyles(D));t.useEffect(()=>{var e,t;if($&&"table"===$.type)if(null==(e=$.attributes)?void 0:e.tableData)k($.attributes.tableData);else{const e=P($.content);e&&(k(e),B((null==(t=null==$?void 0:$.attributes)?void 0:t.rowLevel)||!1))}},[]),t.useEffect(()=>{var e;$&&!M&&(document.createElement("div").innerHTML=$.content,O(null==(e=p.extractStyles($.content))?void 0:e.styles),H(!1))},[$]);const P=e=>{try{const t=(new DOMParser).parseFromString(e,"text/html").querySelector("table");if(!t)return null;const r=t.querySelectorAll("thead tr"),l=t.querySelectorAll("tbody tr");if(0===r.length)return null;const n=r[0].querySelectorAll("th"),o=Array.from(n).map((e,t)=>{var r;return{id:`col${t+1}`,header:(null==(r=e.textContent)?void 0:r.trim())||`Column ${t+1}`}}),a=[];Array.from(r).forEach((e,t)=>{e.querySelectorAll("th").forEach((e,r)=>{var l;const n=parseInt(e.getAttribute("rowspan")||"1"),o=parseInt(e.getAttribute("colspan")||"1");(n>1||o>1)&&a.push({section:"thead",rowStart:t,rowEnd:t+n-1,colStart:r,colEnd:r+o-1,value:(null==(l=e.textContent)?void 0:l.trim())||""})})});const s=Array.from(l).map(e=>{const t=e.querySelectorAll("td"),r={};return t.forEach((e,t)=>{var l;t<o.length&&(r[o[t].id]=(null==(l=e.textContent)?void 0:l.trim())||"")}),r});return Array.from(l).forEach((e,t)=>{e.querySelectorAll("td").forEach((e,r)=>{var l;const n=parseInt(e.getAttribute("rowspan")||"1"),o=parseInt(e.getAttribute("colspan")||"1");(n>1||o>1)&&a.push({section:"tbody",rowStart:t,rowEnd:t+n-1,colStart:r,colEnd:r+o-1,value:(null==(l=e.textContent)?void 0:l.trim())||""})})}),{name:"",columns:o,rows:s.length>0?s:[{}],border:!0,mergedCells:a}}catch(t){return null}},z=t.useCallback(e=>{var t;const{src:r,alt:l,styles:n,text:o,placeholder:a,placeholders:s}=e||(null==$?void 0:$.attributes)||N||{},i={...m.initialStyles[I],...n,...null==N?void 0:N.styles,...null==e?void 0:e.styles},d=p.generateInlineStyles(i);if("buttons"===I)return`<button style="${d}">${o||"Button Text"}</button>`;if("image"===I){let e=d;return(null==i?void 0:i.is_bordered)?(i.padding="10px",e=p.generateInlineStyles(i)):(i.padding="0",e=p.generateInlineStyles(i)),`<img src="${r||""}" alt="${l||""}" style="${e}" />`}if("divider"===I)return`<hr style="${d}" />`;if("table"===I){const{border:e,borderStyle:r,borderColor:l,...n}=i,o=p.generateInlineStyles(i.is_bordered?i:n),a=p.generateInlineStyles(i.tHead||{}),d=p.generateInlineStyles(i.tBody||{}),u=p.generateInlineStyles({...i.thCells||{},...i.is_bordered?{border:e,borderStyle:r,borderColor:l}:{}}),c=p.generateInlineStyles({...i.tbCells||{},...i.is_bordered?{border:e,borderStyle:r,borderColor:l}:{}}),m=(e,t,r)=>{var l;return null==(l=L.mergedCells)?void 0:l.find(l=>l.section===e&&t>=l.rowStart&&t<=l.rowEnd&&r>=l.colStart&&r<=l.colEnd)},b=L.columns.map((e,t)=>{const r=m("thead",0,t);if(r&&t!==r.colStart)return"";const l=r?` rowspan="${r.rowEnd-r.rowStart+1}" colspan="${r.colEnd-r.colStart+1}"`:"",n=r?r.value:e.header;return`<th style="${u}"${l}>${n}</th>`}).filter(e=>""!==e).join("");let h="";if(L.name){const e=L.columns.map((e,t)=>{var r,l;const n=m("tbody",0,t);if(n&&t!==n.colStart)return"";const o=n?` rowspan="${n.rowEnd-n.rowStart+1}" colspan="${n.colEnd-n.colStart+1}"`:"";let a="";if("index"===e.id||"incrementIndex"===e.id)a="{{incrementIndex @index}}";else if(e.id.includes(".")){const t=null==(r=null==L?void 0:L.rows)?void 0:r[0][e.id];a="string"==typeof t?t.replace(L.name+".",""):String(t||"")}else{const t=null==(l=null==L?void 0:L.rows)?void 0:l[0][e.id];a="string"==typeof t?t.replace(L.name+".",""):String(t||"")}return`<td style="${c}"${o}>${a}</td>`}).filter(e=>""!==e).join(""),r=(null==(t=i.tBody)?void 0:t.zebraStriping)?`{{#if (isOdd @index)}}${d}; background-color: ${i.tBody.alternateRowColor||"#f9f9f9"}{{else}}${d}{{/if}}`:d;h=`{{#each ${L.name}}}\n            <tr style="${r}">\n              ${e}\n            </tr>\n          {{/each}}`}else h=L.rows.map((e,t)=>{var r;const l=(null==(r=i.tBody)?void 0:r.zebraStriping)&&t%2==1?`; background-color: ${i.tBody.alternateRowColor||"#f9f9f9"}`:"",n=L.columns.map((r,l)=>{const n=m("tbody",t,l);if(n&&(t!==n.rowStart||l!==n.colStart))return"";let o=e[r.id]||"";Object.keys(e).includes(`${r.id}_static`)&&(o=e[`${r.id}_static`]||""),!o&&(null==s?void 0:s[r.id])&&(o=(e=>{const t=w.find(t=>t.value===e);if(!t)return"";if(void 0!==t.actualValue)return String(t.actualValue);switch(t.type){case"date":/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../node_modules/@mui/icons-material/Close/index.js"),l=require("../../../../components/typography/typography/index.js"),n=require("../controllers/TextControls/index.js"),o=require("../controllers/ButtonControls/index.js"),a=require("../controllers/ImageControls/index.js"),s=require("../controllers/DividerControls/index.js"),i=require("../controllers/TableControls/index.js"),d=require("../controllers/SignatureControls/index.js"),u=require("../controllers/CodeControls/index.js"),c=require("../../../../components/select/select/index.js"),m=require("../../utils/constant/index.js"),p=require("../../utils/common/index.js"),b=require("../../../../node_modules/@mui/material/Paper/Paper/index.js"),h=require("../../../../node_modules/@mui/material/Box/Box/index.js"),y=require("../../../../node_modules/@mui/material/Tooltip/Tooltip/index.js"),f=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),v=require("../../../../components/icons/save/index.js"),g=require("../../../../node_modules/@mui/material/FormControl/FormControl/index.js"),x=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");const S=["text","text-block","heading","heading-2","heading-3","heading-4","buttons","image","divider","table","signature","qr-code","bar-code"];exports.default=({section:$,onClose:j,onUpdate:C,placeholders:w,relation_table:q,handleSave:E})=>{var A,_;const I=t.useMemo(()=>(null==$?void 0:$.type)||"text",[null==$?void 0:$.type]),D=t.useMemo(()=>(null==$?void 0:$.content)||"text",[null==$?void 0:$.content]);t.useState([]);const[T,B]=t.useState((null==(A=null==$?void 0:$.attributes)?void 0:A.rowLevel)||!1),[L,k]=t.useState({name:"",columns:[{id:"col1",header:"Column 1"},{id:"col2",header:"Column 2"},{id:"col3",header:"Column 3"}],rows:[{col1:"",col2:"",col3:""}],border:!0,mergedCells:[]}),[M,H]=t.useState(!0),[N,O]=t.useState(p.extractStyles(D));t.useEffect(()=>{var e,t;if($&&"table"===$.type)if(null==(e=$.attributes)?void 0:e.tableData)k($.attributes.tableData);else{const e=P($.content);e&&(k(e),B((null==(t=null==$?void 0:$.attributes)?void 0:t.rowLevel)||!1))}},[]),t.useEffect(()=>{var e;$&&!M&&(document.createElement("div").innerHTML=$.content,O(null==(e=p.extractStyles($.content))?void 0:e.styles),H(!1))},[$]);const P=e=>{try{const t=(new DOMParser).parseFromString(e,"text/html").querySelector("table");if(!t)return null;const r=t.querySelectorAll("thead tr"),l=t.querySelectorAll("tbody tr");if(0===r.length)return null;const n=r[0].querySelectorAll("th"),o=Array.from(n).map((e,t)=>{var r;return{id:`col${t+1}`,header:(null==(r=e.textContent)?void 0:r.trim())||`Column ${t+1}`}}),a=[];Array.from(r).forEach((e,t)=>{e.querySelectorAll("th").forEach((e,r)=>{var l;const n=parseInt(e.getAttribute("rowspan")||"1"),o=parseInt(e.getAttribute("colspan")||"1");(n>1||o>1)&&a.push({section:"thead",rowStart:t,rowEnd:t+n-1,colStart:r,colEnd:r+o-1,value:(null==(l=e.textContent)?void 0:l.trim())||""})})});const s=Array.from(l).map(e=>{const t=e.querySelectorAll("td"),r={};return t.forEach((e,t)=>{var l;t<o.length&&(r[o[t].id]=(null==(l=e.textContent)?void 0:l.trim())||"")}),r});return Array.from(l).forEach((e,t)=>{e.querySelectorAll("td").forEach((e,r)=>{var l;const n=parseInt(e.getAttribute("rowspan")||"1"),o=parseInt(e.getAttribute("colspan")||"1");(n>1||o>1)&&a.push({section:"tbody",rowStart:t,rowEnd:t+n-1,colStart:r,colEnd:r+o-1,value:(null==(l=e.textContent)?void 0:l.trim())||""})})}),{name:"",columns:o,rows:s.length>0?s:[{}],border:!0,mergedCells:a}}catch(t){return null}},z=t.useCallback(e=>{var t;const{src:r,alt:l,styles:n,text:o,placeholder:a,placeholders:s}=e||(null==$?void 0:$.attributes)||N||{},i={...m.initialStyles[I],...n,...null==N?void 0:N.styles,...null==e?void 0:e.styles},d=p.generateInlineStyles(i);if("buttons"===I)return`<button style="${d}">${o||"Button Text"}</button>`;if("image"===I){let e=d;return(null==i?void 0:i.is_bordered)?(i.padding="10px",e=p.generateInlineStyles(i)):(i.padding="0",e=p.generateInlineStyles(i)),`<img src="${r||""}" alt="${l||""}" style="${e}" />`}if("divider"===I)return`<hr style="${d}" />`;if("table"===I){const{border:e,borderStyle:r,borderColor:l,...n}=i,o=p.generateInlineStyles(i.is_bordered?i:n),a=p.generateInlineStyles(i.tHead||{}),d=p.generateInlineStyles(i.tBody||{}),u=p.generateInlineStyles({...i.thCells||{},...i.is_bordered?{border:e,borderStyle:r,borderColor:l}:{}}),c=p.generateInlineStyles({...i.tbCells||{},...i.is_bordered?{border:e,borderStyle:r,borderColor:l}:{}}),m=(e,t,r)=>{var l;return null==(l=L.mergedCells)?void 0:l.find(l=>l.section===e&&t>=l.rowStart&&t<=l.rowEnd&&r>=l.colStart&&r<=l.colEnd)},b=L.columns.map((e,t)=>{const r=m("thead",0,t);if(r&&t!==r.colStart)return"";const l=r?` rowspan="${r.rowEnd-r.rowStart+1}" colspan="${r.colEnd-r.colStart+1}"`:"",n=r?r.value:e.header;return`<th style="${u}"${l}>${n}</th>`}).filter(e=>""!==e).join("");let h="";if(L.name){const e=L.columns.map((e,t)=>{var r,l;const n=m("tbody",0,t);if(n&&t!==n.colStart)return"";const o=n?` rowspan="${n.rowEnd-n.rowStart+1}" colspan="${n.colEnd-n.colStart+1}"`:"";let a="";if("index"===e.id||"incrementIndex"===e.id)a="{{incrementIndex @index}}";else if(e.id.includes(".")){const t=null==(r=null==L?void 0:L.rows)?void 0:r[0][e.id];a="string"==typeof t?t.replace(L.name+".",""):String(t||"")}else{const t=null==(l=null==L?void 0:L.rows)?void 0:l[0][e.id];a="string"==typeof t?t.replace(L.name+".",""):String(t||"")}return`<td style="${c}"${o}>${a}</td>`}).filter(e=>""!==e).join(""),r=(null==(t=i.tBody)?void 0:t.zebraStriping)?`{{#if (isOdd @index)}}${d}; background-color: ${i.tBody.alternateRowColor||"#f9f9f9"}{{else}}${d}{{/if}}`:d;h=`{{#each ${L.name}}}\n            <tr style="${r}">\n              ${e}\n            </tr>\n          {{/each}}`}else h=L.rows.map((e,t)=>{var r;const l=(null==(r=i.tBody)?void 0:r.zebraStriping)&&t%2==1?`; background-color: ${i.tBody.alternateRowColor||"#f9f9f9"}`:"",n=L.columns.map((r,l)=>{const n=m("tbody",t,l);if(n&&(t!==n.rowStart||l!==n.colStart))return"";let o=e[r.id]||"";Object.keys(e).includes(`${r.id}_static`)&&(o=e[`${r.id}_static`]||""),!o&&(null==s?void 0:s[r.id])&&(o=(e=>{const t=w.find(t=>t.value===e);if(!t)return"";if(void 0!==t.actualValue)return String(t.actualValue);switch(t.type){case"date":/* @__PURE__ */
 return(new Date).toLocaleDateString();case"datetime":/* @__PURE__ */
 return(new Date).toLocaleString();case"number":return"123";case"currency":return"$1,234.56";case"email":return"example@domain.com";case"phone":return"+1 (555) 123-4567";case"url":return"https://example.com";default:return t.label||t.value}})(s[r.id]));const a=n?` rowspan="${n.rowEnd-n.rowStart+1}" colspan="${n.colEnd-n.colStart+1}"`:"",i=n?n.value:o;return`<td style="${c}"${a}>${i}</td>`}).filter(e=>""!==e).join("");return`<tr style="${d}${l}">${n}</tr>`}).join("");return`\n        <table style="${o}">\n          <thead>\n            <tr style="${a}">\n              ${b}\n            </tr>\n          </thead>\n          <tbody>\n            ${h}\n          </tbody>\n        </table>\n      `}if("qr-code"===I||"bar-code"===I)return`<div style="${d}">${a}</div>`;if(/<\/?[a-z][\s\S]*>/i.test(D)){const e=(new DOMParser).parseFromString(`<div>${D}</div>`,"text/html").body.firstChild;return e&&e.nodeType===Node.ELEMENT_NODE?(e.querySelectorAll("*").forEach(e=>{if("SCRIPT"===e.tagName||"STYLE"===e.tagName)return;const t=e.getAttribute("style")||"",r={};t.split(";").forEach(e=>{const[t,l]=e.split(":").map(e=>e.trim());t&&l&&(r[t]=l)});const l={};d.split(";").forEach(e=>{const[t,r]=e.split(":").map(e=>e.trim());t&&r&&(l[t]=r)}),"P"===e.tagName||"DIV"===e.tagName?l["line-height"]="1.5":["H1","H2","H3","H4","H5","H6"].includes(e.tagName)&&(l["line-height"]="1.2",l.margin="0.5em 0");const n={...r,...l},o=Object.entries(n).filter(([e,t])=>e&&t).map(([e,t])=>`${e}: ${t}`).join("; ");e.setAttribute("style",o)}),e.innerHTML):D}switch(I){case"text":case"text-block":default:return`<p style="${d}">${D}</p>`;case"heading":return`<h1 style="${d}">${D}</h1>`;case"heading-2":return`<h2 style="${d}">${D}</h2>`;case"heading-3":return`<h3 style="${d}">${D}</h3>`;case"heading-4":return`<h4 style="${d}">${D}</h4>`;case"signature":return`<div style="${d}">${D}</div>`}},[JSON.stringify($)]),F=()=>{const e={content:z(),type:I,rowLevel:T,name:L.name||"",attributes:{...(null==$?void 0:$.attributes)||{},..."table"===I?{tableData:L}:{}},is_edited_from_source:(null==$?void 0:$.is_edited_from_source)||!1};C(e)};t.useEffect(()=>{F()},[L]);const R=e=>{var t;if(!$)return;const r={...(null==(t=$.attributes)?void 0:t.styles)||{},...e.styles||{}},l={...$.attributes||{},...e,styles:r,..."table"===I?{tableData:L}:{}},{id:n,...o}=$,a=z(l);O(l),C({...o,content:a,attributes:l})};/* @__PURE__ */
 return e.jsxs(b.default,{elevation:3,sx:{width:{xs:"100%",sm:320,lg:390},height:"100%",overflow:"auto",borderLeft:"1px solid",borderColor:"divider",display:"flex",flexDirection:"column",bgcolor:"background.paper",boxShadow:"none"},children:[
 /* @__PURE__ */e.jsxs(h.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",p:2,borderBottom:"1px solid",borderColor:"divider",bgcolor:"grey.50"},children:[
 /* @__PURE__ */e.jsxs(l.Typography,{type:"s1",weight:"bold",color:"theme.neutral.1000",children:["Format ",I?(null==(_=null==I?void 0:I.charAt(0))?void 0:_.toUpperCase())+(null==I?void 0:I.slice(1).replace(/-/g," ")):""]}),
 /* @__PURE__ */e.jsx(y.default,{title:"Save and Close",children:/* @__PURE__ */e.jsxs(h.default,{children:[
-/* @__PURE__ */e.jsx(f.default,{size:"small",onClick:()=>{F(),null==E||E(),j()},"aria-label":"Save",children:/* @__PURE__ */e.jsx(x.Save,{fontSize:"small"})}),
+/* @__PURE__ */e.jsx(f.default,{size:"small",onClick:()=>{F(),null==E||E(),j()},"aria-label":"Save",children:/* @__PURE__ */e.jsx(v.Save,{fontSize:"small"})}),
 /* @__PURE__ */e.jsx(f.default,{size:"small",onClick:j,"aria-label":"Close",children:/* @__PURE__ */e.jsx(r.default,{fontSize:"small"})})]})})]}),
 /* @__PURE__ */e.jsxs(h.default,{sx:{p:2,flex:1,pb:10,overflowY:"auto"},children:[
-/* @__PURE__ */e.jsx(h.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(v.default,{size:"small",fullWidth:!0,children:/* @__PURE__ */e.jsx(c.default,{value:null==$?void 0:$.type,onChange:e=>(e=>{const t=p.getInitialSectionData(e);C({...$,...t}),"table"===e&&k({name:"",columns:[{id:"col1",header:"Column 1"},{id:"col2",header:"Column 2"},{id:"col3",header:"Column 3"}],rows:[{col1:"",col2:"",col3:""}],border:!0,mergedCells:[]})})(e.target.value),renderValue:e=>e?e.charAt(0).toUpperCase()+e.slice(1).replace(/-/g," "):"",label:"Select Preset",displayEmpty:!0,children:S.map(t=>/* @__PURE__ */e.jsx(g.default,{value:t,children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:t.charAt(0).toUpperCase()+t.slice(1).replace(/-/g," ")})},t))})})}),$&&("text"===I||"heading"===I||"heading-2"===I||"heading-3"===I||"heading-4"===I)&&/* @__PURE__ */e.jsx(n.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"buttons"===I&&/* @__PURE__ */e.jsx(o.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"image"===I&&/* @__PURE__ */e.jsx(a.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"divider"===I&&/* @__PURE__ */e.jsx(s.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"table"===I&&/* @__PURE__ */e.jsx(i.default,{tableData:{...L,rows:L.rows.map(e=>{const t={};return Object.keys(e).forEach(r=>{t[r]=String(e[r]??"")}),t})},setTableData:e=>{var t;t={...e,border:L.border,name:L.name||""},k(t),F()},attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R,placeholders:w,handleSave:E,setParentRowLevel:B,levelType:T,relation_table:q}),"signature"===I&&/* @__PURE__ */e.jsx(d.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),$&&("qr-code"===I||"bar-code"===I)&&/* @__PURE__ */e.jsx(u.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R})]})]})};
+/* @__PURE__ */e.jsx(h.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(g.default,{size:"small",fullWidth:!0,children:/* @__PURE__ */e.jsx(c.default,{value:null==$?void 0:$.type,onChange:e=>(e=>{const t=p.getInitialSectionData(e);C({...$,...t}),"table"===e&&k({name:"",columns:[{id:"col1",header:"Column 1"},{id:"col2",header:"Column 2"},{id:"col3",header:"Column 3"}],rows:[{col1:"",col2:"",col3:""}],border:!0,mergedCells:[]})})(e.target.value),renderValue:e=>e?e.charAt(0).toUpperCase()+e.slice(1).replace(/-/g," "):"",label:"Select Preset",displayEmpty:!0,children:S.map(t=>/* @__PURE__ */e.jsx(x.default,{value:t,children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:t.charAt(0).toUpperCase()+t.slice(1).replace(/-/g," ")})},t))})})}),$&&("text"===I||"heading"===I||"heading-2"===I||"heading-3"===I||"heading-4"===I)&&/* @__PURE__ */e.jsx(n.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"buttons"===I&&/* @__PURE__ */e.jsx(o.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"image"===I&&/* @__PURE__ */e.jsx(a.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"divider"===I&&/* @__PURE__ */e.jsx(s.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),"table"===I&&/* @__PURE__ */e.jsx(i.default,{tableData:{...L,rows:L.rows.map(e=>{const t={};return Object.keys(e).forEach(r=>{t[r]=String(e[r]??"")}),t})},setTableData:e=>{var t;t={...e,border:L.border,name:L.name||""},k(t),F()},attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R,placeholders:w,handleSave:E,setParentRowLevel:B,levelType:T,relation_table:q}),"signature"===I&&/* @__PURE__ */e.jsx(d.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R}),$&&("qr-code"===I||"bar-code"===I)&&/* @__PURE__ */e.jsx(u.default,{attrs:(null==$?void 0:$.attributes)||{},updateAttrs:R})]})]})};
 //# sourceMappingURL=index.js.map

package/dist/views/template-editor/components/SectionFormatPanel.d.ts

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+import { EnhancedSectionData } from '../types/editor';
+
+export interface TableColumn {
+    id: string;
+    header: string;
+    placeholder?: string;
+}
+export interface TableRow {
+    [key: string]: string | number | boolean;
+}
+export interface CellMerge {
+    section: 'thead' | 'tbody';
+    rowStart: number;
+    rowEnd: number;
+    colStart: number;
+    colEnd: number;
+    value: string;
+}
+export interface TableData {
+    name?: string;
+    columns: TableColumn[];
+    rows: TableRow[];
+    border: boolean;
+    mergedCells?: CellMerge[];
+}
+interface SectionData {
+    type: 'text' | 'text-block' | 'heading' | 'heading-2' | 'heading-3' | 'heading-4' | 'buttons' | 'image' | 'divider' | 'table' | 'signature' | 'qr-code' | 'bar-code';
+    content: string;
+    attributes?: {
+        styles?: any;
+        placeholders?: Record<string, string>;
+        tableData?: TableData;
+        [key: string]: any;
+    };
+}
+interface SectionFormatPanelProps {
+    section: SectionData | undefined;
+    onClose: () => void;
+    onUpdate: (data: Partial<EnhancedSectionData>) => void;
+    placeholders: Record<string, any>[];
+    relation_table?: any;
+    handleSave?: () => void;
+}
+declare const SectionFormatPanel: React.FC<SectionFormatPanelProps>;
+export default SectionFormatPanel;

package/dist/views/template-editor/components/controllers/AlignmentControl.d.ts

@@ -0,0 +1,7 @@
+interface AlignmentControlProps {
+    alignment: string;
+    onAlignmentChange: (event: React.MouseEvent<HTMLElement>, newAlignment: string | null) => void;
+    displayLabel?: boolean;
+}
+declare const AlignmentControl: React.FC<AlignmentControlProps>;
+export default AlignmentControl;

package/dist/views/template-editor/components/controllers/ButtonControls.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface ButtonControlsProps {
+    attrs: Record<string, any>;
+    updateAttrs: (attr: Record<string, any>) => void;
+}
+declare const ButtonControls: React.FC<ButtonControlsProps>;
+export default ButtonControls;

package/dist/views/template-editor/components/controllers/CodeControls.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface CodeControlsProps {
+    attrs: Record<string, any>;
+    updateAttrs: (attr: Record<string, any>) => void;
+}
+declare const CodeControls: React.FC<CodeControlsProps>;
+export default CodeControls;

package/dist/views/template-editor/components/controllers/DividerControls.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface DividerControlsProps {
+    attrs: Record<string, any>;
+    updateAttrs: (attr: Record<string, any>) => void;
+}
+declare const DividerControls: React.FC<DividerControlsProps>;
+export default DividerControls;

package/dist/views/template-editor/components/controllers/ImageControls.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface ImageControlsProps {
+    attrs: Record<string, any>;
+    updateAttrs: (attr: Record<string, any>) => void;
+}
+declare const ImageControls: React.FC<ImageControlsProps>;
+export default ImageControls;

package/dist/views/template-editor/components/controllers/SignatureControls.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface SignatureControlsProps {
+    attrs: Record<string, any>;
+    updateAttrs: (attr: Record<string, any>) => void;
+}
+declare const SignatureControls: React.FC<SignatureControlsProps>;
+export default SignatureControls;

package/dist/views/template-editor/components/controllers/TableControls/index.esm.js

@@ -21,6 +21,7 @@ import Tab from "../../../../../node_modules/@mui/material/Tab/Tab/index.esm.js"
 import Chip from "../../../../../node_modules/@mui/material/Chip/Chip/index.esm.js";
 import FormControlLabel from "../../../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.esm.js";
 import IconButton from "../../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import { Trash } from "../../../../../components/icons/trash/index.esm.js";
 import Divider from "../../../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
 import Grid from "../../../../../node_modules/@mui/material/Grid/Grid/index.esm.js";
 import Alert from "../../../../../node_modules/@mui/material/Alert/Alert/index.esm.js";
@@ -38,7 +39,6 @@ import DialogTitle from "../../../../../node_modules/@mui/material/DialogTitle/D
 import DialogContent from "../../../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
 import DialogActions from "../../../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
 import Accordion$1 from "../../../../../node_modules/@mui/material/Accordion/Accordion/index.esm.js";
-import { Trash } from "../../../../../components/icons/trash/index.esm.js";
 const Accordion = styled(
   (props) => /* @__PURE__ */ jsx(Accordion$1, { disableGutters: true, elevation: 0, square: true, ...props })
 )(({ theme }) => ({

package/dist/views/template-editor/components/controllers/TableControls/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),t=require("../../../../../node_modules/@mui/icons-material/ExpandMore/index.js"),r=require("../../../../../node_modules/@mui/icons-material/Add/index.js"),a=require("../../../../../node_modules/@mui/icons-material/Refresh/index.js"),o=require("../../../../../node_modules/@mui/icons-material/MergeType/index.js"),i=require("../../../../../node_modules/@mui/icons-material/CallSplit/index.js"),n=require("../../../../../components/color-picker-input/color-picker-input/index.js"),d=require("../../../../../components/text-field/text-field/index.js"),s=require("../../../../../components/select/select/index.js"),u=require("../../../../../utils/format-text/index.js"),c=require("../../../../../components/typography/typography/index.js"),m=require("../../../../../components/switches/android-12-switch/index.js"),h=require("../border-control/index.js"),x=require("../../../../../components/button/button/index.js"),f=require("../../../../../components/checkbox/checkbox/index.js"),p=require("../../../../../components/searchable-select/index.js"),g=require("../../../../../node_modules/@mui/material/Box/Box/index.js"),b=require("../../../../../node_modules/@mui/material/Tabs/Tabs/index.js"),y=require("../../../../../node_modules/@mui/material/Tab/Tab/index.js"),j=require("../../../../../node_modules/@mui/material/Chip/Chip/index.js"),v=require("../../../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.js"),C=require("../../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),w=require("../../../../../node_modules/@mui/material/Divider/Divider/index.js"),S=require("../../../../../node_modules/@mui/material/Grid/Grid/index.js"),T=require("../../../../../node_modules/@mui/material/Alert/Alert/index.js"),k=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),z=require("../../../../../node_modules/@mui/material/styles/styled/index.js"),_=require("../../../../../node_modules/@mui/material/AccordionSummary/AccordionSummary/index.js"),q=require("../../../../../node_modules/@mui/material/AccordionDetails/AccordionDetails/index.js"),E=require("../../../../../node_modules/@mui/material/Table/Table/index.js"),W=require("../../../../../node_modules/@mui/material/TableHead/TableHead/index.js"),$=require("../../../../../node_modules/@mui/material/TableRow/TableRow/index.js"),A=require("../../../../../node_modules/@mui/material/TableCell/TableCell/index.js"),B=require("../../../../../node_modules/@mui/material/TableBody/TableBody/index.js"),M=require("../../../../../node_modules/@mui/material/Dialog/Dialog/index.js"),I=require("../../../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),R=require("../../../../../node_modules/@mui/material/DialogContent/DialogContent/index.js"),D=require("../../../../../node_modules/@mui/material/DialogActions/DialogActions/index.js"),F=require("../../../../../node_modules/@mui/material/Accordion/Accordion/index.js"),H=require("../../../../../components/icons/trash/index.js");function L(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var N=/* @__PURE__ */L(l);const O=z.default(l=>/* @__PURE__ */e.jsx(F.default,{disableGutters:!0,elevation:0,square:!0,...l}))(({theme:e})=>({border:`1px solid ${e.palette.divider}`,borderRadius:0,"&:not(:last-child)":{borderBottom:0},"&::before":{display:"none"}})),G=["left","center","right","justify"],P=["normal","bold","100","200","300","400","500","600","700","800","900"],V=["Arial, sans-serif","Helvetica, sans-serif","Times New Roman, serif","Georgia, serif","Courier New, monospace","Verdana, sans-serif","Tahoma, sans-serif","Trebuchet MS, sans-serif"];exports.default=({tableData:z,setTableData:F,attrs:L,updateAttrs:K,placeholders:Y,handleSave:J,setParentRowLevel:U,levelType:Z,relation_table:Q})=>{var X,ee,le,te,re,ae,oe,ie,ne,de,se,ue,ce,me,he,xe,fe,pe,ge,be;const[ye,je]=l.useState(0),[ve,Ce]=l.useState("tableBasic"),[we,Se]=l.useState(!0),[Te,ke]=l.useState(!1),[ze,_e]=l.useState([]),[qe,Ee]=l.useState(""),[We,$e]=l.useState(!1),{placeholders:Ae}=L,[Be,Me]=l.useState(null),[Ie,Re]=l.useState({}),[De,Fe]=l.useState({}),He=z.mergedCells||[],[Le,Ne]=l.useState(!1),Oe=l.useMemo(()=>Be?(e=>{if(!Q||!Array.isArray(Q))return[];const l=Q.find(l=>(null==l?void 0:l.dataKey)==e);return l&&l.fields&&Array.isArray(l.fields)?l.fields:[]})(Be):Y,[Y,Be,Q]),[Ge,Pe]=l.useState((null==L?void 0:L.styles)||{is_bordered:!0,border:1,borderStyle:"solid",borderColor:"#e0e0e0",borderCollapse:"collapse",width:"100%",thCells:{padding:8},tbCells:{padding:8},tHead:{backgroundColor:"#f5f5f5",color:"#333333",fontSize:14,fontWeight:"bold",fontFamily:"Arial, sans-serif",textAlign:"left",margin:"0.5em 0"},tBody:{backgroundColor:"#ffffff",color:"#333333",fontSize:14,fontWeight:"normal",fontFamily:"Arial, sans-serif",textAlign:"left"}});l.useEffect(()=>{K({styles:Ge})},[JSON.stringify(Ge)]),l.useEffect(()=>{we&&(Ae||We)&&Ke()},[Ae,we,We,De]);const Ve=e=>{const l=Oe.find(l=>l.value===e);if(!l)return"";if(We)return`{{${l.value}}}`;if(void 0!==l.actualValue)return String(l.actualValue);switch(l.type){case"date":/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),t=require("../../../../../node_modules/@mui/icons-material/ExpandMore/index.js"),r=require("../../../../../node_modules/@mui/icons-material/Add/index.js"),a=require("../../../../../node_modules/@mui/icons-material/Refresh/index.js"),o=require("../../../../../node_modules/@mui/icons-material/MergeType/index.js"),i=require("../../../../../node_modules/@mui/icons-material/CallSplit/index.js"),n=require("../../../../../components/color-picker-input/color-picker-input/index.js"),d=require("../../../../../components/text-field/text-field/index.js"),s=require("../../../../../components/select/select/index.js"),u=require("../../../../../utils/format-text/index.js"),c=require("../../../../../components/typography/typography/index.js"),m=require("../../../../../components/switches/android-12-switch/index.js"),h=require("../border-control/index.js"),x=require("../../../../../components/button/button/index.js"),f=require("../../../../../components/checkbox/checkbox/index.js"),p=require("../../../../../components/searchable-select/index.js"),g=require("../../../../../node_modules/@mui/material/Box/Box/index.js"),b=require("../../../../../node_modules/@mui/material/Tabs/Tabs/index.js"),y=require("../../../../../node_modules/@mui/material/Tab/Tab/index.js"),j=require("../../../../../node_modules/@mui/material/Chip/Chip/index.js"),v=require("../../../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.js"),C=require("../../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),w=require("../../../../../components/icons/trash/index.js"),S=require("../../../../../node_modules/@mui/material/Divider/Divider/index.js"),T=require("../../../../../node_modules/@mui/material/Grid/Grid/index.js"),k=require("../../../../../node_modules/@mui/material/Alert/Alert/index.js"),z=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),_=require("../../../../../node_modules/@mui/material/styles/styled/index.js"),q=require("../../../../../node_modules/@mui/material/AccordionSummary/AccordionSummary/index.js"),E=require("../../../../../node_modules/@mui/material/AccordionDetails/AccordionDetails/index.js"),W=require("../../../../../node_modules/@mui/material/Table/Table/index.js"),$=require("../../../../../node_modules/@mui/material/TableHead/TableHead/index.js"),A=require("../../../../../node_modules/@mui/material/TableRow/TableRow/index.js"),B=require("../../../../../node_modules/@mui/material/TableCell/TableCell/index.js"),M=require("../../../../../node_modules/@mui/material/TableBody/TableBody/index.js"),I=require("../../../../../node_modules/@mui/material/Dialog/Dialog/index.js"),R=require("../../../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),D=require("../../../../../node_modules/@mui/material/DialogContent/DialogContent/index.js"),F=require("../../../../../node_modules/@mui/material/DialogActions/DialogActions/index.js"),H=require("../../../../../node_modules/@mui/material/Accordion/Accordion/index.js");function L(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var N=/* @__PURE__ */L(l);const O=_.default(l=>/* @__PURE__ */e.jsx(H.default,{disableGutters:!0,elevation:0,square:!0,...l}))(({theme:e})=>({border:`1px solid ${e.palette.divider}`,borderRadius:0,"&:not(:last-child)":{borderBottom:0},"&::before":{display:"none"}})),G=["left","center","right","justify"],P=["normal","bold","100","200","300","400","500","600","700","800","900"],V=["Arial, sans-serif","Helvetica, sans-serif","Times New Roman, serif","Georgia, serif","Courier New, monospace","Verdana, sans-serif","Tahoma, sans-serif","Trebuchet MS, sans-serif"];exports.default=({tableData:_,setTableData:H,attrs:L,updateAttrs:K,placeholders:Y,handleSave:J,setParentRowLevel:U,levelType:Z,relation_table:Q})=>{var X,ee,le,te,re,ae,oe,ie,ne,de,se,ue,ce,me,he,xe,fe,pe,ge,be;const[ye,je]=l.useState(0),[ve,Ce]=l.useState("tableBasic"),[we,Se]=l.useState(!0),[Te,ke]=l.useState(!1),[ze,_e]=l.useState([]),[qe,Ee]=l.useState(""),[We,$e]=l.useState(!1),{placeholders:Ae}=L,[Be,Me]=l.useState(null),[Ie,Re]=l.useState({}),[De,Fe]=l.useState({}),He=_.mergedCells||[],[Le,Ne]=l.useState(!1),Oe=l.useMemo(()=>Be?(e=>{if(!Q||!Array.isArray(Q))return[];const l=Q.find(l=>(null==l?void 0:l.dataKey)==e);return l&&l.fields&&Array.isArray(l.fields)?l.fields:[]})(Be):Y,[Y,Be,Q]),[Ge,Pe]=l.useState((null==L?void 0:L.styles)||{is_bordered:!0,border:1,borderStyle:"solid",borderColor:"#e0e0e0",borderCollapse:"collapse",width:"100%",thCells:{padding:8},tbCells:{padding:8},tHead:{backgroundColor:"#f5f5f5",color:"#333333",fontSize:14,fontWeight:"bold",fontFamily:"Arial, sans-serif",textAlign:"left",margin:"0.5em 0"},tBody:{backgroundColor:"#ffffff",color:"#333333",fontSize:14,fontWeight:"normal",fontFamily:"Arial, sans-serif",textAlign:"left"}});l.useEffect(()=>{K({styles:Ge})},[JSON.stringify(Ge)]),l.useEffect(()=>{we&&(Ae||We)&&Ke()},[Ae,we,We,De]);const Ve=e=>{const l=Oe.find(l=>l.value===e);if(!l)return"";if(We)return`{{${l.value}}}`;if(void 0!==l.actualValue)return String(l.actualValue);switch(l.type){case"date":/* @__PURE__ */
 return(new Date).toLocaleDateString();case"datetime":/* @__PURE__ */
-return(new Date).toLocaleString();case"number":return"123";case"currency":return"$1,234.56";case"email":return"example@domain.com";case"phone":return"+1 (555) 123-4567";case"url":return"https://example.com";default:return`{{${l.value}}}`||l.label}},Ke=()=>{(Ae||We)&&(F(e=>({...e,name:Be||"",rows:e.rows.map((l,t)=>{const r={...l};return e.columns.forEach(e=>{var l,a;let o;if(We&&(null==(l=De[t])?void 0:l[e.id])?o=De[t][e.id]:(null==Ae?void 0:Ae[e.id])&&(o=Ae[e.id]),o){r[e.id]=Ve(o);const l=(null==(a=Ie[t])?void 0:a[e.id])||"";l&&(r[`${e.id}_static`]=`${l} ${r[e.id]}`)}}),r})})),Ne(!1))},Ye=(e,l,t)=>{const r=null==He?void 0:He.find(r=>r.section===e&&l>=r.rowStart&&l<=r.rowEnd&&t>=r.colStart&&t<=r.colEnd);return r?{merge:r,isTopLeft:l===r.rowStart&&t===r.colStart,isCovered:!(l===r.rowStart&&t===r.colStart)}:null},Je=(e,l,t)=>ze.some(r=>r.section===e&&r.row===l&&r.col===t),Ue=(e,l,t)=>{const r={section:e,row:l,col:t};if(Je(e,l,t))_e(r=>r.filter(r=>!(r.section===e&&r.row===l&&r.col===t)));else{if(ze.some(l=>l.section!==e))return void alert("Cannot select cells from both header and body for the same merge");_e(e=>[...e,r])}},Ze=e=>{const l=Y.find(l=>l.value===e);return l?{label:l.label,type:l.type||"text",description:l.description||""}:null},Qe=e=>(l,t)=>{Ce(t?e:"")},Xe=(e,l)=>{Pe(t=>({...t,tHead:{...t.tHead,[e]:l}}))},el=(e,l)=>{Pe(t=>({...t,tBody:{...t.tBody,[e]:l}}))},ll=()=>{F(e=>({...e,name:Be||"",rows:e.rows.map(l=>({...Object.fromEntries(e.columns.map(e=>[null==e?void 0:e.id,""]))}))}))},tl=Ae?Object.keys(Ae).length:0;return l.useEffect(()=>{$e(Z),Me((null==z?void 0:z.name)||null),Re(e=>{const l={};return z.rows.forEach((e,t)=>{Object.keys(e).forEach(r=>{if(r.endsWith("_static")){const a=r.replace("_static","");l[t]||(l[t]={});const o=e[a]||"";let i=e[r]||"";o&&i.includes(o)&&(i=i.replace(o,"").trim()),i=i.replace(/\{\{\s*value\s*\}\}/g,"").trim(),l[t][a]=i}})}),l})},[z]),l.useEffect(()=>{Be||ll()},[Be]),/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+return(new Date).toLocaleString();case"number":return"123";case"currency":return"$1,234.56";case"email":return"example@domain.com";case"phone":return"+1 (555) 123-4567";case"url":return"https://example.com";default:return`{{${l.value}}}`||l.label}},Ke=()=>{(Ae||We)&&(H(e=>({...e,name:Be||"",rows:e.rows.map((l,t)=>{const r={...l};return e.columns.forEach(e=>{var l,a;let o;if(We&&(null==(l=De[t])?void 0:l[e.id])?o=De[t][e.id]:(null==Ae?void 0:Ae[e.id])&&(o=Ae[e.id]),o){r[e.id]=Ve(o);const l=(null==(a=Ie[t])?void 0:a[e.id])||"";l&&(r[`${e.id}_static`]=`${l} ${r[e.id]}`)}}),r})})),Ne(!1))},Ye=(e,l,t)=>{const r=null==He?void 0:He.find(r=>r.section===e&&l>=r.rowStart&&l<=r.rowEnd&&t>=r.colStart&&t<=r.colEnd);return r?{merge:r,isTopLeft:l===r.rowStart&&t===r.colStart,isCovered:!(l===r.rowStart&&t===r.colStart)}:null},Je=(e,l,t)=>ze.some(r=>r.section===e&&r.row===l&&r.col===t),Ue=(e,l,t)=>{const r={section:e,row:l,col:t};if(Je(e,l,t))_e(r=>r.filter(r=>!(r.section===e&&r.row===l&&r.col===t)));else{if(ze.some(l=>l.section!==e))return void alert("Cannot select cells from both header and body for the same merge");_e(e=>[...e,r])}},Ze=e=>{const l=Y.find(l=>l.value===e);return l?{label:l.label,type:l.type||"text",description:l.description||""}:null},Qe=e=>(l,t)=>{Ce(t?e:"")},Xe=(e,l)=>{Pe(t=>({...t,tHead:{...t.tHead,[e]:l}}))},el=(e,l)=>{Pe(t=>({...t,tBody:{...t.tBody,[e]:l}}))},ll=()=>{H(e=>({...e,name:Be||"",rows:e.rows.map(l=>({...Object.fromEntries(e.columns.map(e=>[null==e?void 0:e.id,""]))}))}))},tl=Ae?Object.keys(Ae).length:0;return l.useEffect(()=>{$e(Z),Me((null==_?void 0:_.name)||null),Re(e=>{const l={};return _.rows.forEach((e,t)=>{Object.keys(e).forEach(r=>{if(r.endsWith("_static")){const a=r.replace("_static","");l[t]||(l[t]={});const o=e[a]||"";let i=e[r]||"";o&&i.includes(o)&&(i=i.replace(o,"").trim()),i=i.replace(/\{\{\s*value\s*\}\}/g,"").trim(),l[t][a]=i}})}),l})},[_]),l.useEffect(()=>{Be||ll()},[Be]),/* @__PURE__ */e.jsxs(e.Fragment,{children:[
 /* @__PURE__ */e.jsx(g.default,{sx:{mb:2,borderBottom:1,paddingBottom:5,borderColor:"divider"},children:/* @__PURE__ */e.jsxs(b.default,{value:ye,onChange:(e,l)=>{je(l)},variant:"fullWidth",sx:e=>{var l,t;return{"& .MuiTabs-indicator":{backgroundColor:null==(l=e.palette.theme)?void 0:l.primary[700]},"& .MuiTab-root.Mui-selected":{color:null==(t=e.palette.theme)?void 0:t.primary[700]},"& .MuiTab-root":{textTransform:"none"}}},children:[
 /* @__PURE__ */e.jsx(y.default,{label:"Content"}),
 /* @__PURE__ */e.jsx(y.default,{label:"Styles"}),
@@ -12,83 +12,83 @@ return(new Date).toLocaleString();case"number":return"123";case"currency":return
 /* @__PURE__ */e.jsx(v.default,{control:/* @__PURE__ */e.jsx(m.default,{checked:we,onChange:e=>Se(e.target.checked)}),label:/* @__PURE__ */e.jsx(c.Typography,{type:"s5",color:"theme.secondary.800",children:"Auto-populate rows with placeholder data"})}),
 /* @__PURE__ */e.jsx(v.default,{control:/* @__PURE__ */e.jsx(m.default,{checked:We,onChange:e=>{$e(e.target.checked),Me(null),U(e.target.checked),ll()}}),label:/* @__PURE__ */e.jsx(c.Typography,{type:"s5",color:"theme.secondary.800",children:"Row Level Management"})}),we&&/* @__PURE__ */e.jsx(g.default,{sx:{mt:1},children:/* @__PURE__ */e.jsx(x.default,{variant:"outlined",size:"small",onClick:()=>{Ke()},startIcon:/* @__PURE__ */e.jsx(a.default,{}),className:"black-outlined-btn",children:"Refresh Data"})})]}),
 /* @__PURE__ */e.jsxs(g.default,{sx:{mb:2},children:[
-/* @__PURE__ */e.jsx(c.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",sx:{mb:1},children:"Columns"}),null==(X=z.columns)?void 0:X.map((l,t)=>/* @__PURE__ */e.jsxs(g.default,{sx:{mb:1,display:"flex",alignItems:"center",gap:1},children:[
-/* @__PURE__ */e.jsx(d.default,{label:`Column ${t+1} Header`,value:l.header,onChange:e=>{return t=l.id,r=e.target.value,void F(e=>({...e,columns:e.columns.map(e=>e.id===t?{...e,header:r}:e)}));var t,r},size:"small",sx:{flex:1}}),
-/* @__PURE__ */e.jsx(C.default,{size:"small",onClick:()=>(e=>{const l=z.columns.findIndex(l=>l.id===e);if(F(t=>{var r;return{...t,name:Be||"",columns:t.columns.filter(l=>l.id!==e),rows:t.rows.map(l=>{const{[e]:t,...r}=l;return r}),mergedCells:(null==(r=t.mergedCells)?void 0:r.filter(e=>!(e.colStart<=l&&e.colEnd>=l)).map(e=>({...e,colStart:e.colStart>l?e.colStart-1:e.colStart,colEnd:e.colEnd>l?e.colEnd-1:e.colEnd})))||[]}}),Ae&&Ae[e]){const l={...Ae};delete l[e],K({placeholders:l})}})(l.id),disabled:z.columns.length<=1,color:"error",children:/* @__PURE__ */e.jsx(H.Trash,{})})]},l.id)),
-/* @__PURE__ */e.jsx(x.default,{variant:"outlined",size:"small",onClick:()=>{const e=(()=>{const e=z.columns.map(e=>e.id);let l=1;for(;e.includes(`col${l}`);)l++;return`col${l}`})(),l={id:e,header:`Column ${z.columns.length+1}`};F(t=>{var r;return{...t,name:Be||"",columns:[...t.columns,l],rows:t.rows.map(l=>({...l,[e]:""})),mergedCells:(null==(r=t.mergedCells)?void 0:r.map(e=>({...e})))||[]}})},startIcon:/* @__PURE__ */e.jsx(r.default,{}),sx:{mt:1},className:"black-outlined-btn",children:"Add Column"})]}),
-/* @__PURE__ */e.jsx(w.default,{sx:{my:2}}),
+/* @__PURE__ */e.jsx(c.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",sx:{mb:1},children:"Columns"}),null==(X=_.columns)?void 0:X.map((l,t)=>/* @__PURE__ */e.jsxs(g.default,{sx:{mb:1,display:"flex",alignItems:"center",gap:1},children:[
+/* @__PURE__ */e.jsx(d.default,{label:`Column ${t+1} Header`,value:l.header,onChange:e=>{return t=l.id,r=e.target.value,void H(e=>({...e,columns:e.columns.map(e=>e.id===t?{...e,header:r}:e)}));var t,r},size:"small",sx:{flex:1}}),
+/* @__PURE__ */e.jsx(C.default,{size:"small",onClick:()=>(e=>{const l=_.columns.findIndex(l=>l.id===e);if(H(t=>{var r;return{...t,name:Be||"",columns:t.columns.filter(l=>l.id!==e),rows:t.rows.map(l=>{const{[e]:t,...r}=l;return r}),mergedCells:(null==(r=t.mergedCells)?void 0:r.filter(e=>!(e.colStart<=l&&e.colEnd>=l)).map(e=>({...e,colStart:e.colStart>l?e.colStart-1:e.colStart,colEnd:e.colEnd>l?e.colEnd-1:e.colEnd})))||[]}}),Ae&&Ae[e]){const l={...Ae};delete l[e],K({placeholders:l})}})(l.id),disabled:_.columns.length<=1,color:"error",children:/* @__PURE__ */e.jsx(w.Trash,{})})]},l.id)),
+/* @__PURE__ */e.jsx(x.default,{variant:"outlined",size:"small",onClick:()=>{const e=(()=>{const e=_.columns.map(e=>e.id);let l=1;for(;e.includes(`col${l}`);)l++;return`col${l}`})(),l={id:e,header:`Column ${_.columns.length+1}`};H(t=>{var r;return{...t,name:Be||"",columns:[...t.columns,l],rows:t.rows.map(l=>({...l,[e]:""})),mergedCells:(null==(r=t.mergedCells)?void 0:r.map(e=>({...e})))||[]}})},startIcon:/* @__PURE__ */e.jsx(r.default,{}),sx:{mt:1},className:"black-outlined-btn",children:"Add Column"})]}),
+/* @__PURE__ */e.jsx(S.default,{sx:{my:2}}),
 /* @__PURE__ */e.jsxs(g.default,{sx:{mb:2},children:[
 /* @__PURE__ */e.jsxs(g.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[
-/* @__PURE__ */e.jsxs(c.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:["Rows (",z.rows.length,")"]}),
-/* @__PURE__ */e.jsx(x.default,{variant:"outlined",size:"small",disabled:Be,onClick:()=>(()=>{const e={};z.columns.forEach(l=>{if(null==Ae?void 0:Ae[l.id]){const t=Ae[l.id];e[l.id]=`{{${t}}}`,We&&(e[`${l.id}_static`]=e[l.id])}else z.rows.length>0?(e[l.id]=z.rows[0][l.id]||"",We&&(e[`${l.id}_static`]=z.rows[0][`${l.id}_static`]||"")):(We&&(e[`${l.id}_static`]=""),e[l.id]="")}),F(l=>{var t;const r=[...l.rows,e];return{...l,rows:r,name:Be||"",mergedCells:(null==(t=l.mergedCells)?void 0:t.map(e=>({...e})))||[]}}),J()})(),startIcon:/* @__PURE__ */e.jsx(r.default,{}),className:"black-outlined-btn",children:"Add Row"})]}),!We&&/* @__PURE__ */e.jsx(g.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(p.default,{value:Be||"",label:"Select Table",options:(null==Q?void 0:Q.map(e=>({value:null==e?void 0:e.dataKey,label:(e.name.charAt(0).toUpperCase()+e.name.slice(1)).replaceAll("_"," ")})))||[],onChange:e=>{Me(e.target.value)}})}),z.rows.map((l,t)=>/* @__PURE__ */e.jsxs(g.default,{sx:{mb:2,p:2,border:1,borderColor:"divider",borderRadius:1},children:[
+/* @__PURE__ */e.jsxs(c.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:["Rows (",_.rows.length,")"]}),
+/* @__PURE__ */e.jsx(x.default,{variant:"outlined",size:"small",disabled:Be,onClick:()=>(()=>{const e={};_.columns.forEach(l=>{if(null==Ae?void 0:Ae[l.id]){const t=Ae[l.id];e[l.id]=`{{${t}}}`,We&&(e[`${l.id}_static`]=e[l.id])}else _.rows.length>0?(e[l.id]=_.rows[0][l.id]||"",We&&(e[`${l.id}_static`]=_.rows[0][`${l.id}_static`]||"")):(We&&(e[`${l.id}_static`]=""),e[l.id]="")}),H(l=>{var t;const r=[...l.rows,e];return{...l,rows:r,name:Be||"",mergedCells:(null==(t=l.mergedCells)?void 0:t.map(e=>({...e})))||[]}}),J()})(),startIcon:/* @__PURE__ */e.jsx(r.default,{}),className:"black-outlined-btn",children:"Add Row"})]}),!We&&/* @__PURE__ */e.jsx(g.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(p.default,{value:Be||"",label:"Select Table",options:(null==Q?void 0:Q.map(e=>({value:null==e?void 0:e.dataKey,label:(e.name.charAt(0).toUpperCase()+e.name.slice(1)).replaceAll("_"," ")})))||[],onChange:e=>{Me(e.target.value)}})}),_.rows.map((l,t)=>/* @__PURE__ */e.jsxs(g.default,{sx:{mb:2,p:2,border:1,borderColor:"divider",borderRadius:1},children:[
 /* @__PURE__ */e.jsxs(g.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[
 /* @__PURE__ */e.jsxs(c.Typography,{type:"s4",weight:"medium",color:"theme.secondary.800",children:["Row ",t+1]}),
-/* @__PURE__ */e.jsx(C.default,{size:"small",onClick:()=>(e=>{F(l=>{var t;return{...l,name:Be||"",rows:l.rows.filter((l,t)=>t!==e),mergedCells:(null==(t=l.mergedCells)?void 0:t.filter(l=>!("tbody"===l.section&&l.rowStart<=e&&l.rowEnd>=e)).map(l=>({...l,rowStart:"tbody"===l.section&&l.rowStart>e?l.rowStart-1:l.rowStart,rowEnd:"tbody"===l.section&&l.rowEnd>e?l.rowEnd-1:l.rowEnd})))||[]}}),Fe(l=>{const t={...l};return delete t[e],t}),Re(l=>{const t={...l};return delete t[e],t})})(t),disabled:z.rows.length<=1,color:"error",children:/* @__PURE__ */e.jsx(H.Trash,{})})]}),
-/* @__PURE__ */e.jsx(S.default,{container:!0,spacing:1,children:z.columns.map((r,a)=>{var o,i,n,s;const u=We?null==(o=De[t])?void 0:o[r.id]:null==Ae?void 0:Ae[r.id],m=u?Ze((null==Ae?void 0:Ae[r.id])||(null==(i=De[t])?void 0:i[r.id])):null,h=Ye("tbody",t,a);/* @__PURE__ */
-return e.jsx(S.default,{item:!0,xs:12,children:We?/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(C.default,{size:"small",onClick:()=>(e=>{H(l=>{var t;return{...l,name:Be||"",rows:l.rows.filter((l,t)=>t!==e),mergedCells:(null==(t=l.mergedCells)?void 0:t.filter(l=>!("tbody"===l.section&&l.rowStart<=e&&l.rowEnd>=e)).map(l=>({...l,rowStart:"tbody"===l.section&&l.rowStart>e?l.rowStart-1:l.rowStart,rowEnd:"tbody"===l.section&&l.rowEnd>e?l.rowEnd-1:l.rowEnd})))||[]}}),Fe(l=>{const t={...l};return delete t[e],t}),Re(l=>{const t={...l};return delete t[e],t})})(t),disabled:_.rows.length<=1,color:"error",children:/* @__PURE__ */e.jsx(w.Trash,{})})]}),
+/* @__PURE__ */e.jsx(T.default,{container:!0,spacing:1,children:_.columns.map((r,a)=>{var o,i,n,s;const u=We?null==(o=De[t])?void 0:o[r.id]:null==Ae?void 0:Ae[r.id],m=u?Ze((null==Ae?void 0:Ae[r.id])||(null==(i=De[t])?void 0:i[r.id])):null,h=Ye("tbody",t,a);/* @__PURE__ */
+return e.jsx(T.default,{item:!0,xs:12,children:We?/* @__PURE__ */e.jsxs(e.Fragment,{children:[
 /* @__PURE__ */e.jsxs(c.Typography,{type:"s4",weight:"medium",color:"theme.secondary.800",children:[" ",r.header," "]}),
 /* @__PURE__ */e.jsxs(g.default,{sx:{display:"flex",flexDirection:"row",gap:1,alignItems:"center",justifyContent:"space-between"},children:[
-/* @__PURE__ */e.jsx(d.default,{value:(null==(n=Ie[t])?void 0:n[r.id])||"",onChange:e=>{const l=e.target.value;Re(e=>{const a={...e};return a[t]||(a[t]={}),a[t][r.id]=l,a}),F(e=>({...e,rows:e.rows.map((e,a)=>a===t?{...e,[`${r.id}_static`]:l?`${l} ${e[r.id]||""}`.trim():""}:e)}))},size:"small",placeholder:"Enter custom text...",sx:{flex:1,minWidth:150}}),
-/* @__PURE__ */e.jsx(g.default,{sx:{flex:1,minWidth:150},children:/* @__PURE__ */e.jsx(p.default,{value:h?h.merge.value:(null==(s=De[t])?void 0:s[r.id])||l[r.id]||"",onChange:e=>((e,l,t)=>{var r;Ne(!0);const a=z.columns.findIndex(e=>e.id===l),o=Ye("tbody",e,a),i=We&&(null==(r=Ie[e])?void 0:r[l])||"";o?F(e=>{var l;return{...e,name:Be||"",mergedCells:(null==(l=e.mergedCells)?void 0:l.map(e=>e===o.merge?{...e,value:t}:e))||[]}}):(We&&t?Fe(r=>{const a={...r};return a[e]||(a[e]={}),a[e][l]=t,a}):We&&!t&&Fe(t=>{var r;const a={...t};return(null==(r=a[e])?void 0:r[l])&&(delete a[e][l],0===Object.keys(a[e]).length&&delete a[e]),a}),F(r=>({...r,name:Be||"",rows:r.rows.map((r,a)=>a===e?{...r,[l]:We?t?`{{${t}}}`:"":t?Ve(t):"",[`${l}_static`]:i?`${i} ${t?Ve(t):""}`.trim():t?Ve(t):""}:r)})),Ke())})(t,r.id,e.target.value),size:"small",options:Y||[],sx:{flex:1,maxWidth:150,minWidth:150,"& .MuiInputBase-input":{bgcolor:u&&we?"grey.100":h?"blue.50":"transparent",width:150}}})})]})]}):/* @__PURE__ */e.jsx(d.default,{label:r.header,value:h?h.merge.value:l[r.id]||"",onChange:e=>((e,l,t)=>{var r;Ne(!0);const a=z.columns.findIndex(e=>e.id===l),o=Ye("tbody",e,a),i=(null==(r=Ie[e])?void 0:r[l])||"";o?F(e=>{var l;return{...e,name:Be||"",mergedCells:(null==(l=e.mergedCells)?void 0:l.map(e=>e===o.merge?{...e,value:t}:e))||[]}}):(We&&Fe(r=>{const a={...r};return a[e]||(a[e]={}),t?a[e][l]=t:(delete a[e][l],0===Object.keys(a[e]).length&&delete a[e]),a}),F(r=>({...r,name:Be||"",rows:r.rows.map((r,a)=>a===e?{...r,[l]:We?t?`{{${t}}}`:"":t,[`${l}_static`]:i?`${i} ${t||""}`.trim():t||""}:r)})),(We||we&&(null==Ae?void 0:Ae[l]))&&Ke(),Ne(!1))})(t,r.id,e.target.value),size:"small",fullWidth:!0,disabled:we||u,helperText:h?`Merged cell (${h.merge.rowEnd-h.merge.rowStart+1}×${h.merge.colEnd-h.merge.colStart+1})`:u&&m?`Linked to: ${m.label}`:void 0,sx:{"& .MuiInputBase-input":{bgcolor:u&&we?"grey.100":h?"blue.50":"transparent"}}})},r.id)})})]},t))]}),
-/* @__PURE__ */e.jsx(w.default,{sx:{my:2}}),
-/* @__PURE__ */e.jsx(c.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",sx:{mb:1},children:"Column Data Sources"}),0===Y.length&&/* @__PURE__ */e.jsx(T.default,{severity:"info",sx:{mb:2},children:"No placeholders available. Add placeholders to dynamically populate table data."}),
-/* @__PURE__ */e.jsx(S.default,{container:!0,spacing:1,alignItems:"center",children:z.columns.map(t=>{var r,a;const o=(null==Ae?void 0:Ae[t.id])||(null==(a=null==(r=z.rows)?void 0:r[0])?void 0:a[t.id]),i=o?Ze(o):null;/* @__PURE__ */
+/* @__PURE__ */e.jsx(d.default,{value:(null==(n=Ie[t])?void 0:n[r.id])||"",onChange:e=>{const l=e.target.value;Re(e=>{const a={...e};return a[t]||(a[t]={}),a[t][r.id]=l,a}),H(e=>({...e,rows:e.rows.map((e,a)=>a===t?{...e,[`${r.id}_static`]:l?`${l} ${e[r.id]||""}`.trim():""}:e)}))},size:"small",placeholder:"Enter custom text...",sx:{flex:1,minWidth:150}}),
+/* @__PURE__ */e.jsx(g.default,{sx:{flex:1,minWidth:150},children:/* @__PURE__ */e.jsx(p.default,{value:h?h.merge.value:(null==(s=De[t])?void 0:s[r.id])||l[r.id]||"",onChange:e=>((e,l,t)=>{var r;Ne(!0);const a=_.columns.findIndex(e=>e.id===l),o=Ye("tbody",e,a),i=We&&(null==(r=Ie[e])?void 0:r[l])||"";o?H(e=>{var l;return{...e,name:Be||"",mergedCells:(null==(l=e.mergedCells)?void 0:l.map(e=>e===o.merge?{...e,value:t}:e))||[]}}):(We&&t?Fe(r=>{const a={...r};return a[e]||(a[e]={}),a[e][l]=t,a}):We&&!t&&Fe(t=>{var r;const a={...t};return(null==(r=a[e])?void 0:r[l])&&(delete a[e][l],0===Object.keys(a[e]).length&&delete a[e]),a}),H(r=>({...r,name:Be||"",rows:r.rows.map((r,a)=>a===e?{...r,[l]:We?t?`{{${t}}}`:"":t?Ve(t):"",[`${l}_static`]:i?`${i} ${t?Ve(t):""}`.trim():t?Ve(t):""}:r)})),Ke())})(t,r.id,e.target.value),size:"small",options:Y||[],sx:{flex:1,maxWidth:150,minWidth:150,"& .MuiInputBase-input":{bgcolor:u&&we?"grey.100":h?"blue.50":"transparent",width:150}}})})]})]}):/* @__PURE__ */e.jsx(d.default,{label:r.header,value:h?h.merge.value:l[r.id]||"",onChange:e=>((e,l,t)=>{var r;Ne(!0);const a=_.columns.findIndex(e=>e.id===l),o=Ye("tbody",e,a),i=(null==(r=Ie[e])?void 0:r[l])||"";o?H(e=>{var l;return{...e,name:Be||"",mergedCells:(null==(l=e.mergedCells)?void 0:l.map(e=>e===o.merge?{...e,value:t}:e))||[]}}):(We&&Fe(r=>{const a={...r};return a[e]||(a[e]={}),t?a[e][l]=t:(delete a[e][l],0===Object.keys(a[e]).length&&delete a[e]),a}),H(r=>({...r,name:Be||"",rows:r.rows.map((r,a)=>a===e?{...r,[l]:We?t?`{{${t}}}`:"":t,[`${l}_static`]:i?`${i} ${t||""}`.trim():t||""}:r)})),(We||we&&(null==Ae?void 0:Ae[l]))&&Ke(),Ne(!1))})(t,r.id,e.target.value),size:"small",fullWidth:!0,disabled:we||u,helperText:h?`Merged cell (${h.merge.rowEnd-h.merge.rowStart+1}×${h.merge.colEnd-h.merge.colStart+1})`:u&&m?`Linked to: ${m.label}`:void 0,sx:{"& .MuiInputBase-input":{bgcolor:u&&we?"grey.100":h?"blue.50":"transparent"}}})},r.id)})})]},t))]}),
+/* @__PURE__ */e.jsx(S.default,{sx:{my:2}}),
+/* @__PURE__ */e.jsx(c.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",sx:{mb:1},children:"Column Data Sources"}),0===Y.length&&/* @__PURE__ */e.jsx(k.default,{severity:"info",sx:{mb:2},children:"No placeholders available. Add placeholders to dynamically populate table data."}),
+/* @__PURE__ */e.jsx(T.default,{container:!0,spacing:1,alignItems:"center",children:_.columns.map(t=>{var r,a;const o=(null==Ae?void 0:Ae[t.id])||(null==(a=null==(r=_.rows)?void 0:r[0])?void 0:a[t.id]),i=o?Ze(o):null;/* @__PURE__ */
 return e.jsxs(N.default.Fragment,{children:[
-/* @__PURE__ */e.jsxs(S.default,{item:!0,xs:4,children:[
+/* @__PURE__ */e.jsxs(T.default,{item:!0,xs:4,children:[
 /* @__PURE__ */e.jsx(c.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800",children:t.header}),i&&/* @__PURE__ */e.jsx(c.Typography,{type:"s6",color:"theme.secondary.600",sx:{fontStyle:"italic"},children:i.type})]}),
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:8,children:/* @__PURE__ */e.jsx(p.default,{value:We?"":o||"",onChange:e=>{((e,l)=>{Ne(!0);const t={...Ae,[e]:l};if(l||delete t[e],K({placeholders:t}),we){const t=l?Ve(l):"";F(l=>({...l,name:Be||"",rows:l.rows.map(l=>({...l,[e]:t}))}))}Ne(!1)})(t.id,e.target.value)},size:"small",options:Oe.map(e=>({value:e.value,label:e.label,description:e.description})),disabled:Le||We,sx:{flex:1,maxWidth:150,minWidth:150,"& .MuiInputBase-input":{bgcolor:"transparent",width:150}},renderOption:(t,r)=>/* @__PURE__ */l.createElement(k.default,{...t,key:r.value},/* @__PURE__ */e.jsxs(g.default,{children:[
-/* @__PURE__ */e.jsx(c.Typography,{type:"s5",color:"theme.secondary.1000",children:r.label}),r.description&&/* @__PURE__ */e.jsx(c.Typography,{type:"s6",color:"theme.secondary.600",sx:{fontStyle:"italic"},children:r.description})]})),noOptionsText:/* @__PURE__ */e.jsx(k.default,{disabled:!0,children:/* @__PURE__ */e.jsx(c.Typography,{type:"s5",color:"theme.secondary.600",children:"No Data Source"})})})})]},t.id)})})]}),1===ye&&/* @__PURE__ */e.jsxs(g.default,{sx:{"& >:first-child":{borderTopLeftRadius:8,borderTopRightRadius:8},"& >:last-child":{borderBottomLeftRadius:8,borderBottomRightRadius:8}},children:[
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:8,children:/* @__PURE__ */e.jsx(p.default,{value:We?"":o||"",onChange:e=>{((e,l)=>{Ne(!0);const t={...Ae,[e]:l};if(l||delete t[e],K({placeholders:t}),we){const t=l?Ve(l):"";H(l=>({...l,name:Be||"",rows:l.rows.map(l=>({...l,[e]:t}))}))}Ne(!1)})(t.id,e.target.value)},size:"small",options:Oe.map(e=>({value:e.value,label:e.label,description:e.description})),disabled:Le||We,sx:{flex:1,maxWidth:150,minWidth:150,"& .MuiInputBase-input":{bgcolor:"transparent",width:150}},renderOption:(t,r)=>/* @__PURE__ */l.createElement(z.default,{...t,key:r.value},/* @__PURE__ */e.jsxs(g.default,{children:[
+/* @__PURE__ */e.jsx(c.Typography,{type:"s5",color:"theme.secondary.1000",children:r.label}),r.description&&/* @__PURE__ */e.jsx(c.Typography,{type:"s6",color:"theme.secondary.600",sx:{fontStyle:"italic"},children:r.description})]})),noOptionsText:/* @__PURE__ */e.jsx(z.default,{disabled:!0,children:/* @__PURE__ */e.jsx(c.Typography,{type:"s5",color:"theme.secondary.600",children:"No Data Source"})})})})]},t.id)})})]}),1===ye&&/* @__PURE__ */e.jsxs(g.default,{sx:{"& >:first-child":{borderTopLeftRadius:8,borderTopRightRadius:8},"& >:last-child":{borderBottomLeftRadius:8,borderBottomRightRadius:8}},children:[
 /* @__PURE__ */e.jsxs(O,{expanded:"tableBasic"===ve,onChange:Qe("tableBasic"),disableGutters:!0,children:[
-/* @__PURE__ */e.jsx(_.default,{expandIcon:/* @__PURE__ */e.jsx(t.default,{}),children:/* @__PURE__ */e.jsx(c.Typography,{type:"s3",color:"theme.secondary.1000",children:"Table Basic Properties"})}),
-/* @__PURE__ */e.jsx(q.default,{children:/* @__PURE__ */e.jsx(h.default,{styles:Ge,onChange:(e,l)=>((e,l)=>{Pe(t=>({...t,[e]:l}))})(e,l),isBordered:Ge.is_bordered,disableRadius:!0})})]}),
+/* @__PURE__ */e.jsx(q.default,{expandIcon:/* @__PURE__ */e.jsx(t.default,{}),children:/* @__PURE__ */e.jsx(c.Typography,{type:"s3",color:"theme.secondary.1000",children:"Table Basic Properties"})}),
+/* @__PURE__ */e.jsx(E.default,{children:/* @__PURE__ */e.jsx(h.default,{styles:Ge,onChange:(e,l)=>((e,l)=>{Pe(t=>({...t,[e]:l}))})(e,l),isBordered:Ge.is_bordered,disableRadius:!0})})]}),
 /* @__PURE__ */e.jsxs(O,{expanded:"tableHeader"===ve,onChange:Qe("tableHeader"),disableGutters:!0,children:[
-/* @__PURE__ */e.jsx(_.default,{expandIcon:/* @__PURE__ */e.jsx(t.default,{}),children:/* @__PURE__ */e.jsx(c.Typography,{type:"s3",color:"theme.secondary.1000",children:"Table Header Styles"})}),
-/* @__PURE__ */e.jsx(q.default,{children:/* @__PURE__ */e.jsxs(S.default,{container:!0,spacing:2,children:[
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(n.default,{value:(null==(ee=Ge.tHead)?void 0:ee.backgroundColor)||"#f5f5f5",onChange:e=>Xe("backgroundColor",e),fullWidth:!0,label:"Background Color"})}),
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(n.default,{value:(null==(le=Ge.tHead)?void 0:le.color)||"#333333",onChange:e=>Xe("color",e),fullWidth:!0,label:"Text Color"})}),
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(d.default,{label:"Font Size",type:"number",value:(null==(te=Ge.tHead)?void 0:te.fontSize)||14,onChange:e=>Xe("fontSize",parseInt(e.target.value)||14),size:"small",fullWidth:!0})}),
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(s.default,{value:(null==(re=Ge.tHead)?void 0:re.fontWeight)||"bold",onChange:e=>Xe("fontWeight",e.target.value),fullWidth:!0,size:"small",label:"Font Weight",children:P.map(l=>/* @__PURE__ */e.jsx(k.default,{value:l,children:u.default(l)},l))})}),
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(s.default,{value:(null==(ae=Ge.tHead)?void 0:ae.fontFamily)||"Arial, sans-serif",onChange:e=>Xe("fontFamily",e.target.value),fullWidth:!0,size:"small",label:"Font Family",children:V.map(l=>/* @__PURE__ */e.jsx(k.default,{value:l,children:l.split(",")[0]},l))})}),
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(s.default,{value:(null==(oe=Ge.tHead)?void 0:oe.textAlign)||"left",onChange:e=>Xe("textAlign",e.target.value),fullWidth:!0,size:"small",label:"Text Align",children:G.map(l=>/* @__PURE__ */e.jsx(k.default,{value:l,children:u.default(l)},l))})}),
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(d.default,{label:"Cell Padding",type:"number",value:(null==(ie=Ge.thCells)?void 0:ie.padding)||8,onChange:e=>{return l="padding",t=parseInt(e.target.value)||8,void Pe(e=>({...e,thCells:{...e.thCells,[l]:t}}));var l,t},size:"small",fullWidth:!0})}),
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(v.default,{control:/* @__PURE__ */e.jsx(m.default,{checked:!!(null==(ne=Ge.tBody)?void 0:ne.zebraStriping),onChange:e=>el("zebraStriping",e.target.checked)}),label:"Zebra Striping"})}),(null==(de=Ge.tBody)?void 0:de.zebraStriping)&&/* @__PURE__ */e.jsxs(S.default,{item:!0,xs:12,children:[
+/* @__PURE__ */e.jsx(q.default,{expandIcon:/* @__PURE__ */e.jsx(t.default,{}),children:/* @__PURE__ */e.jsx(c.Typography,{type:"s3",color:"theme.secondary.1000",children:"Table Header Styles"})}),
+/* @__PURE__ */e.jsx(E.default,{children:/* @__PURE__ */e.jsxs(T.default,{container:!0,spacing:2,children:[
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(n.default,{value:(null==(ee=Ge.tHead)?void 0:ee.backgroundColor)||"#f5f5f5",onChange:e=>Xe("backgroundColor",e),fullWidth:!0,label:"Background Color"})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(n.default,{value:(null==(le=Ge.tHead)?void 0:le.color)||"#333333",onChange:e=>Xe("color",e),fullWidth:!0,label:"Text Color"})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(d.default,{label:"Font Size",type:"number",value:(null==(te=Ge.tHead)?void 0:te.fontSize)||14,onChange:e=>Xe("fontSize",parseInt(e.target.value)||14),size:"small",fullWidth:!0})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(s.default,{value:(null==(re=Ge.tHead)?void 0:re.fontWeight)||"bold",onChange:e=>Xe("fontWeight",e.target.value),fullWidth:!0,size:"small",label:"Font Weight",children:P.map(l=>/* @__PURE__ */e.jsx(z.default,{value:l,children:u.default(l)},l))})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(s.default,{value:(null==(ae=Ge.tHead)?void 0:ae.fontFamily)||"Arial, sans-serif",onChange:e=>Xe("fontFamily",e.target.value),fullWidth:!0,size:"small",label:"Font Family",children:V.map(l=>/* @__PURE__ */e.jsx(z.default,{value:l,children:l.split(",")[0]},l))})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(s.default,{value:(null==(oe=Ge.tHead)?void 0:oe.textAlign)||"left",onChange:e=>Xe("textAlign",e.target.value),fullWidth:!0,size:"small",label:"Text Align",children:G.map(l=>/* @__PURE__ */e.jsx(z.default,{value:l,children:u.default(l)},l))})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(d.default,{label:"Cell Padding",type:"number",value:(null==(ie=Ge.thCells)?void 0:ie.padding)||8,onChange:e=>{return l="padding",t=parseInt(e.target.value)||8,void Pe(e=>({...e,thCells:{...e.thCells,[l]:t}}));var l,t},size:"small",fullWidth:!0})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(v.default,{control:/* @__PURE__ */e.jsx(m.default,{checked:!!(null==(ne=Ge.tBody)?void 0:ne.zebraStriping),onChange:e=>el("zebraStriping",e.target.checked)}),label:"Zebra Striping"})}),(null==(de=Ge.tBody)?void 0:de.zebraStriping)&&/* @__PURE__ */e.jsxs(T.default,{item:!0,xs:12,children:[
 /* @__PURE__ */e.jsx(c.Typography,{type:"s5",weight:"medium",color:"theme.secondary.1000",variant:"caption",children:"Alternating Row Color"}),
 /* @__PURE__ */e.jsx(n.default,{value:(null==(se=Ge.tBody)?void 0:se.alternateRowColor)||"#f9f9f9",onChange:e=>el("alternateRowColor",e),fullWidth:!0})]})]})})]}),
 /* @__PURE__ */e.jsxs(O,{expanded:"tableBody"===ve,onChange:Qe("tableBody"),disableGutters:!0,children:[
-/* @__PURE__ */e.jsx(_.default,{expandIcon:/* @__PURE__ */e.jsx(t.default,{}),children:/* @__PURE__ */e.jsx(c.Typography,{type:"s3",color:"theme.secondary.1000",children:"Table Body Styles"})}),
-/* @__PURE__ */e.jsx(q.default,{children:/* @__PURE__ */e.jsxs(S.default,{container:!0,spacing:2,children:[
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(n.default,{value:(null==(ue=Ge.tBody)?void 0:ue.backgroundColor)||"#ffffff",onChange:e=>el("backgroundColor",e),fullWidth:!0,label:"Background Color"})}),
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(n.default,{value:(null==(ce=Ge.tBody)?void 0:ce.color)||"#333333",onChange:e=>el("color",e),fullWidth:!0,label:"Text Color"})}),
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(d.default,{label:"Font Size",type:"number",value:(null==(me=Ge.tBody)?void 0:me.fontSize)||14,onChange:e=>el("fontSize",parseInt(e.target.value)||14),size:"small",fullWidth:!0})}),
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(s.default,{value:(null==(he=Ge.tBody)?void 0:he.fontWeight)||"normal",onChange:e=>el("fontWeight",e.target.value),fullWidth:!0,size:"small",label:"Font Weight",children:P.map(l=>/* @__PURE__ */e.jsx(k.default,{value:l,children:u.default(l)},l))})}),
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(s.default,{value:(null==(xe=Ge.tBody)?void 0:xe.fontFamily)||"Arial, sans-serif",onChange:e=>el("fontFamily",e.target.value),fullWidth:!0,size:"small",label:"Font Family",children:V.map(l=>/* @__PURE__ */e.jsx(k.default,{value:l,children:l.split(",")[0]},l))})}),
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(s.default,{value:(null==(fe=Ge.tBody)?void 0:fe.textAlign)||"left",onChange:e=>el("textAlign",e.target.value),fullWidth:!0,size:"small",label:"Text Align",children:G.map(l=>/* @__PURE__ */e.jsx(k.default,{value:l,children:u.default(l)},l))})}),
-/* @__PURE__ */e.jsx(S.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(d.default,{label:"Cell Padding",type:"number",value:(null==(pe=Ge.tbCells)?void 0:pe.padding)||8,onChange:e=>{return l="padding",t=parseInt(e.target.value)||8,void Pe(e=>({...e,tbCells:{...e.tbCells,[l]:t}}));var l,t},size:"small",fullWidth:!0})})]})})]})]}),2===ye&&/* @__PURE__ */e.jsxs(g.default,{children:[
+/* @__PURE__ */e.jsx(q.default,{expandIcon:/* @__PURE__ */e.jsx(t.default,{}),children:/* @__PURE__ */e.jsx(c.Typography,{type:"s3",color:"theme.secondary.1000",children:"Table Body Styles"})}),
+/* @__PURE__ */e.jsx(E.default,{children:/* @__PURE__ */e.jsxs(T.default,{container:!0,spacing:2,children:[
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(n.default,{value:(null==(ue=Ge.tBody)?void 0:ue.backgroundColor)||"#ffffff",onChange:e=>el("backgroundColor",e),fullWidth:!0,label:"Background Color"})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(n.default,{value:(null==(ce=Ge.tBody)?void 0:ce.color)||"#333333",onChange:e=>el("color",e),fullWidth:!0,label:"Text Color"})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(d.default,{label:"Font Size",type:"number",value:(null==(me=Ge.tBody)?void 0:me.fontSize)||14,onChange:e=>el("fontSize",parseInt(e.target.value)||14),size:"small",fullWidth:!0})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(s.default,{value:(null==(he=Ge.tBody)?void 0:he.fontWeight)||"normal",onChange:e=>el("fontWeight",e.target.value),fullWidth:!0,size:"small",label:"Font Weight",children:P.map(l=>/* @__PURE__ */e.jsx(z.default,{value:l,children:u.default(l)},l))})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(s.default,{value:(null==(xe=Ge.tBody)?void 0:xe.fontFamily)||"Arial, sans-serif",onChange:e=>el("fontFamily",e.target.value),fullWidth:!0,size:"small",label:"Font Family",children:V.map(l=>/* @__PURE__ */e.jsx(z.default,{value:l,children:l.split(",")[0]},l))})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(s.default,{value:(null==(fe=Ge.tBody)?void 0:fe.textAlign)||"left",onChange:e=>el("textAlign",e.target.value),fullWidth:!0,size:"small",label:"Text Align",children:G.map(l=>/* @__PURE__ */e.jsx(z.default,{value:l,children:u.default(l)},l))})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(d.default,{label:"Cell Padding",type:"number",value:(null==(pe=Ge.tbCells)?void 0:pe.padding)||8,onChange:e=>{return l="padding",t=parseInt(e.target.value)||8,void Pe(e=>({...e,tbCells:{...e.tbCells,[l]:t}}));var l,t},size:"small",fullWidth:!0})})]})})]})]}),2===ye&&/* @__PURE__ */e.jsxs(g.default,{children:[
 /* @__PURE__ */e.jsxs(g.default,{sx:{mb:3},children:[
 /* @__PURE__ */e.jsx(c.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",sx:{mb:2},children:"Cell Selection & Merging"}),
-/* @__PURE__ */e.jsx(T.default,{severity:"info",sx:{mb:2},children:"Click on cells in the table below to select them for merging. Selected cells will be highlighted. You can merge cells within the header or body, but not across both."}),
+/* @__PURE__ */e.jsx(k.default,{severity:"info",sx:{mb:2},children:"Click on cells in the table below to select them for merging. Selected cells will be highlighted. You can merge cells within the header or body, but not across both."}),
 /* @__PURE__ */e.jsxs(g.default,{sx:{display:"flex",gap:1,mb:2,flexWrap:"wrap"},children:[
-/* @__PURE__ */e.jsxs(x.default,{variant:"contained",size:"small",onClick:()=>{var e,l,t,r;if(ze.length<2)return void alert("Please select at least 2 cells to merge");const a=ze[0];let o="",i="";if("tbody"===a.section){const r=null==(e=z.columns[a.col])?void 0:e.id;o=(null==(l=z.rows[a.row])?void 0:l[r])||"",We&&(i=(null==(t=Ie[a.row])?void 0:t[r])||"")}else o=(null==(r=z.columns[a.col])?void 0:r.header)||"";const n=We&&i?`${i} ${o}`.trim():o;Ee(n),ke(!0)},startIcon:/* @__PURE__ */e.jsx(o.default,{}),disabled:ze.length<2,color:"primary",children:["Merge Selected (",ze.length,")"]}),
+/* @__PURE__ */e.jsxs(x.default,{variant:"contained",size:"small",onClick:()=>{var e,l,t,r;if(ze.length<2)return void alert("Please select at least 2 cells to merge");const a=ze[0];let o="",i="";if("tbody"===a.section){const r=null==(e=_.columns[a.col])?void 0:e.id;o=(null==(l=_.rows[a.row])?void 0:l[r])||"",We&&(i=(null==(t=Ie[a.row])?void 0:t[r])||"")}else o=(null==(r=_.columns[a.col])?void 0:r.header)||"";const n=We&&i?`${i} ${o}`.trim():o;Ee(n),ke(!0)},startIcon:/* @__PURE__ */e.jsx(o.default,{}),disabled:ze.length<2,color:"primary",children:["Merge Selected (",ze.length,")"]}),
 /* @__PURE__ */e.jsx(x.default,{variant:"outlined",size:"small",onClick:()=>_e([]),disabled:0===ze.length,className:"black-outlined-btn",children:"Clear Selection"})]}),
-/* @__PURE__ */e.jsx(g.default,{sx:{border:1,borderColor:"divider",borderRadius:1,overflow:"auto",maxHeight:400},children:/* @__PURE__ */e.jsxs(E.default,{size:"small",sx:{minWidth:300},children:[
-/* @__PURE__ */e.jsx(W.default,{children:/* @__PURE__ */e.jsx($.default,{children:z.columns.map((l,t)=>{const r=Ye("thead",0,t),a=Je("thead",0,t);if(null==r?void 0:r.isCovered)return null;const o=r?r.merge.value:l.header,i=r?r.merge.rowEnd-r.merge.rowStart+1:1,n=r?r.merge.colEnd-r.merge.colStart+1:1;/* @__PURE__ */
-return e.jsxs(A.default,{rowSpan:i,colSpan:n,onClick:()=>!r&&Ue("thead",0,t),sx:e=>({fontWeight:"bold",bgcolor:r?"blue.50":a?"primary.100":"grey.100",position:"sticky",top:0,zIndex:1,cursor:r?"default":"pointer",border:a?2:1,borderColor:a?e.palette.theme.primary[800]:"divider","&:hover":r?{}:{bgcolor:a?"primary.200":"grey.50"}}),children:[o,r&&/* @__PURE__ */e.jsx(j.default,{label:`${i}×${n}`,size:"small",color:"primary",variant:"outlined",sx:e=>({position:"absolute",top:2,right:2,fontSize:"0.6rem",height:16,color:e.palette.theme.primary[800],borderColor:e.palette.theme.primary[800]})}),a&&/* @__PURE__ */e.jsx(f.default,{checked:!0,size:"small",sx:{position:"absolute",top:2,left:2,padding:0}})]},l.id)})})}),
-/* @__PURE__ */e.jsx(B.default,{children:z.rows.map((l,t)=>/* @__PURE__ */e.jsx($.default,{children:z.columns.map((r,a)=>{var o;const i=Ye("tbody",t,a),n=Je("tbody",t,a);if(null==i?void 0:i.isCovered)return null;const d=(null==(o=Ie[t])?void 0:o[r.id])||"",s=i?i.merge.value:d?`${d} ${l[r.id]||""}`.trim():l[r.id]||"",u=i?i.merge.rowEnd-i.merge.rowStart+1:1,c=i?i.merge.colEnd-i.merge.colStart+1:1;/* @__PURE__ */
-return e.jsxs(A.default,{rowSpan:u,colSpan:c,onClick:()=>!i&&Ue("tbody",t,a),sx:e=>{var l;return{cursor:i?"default":"pointer",bgcolor:i?"blue.50":n?"primary.100":"transparent",border:n?2:1,borderColor:n?null==(l=e.palette.theme)?void 0:l.primary[800]:"divider","&:hover":i?{}:{bgcolor:n?"primary.200":"grey.50"},position:"relative"}},children:[s,i&&/* @__PURE__ */e.jsx(j.default,{label:`${u}×${c}`,size:"small",color:"primary",variant:"outlined",sx:e=>{var l,t;return{position:"absolute",top:2,right:2,fontSize:"0.6rem",height:16,color:null==(l=e.palette.theme)?void 0:l.primary[800],borderColor:null==(t=e.palette.theme)?void 0:t.primary[800]}}}),n&&/* @__PURE__ */e.jsx(f.default,{checked:!0,size:"small",sx:{position:"absolute",top:2,left:2,padding:0}})]},r.id)})},t))})]})})]}),He.length>0&&/* @__PURE__ */e.jsxs(g.default,{sx:{mt:3},children:[
+/* @__PURE__ */e.jsx(g.default,{sx:{border:1,borderColor:"divider",borderRadius:1,overflow:"auto",maxHeight:400},children:/* @__PURE__ */e.jsxs(W.default,{size:"small",sx:{minWidth:300},children:[
+/* @__PURE__ */e.jsx($.default,{children:/* @__PURE__ */e.jsx(A.default,{children:_.columns.map((l,t)=>{const r=Ye("thead",0,t),a=Je("thead",0,t);if(null==r?void 0:r.isCovered)return null;const o=r?r.merge.value:l.header,i=r?r.merge.rowEnd-r.merge.rowStart+1:1,n=r?r.merge.colEnd-r.merge.colStart+1:1;/* @__PURE__ */
+return e.jsxs(B.default,{rowSpan:i,colSpan:n,onClick:()=>!r&&Ue("thead",0,t),sx:e=>({fontWeight:"bold",bgcolor:r?"blue.50":a?"primary.100":"grey.100",position:"sticky",top:0,zIndex:1,cursor:r?"default":"pointer",border:a?2:1,borderColor:a?e.palette.theme.primary[800]:"divider","&:hover":r?{}:{bgcolor:a?"primary.200":"grey.50"}}),children:[o,r&&/* @__PURE__ */e.jsx(j.default,{label:`${i}×${n}`,size:"small",color:"primary",variant:"outlined",sx:e=>({position:"absolute",top:2,right:2,fontSize:"0.6rem",height:16,color:e.palette.theme.primary[800],borderColor:e.palette.theme.primary[800]})}),a&&/* @__PURE__ */e.jsx(f.default,{checked:!0,size:"small",sx:{position:"absolute",top:2,left:2,padding:0}})]},l.id)})})}),
+/* @__PURE__ */e.jsx(M.default,{children:_.rows.map((l,t)=>/* @__PURE__ */e.jsx(A.default,{children:_.columns.map((r,a)=>{var o;const i=Ye("tbody",t,a),n=Je("tbody",t,a);if(null==i?void 0:i.isCovered)return null;const d=(null==(o=Ie[t])?void 0:o[r.id])||"",s=i?i.merge.value:d?`${d} ${l[r.id]||""}`.trim():l[r.id]||"",u=i?i.merge.rowEnd-i.merge.rowStart+1:1,c=i?i.merge.colEnd-i.merge.colStart+1:1;/* @__PURE__ */
+return e.jsxs(B.default,{rowSpan:u,colSpan:c,onClick:()=>!i&&Ue("tbody",t,a),sx:e=>{var l;return{cursor:i?"default":"pointer",bgcolor:i?"blue.50":n?"primary.100":"transparent",border:n?2:1,borderColor:n?null==(l=e.palette.theme)?void 0:l.primary[800]:"divider","&:hover":i?{}:{bgcolor:n?"primary.200":"grey.50"},position:"relative"}},children:[s,i&&/* @__PURE__ */e.jsx(j.default,{label:`${u}×${c}`,size:"small",color:"primary",variant:"outlined",sx:e=>{var l,t;return{position:"absolute",top:2,right:2,fontSize:"0.6rem",height:16,color:null==(l=e.palette.theme)?void 0:l.primary[800],borderColor:null==(t=e.palette.theme)?void 0:t.primary[800]}}}),n&&/* @__PURE__ */e.jsx(f.default,{checked:!0,size:"small",sx:{position:"absolute",top:2,left:2,padding:0}})]},r.id)})},t))})]})})]}),He.length>0&&/* @__PURE__ */e.jsxs(g.default,{sx:{mt:3},children:[
 /* @__PURE__ */e.jsxs(c.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",sx:{mb:2},children:["Merged Cells (",He.length,")"]}),He.map((l,t)=>/* @__PURE__ */e.jsxs(g.default,{sx:{p:2,mb:1,border:1,borderColor:"divider",borderRadius:1,bgcolor:"blue.25"},children:[
 /* @__PURE__ */e.jsxs(g.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",mb:1},children:[
 /* @__PURE__ */e.jsxs(g.default,{children:[
 /* @__PURE__ */e.jsxs(c.Typography,{type:"s4",weight:"medium",color:"theme.secondary.900",children:["Merge ",t+1,": ",l.rowEnd-l.rowStart+1,"×",l.colEnd-l.colStart+1," cells (",l.section,")"]}),
 /* @__PURE__ */e.jsxs(c.Typography,{type:"s5",color:"theme.secondary.700",children:["Rows ",l.rowStart+1,"-",l.rowEnd+1,", Columns ",l.colStart+1,"-",l.colEnd+1]})]}),
-/* @__PURE__ */e.jsx(x.default,{variant:"outlined",size:"small",onClick:()=>(e=>{const l=He[e];F(t=>{var r,a;const o=[...t.rows],i=[...t.columns];if("tbody"===l.section)for(let e=l.rowStart;e<=l.rowEnd;e++)for(let a=l.colStart;a<=l.colEnd;a++){const i=null==(r=t.columns[a])?void 0:r.id;i&&o[e]&&(o[e][i]=l.value)}else i[l.colStart]&&(i[l.colStart].header=l.value);return{...t,rows:o,name:Be||"",columns:i,mergedCells:(null==(a=t.mergedCells)?void 0:a.filter((l,t)=>t!==e))||[]}})})(t),startIcon:/* @__PURE__ */e.jsx(i.default,{}),className:"black-outlined-btn",children:"Split"})]}),
-/* @__PURE__ */e.jsx(d.default,{label:"Merged Cell Value",value:l.value,onChange:e=>{F(l=>{var r;return{...l,mergedCells:(null==(r=l.mergedCells)?void 0:r.map((l,r)=>r===t?{...l,value:e.target.value}:l))||[]}})},size:"small",fullWidth:!0,multiline:!0,rows:2})]},t))]})]}),
-/* @__PURE__ */e.jsxs(M.default,{open:Te,onClose:()=>ke(!1),maxWidth:"sm",fullWidth:!0,children:[
-/* @__PURE__ */e.jsx(I.default,{children:/* @__PURE__ */e.jsx(c.Typography,{type:"s2",weight:"medium",children:"Merge Selected Cells"})}),
-/* @__PURE__ */e.jsxs(R.default,{children:[
+/* @__PURE__ */e.jsx(x.default,{variant:"outlined",size:"small",onClick:()=>(e=>{const l=He[e];H(t=>{var r,a;const o=[...t.rows],i=[...t.columns];if("tbody"===l.section)for(let e=l.rowStart;e<=l.rowEnd;e++)for(let a=l.colStart;a<=l.colEnd;a++){const i=null==(r=t.columns[a])?void 0:r.id;i&&o[e]&&(o[e][i]=l.value)}else i[l.colStart]&&(i[l.colStart].header=l.value);return{...t,rows:o,name:Be||"",columns:i,mergedCells:(null==(a=t.mergedCells)?void 0:a.filter((l,t)=>t!==e))||[]}})})(t),startIcon:/* @__PURE__ */e.jsx(i.default,{}),className:"black-outlined-btn",children:"Split"})]}),
+/* @__PURE__ */e.jsx(d.default,{label:"Merged Cell Value",value:l.value,onChange:e=>{H(l=>{var r;return{...l,mergedCells:(null==(r=l.mergedCells)?void 0:r.map((l,r)=>r===t?{...l,value:e.target.value}:l))||[]}})},size:"small",fullWidth:!0,multiline:!0,rows:2})]},t))]})]}),
+/* @__PURE__ */e.jsxs(I.default,{open:Te,onClose:()=>ke(!1),maxWidth:"sm",fullWidth:!0,children:[
+/* @__PURE__ */e.jsx(R.default,{children:/* @__PURE__ */e.jsx(c.Typography,{type:"s2",weight:"medium",children:"Merge Selected Cells"})}),
+/* @__PURE__ */e.jsxs(D.default,{children:[
 /* @__PURE__ */e.jsxs(c.Typography,{type:"s4",color:"theme.secondary.700",sx:{mb:2},children:["You are about to merge ",ze.length," selected cells in ",null==(ge=ze[0])?void 0:ge.section,". Enter the value for the merged cell:"]}),
 /* @__PURE__ */e.jsx(d.default,{label:"Merged Cell Value",value:qe,onChange:e=>Ee(e.target.value),fullWidth:!0,multiline:!0,rows:3,sx:{mt:1}}),
-/* @__PURE__ */e.jsxs(T.default,{severity:"info",sx:{mt:2},children:["The merged cell will span from row ",Math.min(...ze.map(e=>e.row))+1," to ",Math.max(...ze.map(e=>e.row))+1,"and column ",Math.min(...ze.map(e=>e.col))+1," to ",Math.max(...ze.map(e=>e.col))+1," in ",null==(be=ze[0])?void 0:be.section,"."]})]}),
-/* @__PURE__ */e.jsxs(D.default,{children:[
+/* @__PURE__ */e.jsxs(k.default,{severity:"info",sx:{mt:2},children:["The merged cell will span from row ",Math.min(...ze.map(e=>e.row))+1," to ",Math.max(...ze.map(e=>e.row))+1,"and column ",Math.min(...ze.map(e=>e.col))+1," to ",Math.max(...ze.map(e=>e.col))+1," in ",null==(be=ze[0])?void 0:be.section,"."]})]}),
+/* @__PURE__ */e.jsxs(F.default,{children:[
 /* @__PURE__ */e.jsx(x.default,{onClick:()=>ke(!1),children:"Cancel"}),
-/* @__PURE__ */e.jsx(x.default,{onClick:()=>{if(ze.length<2)return;const e=ze[0].section,l=ze.map(e=>e.row),t=ze.map(e=>e.col),r=Math.min(...l),a=Math.max(...l),o=Math.min(...t),i=Math.max(...t),n=(a-r+1)*(i-o+1);if(ze.length!==n)return void alert("Please select a rectangular area of cells to merge");if(He.some(l=>l.section===e&&!(a<l.rowStart||r>l.rowEnd||i<l.colStart||o>l.colEnd)))return void alert("Cannot merge cells that overlap with existing merged cells");const d={section:e,rowStart:r,rowEnd:a,colStart:o,colEnd:i,value:qe};F(l=>({...l,name:Be||"",mergedCells:[...l.mergedCells||[],d],columns:"thead"===e?l.columns.map((e,l)=>l===o?{...e,header:qe}:e):l.columns})),_e([]),Ee(""),ke(!1)},variant:"contained",color:"primary",children:"Merge Cells"})]})]})]})};
+/* @__PURE__ */e.jsx(x.default,{onClick:()=>{if(ze.length<2)return;const e=ze[0].section,l=ze.map(e=>e.row),t=ze.map(e=>e.col),r=Math.min(...l),a=Math.max(...l),o=Math.min(...t),i=Math.max(...t),n=(a-r+1)*(i-o+1);if(ze.length!==n)return void alert("Please select a rectangular area of cells to merge");if(He.some(l=>l.section===e&&!(a<l.rowStart||r>l.rowEnd||i<l.colStart||o>l.colEnd)))return void alert("Cannot merge cells that overlap with existing merged cells");const d={section:e,rowStart:r,rowEnd:a,colStart:o,colEnd:i,value:qe};H(l=>({...l,name:Be||"",mergedCells:[...l.mergedCells||[],d],columns:"thead"===e?l.columns.map((e,l)=>l===o?{...e,header:qe}:e):l.columns})),_e([]),Ee(""),ke(!1)},variant:"contained",color:"primary",children:"Merge Cells"})]})]})]})};
 //# sourceMappingURL=index.js.map

package/dist/views/template-editor/components/controllers/TableControls.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+import { TableRow } from '@mui/material';
+
+interface TableColumn {
+    id: string;
+    header: string;
+}
+interface TableRow {
+    [key: string]: string;
+}
+interface CellMerge {
+    section: 'thead' | 'tbody';
+    rowStart: number;
+    rowEnd: number;
+    colStart: number;
+    colEnd: number;
+    value: string;
+}
+interface TableData {
+    columns: TableColumn[];
+    rows: TableRow[];
+    mergedCells?: CellMerge[];
+}
+interface TableControlsProps {
+    tableData: TableData;
+    setTableData: (value: TableData) => void;
+    attrs: any;
+    updateAttrs: (value: any) => void;
+    placeholders: Record<string, any>[];
+    handleSave?: () => void;
+    setParentRowLevel?: (value: boolean) => void;
+    levelType?: boolean;
+    relation_table?: any;
+}
+declare const TableControls: React.FC<TableControlsProps>;
+export default TableControls;

package/dist/views/template-editor/components/controllers/TextControls.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+
+interface TextStyles {
+    fontFamily?: string;
+    fontSize?: number;
+    lineHeight?: string | number;
+    textAlign?: string;
+    fontWeight?: string;
+    fontStyle?: string;
+    textDecoration?: string;
+    color?: string;
+}
+interface TextControlsProps {
+    attrs: {
+        styles?: TextStyles;
+        [key: string]: any;
+    };
+    updateAttrs: (attr: Record<string, any>) => void;
+}
+declare const _default: React.NamedExoticComponent<TextControlsProps>;
+export default _default;

package/dist/views/template-editor/components/controllers/border-control.d.ts

@@ -0,0 +1,13 @@
+export interface BorderControlProps {
+    styles: Record<string, any>;
+    onChange: (key: string, value: any) => void;
+    isBordered: boolean;
+    disableWidth?: boolean;
+    disableStyle?: boolean;
+    disableColor?: boolean;
+    disableCollapse?: boolean;
+    disableRadius?: boolean;
+    initiateStyles?: (styles: Record<string, any>) => void;
+}
+declare const BorderControl: React.FC<BorderControlProps>;
+export default BorderControl;

package/dist/views/template-editor/components/controllers/index.d.ts

@@ -0,0 +1,18 @@
+export { default as AlignmentControl } from './AlignmentControl';
+export * from './AlignmentControl';
+export { default as BorderControl } from './border-control';
+export * from './border-control';
+export { default as ButtonControls } from './ButtonControls';
+export * from './ButtonControls';
+export { default as CodeControls } from './CodeControls';
+export * from './CodeControls';
+export { default as DividerControls } from './DividerControls';
+export * from './DividerControls';
+export { default as ImageControls } from './ImageControls';
+export * from './ImageControls';
+export { default as SignatureControls } from './SignatureControls';
+export * from './SignatureControls';
+export { default as TableControls } from './TableControls';
+export * from './TableControls';
+export { default as React } from './TextControls';
+export * from './TextControls';

package/dist/views/template-editor/components/index.d.ts

@@ -0,0 +1,13 @@
+export { default as EditorCanvas } from './EditorCanvas';
+export * from './EditorCanvas';
+export { default as EditorHeader } from './EditorHeader';
+export * from './EditorHeader';
+export { default as EditorSection } from './EditorSection';
+export * from './EditorSection';
+export { default as EditorSidebar } from './EditorSidebar';
+export * from './EditorSidebar';
+export { default as SectionFlowEditor } from './SectionFlowEditor';
+export * from './SectionFlowEditor';
+export { default as SectionFormatPanel } from './SectionFormatPanel';
+export * from './SectionFormatPanel';
+export * from './controllers';

package/dist/views/template-editor/edit-section-modal/edit-section-modal.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { DialogProps } from '@mui/material';
+import { SectionData } from '../types/editor';
+
+interface EditSectionModalProps {
+    isOpen: boolean;
+    setIsOpen: (value: boolean) => void;
+    modalProps: DialogProps;
+    section: SectionData;
+    placeholders: Record<string, any>[];
+    handleSave: (e: any) => void;
+    handleAddPlaceholder: (placeholder: string) => void;
+    handleEditorReady: (placeholder: string) => void;
+}
+declare const EditSectionModal: React.FC<EditSectionModalProps>;
+export default EditSectionModal;