@erpsquad/common 1.8.75 → 1.8.77

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/ImageControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\nimport React from 'react';\nimport {\n  Box,\n  FormControl,\n  // Select,\n  MenuItem,\n  styled,\n  Switch,\n  Grid,\n  FormControlLabel\n} from '@mui/material';\nimport TextField from '../../../../components/text-field/text-field';\nimport Select from '../../../../components/select/select';\nimport Typography from '../../../../components/typography/typography';\nimport AlignmentControl from './AlignmentControl';\nimport BorderControl from './border-control';\n\nconst Android12Switch = styled(Switch)(({ theme }) => ({\n  padding: 8,\n  '& .MuiSwitch-track': {\n    borderRadius: 22 / 2,\n    '&::before, &::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: '50%',\n      transform: 'translateY(-50%)',\n      width: 16,\n      height: 16,\n    },\n    '&::before': {\n      backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\n        theme.palette.getContrastText(theme.palette.primary.main),\n      )}\" d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"/></svg>')`,\n      left: 12,\n    },\n    '&::after': {\n      backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\n        theme.palette.getContrastText(theme.palette.primary.main),\n      )}\" d=\"M19,13H5V11H19V13Z\" /></svg>')`,\n      right: 12,\n    },\n  },\n  '& .MuiSwitch-thumb': {\n    boxShadow: 'none',\n    width: 16,\n    height: 16,\n    margin: 2,\n    // color: theme.palette.theme.primary[800]\n  },\n  '& .Mui-checked': {\n    color: theme.palette.theme.primary[800]\n  },\n  '& .Mui-checked+.MuiSwitch-track': {\n    backgroundColor: `${theme.palette.theme.primary[700]}`,\n  },\n}));\n\ninterface ImageControlsProps {\n  attrs: Record<string, any>;\n  updateAttrs: (attr: Record<string, any>) => void;\n}\n\nconst ImageControls: React.FC<ImageControlsProps> = ({\n  attrs,\n  updateAttrs\n}) => {\n  const { src, alt, styles } = attrs || {}\n\n  const handleAlignmentChange = (\n    event: React.MouseEvent<HTMLElement>,\n    newAlignment: string | null,\n  ) => {\n    if(newAlignment) {\n        let margin = '0';\n        switch (newAlignment) {\n          case 'justify':\n            margin = '0 auto';\n            break;\n          case 'right':\n            margin = '0 0 0 auto';\n            break;\n          case 'center':\n            margin = '0 auto';\n            break;\n          case 'left':\n            margin = 'auto 0 0 0';\n            break;\n          default:\n            margin = '0 auto';\n            break;\n        }\n        updateAttrs({ styles : { margin, alignment: newAlignment } });\n\n    }\n  };\n\n  const getAlignment = () => {\n    if (styles?.margin === '0 auto' || styles?.alignment === 'center') {\n      return 'center';\n    } else if (styles?.margin === '0 0 0 auto' || styles?.alignment === 'right') {\n      return 'right';\n    } else if (styles?.margin === 'auto 0 0 0' || styles?.alignment === 'left') {\n      return 'left';\n    } else {\n      return 'justify';\n    }\n  };\n\n  return (\n    <>\n          {/* Image URL */}\n          <TextField\n            label=\"Image URL\"\n            fullWidth\n            value={src}\n            onChange={(e) => updateAttrs({ src: e.target.value })}\n            size=\"small\"\n            sx={{ mb: 2 }}\n          />\n\n          {/* Alt Text */}\n          <TextField\n            label=\"Alt Text\"\n            fullWidth\n            value={alt}\n            onChange={(e) => updateAttrs({ alt: e.target.value })}\n            size=\"small\"\n            sx={{ mb: 2 }}\n          />\n          <FormControlLabel\n            control={<Android12Switch defaultChecked checked={Boolean(styles?.fullWidth)}/>}\n            label={<Typography type=\"s5\" color=\"theme.secondary.800\" weight='medium'>Full Width</Typography>}\n            labelPlacement=\"start\"\n            value={Boolean(styles?.fullWidth)}\n            onClick={(e) => {\n              const checked = e.target.checked\n              updateAttrs({ styles: { fullWidth: checked, width: checked ? 100 : 150, height: checked ? 'auto' : 150 }})\n            }}\n            sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', margin: 'auto', mb:2 }}\n          />\n\n          {/* Width Input */}\n          <Grid container spacing={2}>\n            <Grid item xs={6}>\n              <TextField\n                label=\"Width (px)\"\n                type=\"number\"\n                fullWidth\n                value={styles?.fullWidth ? '' : styles?.width}\n                onChange={(e) =>\n                  updateAttrs({ styles: { width: Number(e.target.value) }})\n                }\n                size=\"small\"\n                sx={{ mb: 2 }}\n                inputProps={{ min: 1 }}\n                disabled={styles?.fullWidth}\n              />\n            </Grid>\n            <Grid item xs={6}>\n              {/* Height Input */}\n              <TextField\n                label=\"Height (px)\"\n                type=\"number\"\n                fullWidth\n                value={styles?.fullWidth ? '' : styles?.height}\n                onChange={(e) =>\n                  updateAttrs({ styles: { height: Number(e.target.value) }})\n                }\n                size=\"small\"\n                sx={{ mb: 2 }}\n                inputProps={{ min: 1 }}\n                disabled={styles?.fullWidth}\n              />\n\n            </Grid>\n\n          </Grid>\n\n\n          {/* Object Fit Dropdown */}\n          <Box sx={{ mb: 2 }}>\n            <FormControl size=\"small\" fullWidth>\n              <Select\n                label='Object Fit'\n                value={styles?.objectFit}\n                onChange={(e) =>\n                  updateAttrs({ styles: { objectFit: e.target.value }})\n                }\n                displayEmpty\n              >\n                <MenuItem value=\"contain\">Contain</MenuItem>\n                <MenuItem value=\"cover\">Cover</MenuItem>\n                <MenuItem value=\"fill\">Fill</MenuItem>\n                <MenuItem value=\"none\">None</MenuItem>\n                <MenuItem value=\"scale-down\">Scale Down</MenuItem>\n              </Select>\n            </FormControl>\n          </Box>\n\n          {/* Alignment Toggle Buttons */}\n          <AlignmentControl\n            alignment={getAlignment()}\n            onAlignmentChange={handleAlignmentChange}\n            displayLabel\n          />\n\n          <BorderControl\n            styles={styles}\n            onChange={(key, value) => updateAttrs({ styles: { [key]: value } })}\n            isBordered={styles?.is_bordered}\n            disableCollapse\n            initiateStyles={(styles) => updateAttrs({ styles })}\n          />\n    </>\n  );\n};\n\nexport default ImageControls;"],"names":["Android12Switch","styled","Switch","theme","padding","borderRadius","content","position","top","transform","width","height","backgroundImage","encodeURIComponent","palette","getContrastText","primary","main","left","right","boxShadow","margin","color","backgroundColor","attrs","updateAttrs","src","alt","styles","jsxs","Fragment","children","jsx","TextField","label","fullWidth","value","onChange","e","target","size","sx","mb","FormControlLabel","control","defaultChecked","checked","Boolean","Typography","type","weight","labelPlacement","onClick","display","alignItems","justifyContent","Grid","container","spacing","item","xs","Number","inputProps","min","disabled","Box","FormControl","Select","objectFit","displayEmpty","MenuItem","AlignmentControl","alignment","onAlignmentChange","event","newAlignment","displayLabel","BorderControl","key","isBordered","is_bordered","disableCollapse","initiateStyles"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/ImageControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\nimport React from 'react';\nimport {\n  Box,\n  FormControl,\n  // Select,\n  MenuItem,\n  styled,\n  Switch,\n  Grid,\n  FormControlLabel\n} from '@mui/material';\nimport TextField from '../../../../components/text-field/text-field';\nimport Select from '../../../../components/select/select';\nimport Typography from '../../../../components/typography/typography';\nimport AlignmentControl from './AlignmentControl';\nimport BorderControl from './border-control';\n\nconst Android12Switch = styled(Switch)(({ theme }) => ({\n  padding: 8,\n  '& .MuiSwitch-track': {\n    borderRadius: 22 / 2,\n    '&::before, &::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: '50%',\n      transform: 'translateY(-50%)',\n      width: 16,\n      height: 16,\n    },\n    '&::before': {\n      backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\n        theme.palette.getContrastText(theme.palette.primary.main),\n      )}\" d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"/></svg>')`,\n      left: 12,\n    },\n    '&::after': {\n      backgroundImage: `url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"16\" width=\"16\" viewBox=\"0 0 24 24\"><path fill=\"${encodeURIComponent(\n        theme.palette.getContrastText(theme.palette.primary.main),\n      )}\" d=\"M19,13H5V11H19V13Z\" /></svg>')`,\n      right: 12,\n    },\n  },\n  '& .MuiSwitch-thumb': {\n    boxShadow: 'none',\n    width: 16,\n    height: 16,\n    margin: 2,\n    // color: theme.palette.theme.primary[800]\n  },\n  '& .Mui-checked': {\n    color: theme.palette.theme.primary[800]\n  },\n  '& .Mui-checked+.MuiSwitch-track': {\n    backgroundColor: `${theme.palette.theme.primary[700]}`,\n  },\n}));\n\ninterface ImageControlsProps {\n  attrs: Record<string, any>;\n  updateAttrs: (attr: Record<string, any>) => void;\n}\n\nconst ImageControls: React.FC<ImageControlsProps> = ({\n  attrs,\n  updateAttrs\n}) => {\n  const { src, alt, styles } = attrs || {}\n\n  const handleAlignmentChange = (\n    event: React.MouseEvent<HTMLElement>,\n    newAlignment: string | null,\n  ) => {\n    if(newAlignment) {\n        let margin = '0';\n        switch (newAlignment) {\n          case 'justify':\n            margin = '0 auto';\n            break;\n          case 'right':\n            margin = '0 0 0 auto';\n            break;\n          case 'center':\n            margin = '0 auto';\n            break;\n          case 'left':\n            margin = 'auto 0 0 0';\n            break;\n          default:\n            margin = '0 auto';\n            break;\n        }\n        updateAttrs({ styles : { margin, alignment: newAlignment } });\n\n    }\n  };\n\n  const getAlignment = () => {\n    if (styles?.margin === '0 auto' || styles?.alignment === 'center') {\n      return 'center';\n    } else if (styles?.margin === '0 0 0 auto' || styles?.alignment === 'right') {\n      return 'right';\n    } else if (styles?.margin === 'auto 0 0 0' || styles?.alignment === 'left') {\n      return 'left';\n    } else {\n      return 'justify';\n    }\n  };\n\n  return (\n    <>\n          {/* Image URL */}\n          <TextField\n            label=\"Image URL\"\n            fullWidth\n            value={src}\n            onChange={(e) => updateAttrs({ src: e.target.value })}\n            size=\"small\"\n            sx={{ mb: 2 }}\n          />\n\n          {/* Alt Text */}\n          <TextField\n            label=\"Alt Text\"\n            fullWidth\n            value={alt}\n            onChange={(e) => updateAttrs({ alt: e.target.value })}\n            size=\"small\"\n            sx={{ mb: 2 }}\n          />\n          <FormControlLabel\n            control={<Android12Switch defaultChecked checked={Boolean(styles?.fullWidth)}/>}\n            label={<Typography type=\"s5\" color=\"theme.secondary.800\" weight='medium'>Full Width</Typography>}\n            labelPlacement=\"start\"\n            value={Boolean(styles?.fullWidth)}\n            onClick={(e) => {\n              const checked = e.target.checked\n              updateAttrs({ styles: { fullWidth: checked, width: checked ? 100 : 150, height: checked ? 'auto' : 150 }})\n            }}\n            sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', margin: 'auto', mb:2 }}\n          />\n\n          {/* Width Input */}\n          <Grid container spacing={2}>\n            <Grid item xs={6}>\n              <TextField\n                label=\"Width (px)\"\n                type=\"number\"\n                fullWidth\n                value={styles?.fullWidth ? '' : styles?.width}\n                onChange={(e) =>\n                  updateAttrs({ styles: { width: Number(e.target.value) }})\n                }\n                size=\"small\"\n                sx={{ mb: 2 }}\n                inputProps={{ min: 1 }}\n                disabled={styles?.fullWidth}\n              />\n            </Grid>\n            <Grid item xs={6}>\n              {/* Height Input */}\n              <TextField\n                label=\"Height (px)\"\n                type=\"number\"\n                fullWidth\n                value={styles?.fullWidth ? '' : styles?.height}\n                onChange={(e) =>\n                  updateAttrs({ styles: { height: Number(e.target.value) }})\n                }\n                size=\"small\"\n                sx={{ mb: 2 }}\n                inputProps={{ min: 1 }}\n                disabled={styles?.fullWidth}\n              />\n\n            </Grid>\n\n          </Grid>\n\n\n          {/* Object Fit Dropdown */}\n          <Box sx={{ mb: 2 }}>\n            <FormControl size=\"small\" fullWidth>\n              <Select\n                label='Object Fit'\n                value={styles?.objectFit}\n                onChange={(e) =>\n                  updateAttrs({ styles: { objectFit: e.target.value }})\n                }\n                displayEmpty\n              >\n                <MenuItem value=\"contain\">Contain</MenuItem>\n                <MenuItem value=\"cover\">Cover</MenuItem>\n                <MenuItem value=\"fill\">Fill</MenuItem>\n                <MenuItem value=\"none\">None</MenuItem>\n                <MenuItem value=\"scale-down\">Scale Down</MenuItem>\n              </Select>\n            </FormControl>\n          </Box>\n\n          {/* Alignment Toggle Buttons */}\n          <AlignmentControl\n            alignment={getAlignment()}\n            onAlignmentChange={handleAlignmentChange}\n            displayLabel\n          />\n\n          <BorderControl\n            styles={styles}\n            onChange={(key, value) => updateAttrs({ styles: { [key]: value } })}\n            isBordered={styles?.is_bordered}\n            disableCollapse\n            initiateStyles={(styles) => updateAttrs({ styles })}\n          />\n    </>\n  );\n};\n\nexport default ImageControls;"],"names":["Android12Switch","styled","Switch","theme","padding","borderRadius","content","position","top","transform","width","height","backgroundImage","encodeURIComponent","palette","getContrastText","primary","main","left","right","boxShadow","margin","color","backgroundColor","attrs","updateAttrs","src","alt","styles","jsxs","Fragment","children","jsx","TextField","label","fullWidth","value","onChange","e","target","size","sx","mb","FormControlLabel","control","defaultChecked","checked","Boolean","Typography","type","weight","labelPlacement","onClick","display","alignItems","justifyContent","Grid","container","spacing","item","xs","Number","inputProps","min","disabled","Box","FormControl","Select","objectFit","displayEmpty","MenuItem","AlignmentControl","alignment","onAlignmentChange","event","newAlignment","displayLabel","BorderControl","key","isBordered","is_bordered","disableCollapse","initiateStyles"],"mappings":"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"}

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/index.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import default_1 from "../../../../../node_modules/@mui/icons-material/ColorLens/index.esm.js";
 import { Typography } from "../../../../../components/typography/typography/index.esm.js";
-import TextField from "../../../../../components/text-field/text-field/index.esm.js";
+import { TextField } from "../../../../../components/text-field/text-field/index.esm.js";
 import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import Slider from "../../../../../node_modules/@mui/material/Slider/Slider/index.esm.js";
 import InputAdornment from "../../../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";

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

@@ -3,5 +3,5 @@ return e.jsxs(e.Fragment,{children:[
 /* @__PURE__ */e.jsxs(i.default,{sx:{mb:1},children:[
 /* @__PURE__ */e.jsx(r.Typography,{type:"s5",color:"theme.secondary.800",weight:"medium",children:"Font Size"}),
 /* @__PURE__ */e.jsx(o.default,{value:null==d?void 0:d.fontSize,onChange:(e,t)=>n({styles:{fontSize:t}}),min:10,max:20,step:1,valueLabelDisplay:"auto",size:"small",sx:e=>({"& .MuiSlider-rail":{color:e.palette.theme.primary[500]},"& .MuiSlider-thumb":{color:e.palette.theme.primary[800]},"& .MuiSlider-track":{color:e.palette.theme.primary[600]}})})]}),
-/* @__PURE__ */e.jsx(i.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(l.default,{label:"Text Color",type:"color",value:null==d?void 0:d.color,onChange:e=>n({styles:{color:e.target.value}}),fullWidth:!0,InputProps:{startAdornment:/* @__PURE__ */e.jsx(s.default,{position:"start",children:/* @__PURE__ */e.jsx(t.default,{fontSize:"small"})})}})})]})};
+/* @__PURE__ */e.jsx(i.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(l.TextField,{label:"Text Color",type:"color",value:null==d?void 0:d.color,onChange:e=>n({styles:{color:e.target.value}}),fullWidth:!0,InputProps:{startAdornment:/* @__PURE__ */e.jsx(s.default,{position:"start",children:/* @__PURE__ */e.jsx(t.default,{fontSize:"small"})})}})})]})};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/SignatureControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\nimport React from 'react';\nimport {\n  Box,\n  Slider,\n  InputAdornment,\n} from '@mui/material';\nimport ColorLensIcon from '@mui/icons-material/ColorLens';\nimport Typography from '../../../../components/typography/typography';\nimport TextField from '../../../../components/text-field/text-field';\n\ninterface SignatureControlsProps {\n  attrs: Record<string, any>;\n  updateAttrs: (attr: Record<string, any>) => void;\n}\n\nconst SignatureControls: React.FC<SignatureControlsProps> = ({\n  attrs,\n  updateAttrs,\n}) => {\n  const { styles } = attrs\n  return (\n    <>\n      <Box sx={{ mb: 1 }}>\n        <Typography type=\"s5\" color='theme.secondary.800' weight='medium'>\n          Font Size\n        </Typography>\n        <Slider\n          value={styles?.fontSize}\n          onChange={(_, value) => updateAttrs({ styles :{ fontSize: value as number }})}\n          min={10}\n          max={20}\n          step={1}\n          valueLabelDisplay=\"auto\"\n          size=\"small\"\n          sx={(theme) => ({\n            '& .MuiSlider-rail': {\n              color: theme.palette.theme.primary[500],\n            },\n            '& .MuiSlider-thumb': {\n              color: theme.palette.theme.primary[800],\n            },\n            '& .MuiSlider-track': {\n              color: theme.palette.theme.primary[600],\n            },\n          })}\n        />\n      </Box>\n      <Box sx={{ mb: 2,  }}>\n        <TextField\n          label=\"Text Color\"\n          type=\"color\"\n          value={styles?.color}\n          onChange={(e) => updateAttrs({ styles :{ color: e.target.value }})}\n          fullWidth\n          InputProps={{\n            startAdornment: (\n              <InputAdornment position=\"start\">\n                <ColorLensIcon fontSize=\"small\" />\n              </InputAdornment>\n            ),\n          }}\n        />\n      </Box>\n    </>\n  );\n};\n\nexport default SignatureControls;"],"names":["attrs","updateAttrs","styles","jsxs","Fragment","children","Box","sx","mb","jsx","Typography","type","color","weight","Slider","value","fontSize","onChange","_","min","max","step","valueLabelDisplay","size","theme","palette","primary","TextField","label","e","target","fullWidth","InputProps","startAdornment","InputAdornment","position","ColorLensIcon"],"mappings":"ukBAgB4D,EAC1DA,QACAC,kBAEA,MAAMC,OAAEA,GAAWF;AACnB,OACEG,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAF,EAAAA,KAACG,EAAAA,QAAA,CAAIC,GAAI,CAAEC,GAAI,GACbH,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,sBAAsBC,OAAO,SAASR,SAAA;eAGlEI,EAAAA,IAACK,EAAAA,QAAA,CACCC,MAAO,MAAAb,OAAA,EAAAA,EAAQc,SACfC,SAAU,CAACC,EAAGH,IAAUd,EAAY,CAAEC,OAAQ,CAAEc,SAAUD,KAC1DI,IAAK,GACLC,IAAK,GACLC,KAAM,EACNC,kBAAkB,OAClBC,KAAK,QACLhB,GAAKiB,IAAA,CACH,oBAAqB,CACnBZ,MAAOY,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBd,MAAOY,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBd,MAAOY,EAAMC,QAAQD,MAAME,QAAQ;qBAK1CpB,EAAAA,QAAA,CAAIC,GAAI,CAAEC,GAAI,GACbH,wBAAAI,EAAAA,IAACkB,EAAAA,QAAA,CACCC,MAAM,aACNjB,KAAK,QACLI,MAAO,MAAAb,OAAA,EAAAA,EAAQU,MACfK,SAAWY,GAAM5B,EAAY,CAAEC,OAAQ,CAAEU,MAAOiB,EAAEC,OAAOf,SACzDgB,WAAS,EACTC,WAAY,CACVC,oCACGC,UAAA,CAAeC,SAAS,QACvB9B,wBAAAI,EAAAA,IAAC2B,EAAAA,QAAA,CAAcpB,SAAS"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/SignatureControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\nimport React from 'react';\nimport {\n  Box,\n  Slider,\n  InputAdornment,\n} from '@mui/material';\nimport ColorLensIcon from '@mui/icons-material/ColorLens';\nimport Typography from '../../../../components/typography/typography';\nimport TextField from '../../../../components/text-field/text-field';\n\ninterface SignatureControlsProps {\n  attrs: Record<string, any>;\n  updateAttrs: (attr: Record<string, any>) => void;\n}\n\nconst SignatureControls: React.FC<SignatureControlsProps> = ({\n  attrs,\n  updateAttrs,\n}) => {\n  const { styles } = attrs\n  return (\n    <>\n      <Box sx={{ mb: 1 }}>\n        <Typography type=\"s5\" color='theme.secondary.800' weight='medium'>\n          Font Size\n        </Typography>\n        <Slider\n          value={styles?.fontSize}\n          onChange={(_, value) => updateAttrs({ styles :{ fontSize: value as number }})}\n          min={10}\n          max={20}\n          step={1}\n          valueLabelDisplay=\"auto\"\n          size=\"small\"\n          sx={(theme) => ({\n            '& .MuiSlider-rail': {\n              color: theme.palette.theme.primary[500],\n            },\n            '& .MuiSlider-thumb': {\n              color: theme.palette.theme.primary[800],\n            },\n            '& .MuiSlider-track': {\n              color: theme.palette.theme.primary[600],\n            },\n          })}\n        />\n      </Box>\n      <Box sx={{ mb: 2,  }}>\n        <TextField\n          label=\"Text Color\"\n          type=\"color\"\n          value={styles?.color}\n          onChange={(e) => updateAttrs({ styles :{ color: e.target.value }})}\n          fullWidth\n          InputProps={{\n            startAdornment: (\n              <InputAdornment position=\"start\">\n                <ColorLensIcon fontSize=\"small\" />\n              </InputAdornment>\n            ),\n          }}\n        />\n      </Box>\n    </>\n  );\n};\n\nexport default SignatureControls;"],"names":["attrs","updateAttrs","styles","jsxs","Fragment","children","Box","sx","mb","jsx","Typography","type","color","weight","Slider","value","fontSize","onChange","_","min","max","step","valueLabelDisplay","size","theme","palette","primary","TextField","label","e","target","fullWidth","InputProps","startAdornment","InputAdornment","position","ColorLensIcon"],"mappings":"ukBAgB4D,EAC1DA,QACAC,kBAEA,MAAMC,OAAEA,GAAWF;AACnB,OACEG,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAF,EAAAA,KAACG,EAAAA,QAAA,CAAIC,GAAI,CAAEC,GAAI,GACbH,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,sBAAsBC,OAAO,SAASR,SAAA;eAGlEI,EAAAA,IAACK,EAAAA,QAAA,CACCC,MAAO,MAAAb,OAAA,EAAAA,EAAQc,SACfC,SAAU,CAACC,EAAGH,IAAUd,EAAY,CAAEC,OAAQ,CAAEc,SAAUD,KAC1DI,IAAK,GACLC,IAAK,GACLC,KAAM,EACNC,kBAAkB,OAClBC,KAAK,QACLhB,GAAKiB,IAAA,CACH,oBAAqB,CACnBZ,MAAOY,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBd,MAAOY,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBd,MAAOY,EAAMC,QAAQD,MAAME,QAAQ;qBAK1CpB,EAAAA,QAAA,CAAIC,GAAI,CAAEC,GAAI,GACbH,wBAAAI,EAAAA,IAACkB,EAAAA,UAAA,CACCC,MAAM,aACNjB,KAAK,QACLI,MAAO,MAAAb,OAAA,EAAAA,EAAQU,MACfK,SAAWY,GAAM5B,EAAY,CAAEC,OAAQ,CAAEU,MAAOiB,EAAEC,OAAOf,SACzDgB,WAAS,EACTC,WAAY,CACVC,oCACGC,UAAA,CAAeC,SAAS,QACvB9B,wBAAAI,EAAAA,IAAC2B,EAAAA,QAAA,CAAcpB,SAAS"}

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

@@ -5,15 +5,15 @@ import default_1$1 from "../../../../../node_modules/@mui/icons-material/Add/ind
 import default_1 from "../../../../../node_modules/@mui/icons-material/Refresh/index.esm.js";
 import default_1$3 from "../../../../../node_modules/@mui/icons-material/MergeType/index.esm.js";
 import default_1$4 from "../../../../../node_modules/@mui/icons-material/CallSplit/index.esm.js";
-import ColorPickerInput from "../../../../../components/color-picker-input/color-picker-input/index.esm.js";
-import TextField from "../../../../../components/text-field/text-field/index.esm.js";
-import Select from "../../../../../components/select/select/index.esm.js";
-import formatText from "../../../../../utils/format-text/index.esm.js";
+import { ColorPickerInput } from "../../../../../components/color-picker-input/color-picker-input/index.esm.js";
+import { TextField } from "../../../../../components/text-field/text-field/index.esm.js";
+import { Select } from "../../../../../components/select/select/index.esm.js";
+import { formatText } from "../../../../../utils/format-text/index.esm.js";
 import { Typography } from "../../../../../components/typography/typography/index.esm.js";
-import Android12Switch from "../../../../../components/switches/android-12-switch/index.esm.js";
+import { Android12Switch } from "../../../../../components/switches/android-12-switch/index.esm.js";
 import BorderControl from "../border-control/index.esm.js";
-import Button from "../../../../../components/button/button/index.esm.js";
-import Checkbox from "../../../../../components/checkbox/checkbox/index.esm.js";
+import { Button } from "../../../../../components/button/button/index.esm.js";
+import { Checkbox } from "../../../../../components/checkbox/checkbox/index.esm.js";
 import SearchableSelect from "../../../../../components/searchable-select/index.esm.js";
 import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import Tabs from "../../../../../node_modules/@mui/material/Tabs/Tabs/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"),o=require("../../../../../node_modules/@mui/icons-material/Refresh/index.js"),a=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"),s=require("../../../../../components/text-field/text-field/index.js"),d=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"),p=require("../../../../../components/checkbox/checkbox/index.js"),f=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"),B=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"),A=require("../../../../../node_modules/@mui/material/TableHead/TableHead/index.js"),W=require("../../../../../node_modules/@mui/material/TableRow/TableRow/index.js"),$=require("../../../../../node_modules/@mui/material/TableCell/TableCell/index.js"),I=require("../../../../../node_modules/@mui/material/TableBody/TableBody/index.js"),M=require("../../../../../node_modules/@mui/material/Dialog/Dialog/index.js"),F=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"),H=require("../../../../../node_modules/@mui/material/Accordion/Accordion/index.js");function P(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var L=/* @__PURE__ */P(l);const N=B.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"}})),O=["left","center","right","justify"],G=["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:B,setTableData:H,attrs:P,updateAttrs:K,placeholders:Y,handleSave:J,setParentRowLevel:U,levelType:Z,relation_table:Q})=>{var X,ee,le,te,re,oe,ae,ie,ne,se,de,ue,ce,me,he,xe,pe,fe,ge,be;const[ye,je]=l.useState(0),[ve,Ce]=l.useState("tableBasic"),[we,Se]=l.useState(!0),[Te,ke]=l.useState(!1),[ze,Be]=l.useState([]),[_e,qe]=l.useState(""),[Ee,Ae]=l.useState(!1),{placeholders:We}=P,[$e,Ie]=l.useState(null),[Me,Fe]=l.useState({}),[Re,De]=l.useState({}),He=B.mergedCells||[],[Pe,Le]=l.useState(!1),Ne=l.useMemo(()=>$e?(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:[]})($e):Y,[Y,$e,Q]),[Oe,Ge]=l.useState((null==P?void 0:P.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:Oe})},[JSON.stringify(Oe)]),l.useEffect(()=>{we&&(We||Ee)&&Ke()},[We,we,Ee,Re]);const Ve=e=>{const l=Ne.find(l=>l.value===e);if(!l)return"";if(Ee)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=()=>{(We||Ee)&&(H(e=>({...e,name:$e||"",rows:e.rows.map((l,t)=>{const r={...l};return e.columns.forEach(e=>{var l,o;let a;if(Ee&&(null==(l=Re[t])?void 0:l[e.id])?a=Re[t][e.id]:(null==We?void 0:We[e.id])&&(a=We[e.id]),a){r[e.id]=Ve(a);const l=(null==(o=Me[t])?void 0:o[e.id])||"";l&&(r[`${e.id}_static`]=`${l} ${r[e.id]}`)}}),r})})),Le(!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))Be(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");Be(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)=>{Ge(t=>({...t,tHead:{...t.tHead,[e]:l}}))},el=(e,l)=>{Ge(t=>({...t,tBody:{...t.tBody,[e]:l}}))},ll=()=>{H(e=>({...e,name:$e||"",rows:e.rows.map(l=>({...Object.fromEntries(e.columns.map(e=>[null==e?void 0:e.id,""]))}))}))},tl=We?Object.keys(We).length:0;return l.useEffect(()=>{Ae(Z),Ie((null==B?void 0:B.name)||null),Fe(e=>{const l={};return B.rows.forEach((e,t)=>{Object.keys(e).forEach(r=>{if(r.endsWith("_static")){const o=r.replace("_static","");l[t]||(l[t]={});const a=e[o]||"";let i=e[r]||"";a&&i.includes(a)&&(i=i.replace(a,"").trim()),i=i.replace(/\{\{\s*value\s*\}\}/g,"").trim(),l[t][o]=i}})}),l})},[B]),l.useEffect(()=>{$e||ll()},[$e]),/* @__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"}),
@@ -9,86 +9,86 @@ return(new Date).toLocaleString();case"number":return"123";case"currency":return
 /* @__PURE__ */e.jsxs(g.default,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[
 /* @__PURE__ */e.jsx(c.Typography,{type:"s4",weight:"medium",color:"theme.primary.700",children:"Dynamic Data Settings"}),
 /* @__PURE__ */e.jsx(j.default,{label:`${tl} columns linked`,size:"small",color:"primary",variant:"outlined",sx:e=>{var l,t;return{color:null==(l=e.palette.theme)?void 0:l.primary[700],borderColor:null==(t=e.palette.theme)?void 0:t.primary[700]}}})]}),
-/* @__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.jsx(v.default,{control:/* @__PURE__ */e.jsx(m.Android12Switch,{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.Android12Switch,{checked:Ee,onChange:e=>{Ae(e.target.checked),Ie(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.Button,{variant:"outlined",size:"small",onClick:()=>{Ke()},startIcon:/* @__PURE__ */e.jsx(o.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=B.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(s.TextField,{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=B.columns.findIndex(l=>l.id===e);if(H(t=>{var r;return{...t,name:$e||"",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})))||[]}}),We&&We[e]){const l={...We};delete l[e],K({placeholders:l})}})(l.id),disabled:B.columns.length<=1,color:"error",children:/* @__PURE__ */e.jsx(w.Trash,{})})]},l.id)),
+/* @__PURE__ */e.jsx(x.Button,{variant:"outlined",size:"small",onClick:()=>{const e=(()=>{const e=B.columns.map(e=>e.id);let l=1;for(;e.includes(`col${l}`);)l++;return`col${l}`})(),l={id:e,header:`Column ${B.columns.length+1}`};H(t=>{var r;return{...t,name:$e||"",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 (",B.rows.length,")"]}),
+/* @__PURE__ */e.jsx(x.Button,{variant:"outlined",size:"small",disabled:$e,onClick:()=>(()=>{const e={};B.columns.forEach(l=>{if(null==We?void 0:We[l.id]){const t=We[l.id];e[l.id]=`{{${t}}}`,Ee&&(e[`${l.id}_static`]=e[l.id])}else B.rows.length>0?(e[l.id]=B.rows[0][l.id]||"",Ee&&(e[`${l.id}_static`]=B.rows[0][`${l.id}_static`]||"")):(Ee&&(e[`${l.id}_static`]=""),e[l.id]="")}),H(l=>{var t;const r=[...l.rows,e];return{...l,rows:r,name:$e||"",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"})]}),!Ee&&/* @__PURE__ */e.jsx(g.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(f.default,{value:$e||"",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=>{Ie(e.target.value)}})}),B.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:$e||"",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})))||[]}}),De(l=>{const t={...l};return delete t[e],t}),Fe(l=>{const t={...l};return delete t[e],t})})(t),disabled:B.rows.length<=1,color:"error",children:/* @__PURE__ */e.jsx(w.Trash,{})})]}),
+/* @__PURE__ */e.jsx(T.default,{container:!0,spacing:1,children:B.columns.map((r,o)=>{var a,i,n,d;const u=Ee?null==(a=Re[t])?void 0:a[r.id]:null==We?void 0:We[r.id],m=u?Ze((null==We?void 0:We[r.id])||(null==(i=Re[t])?void 0:i[r.id])):null,h=Ye("tbody",t,o);/* @__PURE__ */
+return e.jsx(T.default,{item:!0,xs:12,children:Ee?/* @__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__ */
-return e.jsxs(N.default.Fragment,{children:[
-/* @__PURE__ */e.jsxs(S.default,{item:!0,xs:4,children:[
+/* @__PURE__ */e.jsx(s.TextField,{value:(null==(n=Me[t])?void 0:n[r.id])||"",onChange:e=>{const l=e.target.value;Fe(e=>{const o={...e};return o[t]||(o[t]={}),o[t][r.id]=l,o}),H(e=>({...e,rows:e.rows.map((e,o)=>o===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(f.default,{value:h?h.merge.value:(null==(d=Re[t])?void 0:d[r.id])||l[r.id]||"",onChange:e=>((e,l,t)=>{var r;Le(!0);const o=B.columns.findIndex(e=>e.id===l),a=Ye("tbody",e,o),i=Ee&&(null==(r=Me[e])?void 0:r[l])||"";a?H(e=>{var l;return{...e,name:$e||"",mergedCells:(null==(l=e.mergedCells)?void 0:l.map(e=>e===a.merge?{...e,value:t}:e))||[]}}):(Ee&&t?De(r=>{const o={...r};return o[e]||(o[e]={}),o[e][l]=t,o}):Ee&&!t&&De(t=>{var r;const o={...t};return(null==(r=o[e])?void 0:r[l])&&(delete o[e][l],0===Object.keys(o[e]).length&&delete o[e]),o}),H(r=>({...r,name:$e||"",rows:r.rows.map((r,o)=>o===e?{...r,[l]:Ee?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(s.TextField,{label:r.header,value:h?h.merge.value:l[r.id]||"",onChange:e=>((e,l,t)=>{var r;Le(!0);const o=B.columns.findIndex(e=>e.id===l),a=Ye("tbody",e,o),i=(null==(r=Me[e])?void 0:r[l])||"";a?H(e=>{var l;return{...e,name:$e||"",mergedCells:(null==(l=e.mergedCells)?void 0:l.map(e=>e===a.merge?{...e,value:t}:e))||[]}}):(Ee&&De(r=>{const o={...r};return o[e]||(o[e]={}),t?o[e][l]=t:(delete o[e][l],0===Object.keys(o[e]).length&&delete o[e]),o}),H(r=>({...r,name:$e||"",rows:r.rows.map((r,o)=>o===e?{...r,[l]:Ee?t?`{{${t}}}`:"":t,[`${l}_static`]:i?`${i} ${t||""}`.trim():t||""}:r)})),(Ee||we&&(null==We?void 0:We[l]))&&Ke(),Le(!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:B.columns.map(t=>{var r,o;const a=(null==We?void 0:We[t.id])||(null==(o=null==(r=B.rows)?void 0:r[0])?void 0:o[t.id]),i=a?Ze(a):null;/* @__PURE__ */
+return e.jsxs(L.default.Fragment,{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.jsxs(O,{expanded:"tableBasic"===ve,onChange:Qe("tableBasic"),disableGutters:!0,children:[
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:8,children:/* @__PURE__ */e.jsx(f.default,{value:Ee?"":a||"",onChange:e=>{((e,l)=>{Le(!0);const t={...We,[e]:l};if(l||delete t[e],K({placeholders:t}),we){const t=l?Ve(l):"";H(l=>({...l,name:$e||"",rows:l.rows.map(l=>({...l,[e]:t}))}))}Le(!1)})(t.id,e.target.value)},size:"small",options:Ne.map(e=>({value:e.value,label:e.label,description:e.description})),disabled:Pe||Ee,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(N,{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.jsxs(O,{expanded:"tableHeader"===ve,onChange:Qe("tableHeader"),disableGutters:!0,children:[
+/* @__PURE__ */e.jsx(q.default,{children:/* @__PURE__ */e.jsx(h.default,{styles:Oe,onChange:(e,l)=>((e,l)=>{Ge(t=>({...t,[e]:l}))})(e,l),isBordered:Oe.is_bordered,disableRadius:!0})})]}),
+/* @__PURE__ */e.jsxs(N,{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,{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.ColorPickerInput,{value:(null==(ee=Oe.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.ColorPickerInput,{value:(null==(le=Oe.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(s.TextField,{label:"Font Size",type:"number",value:(null==(te=Oe.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(d.Select,{value:(null==(re=Oe.tHead)?void 0:re.fontWeight)||"bold",onChange:e=>Xe("fontWeight",e.target.value),fullWidth:!0,size:"small",label:"Font Weight",children:G.map(l=>/* @__PURE__ */e.jsx(z.default,{value:l,children:u.formatText(l)},l))})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(d.Select,{value:(null==(oe=Oe.tHead)?void 0:oe.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(d.Select,{value:(null==(ae=Oe.tHead)?void 0:ae.textAlign)||"left",onChange:e=>Xe("textAlign",e.target.value),fullWidth:!0,size:"small",label:"Text Align",children:O.map(l=>/* @__PURE__ */e.jsx(z.default,{value:l,children:u.formatText(l)},l))})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(s.TextField,{label:"Cell Padding",type:"number",value:(null==(ie=Oe.thCells)?void 0:ie.padding)||8,onChange:e=>{return l="padding",t=parseInt(e.target.value)||8,void Ge(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.Android12Switch,{checked:!!(null==(ne=Oe.tBody)?void 0:ne.zebraStriping),onChange:e=>el("zebraStriping",e.target.checked)}),label:"Zebra Striping"})}),(null==(se=Oe.tBody)?void 0:se.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(n.ColorPickerInput,{value:(null==(de=Oe.tBody)?void 0:de.alternateRowColor)||"#f9f9f9",onChange:e=>el("alternateRowColor",e),fullWidth:!0})]})]})})]}),
+/* @__PURE__ */e.jsxs(N,{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,{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.ColorPickerInput,{value:(null==(ue=Oe.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.ColorPickerInput,{value:(null==(ce=Oe.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(s.TextField,{label:"Font Size",type:"number",value:(null==(me=Oe.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(d.Select,{value:(null==(he=Oe.tBody)?void 0:he.fontWeight)||"normal",onChange:e=>el("fontWeight",e.target.value),fullWidth:!0,size:"small",label:"Font Weight",children:G.map(l=>/* @__PURE__ */e.jsx(z.default,{value:l,children:u.formatText(l)},l))})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(d.Select,{value:(null==(xe=Oe.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(d.Select,{value:(null==(pe=Oe.tBody)?void 0:pe.textAlign)||"left",onChange:e=>el("textAlign",e.target.value),fullWidth:!0,size:"small",label:"Text Align",children:O.map(l=>/* @__PURE__ */e.jsx(z.default,{value:l,children:u.formatText(l)},l))})}),
+/* @__PURE__ */e.jsx(T.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(s.TextField,{label:"Cell Padding",type:"number",value:(null==(fe=Oe.tbCells)?void 0:fe.padding)||8,onChange:e=>{return l="padding",t=parseInt(e.target.value)||8,void Ge(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.jsx(x.default,{variant:"outlined",size:"small",onClick:()=>_e([]),disabled:0===ze.length,className:"black-outlined-btn",children:"Clear Selection"})]}),
+/* @__PURE__ */e.jsxs(x.Button,{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 o=ze[0];let a="",i="";if("tbody"===o.section){const r=null==(e=B.columns[o.col])?void 0:e.id;a=(null==(l=B.rows[o.row])?void 0:l[r])||"",Ee&&(i=(null==(t=Me[o.row])?void 0:t[r])||"")}else a=(null==(r=B.columns[o.col])?void 0:r.header)||"";const n=Ee&&i?`${i} ${a}`.trim():a;qe(n),ke(!0)},startIcon:/* @__PURE__ */e.jsx(a.default,{}),disabled:ze.length<2,color:"primary",children:["Merge Selected (",ze.length,")"]}),
+/* @__PURE__ */e.jsx(x.Button,{variant:"outlined",size:"small",onClick:()=>Be([]),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(A.default,{children:/* @__PURE__ */e.jsx(W.default,{children:B.columns.map((l,t)=>{const r=Ye("thead",0,t),o=Je("thead",0,t);if(null==r?void 0:r.isCovered)return null;const a=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($.default,{rowSpan:i,colSpan:n,onClick:()=>!r&&Ue("thead",0,t),sx:e=>({fontWeight:"bold",bgcolor:r?"blue.50":o?"primary.100":"grey.100",position:"sticky",top:0,zIndex:1,cursor:r?"default":"pointer",border:o?2:1,borderColor:o?e.palette.theme.primary[800]:"divider","&:hover":r?{}:{bgcolor:o?"primary.200":"grey.50"}}),children:[a,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]})}),o&&/* @__PURE__ */e.jsx(p.Checkbox,{checked:!0,size:"small",sx:{position:"absolute",top:2,left:2,padding:0}})]},l.id)})})}),
+/* @__PURE__ */e.jsx(I.default,{children:B.rows.map((l,t)=>/* @__PURE__ */e.jsx(W.default,{children:B.columns.map((r,o)=>{var a;const i=Ye("tbody",t,o),n=Je("tbody",t,o);if(null==i?void 0:i.isCovered)return null;const s=(null==(a=Me[t])?void 0:a[r.id])||"",d=i?i.merge.value:s?`${s} ${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($.default,{rowSpan:u,colSpan:c,onClick:()=>!i&&Ue("tbody",t,o),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:[d,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(p.Checkbox,{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.jsx(x.Button,{variant:"outlined",size:"small",onClick:()=>(e=>{const l=He[e];H(t=>{var r,o;const a=[...t.rows],i=[...t.columns];if("tbody"===l.section)for(let e=l.rowStart;e<=l.rowEnd;e++)for(let o=l.colStart;o<=l.colEnd;o++){const i=null==(r=t.columns[o])?void 0:r.id;i&&a[e]&&(a[e][i]=l.value)}else i[l.colStart]&&(i[l.colStart].header=l.value);return{...t,rows:a,name:$e||"",columns:i,mergedCells:(null==(o=t.mergedCells)?void 0:o.filter((l,t)=>t!==e))||[]}})})(t),startIcon:/* @__PURE__ */e.jsx(i.default,{}),className:"black-outlined-btn",children:"Split"})]}),
+/* @__PURE__ */e.jsx(s.TextField,{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(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.jsx(F.default,{children:/* @__PURE__ */e.jsx(c.Typography,{type:"s2",weight:"medium",children:"Merge Selected Cells"})}),
 /* @__PURE__ */e.jsxs(R.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.jsx(s.TextField,{label:"Merged Cell Value",value:_e,onChange:e=>qe(e.target.value),fullWidth:!0,multiline:!0,rows:3,sx:{mt:1}}),
+/* @__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(D.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.Button,{onClick:()=>ke(!1),children:"Cancel"}),
+/* @__PURE__ */e.jsx(x.Button,{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),o=Math.max(...l),a=Math.min(...t),i=Math.max(...t),n=(o-r+1)*(i-a+1);if(ze.length!==n)return void alert("Please select a rectangular area of cells to merge");if(He.some(l=>l.section===e&&!(o<l.rowStart||r>l.rowEnd||i<l.colStart||a>l.colEnd)))return void alert("Cannot merge cells that overlap with existing merged cells");const s={section:e,rowStart:r,rowEnd:o,colStart:a,colEnd:i,value:_e};H(l=>({...l,name:$e||"",mergedCells:[...l.mergedCells||[],s],columns:"thead"===e?l.columns.map((e,l)=>l===a?{...e,header:_e}:e):l.columns})),Be([]),qe(""),ke(!1)},variant:"contained",color:"primary",children:"Merge Cells"})]})]})]})};
 //# sourceMappingURL=index.js.map