npm - @erpsquad/common - Versions diffs - 1.8.75 → 1.8.77 - Mend

@erpsquad/common 1.8.75 → 1.8.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3345) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/components/SectionFormatPanel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable react-hooks/exhaustive-deps /\n/ eslint-disable unused-imports/no-unused-vars /\nimport React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport {\n Box,\n Paper,\n IconButton,\n FormControl,\n MenuItem,\n Tooltip,\n} from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { Save } from '../../../components/icons';\nimport Typography from '../../../components/typography/typography';\n\n// Import sub-components\nimport TextControls from './controllers/TextControls';\nimport ButtonControls from './controllers/ButtonControls';\nimport ImageControls from './controllers/ImageControls';\nimport DividerControls from './controllers/DividerControls';\nimport TableControls from './controllers/TableControls';\nimport SignatureControls from './controllers/SignatureControls';\nimport CodeControls from './controllers/CodeControls';\nimport Select from '../../../components/select/select';\nimport { EnhancedSectionData, ElementType } from '../types/editor';\nimport { initialStyles } from '../utils/constant';\nimport { extractStyles, generateInlineStyles, getInitialSectionData } from '../utils/common';\n// import { useCKEditorStyleExtractor } from '../utils/style-extractor';\n\n// Shared types for SectionFormatPanel and sub-components\nexport interface TableColumn {\n id: string;\n header: string;\n placeholder?: string;\n}\n\nexport interface TableRow {\n [key: string]: string \| number \| boolean;\n}\n\nexport interface CellMerge {\n section: 'thead' \| 'tbody';\n rowStart: number;\n rowEnd: number;\n colStart: number;\n colEnd: number;\n value: string;\n}\n\nexport interface TableData {\n name?: string; // Added name property for #each iteration\n columns: TableColumn[];\n rows: TableRow[];\n border: boolean;\n mergedCells?: CellMerge[];\n}\n\ninterface SectionData {\n type: 'text' \| 'text-block' \| 'heading' \| 'heading-2' \| 'heading-3' \| 'heading-4' \| 'buttons' \| 'image' \| 'divider' \| 'table' \| 'signature' \| 'qr-code' \| 'bar-code';\n content: string;\n attributes?: {\n styles?: any;\n placeholders?: Record<string, string>;\n tableData?: TableData;\n [key: string]: any;\n };\n}\n\ninterface SectionFormatPanelProps {\n section: SectionData \| undefined;\n onClose: () => void;\n onUpdate: (data: Partial<EnhancedSectionData>) => void;\n placeholders: Record<string, any>[];\n relation_table?:any;\n handleSave?: () => void;\n}\n\nconst sectionTypes = ['text','text-block','heading','heading-2','heading-3','heading-4','buttons','image','divider','table','signature','qr-code','bar-code']\n\nconst SectionFormatPanel: React.FC<SectionFormatPanelProps> = ({ \n section, \n onClose, \n onUpdate,\n placeholders,\n relation_table,\n handleSave }) => {\n // const { applyStylesToHtml } = useCKEditorStyleExtractor()\n // const [plainContent, setPlainContent] = useState('');\n const sectionType = useMemo(() => section?.type \|\| 'text', [section?.type]);\n const content = useMemo(() => section?.content \|\| 'text', [section?.content]);\n const [formatOptions, setFormatOptions] = useState<string[]>([]);\n const[rowLevel, setRowLevel] = useState<boolean>((section?.attributes as any)?.rowLevel \|\| false);\n const [tableData, setTableData] = useState<TableData>({\n name: '', // Initialize with empty name\n columns: [\n { id: 'col1', header: 'Column 1' },\n { id: 'col2', header: 'Column 2' },\n { id: 'col3', header: 'Column 3' }\n ],\n rows: [\n { col1: '', col2: '', col3: '' }\n ],\n border: true,\n mergedCells: []\n });\n const [isInitialLoad, setIsInitialLoad] = useState(true);\n const [selectedContentAttrObj, setSelectedContentAttrObj] = useState(extractStyles(content, section?.type));\n\n // Initialize table data from section attributes\n useEffect(() => {\n if (section && section.type === 'table') {\n // If section has stored table data, use it\n if (section.attributes?.tableData) {\n setTableData(section.attributes.tableData);\n } else {\n // Try to extract table data from HTML content\n const extractedTableData = extractTableDataFromHTML(section.content);\n if (extractedTableData) {\n setTableData(extractedTableData);\n setRowLevel((section?.attributes as any)?.rowLevel \|\| false);\n }\n }\n }\n }, []);\n\n useEffect(() => {\n if (section && !isInitialLoad) {\n const tempDiv = document.createElement('div');\n tempDiv.innerHTML = section.content;\n const text = tempDiv.textContent \|\| '';\n // setPlainContent(text);\n setSelectedContentAttrObj(extractStyles(section.content, section?.type)?.styles)\n setIsInitialLoad(false);\n }\n }, [section]);\n\n // Extract table data from HTML content\n const extractTableDataFromHTML = (htmlContent: string): TableData \| null => {\n try {\n const parser = new DOMParser();\n const doc = parser.parseFromString(htmlContent, 'text/html');\n const table = doc.querySelector('table');\n \n if (!table) return null;\n\n const headerRows = table.querySelectorAll('thead tr');\n const bodyRows = table.querySelectorAll('tbody tr');\n\n if (headerRows.length === 0) return null;\n\n // Extract columns from the first header row\n const headerCells = headerRows[0].querySelectorAll('th');\n const columns: TableColumn[] = Array.from(headerCells).map((th, index) => ({\n id: `col${index + 1}`,\n header: th.textContent?.trim() \|\| `Column ${index + 1}`\n }));\n\n // Extract merged cells from thead\n const mergedCells: CellMerge[] = [];\n Array.from(headerRows).forEach((row, rowIndex) => {\n const cells = row.querySelectorAll('th');\n cells.forEach((cell, colIndex) => {\n const rowSpan = parseInt(cell.getAttribute('rowspan') \|\| '1');\n const colSpan = parseInt(cell.getAttribute('colspan') \|\| '1');\n if (rowSpan > 1 \|\| colSpan > 1) {\n mergedCells.push({\n section: 'thead',\n rowStart: rowIndex,\n rowEnd: rowIndex + rowSpan - 1,\n colStart: colIndex,\n colEnd: colIndex + colSpan - 1,\n value: cell.textContent?.trim() \|\| ''\n });\n }\n });\n });\n\n // Extract rows\n const rows: TableRow[] = Array.from(bodyRows).map(row => {\n const cells = row.querySelectorAll('td');\n const rowData: TableRow = {};\n \n cells.forEach((cell, index) => {\n if (index < columns.length) {\n rowData[columns[index].id] = cell.textContent?.trim() \|\| '';\n }\n });\n \n return rowData;\n });\n\n // Extract merged cells from tbody\n Array.from(bodyRows).forEach((row, rowIndex) => {\n const cells = row.querySelectorAll('td');\n cells.forEach((cell, colIndex) => {\n const rowSpan = parseInt(cell.getAttribute('rowspan') \|\| '1');\n const colSpan = parseInt(cell.getAttribute('colspan') \|\| '1');\n if (rowSpan > 1 \|\| colSpan > 1) {\n mergedCells.push({\n section: 'tbody',\n rowStart: rowIndex,\n rowEnd: rowIndex + rowSpan - 1,\n colStart: colIndex,\n colEnd: colIndex + colSpan - 1,\n value: cell.textContent?.trim() \|\| ''\n });\n }\n });\n });\n\n return {\n name: '', // Default empty name\n columns,\n rows: rows.length > 0 ? rows : [{}],\n border: true,\n mergedCells\n };\n } catch (error) {\n return null;\n }\n };\n\n // Get placeholder value for table generation\n const getPlaceholderValue = (placeholderKey: string): string => {\n const placeholder = placeholders.find(p => p.value === placeholderKey);\n if (!placeholder) return '';\n \n // Return actual value or generate sample based on type\n if (typeof placeholder.actualValue !== 'undefined') {\n return String(placeholder.actualValue);\n }\n \n switch (placeholder.type) {\n case 'date':\n return new Date().toLocaleDateString();\n case 'datetime':\n return new Date().toLocaleString();\n case 'number':\n return '123';\n case 'currency':\n return '$1,234.56';\n case 'email':\n return 'example@domain.com';\n case 'phone':\n return '+1 (555) 123-4567';\n case 'url':\n return 'https://example.com';\n default:\n return placeholder.label \|\| placeholder.value;\n }\n };\n\n const generateContent = useCallback((attrs?: Record<any, any>): string => {\n const { src, alt, styles: eStyles, text, placeholder, placeholders: tPlaceholders } = attrs \|\| section?.attributes \|\| selectedContentAttrObj \|\| {}\n const styles = {\n ...initialStyles[sectionType],\n ...eStyles,\n ...selectedContentAttrObj?.styles,\n ...attrs?.styles\n }\n\n const inlineStyles = generateInlineStyles(styles);\n \n // For buttons, images, dividers, and codes - use the existing logic\n if (sectionType === 'buttons') {\n return `<button style=\"${inlineStyles}\">${text \|\| 'Button Text'}</button>`;\n } else if (sectionType === 'image') {\n let imgInlineStyles: string = inlineStyles;\n if(styles?.is_bordered) {\n styles.padding = '10px';\n imgInlineStyles = generateInlineStyles(styles);\n } else{\n styles.padding = '0';\n imgInlineStyles = generateInlineStyles(styles);\n }\n return `<img src=\"${src \|\| ''}\" alt=\"${alt \|\| ''}\" style=\"${imgInlineStyles}\" />`;\n } else if (sectionType === 'divider') {\n return `<hr style=\"${inlineStyles}\" />`;\n } else if (sectionType === 'table') {\n const { border, borderStyle, borderColor, ...rest } = styles;\n const tInlineStyles = generateInlineStyles(styles.is_bordered ? styles : rest); \n const tHeadInlineStyles: string = generateInlineStyles(styles.tHead \|\| {});\n const tBodyInlineStyles: string = generateInlineStyles(styles.tBody \|\| {});\n const thCellInlineStyles: string = generateInlineStyles({\n ...(styles.thCells \|\| {}), \n ...(styles.is_bordered ? { border, borderStyle, borderColor } : {}) \n });\n const tbCellInlineStyles: string = generateInlineStyles({\n ...(styles.tbCells \|\| {}), \n ...(styles.is_bordered ? { border, borderStyle, borderColor } : {})\n });\n\n // Helper function to check if a cell is part of a merge\n const getCellMergeInfo = (section: 'thead' \| 'tbody', rowIndex: number, colIndex: number) => {\n return tableData.mergedCells?.find(m => \n m.section === section &&\n rowIndex >= m.rowStart && rowIndex <= m.rowEnd &&\n colIndex >= m.colStart && colIndex <= m.colEnd\n );\n };\n\n // Generate header row with merge support\n const headerCellsHTML = tableData.columns.map((column, colIndex) => {\n const mergeInfo = getCellMergeInfo('thead', 0, colIndex);\n \n if (mergeInfo && (colIndex !== mergeInfo.colStart)) {\n return '';\n }\n\n const mergeAttributes = mergeInfo ? \n ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\n \n const cellValue = mergeInfo ? mergeInfo.value : column.header;\n\n return `<th style=\"${thCellInlineStyles}\"${mergeAttributes}>${cellValue}</th>`;\n }).filter(cell => cell !== '').join('');\n\n // Generate table body with #each loop using tableData.name\n let tableRowsHTML = '';\n \n // Check if we should use #each loop with tableData.name\n if (tableData.name) {\n // Generate template with #each handlebars syntax\n const rowTemplate = tableData.columns.map((column, colIndex) => {\n const mergeInfo = getCellMergeInfo('tbody', 0, colIndex); // Use first row as template\n \n if (mergeInfo && (colIndex !== mergeInfo.colStart)) {\n return '';\n }\n\n const mergeAttributes = mergeInfo ? \n ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\n \n // Use handlebars template syntax for dynamic content\n let cellTemplate = '';\n \n // Handle special cases\n if (column.id === 'index' \|\| column.id === 'incrementIndex') {\n cellTemplate = `{{incrementIndex @index}}`;\n } else if (column.id.includes('.')) {\n // Handle nested properties (like items.sku, tax_code_data.[0].rate)\n const cellValue = tableData?.rows?.[0][column.id];\n cellTemplate = typeof cellValue === 'string' ? cellValue.replace(tableData.name + '.', '') : String(cellValue \|\| '');\n } else {\n // Direct property access\n const cellValue = tableData?.rows?.[0][column.id];\n cellTemplate = typeof cellValue === 'string' ? cellValue.replace(tableData.name + '.', '') : String(cellValue \|\| '');\n }\n\n return `<td style=\"${tbCellInlineStyles}\"${mergeAttributes}>${cellTemplate}</td>`;\n }).filter(cell => cell !== '').join('');\n\n // Add zebra striping logic if enabled\n const rowStyleTemplate = styles.tBody?.zebraStriping \n ? `{{#if (isOdd @index)}}${tBodyInlineStyles}; background-color: ${styles.tBody.alternateRowColor \|\| '#f9f9f9'}{{else}}${tBodyInlineStyles}{{/if}}`\n : tBodyInlineStyles;\n\n tableRowsHTML = `{{#each ${tableData.name}}}\n <tr style=\"${rowStyleTemplate}\">\n ${rowTemplate}\n </tr>\n {{/each}}`;\n \n } else {\n // Fallback to static rows when no tableData.name is provided\n tableRowsHTML = tableData.rows.map((row, rowIndex) => {\n const rowStyleAddition = styles.tBody?.zebraStriping && rowIndex % 2 === 1 \n ? `; background-color: ${styles.tBody.alternateRowColor \|\| '#f9f9f9'}` \n : '';\n \n const cellsHTML = tableData.columns.map((column, colIndex) => {\n const mergeInfo = getCellMergeInfo('tbody', rowIndex, colIndex);\n \n if (mergeInfo && (rowIndex !== mergeInfo.rowStart \|\| colIndex !== mergeInfo.colStart)) {\n return '';\n }\n\n let cellValue = row[column.id] \|\| '';\n const keys = Object.keys(row)\n if(keys.includes(`${column.id}_static`)) {\n cellValue = row[`${column.id}_static`] \|\| '';\n }\n if (!cellValue && tPlaceholders?.[column.id]) {\n cellValue = getPlaceholderValue(tPlaceholders[column.id]);\n }\n\n const mergeAttributes = mergeInfo ? \n ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\n \n const finalCellValue = mergeInfo ? mergeInfo.value : cellValue;\n\n return `<td style=\"${tbCellInlineStyles}\"${mergeAttributes}>${finalCellValue}</td>`;\n }).filter(cell => cell !== '').join('');\n \n return `<tr style=\"${tBodyInlineStyles}${rowStyleAddition}\">${cellsHTML}</tr>`;\n }).join('');\n }\n \n return `\n <table style=\"${tInlineStyles}\">\n <thead>\n <tr style=\"${tHeadInlineStyles}\">\n ${headerCellsHTML}\n </tr>\n </thead>\n <tbody>\n ${tableRowsHTML}\n </tbody>\n </table>\n `;\n } else if (sectionType === 'qr-code' \|\| sectionType === 'bar-code') {\n return `<div style=\"${inlineStyles}\">${placeholder}</div>`;\n }\n \n // For text-based sections, parse and apply styles to existing HTML tags\n const hasHtmlTags = /<\\/?[a-z][\\s\\S]>/i.test(content);\n \n if (!hasHtmlTags) {\n // If no HTML tags, wrap according to section type\n switch (sectionType) {\n case 'text':\n case 'text-block':\n return `<p style=\"${inlineStyles}\">${content}</p>`;\n case 'heading':\n return `<h1 style=\"${inlineStyles}\">${content}</h1>`;\n case 'heading-2':\n return `<h2 style=\"${inlineStyles}\">${content}</h2>`;\n case 'heading-3':\n return `<h3 style=\"${inlineStyles}\">${content}</h3>`;\n case 'heading-4':\n return `<h4 style=\"${inlineStyles}\">${content}</h4>`;\n case 'signature':\n return `<div style=\"${inlineStyles}\">${content}</div>`;\n default:\n return `<p style=\"${inlineStyles}\">${content}</p>`;\n }\n } else {\n // Create a temporary DOM element to manipulate the HTML\n const parser = new DOMParser();\n const doc = parser.parseFromString(`<div>${content}</div>`, 'text/html');\n const container = doc.body.firstChild as Element;\n \n // Process all child elements\n if (container && container.nodeType === Node.ELEMENT_NODE) {\n const elements = container.querySelectorAll('');\n\n elements.forEach(element => {\n // Skip processing script tags or other special elements\n if (element.tagName === 'SCRIPT' \|\| element.tagName === 'STYLE') {\n return;\n }\n \n // Get existing style and merge with new style\n const existingStyle = element.getAttribute('style') \|\| '';\n \n // Extract properties from existing style\n const existingProps = {};\n existingStyle.split(';').forEach(prop => {\n const [key, value] = prop.split(':').map(item => item.trim());\n if (key && value) {\n existingProps[key] = value;\n }\n });\n \n // Parse the base style and prepare for merging\n const newStyleProps = {};\n inlineStyles.split(';').forEach(prop => {\n const [key, value] = prop.split(':').map(item => item.trim());\n if (key && value) {\n newStyleProps[key] = value;\n }\n });\n \n // Additional styles based on tag type\n if (element.tagName === 'P' \|\| element.tagName === 'DIV') {\n newStyleProps['line-height'] = '1.5';\n } else if (['H1', 'H2', 'H3', 'H4', 'H5', 'H6'].includes(element.tagName)) {\n newStyleProps['line-height'] = '1.2';\n newStyleProps['margin'] = '0.5em 0';\n }\n \n // Merge styles, new styles override existing ones\n const mergedProps = { ...existingProps, ...newStyleProps };\n \n // Convert back to style string\n const mergedStyle = Object.entries(mergedProps)\n .filter(([key, value]) => key && value)\n .map(([key, value]) => `${key}: ${value}`)\n .join('; ');\n \n element.setAttribute('style', mergedStyle);\n });\n \n return container.innerHTML;\n }\n \n // Fallback to original content if parsing fails\n return content;\n }\n }, [JSON.stringify(section)]);\n\n // Local save function - renamed to avoid conflict with handleSave prop\n const saveSection = () => {\n const updatedContent = generateContent();\n \n const updatedSection = {\n content: updatedContent, \n type: sectionType as ElementType,\n rowLevel: rowLevel,\n name: tableData.name \|\| '',\n attributes: {\n ...(section?.attributes \|\| {}),\n ...(sectionType === 'table' ? { tableData } : {})\n },\n is_edited_from_source: (section as EnhancedSectionData)?.is_edited_from_source \|\| false\n };\n \n onUpdate(updatedSection);\n };\nuseEffect(() => {\n saveSection();\n},[tableData])\n /\n Updates section attributes and triggers content regeneration.\n * Optimized to avoid unnecessary property spreading and glitches.\n */\n const updateAttrs = (prop: Record<string, any>) => {\n if (!section) return;\n\n // Merge styles safely\n const mergedStyles = {\n ...(section.attributes?.styles \|\| {}),\n ...(prop.styles \|\| {})\n };\n\n // Merge attributes, giving priority to new props\n const mergedAttributes = {\n ...(section.attributes \|\| {}),\n ...prop,\n styles: mergedStyles,\n ...(sectionType === 'table' ? { tableData } : {})\n };\n\n // Prepare updated section object (exclude 'id' if present)\n const { id, ...sectionRest } = section as any;\n\n // Generate updated content based on new attributes\n const updatedContent = generateContent(mergedAttributes);\n setSelectedContentAttrObj(mergedAttributes)\n\n // Compose the update payload, omitting unknown properties\n onUpdate({\n ...sectionRest,\n content: updatedContent,\n attributes: mergedAttributes\n });\n };\n\n // Update table data and trigger content regeneration\n const handleTableDataUpdate = (newTableData: TableData) => {\n setTableData(newTableData);\n \n // Trigger immediate update with new table data\n const updatedAttrs = {\n ...(section?.attributes \|\| {}),\n tableData: newTableData\n };\n \n // const updatedContent = generateContent(updatedAttrs);\n // onUpdate({\n // ...section,\n // content: updatedContent,\n // attributes: updatedAttrs\n // });\n saveSection();\n };\n\n const handleTypeChange = (t) => {\n const dt = getInitialSectionData(t)\n \n onUpdate({ \n ...section, \n ...dt\n });\n \n // Reset table data when switching types\n if (t === 'table') {\n setTableData({\n name: '', // Initialize with empty name\n columns: [\n { id: 'col1', header: 'Column 1' },\n { id: 'col2', header: 'Column 2' },\n { id: 'col3', header: 'Column 3' }\n ],\n rows: [\n { col1: '', col2: '', col3: '' }\n ],\n border: true,\n mergedCells: []\n });\n }\n }\n\n return (\n <Paper\n elevation={3}\n sx={{\n width: { xs: '100%', sm: 320, lg: 390 },\n height: '100%',\n overflow: 'auto',\n borderLeft: '1px solid',\n borderColor: 'divider',\n display: 'flex',\n flexDirection: 'column',\n bgcolor: 'background.paper',\n boxShadow: 'none',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n p: 2,\n borderBottom: '1px solid',\n borderColor: 'divider',\n bgcolor: 'grey.50',\n }}\n >\n <Typography type=\"s1\" weight='bold' color='theme.neutral.1000'>\n Format {sectionType ? sectionType?.charAt(0)?.toUpperCase() + sectionType?.slice(1).replace(/-/g, ' ') : ''}\n </Typography>\n <Tooltip title=\"Save and Close\">\n <Box>\n <IconButton size=\"small\" onClick={() => {\n saveSection();\n handleSave?.();\n onClose();\n }} aria-label=\"Save\">\n <Save fontSize=\"small\" />\n </IconButton>\n <IconButton size=\"small\" onClick={onClose} aria-label=\"Close\">\n <CloseIcon fontSize=\"small\" />\n </IconButton>\n </Box>\n </Tooltip>\n </Box>\n\n <Box sx={{ p: 2, flex: 1,pb:10, overflowY: 'auto' }}>\n <Box sx={{ mb: 2 }}>\n <FormControl size=\"small\" fullWidth>\n <Select\n value={section?.type}\n onChange={(e) => handleTypeChange(e.target.value)}\n renderValue={v => v ? v.charAt(0).toUpperCase() + v.slice(1).replace(/-/g, ' ') : ''}\n label='Select Preset'\n displayEmpty\n >\n {sectionTypes.map((type) => (\n <MenuItem key={type} value={type}>\n <Typography type='s4' color='theme.secondary.1000'>{type.charAt(0).toUpperCase() + type.slice(1).replace(/-/g, ' ')}</Typography>\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n </Box>\n \n {section && (sectionType === 'text' \|\| \n sectionType === 'heading' \|\| \n sectionType === 'heading-2' \|\| \n sectionType === 'heading-3' \|\| \n sectionType === 'heading-4') && (\n <TextControls\n attrs={section?.attributes \|\| {}}\n updateAttrs={updateAttrs}\n />\n )}\n {sectionType === 'buttons' && (\n <ButtonControls\n attrs={section?.attributes \|\| {}}\n updateAttrs={updateAttrs}\n />\n )}\n {sectionType === 'image' && (\n <ImageControls\n attrs={section?.attributes \|\| {}}\n updateAttrs={updateAttrs}\n />\n )}\n {sectionType === 'divider' && (\n <DividerControls\n attrs={section?.attributes \|\| {}}\n updateAttrs={updateAttrs}\n />\n )}\n {sectionType === 'table' && (\n <TableControls\n tableData={{\n ...tableData,\n rows: tableData.rows.map(row => {\n const convertedRow: Record<string, string> = {};\n Object.keys(row).forEach(key => {\n convertedRow[key] = String(row[key] ?? '');\n });\n return convertedRow;\n })\n }}\n setTableData={(value) => {\n handleTableDataUpdate({\n ...value,\n border: tableData.border,\n name: tableData.name \|\| ''\n });\n }}\n attrs={section?.attributes \|\| {}}\n updateAttrs={updateAttrs}\n placeholders={placeholders}\n handleSave={handleSave}\n setParentRowLevel={setRowLevel}\n levelType={rowLevel}\n relation_table={relation_table}\n />\n )}\n {sectionType === 'signature' && (\n <SignatureControls\n attrs={section?.attributes \|\| {}}\n updateAttrs={updateAttrs}\n />\n )}\n {section && (sectionType === 'qr-code' \|\| sectionType === 'bar-code') && (\n <CodeControls\n attrs={section?.attributes \|\| {}}\n updateAttrs={updateAttrs}\n />\n )}\n </Box>\n </Paper>\n );\n};\n\nexport default SectionFormatPanel;"],"names":["sectionTypes","section","onClose","onUpdate","placeholders","relation_table","handleSave","sectionType","useMemo","type","content","useState","rowLevel","setRowLevel","_a","attributes","tableData","setTableData","name","columns","id","header","rows","col1","col2","col3","border","mergedCells","isInitialLoad","setIsInitialLoad","selectedContentAttrObj","setSelectedContentAttrObj","extractStyles","useEffect","extractedTableData","extractTableDataFromHTML","_b","document","createElement","innerHTML","styles","htmlContent","table","DOMParser","parseFromString","querySelector","headerRows","querySelectorAll","bodyRows","length","headerCells","Array","from","map","th","index","textContent","trim","forEach","row","rowIndex","cell","colIndex","rowSpan","parseInt","getAttribute","colSpan","push","rowStart","rowEnd","colStart","colEnd","value","cells","rowData","error","generateContent","useCallback","attrs","src","alt","eStyles","text","placeholder","tPlaceholders","initialStyles","inlineStyles","generateInlineStyles","imgInlineStyles","is_bordered","padding","borderStyle","borderColor","rest","tInlineStyles","tHeadInlineStyles","tHead","tBodyInlineStyles","tBody","thCellInlineStyles","thCells","tbCellInlineStyles","tbCells","getCellMergeInfo","find","m","headerCellsHTML","column","mergeInfo","mergeAttributes","cellValue","filter","join","tableRowsHTML","rowTemplate","cellTemplate","includes","replace","String","rowStyleTemplate","zebraStriping","alternateRowColor","rowStyleAddition","cellsHTML","Object","keys","placeholderKey","p","actualValue","Date","toLocaleDateString","toLocaleString","label","getPlaceholderValue","finalCellValue","test","container","body","firstChild","nodeType","Node","ELEMENT_NODE","element","tagName","existingStyle","existingProps","split","prop","key","item","newStyleProps","mergedProps","mergedStyle","entries","setAttribute","JSON","stringify","saveSection","updatedSection","is_edited_from_source","updateAttrs","mergedStyles","mergedAttributes","sectionRest","updatedContent","jsxs","Paper","elevation","sx","width","xs","sm","lg","height","overflow","borderLeft","display","flexDirection","bgcolor","boxShadow","children","Box","justifyContent","alignItems","borderBottom","Typography","weight","color","charAt","toUpperCase","slice","jsx","Tooltip","title","IconButton","size","onClick","Save","fontSize","CloseIcon","flex","pb","overflowY","mb","FormControl","fullWidth","Select","onChange","e","t","dt","getInitialSectionData","handleTypeChange","target","renderValue","v","displayEmpty","MenuItem","TextControls","ButtonControls","ImageControls","DividerControls","TableControls","convertedRow","newTableData","setParentRowLevel","levelType","SignatureControls","CodeControls"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/components/SectionFormatPanel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable react-hooks/exhaustive-deps /\n/ eslint-disable unused-imports/no-unused-vars /\nimport React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport {\n Box,\n Paper,\n IconButton,\n FormControl,\n MenuItem,\n Tooltip,\n} from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { Save } from '../../../components/icons';\nimport Typography from '../../../components/typography/typography';\n\n// Import sub-components\nimport TextControls from './controllers/TextControls';\nimport ButtonControls from './controllers/ButtonControls';\nimport ImageControls from './controllers/ImageControls';\nimport DividerControls from './controllers/DividerControls';\nimport TableControls from './controllers/TableControls';\nimport SignatureControls from './controllers/SignatureControls';\nimport CodeControls from './controllers/CodeControls';\nimport Select from '../../../components/select/select';\nimport { EnhancedSectionData, ElementType } from '../types/editor';\nimport { initialStyles } from '../utils/constant';\nimport { extractStyles, generateInlineStyles, getInitialSectionData } from '../utils/common';\n// import { useCKEditorStyleExtractor } from '../utils/style-extractor';\n\n// Shared types for SectionFormatPanel and sub-components\nexport interface TableColumn {\n id: string;\n header: string;\n placeholder?: string;\n}\n\nexport interface TableRow {\n [key: string]: string \| number \| boolean;\n}\n\nexport interface CellMerge {\n section: 'thead' \| 'tbody';\n rowStart: number;\n rowEnd: number;\n colStart: number;\n colEnd: number;\n value: string;\n}\n\nexport interface TableData {\n name?: string; // Added name property for #each iteration\n columns: TableColumn[];\n rows: TableRow[];\n border: boolean;\n mergedCells?: CellMerge[];\n}\n\ninterface SectionData {\n type: 'text' \| 'text-block' \| 'heading' \| 'heading-2' \| 'heading-3' \| 'heading-4' \| 'buttons' \| 'image' \| 'divider' \| 'table' \| 'signature' \| 'qr-code' \| 'bar-code';\n content: string;\n attributes?: {\n styles?: any;\n placeholders?: Record<string, string>;\n tableData?: TableData;\n [key: string]: any;\n };\n}\n\ninterface SectionFormatPanelProps {\n section: SectionData \| undefined;\n onClose: () => void;\n onUpdate: (data: Partial<EnhancedSectionData>) => void;\n placeholders: Record<string, any>[];\n relation_table?:any;\n handleSave?: () => void;\n}\n\nconst sectionTypes = ['text','text-block','heading','heading-2','heading-3','heading-4','buttons','image','divider','table','signature','qr-code','bar-code']\n\nconst SectionFormatPanel: React.FC<SectionFormatPanelProps> = ({ \n section, \n onClose, \n onUpdate,\n placeholders,\n relation_table,\n handleSave }) => {\n // const { applyStylesToHtml } = useCKEditorStyleExtractor()\n // const [plainContent, setPlainContent] = useState('');\n const sectionType = useMemo(() => section?.type \|\| 'text', [section?.type]);\n const content = useMemo(() => section?.content \|\| 'text', [section?.content]);\n const [formatOptions, setFormatOptions] = useState<string[]>([]);\n const[rowLevel, setRowLevel] = useState<boolean>((section?.attributes as any)?.rowLevel \|\| false);\n const [tableData, setTableData] = useState<TableData>({\n name: '', // Initialize with empty name\n columns: [\n { id: 'col1', header: 'Column 1' },\n { id: 'col2', header: 'Column 2' },\n { id: 'col3', header: 'Column 3' }\n ],\n rows: [\n { col1: '', col2: '', col3: '' }\n ],\n border: true,\n mergedCells: []\n });\n const [isInitialLoad, setIsInitialLoad] = useState(true);\n const [selectedContentAttrObj, setSelectedContentAttrObj] = useState(extractStyles(content, section?.type));\n\n // Initialize table data from section attributes\n useEffect(() => {\n if (section && section.type === 'table') {\n // If section has stored table data, use it\n if (section.attributes?.tableData) {\n setTableData(section.attributes.tableData);\n } else {\n // Try to extract table data from HTML content\n const extractedTableData = extractTableDataFromHTML(section.content);\n if (extractedTableData) {\n setTableData(extractedTableData);\n setRowLevel((section?.attributes as any)?.rowLevel \|\| false);\n }\n }\n }\n }, []);\n\n useEffect(() => {\n if (section && !isInitialLoad) {\n const tempDiv = document.createElement('div');\n tempDiv.innerHTML = section.content;\n const text = tempDiv.textContent \|\| '';\n // setPlainContent(text);\n setSelectedContentAttrObj(extractStyles(section.content, section?.type)?.styles)\n setIsInitialLoad(false);\n }\n }, [section]);\n\n // Extract table data from HTML content\n const extractTableDataFromHTML = (htmlContent: string): TableData \| null => {\n try {\n const parser = new DOMParser();\n const doc = parser.parseFromString(htmlContent, 'text/html');\n const table = doc.querySelector('table');\n \n if (!table) return null;\n\n const headerRows = table.querySelectorAll('thead tr');\n const bodyRows = table.querySelectorAll('tbody tr');\n\n if (headerRows.length === 0) return null;\n\n // Extract columns from the first header row\n const headerCells = headerRows[0].querySelectorAll('th');\n const columns: TableColumn[] = Array.from(headerCells).map((th, index) => ({\n id: `col${index + 1}`,\n header: th.textContent?.trim() \|\| `Column ${index + 1}`\n }));\n\n // Extract merged cells from thead\n const mergedCells: CellMerge[] = [];\n Array.from(headerRows).forEach((row, rowIndex) => {\n const cells = row.querySelectorAll('th');\n cells.forEach((cell, colIndex) => {\n const rowSpan = parseInt(cell.getAttribute('rowspan') \|\| '1');\n const colSpan = parseInt(cell.getAttribute('colspan') \|\| '1');\n if (rowSpan > 1 \|\| colSpan > 1) {\n mergedCells.push({\n section: 'thead',\n rowStart: rowIndex,\n rowEnd: rowIndex + rowSpan - 1,\n colStart: colIndex,\n colEnd: colIndex + colSpan - 1,\n value: cell.textContent?.trim() \|\| ''\n });\n }\n });\n });\n\n // Extract rows\n const rows: TableRow[] = Array.from(bodyRows).map(row => {\n const cells = row.querySelectorAll('td');\n const rowData: TableRow = {};\n \n cells.forEach((cell, index) => {\n if (index < columns.length) {\n rowData[columns[index].id] = cell.textContent?.trim() \|\| '';\n }\n });\n \n return rowData;\n });\n\n // Extract merged cells from tbody\n Array.from(bodyRows).forEach((row, rowIndex) => {\n const cells = row.querySelectorAll('td');\n cells.forEach((cell, colIndex) => {\n const rowSpan = parseInt(cell.getAttribute('rowspan') \|\| '1');\n const colSpan = parseInt(cell.getAttribute('colspan') \|\| '1');\n if (rowSpan > 1 \|\| colSpan > 1) {\n mergedCells.push({\n section: 'tbody',\n rowStart: rowIndex,\n rowEnd: rowIndex + rowSpan - 1,\n colStart: colIndex,\n colEnd: colIndex + colSpan - 1,\n value: cell.textContent?.trim() \|\| ''\n });\n }\n });\n });\n\n return {\n name: '', // Default empty name\n columns,\n rows: rows.length > 0 ? rows : [{}],\n border: true,\n mergedCells\n };\n } catch (error) {\n return null;\n }\n };\n\n // Get placeholder value for table generation\n const getPlaceholderValue = (placeholderKey: string): string => {\n const placeholder = placeholders.find(p => p.value === placeholderKey);\n if (!placeholder) return '';\n \n // Return actual value or generate sample based on type\n if (typeof placeholder.actualValue !== 'undefined') {\n return String(placeholder.actualValue);\n }\n \n switch (placeholder.type) {\n case 'date':\n return new Date().toLocaleDateString();\n case 'datetime':\n return new Date().toLocaleString();\n case 'number':\n return '123';\n case 'currency':\n return '$1,234.56';\n case 'email':\n return 'example@domain.com';\n case 'phone':\n return '+1 (555) 123-4567';\n case 'url':\n return 'https://example.com';\n default:\n return placeholder.label \|\| placeholder.value;\n }\n };\n\n const generateContent = useCallback((attrs?: Record<any, any>): string => {\n const { src, alt, styles: eStyles, text, placeholder, placeholders: tPlaceholders } = attrs \|\| section?.attributes \|\| selectedContentAttrObj \|\| {}\n const styles = {\n ...initialStyles[sectionType],\n ...eStyles,\n ...selectedContentAttrObj?.styles,\n ...attrs?.styles\n }\n\n const inlineStyles = generateInlineStyles(styles);\n \n // For buttons, images, dividers, and codes - use the existing logic\n if (sectionType === 'buttons') {\n return `<button style=\"${inlineStyles}\">${text \|\| 'Button Text'}</button>`;\n } else if (sectionType === 'image') {\n let imgInlineStyles: string = inlineStyles;\n if(styles?.is_bordered) {\n styles.padding = '10px';\n imgInlineStyles = generateInlineStyles(styles);\n } else{\n styles.padding = '0';\n imgInlineStyles = generateInlineStyles(styles);\n }\n return `<img src=\"${src \|\| ''}\" alt=\"${alt \|\| ''}\" style=\"${imgInlineStyles}\" />`;\n } else if (sectionType === 'divider') {\n return `<hr style=\"${inlineStyles}\" />`;\n } else if (sectionType === 'table') {\n const { border, borderStyle, borderColor, ...rest } = styles;\n const tInlineStyles = generateInlineStyles(styles.is_bordered ? styles : rest); \n const tHeadInlineStyles: string = generateInlineStyles(styles.tHead \|\| {});\n const tBodyInlineStyles: string = generateInlineStyles(styles.tBody \|\| {});\n const thCellInlineStyles: string = generateInlineStyles({\n ...(styles.thCells \|\| {}), \n ...(styles.is_bordered ? { border, borderStyle, borderColor } : {}) \n });\n const tbCellInlineStyles: string = generateInlineStyles({\n ...(styles.tbCells \|\| {}), \n ...(styles.is_bordered ? { border, borderStyle, borderColor } : {})\n });\n\n // Helper function to check if a cell is part of a merge\n const getCellMergeInfo = (section: 'thead' \| 'tbody', rowIndex: number, colIndex: number) => {\n return tableData.mergedCells?.find(m => \n m.section === section &&\n rowIndex >= m.rowStart && rowIndex <= m.rowEnd &&\n colIndex >= m.colStart && colIndex <= m.colEnd\n );\n };\n\n // Generate header row with merge support\n const headerCellsHTML = tableData.columns.map((column, colIndex) => {\n const mergeInfo = getCellMergeInfo('thead', 0, colIndex);\n \n if (mergeInfo && (colIndex !== mergeInfo.colStart)) {\n return '';\n }\n\n const mergeAttributes = mergeInfo ? \n ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\n \n const cellValue = mergeInfo ? mergeInfo.value : column.header;\n\n return `<th style=\"${thCellInlineStyles}\"${mergeAttributes}>${cellValue}</th>`;\n }).filter(cell => cell !== '').join('');\n\n // Generate table body with #each loop using tableData.name\n let tableRowsHTML = '';\n \n // Check if we should use #each loop with tableData.name\n if (tableData.name) {\n // Generate template with #each handlebars syntax\n const rowTemplate = tableData.columns.map((column, colIndex) => {\n const mergeInfo = getCellMergeInfo('tbody', 0, colIndex); // Use first row as template\n \n if (mergeInfo && (colIndex !== mergeInfo.colStart)) {\n return '';\n }\n\n const mergeAttributes = mergeInfo ? \n ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\n \n // Use handlebars template syntax for dynamic content\n let cellTemplate = '';\n \n // Handle special cases\n if (column.id === 'index' \|\| column.id === 'incrementIndex') {\n cellTemplate = `{{incrementIndex @index}}`;\n } else if (column.id.includes('.')) {\n // Handle nested properties (like items.sku, tax_code_data.[0].rate)\n const cellValue = tableData?.rows?.[0][column.id];\n cellTemplate = typeof cellValue === 'string' ? cellValue.replace(tableData.name + '.', '') : String(cellValue \|\| '');\n } else {\n // Direct property access\n const cellValue = tableData?.rows?.[0][column.id];\n cellTemplate = typeof cellValue === 'string' ? cellValue.replace(tableData.name + '.', '') : String(cellValue \|\| '');\n }\n\n return `<td style=\"${tbCellInlineStyles}\"${mergeAttributes}>${cellTemplate}</td>`;\n }).filter(cell => cell !== '').join('');\n\n // Add zebra striping logic if enabled\n const rowStyleTemplate = styles.tBody?.zebraStriping \n ? `{{#if (isOdd @index)}}${tBodyInlineStyles}; background-color: ${styles.tBody.alternateRowColor \|\| '#f9f9f9'}{{else}}${tBodyInlineStyles}{{/if}}`\n : tBodyInlineStyles;\n\n tableRowsHTML = `{{#each ${tableData.name}}}\n <tr style=\"${rowStyleTemplate}\">\n ${rowTemplate}\n </tr>\n {{/each}}`;\n \n } else {\n // Fallback to static rows when no tableData.name is provided\n tableRowsHTML = tableData.rows.map((row, rowIndex) => {\n const rowStyleAddition = styles.tBody?.zebraStriping && rowIndex % 2 === 1 \n ? `; background-color: ${styles.tBody.alternateRowColor \|\| '#f9f9f9'}` \n : '';\n \n const cellsHTML = tableData.columns.map((column, colIndex) => {\n const mergeInfo = getCellMergeInfo('tbody', rowIndex, colIndex);\n \n if (mergeInfo && (rowIndex !== mergeInfo.rowStart \|\| colIndex !== mergeInfo.colStart)) {\n return '';\n }\n\n let cellValue = row[column.id] \|\| '';\n const keys = Object.keys(row)\n if(keys.includes(`${column.id}_static`)) {\n cellValue = row[`${column.id}_static`] \|\| '';\n }\n if (!cellValue && tPlaceholders?.[column.id]) {\n cellValue = getPlaceholderValue(tPlaceholders[column.id]);\n }\n\n const mergeAttributes = mergeInfo ? \n ` rowspan=\"${mergeInfo.rowEnd - mergeInfo.rowStart + 1}\" colspan=\"${mergeInfo.colEnd - mergeInfo.colStart + 1}\"` : '';\n \n const finalCellValue = mergeInfo ? mergeInfo.value : cellValue;\n\n return `<td style=\"${tbCellInlineStyles}\"${mergeAttributes}>${finalCellValue}</td>`;\n }).filter(cell => cell !== '').join('');\n \n return `<tr style=\"${tBodyInlineStyles}${rowStyleAddition}\">${cellsHTML}</tr>`;\n }).join('');\n }\n \n return `\n <table style=\"${tInlineStyles}\">\n <thead>\n <tr style=\"${tHeadInlineStyles}\">\n ${headerCellsHTML}\n </tr>\n </thead>\n <tbody>\n ${tableRowsHTML}\n </tbody>\n </table>\n `;\n } else if (sectionType === 'qr-code' \|\| sectionType === 'bar-code') {\n return `<div style=\"${inlineStyles}\">${placeholder}</div>`;\n }\n \n // For text-based sections, parse and apply styles to existing HTML tags\n const hasHtmlTags = /<\\/?[a-z][\\s\\S]>/i.test(content);\n \n if (!hasHtmlTags) {\n // If no HTML tags, wrap according to section type\n switch (sectionType) {\n case 'text':\n case 'text-block':\n return `<p style=\"${inlineStyles}\">${content}</p>`;\n case 'heading':\n return `<h1 style=\"${inlineStyles}\">${content}</h1>`;\n case 'heading-2':\n return `<h2 style=\"${inlineStyles}\">${content}</h2>`;\n case 'heading-3':\n return `<h3 style=\"${inlineStyles}\">${content}</h3>`;\n case 'heading-4':\n return `<h4 style=\"${inlineStyles}\">${content}</h4>`;\n case 'signature':\n return `<div style=\"${inlineStyles}\">${content}</div>`;\n default:\n return `<p style=\"${inlineStyles}\">${content}</p>`;\n }\n } else {\n // Create a temporary DOM element to manipulate the HTML\n const parser = new DOMParser();\n const doc = parser.parseFromString(`<div>${content}</div>`, 'text/html');\n const container = doc.body.firstChild as Element;\n \n // Process all child elements\n if (container && container.nodeType === Node.ELEMENT_NODE) {\n const elements = container.querySelectorAll('');\n\n elements.forEach(element => {\n // Skip processing script tags or other special elements\n if (element.tagName === 'SCRIPT' \|\| element.tagName === 'STYLE') {\n return;\n }\n \n // Get existing style and merge with new style\n const existingStyle = element.getAttribute('style') \|\| '';\n \n // Extract properties from existing style\n const existingProps = {};\n existingStyle.split(';').forEach(prop => {\n const [key, value] = prop.split(':').map(item => item.trim());\n if (key && value) {\n existingProps[key] = value;\n }\n });\n \n // Parse the base style and prepare for merging\n const newStyleProps = {};\n inlineStyles.split(';').forEach(prop => {\n const [key, value] = prop.split(':').map(item => item.trim());\n if (key && value) {\n newStyleProps[key] = value;\n }\n });\n \n // Additional styles based on tag type\n if (element.tagName === 'P' \|\| element.tagName === 'DIV') {\n newStyleProps['line-height'] = '1.5';\n } else if (['H1', 'H2', 'H3', 'H4', 'H5', 'H6'].includes(element.tagName)) {\n newStyleProps['line-height'] = '1.2';\n newStyleProps['margin'] = '0.5em 0';\n }\n \n // Merge styles, new styles override existing ones\n const mergedProps = { ...existingProps, ...newStyleProps };\n \n // Convert back to style string\n const mergedStyle = Object.entries(mergedProps)\n .filter(([key, value]) => key && value)\n .map(([key, value]) => `${key}: ${value}`)\n .join('; ');\n \n element.setAttribute('style', mergedStyle);\n });\n \n return container.innerHTML;\n }\n \n // Fallback to original content if parsing fails\n return content;\n }\n }, [JSON.stringify(section)]);\n\n // Local save function - renamed to avoid conflict with handleSave prop\n const saveSection = () => {\n const updatedContent = generateContent();\n \n const updatedSection = {\n content: updatedContent, \n type: sectionType as ElementType,\n rowLevel: rowLevel,\n name: tableData.name \|\| '',\n attributes: {\n ...(section?.attributes \|\| {}),\n ...(sectionType === 'table' ? { tableData } : {})\n },\n is_edited_from_source: (section as EnhancedSectionData)?.is_edited_from_source \|\| false\n };\n \n onUpdate(updatedSection);\n };\nuseEffect(() => {\n saveSection();\n},[tableData])\n /\n Updates section attributes and triggers content regeneration.\n * Optimized to avoid unnecessary property spreading and glitches.\n */\n const updateAttrs = (prop: Record<string, any>) => {\n if (!section) return;\n\n // Merge styles safely\n const mergedStyles = {\n ...(section.attributes?.styles \|\| {}),\n ...(prop.styles \|\| {})\n };\n\n // Merge attributes, giving priority to new props\n const mergedAttributes = {\n ...(section.attributes \|\| {}),\n ...prop,\n styles: mergedStyles,\n ...(sectionType === 'table' ? { tableData } : {})\n };\n\n // Prepare updated section object (exclude 'id' if present)\n const { id, ...sectionRest } = section as any;\n\n // Generate updated content based on new attributes\n const updatedContent = generateContent(mergedAttributes);\n setSelectedContentAttrObj(mergedAttributes)\n\n // Compose the update payload, omitting unknown properties\n onUpdate({\n ...sectionRest,\n content: updatedContent,\n attributes: mergedAttributes\n });\n };\n\n // Update table data and trigger content regeneration\n const handleTableDataUpdate = (newTableData: TableData) => {\n setTableData(newTableData);\n \n // Trigger immediate update with new table data\n const updatedAttrs = {\n ...(section?.attributes \|\| {}),\n tableData: newTableData\n };\n \n // const updatedContent = generateContent(updatedAttrs);\n // onUpdate({\n // ...section,\n // content: updatedContent,\n // attributes: updatedAttrs\n // });\n saveSection();\n };\n\n const handleTypeChange = (t) => {\n const dt = getInitialSectionData(t)\n \n onUpdate({ \n ...section, \n ...dt\n });\n \n // Reset table data when switching types\n if (t === 'table') {\n setTableData({\n name: '', // Initialize with empty name\n columns: [\n { id: 'col1', header: 'Column 1' },\n { id: 'col2', header: 'Column 2' },\n { id: 'col3', header: 'Column 3' }\n ],\n rows: [\n { col1: '', col2: '', col3: '' }\n ],\n border: true,\n mergedCells: []\n });\n }\n }\n\n return (\n <Paper\n elevation={3}\n sx={{\n width: { xs: '100%', sm: 320, lg: 390 },\n height: '100%',\n overflow: 'auto',\n borderLeft: '1px solid',\n borderColor: 'divider',\n display: 'flex',\n flexDirection: 'column',\n bgcolor: 'background.paper',\n boxShadow: 'none',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n p: 2,\n borderBottom: '1px solid',\n borderColor: 'divider',\n bgcolor: 'grey.50',\n }}\n >\n <Typography type=\"s1\" weight='bold' color='theme.neutral.1000'>\n Format {sectionType ? sectionType?.charAt(0)?.toUpperCase() + sectionType?.slice(1).replace(/-/g, ' ') : ''}\n </Typography>\n <Tooltip title=\"Save and Close\">\n <Box>\n <IconButton size=\"small\" onClick={() => {\n saveSection();\n handleSave?.();\n onClose();\n }} aria-label=\"Save\">\n <Save fontSize=\"small\" />\n </IconButton>\n <IconButton size=\"small\" onClick={onClose} aria-label=\"Close\">\n <CloseIcon fontSize=\"small\" />\n </IconButton>\n </Box>\n </Tooltip>\n </Box>\n\n <Box sx={{ p: 2, flex: 1,pb:10, overflowY: 'auto' }}>\n <Box sx={{ mb: 2 }}>\n <FormControl size=\"small\" fullWidth>\n <Select\n value={section?.type}\n onChange={(e) => handleTypeChange(e.target.value)}\n renderValue={v => v ? v.charAt(0).toUpperCase() + v.slice(1).replace(/-/g, ' ') : ''}\n label='Select Preset'\n displayEmpty\n >\n {sectionTypes.map((type) => (\n <MenuItem key={type} value={type}>\n <Typography type='s4' color='theme.secondary.1000'>{type.charAt(0).toUpperCase() + type.slice(1).replace(/-/g, ' ')}</Typography>\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n </Box>\n \n {section && (sectionType === 'text' \|\| \n sectionType === 'heading' \|\| \n sectionType === 'heading-2' \|\| \n sectionType === 'heading-3' \|\| \n sectionType === 'heading-4') && (\n <TextControls\n attrs={section?.attributes \|\| {}}\n updateAttrs={updateAttrs}\n />\n )}\n {sectionType === 'buttons' && (\n <ButtonControls\n attrs={section?.attributes \|\| {}}\n updateAttrs={updateAttrs}\n />\n )}\n {sectionType === 'image' && (\n <ImageControls\n attrs={section?.attributes \|\| {}}\n updateAttrs={updateAttrs}\n />\n )}\n {sectionType === 'divider' && (\n <DividerControls\n attrs={section?.attributes \|\| {}}\n updateAttrs={updateAttrs}\n />\n )}\n {sectionType === 'table' && (\n <TableControls\n tableData={{\n ...tableData,\n rows: tableData.rows.map(row => {\n const convertedRow: Record<string, string> = {};\n Object.keys(row).forEach(key => {\n convertedRow[key] = String(row[key] ?? '');\n });\n return convertedRow;\n })\n }}\n setTableData={(value) => {\n handleTableDataUpdate({\n ...value,\n border: tableData.border,\n name: tableData.name \|\| ''\n });\n }}\n attrs={section?.attributes \|\| {}}\n updateAttrs={updateAttrs}\n placeholders={placeholders}\n handleSave={handleSave}\n setParentRowLevel={setRowLevel}\n levelType={rowLevel}\n relation_table={relation_table}\n />\n )}\n {sectionType === 'signature' && (\n <SignatureControls\n attrs={section?.attributes \|\| {}}\n updateAttrs={updateAttrs}\n />\n )}\n {section && (sectionType === 'qr-code' \|\| sectionType === 'bar-code') && (\n <CodeControls\n attrs={section?.attributes \|\| {}}\n updateAttrs={updateAttrs}\n />\n )}\n </Box>\n </Paper>\n );\n};\n\nexport default SectionFormatPanel;"],"names":["sectionTypes","section","onClose","onUpdate","placeholders","relation_table","handleSave","sectionType","useMemo","type","content","useState","rowLevel","setRowLevel","_a","attributes","tableData","setTableData","name","columns","id","header","rows","col1","col2","col3","border","mergedCells","isInitialLoad","setIsInitialLoad","selectedContentAttrObj","setSelectedContentAttrObj","extractStyles","useEffect","extractedTableData","extractTableDataFromHTML","_b","document","createElement","innerHTML","styles","htmlContent","table","DOMParser","parseFromString","querySelector","headerRows","querySelectorAll","bodyRows","length","headerCells","Array","from","map","th","index","textContent","trim","forEach","row","rowIndex","cell","colIndex","rowSpan","parseInt","getAttribute","colSpan","push","rowStart","rowEnd","colStart","colEnd","value","cells","rowData","error","generateContent","useCallback","attrs","src","alt","eStyles","text","placeholder","tPlaceholders","initialStyles","inlineStyles","generateInlineStyles","imgInlineStyles","is_bordered","padding","borderStyle","borderColor","rest","tInlineStyles","tHeadInlineStyles","tHead","tBodyInlineStyles","tBody","thCellInlineStyles","thCells","tbCellInlineStyles","tbCells","getCellMergeInfo","find","m","headerCellsHTML","column","mergeInfo","mergeAttributes","cellValue","filter","join","tableRowsHTML","rowTemplate","cellTemplate","includes","replace","String","rowStyleTemplate","zebraStriping","alternateRowColor","rowStyleAddition","cellsHTML","Object","keys","placeholderKey","p","actualValue","Date","toLocaleDateString","toLocaleString","label","getPlaceholderValue","finalCellValue","test","container","body","firstChild","nodeType","Node","ELEMENT_NODE","element","tagName","existingStyle","existingProps","split","prop","key","item","newStyleProps","mergedProps","mergedStyle","entries","setAttribute","JSON","stringify","saveSection","updatedSection","is_edited_from_source","updateAttrs","mergedStyles","mergedAttributes","sectionRest","updatedContent","jsxs","Paper","elevation","sx","width","xs","sm","lg","height","overflow","borderLeft","display","flexDirection","bgcolor","boxShadow","children","Box","justifyContent","alignItems","borderBottom","Typography","weight","color","charAt","toUpperCase","slice","jsx","Tooltip","title","IconButton","size","onClick","Save","fontSize","CloseIcon","flex","pb","overflowY","mb","FormControl","fullWidth","Select","onChange","e","t","dt","getInitialSectionData","handleTypeChange","target","renderValue","v","displayEmpty","MenuItem","TextControls","ButtonControls","ImageControls","DividerControls","TableControls","convertedRow","newTableData","setParentRowLevel","levelType","SignatureControls","CodeControls"],"mappings":"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"}

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

@@ -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 ADDED Viewed

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

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 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 AlignmentControl from "../AlignmentControl/index.esm.js";
-import Select from "../../../../../components/select/select/index.esm.js";
-import ColorPickerInput from "../../../../../components/color-picker-input/color-picker-input/index.esm.js";
+import { Select } from "../../../../../components/select/select/index.esm.js";
+import { ColorPickerInput } from "../../../../../components/color-picker-input/color-picker-input/index.esm.js";
 import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import FormControl from "../../../../../node_modules/@mui/material/FormControl/FormControl/index.esm.js";
 import MenuItem from "../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";

package/dist/views/template-editor/components/controllers/ButtonControls/index.js CHANGED Viewed

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("../../../../../components/typography/typography/index.js"),t=require("../../../../../components/text-field/text-field/index.js"),r=require("../AlignmentControl/index.js"),a=require("../../../../../components/select/select/index.js"),o=require("../../../../../components/color-picker-input/color-picker-input/index.js"),i=require("../../../../../node_modules/@mui/material/Box/Box/index.js"),s=require("../../../../../node_modules/@mui/material/FormControl/FormControl/index.js"),u=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),n=require("../../../../../node_modules/@mui/material/Slider/Slider/index.js");const d=[{label:"None",value:"none"},{value:"1px solid #e0e0e0",label:"Solid"},{value:"1px dashed #e0e0e0",label:"Dashed"},{value:"1px dotted #e0e0e0",label:"Dotted"}];exports.default=({attrs:m,updateAttrs:x})=>{const{text:c,styles:p}=m;/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("../../../../../components/typography/typography/index.js"),r=require("../../../../../components/text-field/text-field/index.js"),t=require("../AlignmentControl/index.js"),a=require("../../../../../components/select/select/index.js"),o=require("../../../../../components/color-picker-input/color-picker-input/index.js"),i=require("../../../../../node_modules/@mui/material/Box/Box/index.js"),s=require("../../../../../node_modules/@mui/material/FormControl/FormControl/index.js"),n=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),u=require("../../../../../node_modules/@mui/material/Slider/Slider/index.js");const d=[{label:"None",value:"none"},{value:"1px solid #e0e0e0",label:"Solid"},{value:"1px dashed #e0e0e0",label:"Dashed"},{value:"1px dotted #e0e0e0",label:"Dotted"}];exports.default=({attrs:m,updateAttrs:x})=>{const{text:c,styles:p}=m;/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(t.default,{label:"Button Text",fullWidth:!0,value:c,onChange:e=>x({text:e.target.value}),size:"small",sx:{mb:2}}),
-/* @__PURE__ */e.jsx(i.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(o.default,{value:(null==p?void 0:p.backgroundColor)||"#333333",onChange:e=>x({styles:{backgroundColor:e}}),label:"Background Color"})}),
-/* @__PURE__ */e.jsx(i.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(o.default,{value:(null==p?void 0:p.color)||"#333333",onChange:e=>x({styles:{color:e}}),label:"Text Color"})}),
-/* @__PURE__ */e.jsx(s.default,{fullWidth:!0,size:"small",sx:{mb:2},children:/* @__PURE__ */e.jsxs(a.default,{value:null==p?void 0:p.border,renderValue:e=>{var l;return(null==(l=d.find(l=>l.value===e))?void 0:l.label)||"None"},onChange:e=>x({styles:{border:e.target.value}}),label:"Border",children:[
-/* @__PURE__ */e.jsx(u.default,{value:"none",children:"None"}),
-/* @__PURE__ */e.jsx(u.default,{value:"1px solid #e0e0e0",children:"Solid"}),
-/* @__PURE__ */e.jsx(u.default,{value:"1px dashed #e0e0e0",children:"Dashed"})]})}),
+/* @__PURE__ */e.jsx(r.TextField,{label:"Button Text",fullWidth:!0,value:c,onChange:e=>x({text:e.target.value}),size:"small",sx:{mb:2}}),
+/* @__PURE__ */e.jsx(i.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(o.ColorPickerInput,{value:(null==p?void 0:p.backgroundColor)||"#333333",onChange:e=>x({styles:{backgroundColor:e}}),label:"Background Color"})}),
+/* @__PURE__ */e.jsx(i.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(o.ColorPickerInput,{value:(null==p?void 0:p.color)||"#333333",onChange:e=>x({styles:{color:e}}),label:"Text Color"})}),
+/* @__PURE__ */e.jsx(s.default,{fullWidth:!0,size:"small",sx:{mb:2},children:/* @__PURE__ */e.jsxs(a.Select,{value:null==p?void 0:p.border,renderValue:e=>{var l;return(null==(l=d.find(l=>l.value===e))?void 0:l.label)||"None"},onChange:e=>x({styles:{border:e.target.value}}),label:"Border",children:[
+/* @__PURE__ */e.jsx(n.default,{value:"none",children:"None"}),
+/* @__PURE__ */e.jsx(n.default,{value:"1px solid #e0e0e0",children:"Solid"}),
+/* @__PURE__ */e.jsx(n.default,{value:"1px dashed #e0e0e0",children:"Dashed"})]})}),
 /* @__PURE__ */e.jsxs(i.default,{sx:{mb:2},children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s3",color:"theme.neutral.800",children:"Border Radius"}),
-/* @__PURE__ */e.jsx(n.default,{value:null==p?void 0:p.borderRadius,onChange:(e,l)=>x({styles:{borderRadius:l}}),min:0,max:20,step:1,valueLabelDisplay:"auto",size:"small",marks:!0,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(u.default,{value:null==p?void 0:p.borderRadius,onChange:(e,l)=>x({styles:{borderRadius:l}}),min:0,max:20,step:1,valueLabelDisplay:"auto",size:"small",marks:!0,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.jsxs(i.default,{sx:{mb:2},children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s3",color:"theme.neutral.800",children:"Font Size"}),
-/* @__PURE__ */e.jsx(n.default,{value:null==p?void 0:p.fontSize,onChange:(e,l)=>x({styles:{fontSize:l}}),min:10,max:20,step:1,valueLabelDisplay:"auto",size:"small",marks:!0,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(r.default,{alignment:"0 auto"===(null==p?void 0:p.margin)?"center":"0 0 0 auto"===(null==p?void 0:p.margin)?"right":"auto 0 0 0"===(null==p?void 0:p.margin)?"left":"justify",onAlignmentChange:(e,l)=>{if(l){let e="0";switch(l){case"justify":case"center":default:e="0 auto";break;case"right":e="0 0 0 auto";break;case"left":e="auto 0 0 0"}x({styles:{margin:e}})}}})]})};
+/* @__PURE__ */e.jsx(u.default,{value:null==p?void 0:p.fontSize,onChange:(e,l)=>x({styles:{fontSize:l}}),min:10,max:20,step:1,valueLabelDisplay:"auto",size:"small",marks:!0,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(t.default,{alignment:"0 auto"===(null==p?void 0:p.margin)?"center":"0 0 0 auto"===(null==p?void 0:p.margin)?"right":"auto 0 0 0"===(null==p?void 0:p.margin)?"left":"justify",onAlignmentChange:(e,l)=>{if(l){let e="0";switch(l){case"justify":case"center":default:e="0 auto";break;case"right":e="0 0 0 auto";break;case"left":e="auto 0 0 0"}x({styles:{margin:e}})}}})]})};
 //# sourceMappingURL=index.js.map

package/dist/views/template-editor/components/controllers/ButtonControls/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/ButtonControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\nimport React from 'react';\nimport {\n Box,\n FormControl,\n MenuItem,\n Slider,\n} from '@mui/material';\nimport Typography from '../../../../components/typography/typography';\nimport TextField from '../../../../components/text-field/text-field';\nimport AlignmentControl from './AlignmentControl';\nimport Select from '../../../../components/select/select';\nimport ColorPickerInput from '../../../../components/color-picker-input/color-picker-input';\n\ninterface ButtonControlsProps {\n attrs: Record<string, any>;\n updateAttrs: (attr: Record<string, any>) => void;\n}\n\nconst borderOptions = [\n {label: 'None', value: 'none'},\n {value: '1px solid #e0e0e0', label: 'Solid'},\n {value: '1px dashed #e0e0e0', label: 'Dashed'},\n {value: '1px dotted #e0e0e0', label: 'Dotted'},\n]\n\nconst ButtonControls: React.FC<ButtonControlsProps> = ({\n attrs,\n updateAttrs\n}) => {\n\n const { text, styles } = attrs\n const handleAlignmentChange = (\n event: React.MouseEvent<HTMLElement>,\n newAlignment: string \| null,\n ) => {\n if(newAlignment) {\n let margin = '0';\n switch (newAlignment) {\n \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 } });\n }\n };\n\n const getAlignment = () => {\n if (styles?.margin === '0 auto') {\n return 'center';\n } else if (styles?.margin === '0 0 0 auto') {\n return 'right';\n } else if (styles?.margin === 'auto 0 0 0') {\n return 'left';\n } else {\n return 'justify';\n }\n };\n\n return (\n <>\n <TextField\n label=\"Button Text\"\n fullWidth\n value={text}\n onChange={(e) => updateAttrs({ text: e.target.value })}\n size=\"small\"\n sx={{ mb: 2 }}\n />\n <Box sx={{ mb: 2 }}>\n <ColorPickerInput\n value={styles?.backgroundColor \|\| '#333333'}\n onChange={(color) => updateAttrs({ styles :{ backgroundColor: color }})}\n label='Background Color'\n />\n </Box>\n <Box sx={{ mb: 2 }}>\n <ColorPickerInput\n value={styles?.color \|\| '#333333'}\n onChange={(color) => updateAttrs({ styles :{ color: color }})}\n label='Text Color'\n // sx={{ maxWidth: 150 }}\n />\n </Box>\n <FormControl fullWidth size=\"small\" sx={{ mb: 2 }}>\n <Select\n value={styles?.border}\n renderValue={(value) => borderOptions.find((option) => option.value === value)?.label \|\| 'None'}\n onChange={(e) => updateAttrs({ styles :{ border :e.target.value }})}\n label='Border'\n >\n <MenuItem value=\"none\">None</MenuItem>\n <MenuItem value=\"1px solid #e0e0e0\">Solid</MenuItem>\n <MenuItem value=\"1px dashed #e0e0e0\">Dashed</MenuItem>\n </Select>\n </FormControl>\n <Box sx={{ mb: 2 }}>\n <Typography type=\"s3\" color='theme.neutral.800'>\n Border Radius\n </Typography>\n <Slider\n value={styles?.borderRadius}\n onChange={(_, value) => updateAttrs({ styles :{ borderRadius: value as number }})}\n min={0}\n max={20}\n step={1}\n valueLabelDisplay=\"auto\"\n size=\"small\"\n marks\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 <Typography type=\"s3\" color='theme.neutral.800'>\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 marks\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 <AlignmentControl alignment={getAlignment()} onAlignmentChange={handleAlignmentChange}/>\n </>\n );\n};\n\nexport default ButtonControls;"],"names":["borderOptions","label","value","attrs","updateAttrs","text","styles","jsxs","Fragment","children","jsx","TextField","fullWidth","onChange","e","target","size","sx","mb","Box","ColorPickerInput","backgroundColor","color","FormControl","Select","border","renderValue","_a","find","option","MenuItem","Typography","type","Slider","borderRadius","_","min","max","step","valueLabelDisplay","marks","theme","palette","primary","fontSize","AlignmentControl","alignment","margin","onAlignmentChange","event","newAlignment"],"mappings":"ivBAmBA,MAAMA,EAAgB,CACpB,CAACC,MAAO,OAAQC,MAAO,QACvB,CAACA,MAAO,oBAAqBD,MAAO,SACpC,CAACC,MAAO,qBAAsBD,MAAO,UACrC,CAACC,MAAO,qBAAsBD,MAAO,2BAGe,EACpDE,QACAC,kBAGA,MAAMC,KAAEA,EAAAC,OAAMA,GAAWH;AAyCzB,OACEI,EAAAA,KAAAC,WAAA,CACIC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,~~QAAA~~,CACCV,MAAM,cACNW,WAAS,EACTV,MAAOG,EACPQ,SAAWC,GAAMV,EAAY,CAAEC,KAAMS,EAAEC,OAAOb,QAC9Cc,KAAK,QACLC,GAAI,CAAEC,GAAI;qBAEXC,EAAAA,QAAA,CAAIF,GAAI,CAAEC,GAAI,GACbT,wBAAAC,EAAAA,IAACU,EAAAA,~~QAAA~~,CACClB,aAAOI,WAAQe,kBAAmB,UAClCR,SAAWS,GAAUlB,EAAY,CAAEE,OAAQ,CAAEe,gBAAiBC,KAC9DrB,MAAM;qBAGTkB,EAAAA,QAAA,CAAIF,GAAI,CAAEC,GAAI,GACbT,wBAAAC,EAAAA,IAACU,EAAAA,~~QAAA~~,CACClB,aAAOI,WAAQgB,QAAS,UACxBT,SAAWS,GAAUlB,EAAY,CAAEE,OAAQ,CAAEgB,WAC7CrB,MAAM;eAIVS,EAAAA,IAACa,EAAAA,QAAA,CAAYX,WAAS,EAACI,KAAK,QAAQC,GAAI,CAAEC,GAAI,GAC5CT,wBAAAF,EAAAA,KAACiB,EAAAA,~~QAAA~~,CACCtB,MAAO,MAAAI,OAAA,EAAAA,EAAQmB,OACfC,YAAcxB,UAAW,OAAA,OAAAyB,EAAA3B,EAAc4B,KAAMC,GAAWA,EAAO3B,QAAUA,aAAQD,QAAS,QAC1FY,SAAWC,GAAMV,EAAY,CAAEE,OAAQ,CAAEmB,OAAQX,EAAEC,OAAOb,SAC1DD,MAAM,SAENQ,SAAA;eAAAC,EAAAA,IAACoB,EAAAA,QAAA,CAAS5B,MAAM,OAAOO,SAAA;eACvBC,EAAAA,IAACoB,EAAAA,QAAA,CAAS5B,MAAM,oBAAoBO,SAAA;eACpCC,EAAAA,IAACoB,EAAAA,QAAA,CAAS5B,MAAM,qBAAqBO,SAAA;sBAGxCU,EAAAA,QAAA,CAAIF,GAAI,CAAEC,GAAI,GACbT,SAAA;eAAAC,MAACqB,EAAAA,WAAA,CAAWC,KAAK,KAAKV,MAAM,oBAAoBb,SAAA;eAGhDC,EAAAA,IAACuB,EAAAA,QAAA,CACC/B,MAAO,MAAAI,OAAA,EAAAA,EAAQ4B,aACfrB,SAAU,CAACsB,EAAGjC,IAAUE,EAAY,CAAEE,OAAQ,CAAE4B,aAAchC,KAC9DkC,IAAK,EACLC,IAAK,GACLC,KAAM,EACNC,kBAAkB,OAClBvB,KAAK,QACLwB,OAAK,EACLvB,GAAKwB,IAAA,CACH,oBAAqB,CACnBnB,MAAOmB,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBrB,MAAOmB,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBrB,MAAOmB,EAAMC,QAAQD,MAAME,QAAQ;sBAK1CxB,EAAAA,QAAA,CAAIF,GAAI,CAAEC,GAAI,GACbT,SAAA;eAAAC,MAACqB,EAAAA,WAAA,CAAWC,KAAK,KAAKV,MAAM,oBAAoBb,SAAA;eAGhDC,EAAAA,IAACuB,EAAAA,QAAA,CACC/B,MAAO,MAAAI,OAAA,EAAAA,EAAQsC,SACf/B,SAAU,CAACsB,EAAGjC,IAAUE,EAAY,CAAEE,OAAQ,CAAEsC,SAAU1C,KAC1DkC,IAAK,GACLC,IAAK,GACLC,KAAM,EACNC,kBAAkB,OAClBvB,KAAK,QACLwB,OAAK,EACLvB,GAAKwB,IAAA,CACH,oBAAqB,CACnBnB,MAAOmB,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBrB,MAAOmB,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBrB,MAAOmB,EAAMC,QAAQD,MAAME,QAAQ;qBAK1CE,EAAAA,QAAA,CAAiBC,UApGC,YAAnB,MAAAxC,OAAA,EAAAA,EAAQyC,QACH,SACqB,gBAAnB,MAAAzC,OAAA,EAAAA,EAAQyC,QACV,QACqB,gBAAnB,MAAAzC,OAAA,EAAAA,EAAQyC,QACV,OAEA,UA6FwCC,kBAjIrB,CAC5BC,EACAC,KAEA,GAAGA,EAAc,CACb,IAAIH,EAAS,IACb,OAAQG,GAEN,IAAK,UAML,IAAK,SAML,QACEH,EAAS,SACT,MAXF,IAAK,QACHA,EAAS,aACT,MAIF,IAAK,OACHA,EAAS,aAMb3C,EAAY,CAAEE,OAAS,CAAEyC,WAC7B"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/ButtonControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\nimport React from 'react';\nimport {\n Box,\n FormControl,\n MenuItem,\n Slider,\n} from '@mui/material';\nimport Typography from '../../../../components/typography/typography';\nimport TextField from '../../../../components/text-field/text-field';\nimport AlignmentControl from './AlignmentControl';\nimport Select from '../../../../components/select/select';\nimport ColorPickerInput from '../../../../components/color-picker-input/color-picker-input';\n\ninterface ButtonControlsProps {\n attrs: Record<string, any>;\n updateAttrs: (attr: Record<string, any>) => void;\n}\n\nconst borderOptions = [\n {label: 'None', value: 'none'},\n {value: '1px solid #e0e0e0', label: 'Solid'},\n {value: '1px dashed #e0e0e0', label: 'Dashed'},\n {value: '1px dotted #e0e0e0', label: 'Dotted'},\n]\n\nconst ButtonControls: React.FC<ButtonControlsProps> = ({\n attrs,\n updateAttrs\n}) => {\n\n const { text, styles } = attrs\n const handleAlignmentChange = (\n event: React.MouseEvent<HTMLElement>,\n newAlignment: string \| null,\n ) => {\n if(newAlignment) {\n let margin = '0';\n switch (newAlignment) {\n \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 } });\n }\n };\n\n const getAlignment = () => {\n if (styles?.margin === '0 auto') {\n return 'center';\n } else if (styles?.margin === '0 0 0 auto') {\n return 'right';\n } else if (styles?.margin === 'auto 0 0 0') {\n return 'left';\n } else {\n return 'justify';\n }\n };\n\n return (\n <>\n <TextField\n label=\"Button Text\"\n fullWidth\n value={text}\n onChange={(e) => updateAttrs({ text: e.target.value })}\n size=\"small\"\n sx={{ mb: 2 }}\n />\n <Box sx={{ mb: 2 }}>\n <ColorPickerInput\n value={styles?.backgroundColor \|\| '#333333'}\n onChange={(color) => updateAttrs({ styles :{ backgroundColor: color }})}\n label='Background Color'\n />\n </Box>\n <Box sx={{ mb: 2 }}>\n <ColorPickerInput\n value={styles?.color \|\| '#333333'}\n onChange={(color) => updateAttrs({ styles :{ color: color }})}\n label='Text Color'\n // sx={{ maxWidth: 150 }}\n />\n </Box>\n <FormControl fullWidth size=\"small\" sx={{ mb: 2 }}>\n <Select\n value={styles?.border}\n renderValue={(value) => borderOptions.find((option) => option.value === value)?.label \|\| 'None'}\n onChange={(e) => updateAttrs({ styles :{ border :e.target.value }})}\n label='Border'\n >\n <MenuItem value=\"none\">None</MenuItem>\n <MenuItem value=\"1px solid #e0e0e0\">Solid</MenuItem>\n <MenuItem value=\"1px dashed #e0e0e0\">Dashed</MenuItem>\n </Select>\n </FormControl>\n <Box sx={{ mb: 2 }}>\n <Typography type=\"s3\" color='theme.neutral.800'>\n Border Radius\n </Typography>\n <Slider\n value={styles?.borderRadius}\n onChange={(_, value) => updateAttrs({ styles :{ borderRadius: value as number }})}\n min={0}\n max={20}\n step={1}\n valueLabelDisplay=\"auto\"\n size=\"small\"\n marks\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 <Typography type=\"s3\" color='theme.neutral.800'>\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 marks\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 <AlignmentControl alignment={getAlignment()} onAlignmentChange={handleAlignmentChange}/>\n </>\n );\n};\n\nexport default ButtonControls;"],"names":["borderOptions","label","value","attrs","updateAttrs","text","styles","jsxs","Fragment","children","jsx","TextField","fullWidth","onChange","e","target","size","sx","mb","Box","ColorPickerInput","backgroundColor","color","FormControl","Select","border","renderValue","_a","find","option","MenuItem","Typography","type","Slider","borderRadius","_","min","max","step","valueLabelDisplay","marks","theme","palette","primary","fontSize","AlignmentControl","alignment","margin","onAlignmentChange","event","newAlignment"],"mappings":"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"}

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

@@ -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 ADDED Viewed

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

@@ -1,9 +1,9 @@
 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 Select from "../../../../../components/select/select/index.esm.js";
-import formatText from "../../../../../utils/format-text/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 FormControl from "../../../../../node_modules/@mui/material/FormControl/FormControl/index.esm.js";
 import MenuItem from "../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";

package/dist/views/template-editor/components/controllers/DividerControls/index.js CHANGED Viewed

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("../../../../../node_modules/@mui/icons-material/ColorLens/index.js"),r=require("../../../../../components/typography/typography/index.js"),t=require("../../../../../components/text-field/text-field/index.js"),i=require("../../../../../components/select/select/index.js"),d=require("../../../../../utils/format-text/index.js"),s=require("../../../../../node_modules/@mui/material/FormControl/FormControl/index.js"),o=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),a=require("../../../../../node_modules/@mui/material/Box/Box/index.js"),u=require("../../../../../node_modules/@mui/material/Slider/Slider/index.js"),n=require("../../../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js");exports.default=({attrs:m,updateAttrs:x})=>{const{styles:h}=m;/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../../node_modules/@mui/icons-material/ColorLens/index.js"),l=require("../../../../../components/typography/typography/index.js"),t=require("../../../../../components/text-field/text-field/index.js"),i=require("../../../../../components/select/select/index.js"),d=require("../../../../../utils/format-text/index.js"),s=require("../../../../../node_modules/@mui/material/FormControl/FormControl/index.js"),o=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),a=require("../../../../../node_modules/@mui/material/Box/Box/index.js"),n=require("../../../../../node_modules/@mui/material/Slider/Slider/index.js"),u=require("../../../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js");exports.default=({attrs:m,updateAttrs:x})=>{const{styles:c}=m;/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(s.default,{fullWidth:!0,size:"small",sx:{mb:2},children:/* @__PURE__ */e.jsxs(i.default,{label:"Style",value:null==h?void 0:h.borderStyle,onChange:e=>x({styles:{borderStyle:e.target.value}}),renderValue:e=>d.default(e),children:[
+/* @__PURE__ */e.jsx(s.default,{fullWidth:!0,size:"small",sx:{mb:2},children:/* @__PURE__ */e.jsxs(i.Select,{label:"Style",value:null==c?void 0:c.borderStyle,onChange:e=>x({styles:{borderStyle:e.target.value}}),renderValue:e=>d.formatText(e),children:[
 /* @__PURE__ */e.jsx(o.default,{value:"solid",children:"Solid"}),
 /* @__PURE__ */e.jsx(o.default,{value:"dashed",children:"Dashed"}),
 /* @__PURE__ */e.jsx(o.default,{value:"dotted",children:"Dotted"})]})}),
 /* @__PURE__ */e.jsxs(a.default,{sx:{mb:1},children:[
-/* @__PURE__ */e.jsx(r.Typography,{type:"s5",color:"theme.secondary.800",weight:"medium",children:"Thickness (px)"}),
-/* @__PURE__ */e.jsx(u.default,{value:null==h?void 0:h.borderWidth,onChange:(e,l)=>x({styles:{borderWidth:l}}),min:1,max:10,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(a.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(t.default,{label:"Divider Color",type:"color",value:null==h?void 0:h.borderColor,onChange:e=>x({styles:{borderColor:e.target.value}}),size:"small",fullWidth:!0,InputProps:{startAdornment:/* @__PURE__ */e.jsx(n.default,{position:"start",children:/* @__PURE__ */e.jsx(l.default,{fontSize:"small"})})}})})]})};
+/* @__PURE__ */e.jsx(l.Typography,{type:"s5",color:"theme.secondary.800",weight:"medium",children:"Thickness (px)"}),
+/* @__PURE__ */e.jsx(n.default,{value:null==c?void 0:c.borderWidth,onChange:(e,r)=>x({styles:{borderWidth:r}}),min:1,max:10,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(a.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(t.TextField,{label:"Divider Color",type:"color",value:null==c?void 0:c.borderColor,onChange:e=>x({styles:{borderColor:e.target.value}}),size:"small",fullWidth:!0,InputProps:{startAdornment:/* @__PURE__ */e.jsx(u.default,{position:"start",children:/* @__PURE__ */e.jsx(r.default,{fontSize:"small"})})}})})]})};
 //# sourceMappingURL=index.js.map

package/dist/views/template-editor/components/controllers/DividerControls/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/DividerControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\nimport React from 'react';\nimport {\n Box,\n FormControl,\n MenuItem,\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';\nimport Select from '../../../../components/select/select';\nimport formatText from '../../../../utils/format-text';\n\ninterface DividerControlsProps {\n attrs: Record<string, any>;\n updateAttrs: (attr: Record<string, any>) => void;\n}\n\nconst DividerControls: React.FC<DividerControlsProps> = ({\n attrs,\n updateAttrs,\n}) => {\n const { styles } = attrs\n return (\n <>\n <FormControl fullWidth size=\"small\" sx={{ mb: 2 }}>\n <Select\n label='Style'\n value={styles?.borderStyle}\n onChange={(e) => updateAttrs({ styles: { borderStyle: e.target.value } })}\n renderValue={(value) => formatText(value)}\n >\n <MenuItem value=\"solid\">Solid</MenuItem>\n <MenuItem value=\"dashed\">Dashed</MenuItem>\n <MenuItem value=\"dotted\">Dotted</MenuItem>\n </Select>\n </FormControl>\n <Box sx={{ mb: 1 }}>\n <Typography type=\"s5\" color='theme.secondary.800' weight='medium'>\n Thickness (px)\n </Typography>\n <Slider\n value={styles?.borderWidth}\n onChange={(_, value) => updateAttrs({ styles: { borderWidth: value as number }})}\n min={1}\n max={10}\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=\"Divider Color\"\n type=\"color\"\n value={styles?.borderColor}\n onChange={(e) => updateAttrs({ styles: { borderColor: e.target.value }})}\n size=\"small\"\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 DividerControls;"],"names":["attrs","updateAttrs","styles","jsxs","Fragment","children","jsx","FormControl","fullWidth","size","sx","mb","Select","label","value","borderStyle","onChange","e","target","renderValue","formatText","MenuItem","Box","Typography","type","color","weight","Slider","borderWidth","_","min","max","step","valueLabelDisplay","theme","palette","primary","TextField","borderColor","InputProps","startAdornment","InputAdornment","position","ColorLensIcon","fontSize"],"mappings":"s2BAoBwD,EACtDA,QACAC,kBAEA,MAAMC,OAAEA,GAAWF;AACnB,OACEG,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAYC,WAAS,EAACC,KAAK,QAAQC,GAAI,CAAEC,GAAI,GAC5CN,wBAAAF,EAAAA,KAACS,EAAAA,~~QAAA~~,CACCC,MAAM,QACNC,MAAO,MAAAZ,OAAA,EAAAA,EAAQa,YACfC,SAAWC,GAAMhB,EAAY,CAAEC,OAAQ,CAAEa,YAAaE,EAAEC,OAAOJ,SAC/DK,YAAcL,GAAWM,EAAAA,~~QAAWN~~,GAEpCT,SAAA;eAAAC,EAAAA,IAACe,EAAAA,QAAA,CAASP,MAAM,QAAQT,SAAA;eACxBC,EAAAA,IAACe,EAAAA,QAAA,CAASP,MAAM,SAAST,SAAA;eACzBC,EAAAA,IAACe,EAAAA,QAAA,CAASP,MAAM,SAAST,SAAA;sBAG5BiB,EAAAA,QAAA,CAAIZ,GAAI,CAAEC,GAAI,GACbN,SAAA;eAAAC,EAAAA,IAACiB,EAAAA,YAAWC,KAAK,KAAKC,MAAM,sBAAsBC,OAAO,SAASrB,SAAA;eAGlEC,EAAAA,IAACqB,EAAAA,QAAA,CACCb,MAAO,MAAAZ,OAAA,EAAAA,EAAQ0B,YACfZ,SAAU,CAACa,EAAGf,IAAUb,EAAY,CAAEC,OAAQ,CAAE0B,YAAad,KAC7DgB,IAAK,EACLC,IAAK,GACLC,KAAM,EACNC,kBAAkB,OAClBxB,KAAK,QACLC,GAAKwB,IAAA,CACH,oBAAqB,CACnBT,MAAOS,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBX,MAAOS,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBX,MAAOS,EAAMC,QAAQD,MAAME,QAAQ;qBAK1Cd,EAAAA,QAAA,CAAIZ,GAAI,CAAEC,GAAI,GACbN,wBAAAC,EAAAA,IAAC+B,EAAAA,~~QAAA~~,CACCxB,MAAM,gBACNW,KAAK,QACLV,MAAO,MAAAZ,OAAA,EAAAA,EAAQoC,YACftB,SAAWC,GAAMhB,EAAY,CAAEC,OAAQ,CAAGoC,YAAarB,EAAEC,OAAOJ,SAChEL,KAAK,QACLD,WAAS,EACT+B,WAAY,CACVC,oCACGC,UAAA,CAAeC,SAAS,QACvBrC,wBAAAC,EAAAA,IAACqC,EAAAA,QAAA,CAAcC,SAAS"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/views/template-editor/components/controllers/DividerControls.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\nimport React from 'react';\nimport {\n Box,\n FormControl,\n MenuItem,\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';\nimport Select from '../../../../components/select/select';\nimport formatText from '../../../../utils/format-text';\n\ninterface DividerControlsProps {\n attrs: Record<string, any>;\n updateAttrs: (attr: Record<string, any>) => void;\n}\n\nconst DividerControls: React.FC<DividerControlsProps> = ({\n attrs,\n updateAttrs,\n}) => {\n const { styles } = attrs\n return (\n <>\n <FormControl fullWidth size=\"small\" sx={{ mb: 2 }}>\n <Select\n label='Style'\n value={styles?.borderStyle}\n onChange={(e) => updateAttrs({ styles: { borderStyle: e.target.value } })}\n renderValue={(value) => formatText(value)}\n >\n <MenuItem value=\"solid\">Solid</MenuItem>\n <MenuItem value=\"dashed\">Dashed</MenuItem>\n <MenuItem value=\"dotted\">Dotted</MenuItem>\n </Select>\n </FormControl>\n <Box sx={{ mb: 1 }}>\n <Typography type=\"s5\" color='theme.secondary.800' weight='medium'>\n Thickness (px)\n </Typography>\n <Slider\n value={styles?.borderWidth}\n onChange={(_, value) => updateAttrs({ styles: { borderWidth: value as number }})}\n min={1}\n max={10}\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=\"Divider Color\"\n type=\"color\"\n value={styles?.borderColor}\n onChange={(e) => updateAttrs({ styles: { borderColor: e.target.value }})}\n size=\"small\"\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 DividerControls;"],"names":["attrs","updateAttrs","styles","jsxs","Fragment","children","jsx","FormControl","fullWidth","size","sx","mb","Select","label","value","borderStyle","onChange","e","target","renderValue","formatText","MenuItem","Box","Typography","type","color","weight","Slider","borderWidth","_","min","max","step","valueLabelDisplay","theme","palette","primary","TextField","borderColor","InputProps","startAdornment","InputAdornment","position","ColorLensIcon","fontSize"],"mappings":"s2BAoBwD,EACtDA,QACAC,kBAEA,MAAMC,OAAEA,GAAWF;AACnB,OACEG,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAYC,WAAS,EAACC,KAAK,QAAQC,GAAI,CAAEC,GAAI,GAC5CN,wBAAAF,EAAAA,KAACS,EAAAA,OAAA,CACCC,MAAM,QACNC,MAAO,MAAAZ,OAAA,EAAAA,EAAQa,YACfC,SAAWC,GAAMhB,EAAY,CAAEC,OAAQ,CAAEa,YAAaE,EAAEC,OAAOJ,SAC/DK,YAAcL,GAAWM,EAAAA,WAAWN,GAEpCT,SAAA;eAAAC,EAAAA,IAACe,EAAAA,QAAA,CAASP,MAAM,QAAQT,SAAA;eACxBC,EAAAA,IAACe,EAAAA,QAAA,CAASP,MAAM,SAAST,SAAA;eACzBC,EAAAA,IAACe,EAAAA,QAAA,CAASP,MAAM,SAAST,SAAA;sBAG5BiB,EAAAA,QAAA,CAAIZ,GAAI,CAAEC,GAAI,GACbN,SAAA;eAAAC,EAAAA,IAACiB,EAAAA,YAAWC,KAAK,KAAKC,MAAM,sBAAsBC,OAAO,SAASrB,SAAA;eAGlEC,EAAAA,IAACqB,EAAAA,QAAA,CACCb,MAAO,MAAAZ,OAAA,EAAAA,EAAQ0B,YACfZ,SAAU,CAACa,EAAGf,IAAUb,EAAY,CAAEC,OAAQ,CAAE0B,YAAad,KAC7DgB,IAAK,EACLC,IAAK,GACLC,KAAM,EACNC,kBAAkB,OAClBxB,KAAK,QACLC,GAAKwB,IAAA,CACH,oBAAqB,CACnBT,MAAOS,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBX,MAAOS,EAAMC,QAAQD,MAAME,QAAQ,MAErC,qBAAsB,CACpBX,MAAOS,EAAMC,QAAQD,MAAME,QAAQ;qBAK1Cd,EAAAA,QAAA,CAAIZ,GAAI,CAAEC,GAAI,GACbN,wBAAAC,EAAAA,IAAC+B,EAAAA,UAAA,CACCxB,MAAM,gBACNW,KAAK,QACLV,MAAO,MAAAZ,OAAA,EAAAA,EAAQoC,YACftB,SAAWC,GAAMhB,EAAY,CAAEC,OAAQ,CAAGoC,YAAarB,EAAEC,OAAOJ,SAChEL,KAAK,QACLD,WAAS,EACT+B,WAAY,CACVC,oCACGC,UAAA,CAAeC,SAAS,QACvBrC,wBAAAC,EAAAA,IAACqC,EAAAA,QAAA,CAAcC,SAAS"}

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

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

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import TextField from "../../../../../components/text-field/text-field/index.esm.js";
-import Select from "../../../../../components/select/select/index.esm.js";
+import { TextField } from "../../../../../components/text-field/text-field/index.esm.js";
+import { Select } from "../../../../../components/select/select/index.esm.js";
 import { Typography } from "../../../../../components/typography/typography/index.esm.js";
 import AlignmentControl from "../AlignmentControl/index.esm.js";
 import BorderControl from "../border-control/index.esm.js";

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

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../../components/text-field/text-field/index.js"),l=require("../../../../../components/select/select/index.js"),i=require("../../../../../components/typography/typography/index.js"),a=require("../AlignmentControl/index.js"),n=require("../border-control/index.js"),r=require("../../../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.js"),s=require("../../../../../node_modules/@mui/material/styles/styled/index.js"),d=require("../../../../../node_modules/@mui/material/Grid/Grid/index.js"),o=require("../../../../../node_modules/@mui/material/Box/Box/index.js"),u=require("../../../../../node_modules/@mui/material/FormControl/FormControl/index.js"),m=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),h=require("../../../../../node_modules/@mui/material/Switch/Switch/index.js");const c=s.default(h.default)(({theme:e})=>({padding:8,"& .MuiSwitch-track":{borderRadius:11,"&::before, &::after":{content:'""',position:"absolute",top:"50%",transform:"translateY(-50%)",width:16,height:16},"&::before":{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(e.palette.getContrastText(e.palette.primary.main))}" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"/></svg>')`,left:12},"&::after":{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(e.palette.getContrastText(e.palette.primary.main))}" d="M19,13H5V11H19V13Z" /></svg>')`,right:12}},"& .MuiSwitch-thumb":{boxShadow:"none",width:16,height:16,margin:2},"& .Mui-checked":{color:e.palette.theme.primary[800]},"& .Mui-checked+.MuiSwitch-track":{backgroundColor:`${e.palette.theme.primary[700]}`}}));exports.default=({attrs:s,updateAttrs:h})=>{const{src:g,alt:x,styles:f}=s||{};/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(t.default,{label:"Image URL",fullWidth:!0,value:g,onChange:e=>h({src:e.target.value}),size:"small",sx:{mb:2}}),
-/* @__PURE__ */e.jsx(t.default,{label:"Alt Text",fullWidth:!0,value:x,onChange:e=>h({alt:e.target.value}),size:"small",sx:{mb:2}}),
+/* @__PURE__ */e.jsx(t.TextField,{label:"Image URL",fullWidth:!0,value:g,onChange:e=>h({src:e.target.value}),size:"small",sx:{mb:2}}),
+/* @__PURE__ */e.jsx(t.TextField,{label:"Alt Text",fullWidth:!0,value:x,onChange:e=>h({alt:e.target.value}),size:"small",sx:{mb:2}}),
 /* @__PURE__ */e.jsx(r.default,{control:/* @__PURE__ */e.jsx(c,{defaultChecked:!0,checked:Boolean(null==f?void 0:f.fullWidth)}),label:/* @__PURE__ */e.jsx(i.Typography,{type:"s5",color:"theme.secondary.800",weight:"medium",children:"Full Width"}),labelPlacement:"start",value:Boolean(null==f?void 0:f.fullWidth),onClick:e=>{const t=e.target.checked;h({styles:{fullWidth:t,width:t?100:150,height:t?"auto":150}})},sx:{display:"flex",alignItems:"center",justifyContent:"space-between",margin:"auto",mb:2}}),
 /* @__PURE__ */e.jsxs(d.default,{container:!0,spacing:2,children:[
-/* @__PURE__ */e.jsx(d.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(t.default,{label:"Width (px)",type:"number",fullWidth:!0,value:(null==f?void 0:f.fullWidth)?"":null==f?void 0:f.width,onChange:e=>h({styles:{width:Number(e.target.value)}}),size:"small",sx:{mb:2},inputProps:{min:1},disabled:null==f?void 0:f.fullWidth})}),
-/* @__PURE__ */e.jsx(d.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(t.default,{label:"Height (px)",type:"number",fullWidth:!0,value:(null==f?void 0:f.fullWidth)?"":null==f?void 0:f.height,onChange:e=>h({styles:{height:Number(e.target.value)}}),size:"small",sx:{mb:2},inputProps:{min:1},disabled:null==f?void 0:f.fullWidth})})]}),
-/* @__PURE__ */e.jsx(o.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(u.default,{size:"small",fullWidth:!0,children:/* @__PURE__ */e.jsxs(l.default,{label:"Object Fit",value:null==f?void 0:f.objectFit,onChange:e=>h({styles:{objectFit:e.target.value}}),displayEmpty:!0,children:[
+/* @__PURE__ */e.jsx(d.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(t.TextField,{label:"Width (px)",type:"number",fullWidth:!0,value:(null==f?void 0:f.fullWidth)?"":null==f?void 0:f.width,onChange:e=>h({styles:{width:Number(e.target.value)}}),size:"small",sx:{mb:2},inputProps:{min:1},disabled:null==f?void 0:f.fullWidth})}),
+/* @__PURE__ */e.jsx(d.default,{item:!0,xs:6,children:/* @__PURE__ */e.jsx(t.TextField,{label:"Height (px)",type:"number",fullWidth:!0,value:(null==f?void 0:f.fullWidth)?"":null==f?void 0:f.height,onChange:e=>h({styles:{height:Number(e.target.value)}}),size:"small",sx:{mb:2},inputProps:{min:1},disabled:null==f?void 0:f.fullWidth})})]}),
+/* @__PURE__ */e.jsx(o.default,{sx:{mb:2},children:/* @__PURE__ */e.jsx(u.default,{size:"small",fullWidth:!0,children:/* @__PURE__ */e.jsxs(l.Select,{label:"Object Fit",value:null==f?void 0:f.objectFit,onChange:e=>h({styles:{objectFit:e.target.value}}),displayEmpty:!0,children:[
 /* @__PURE__ */e.jsx(m.default,{value:"contain",children:"Contain"}),
 /* @__PURE__ */e.jsx(m.default,{value:"cover",children:"Cover"}),
 /* @__PURE__ */e.jsx(m.default,{value:"fill",children:"Fill"}),