@parathantl/react-email-editor 0.1.1 → 0.1.2

package/dist/index.cjs

@@ -1457,7 +1457,11 @@ function EditorProvider({
 var import_react13 = require("react");
 
 // src/styles/error-boundary.module.css
-var error_boundary_default = {};
+var error_boundary_default = {
+  "errorBoundary": "errorBoundary",
+  "errorMessage": "errorMessage",
+  "retryBtn": "retryBtn"
+};
 
 // src/components/ErrorBoundary.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -1508,7 +1512,15 @@ var import_react14 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/styles/confirm-dialog.module.css
-var confirm_dialog_default = {};
+var confirm_dialog_default = {
+  "overlay": "overlay",
+  "dialog": "dialog",
+  "title": "title",
+  "message": "message",
+  "actions": "actions",
+  "btnCancel": "btnCancel",
+  "btnConfirm": "btnConfirm"
+};
 
 // src/components/ConfirmDialog.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -2830,10 +2842,64 @@ function parseMenuBlock(el) {
 }
 
 // src/styles/toolbar.module.css
-var toolbar_default = {};
+var toolbar_default = {
+  "toolbar": "toolbar",
+  "toolbarGroup": "toolbarGroup",
+  "toolbarSeparator": "toolbarSeparator",
+  "toolbarSpacer": "toolbarSpacer",
+  "toolbarBtn": "toolbarBtn",
+  "toolbarBtnActive": "toolbarBtnActive",
+  "toolbarBtnPrimary": "toolbarBtnPrimary",
+  "tabBar": "tabBar",
+  "tabBtn": "tabBtn",
+  "tabBtnActive": "tabBtnActive",
+  "panelToggleBtn": "panelToggleBtn toolbarBtn",
+  "panelToggleBtnActive": "panelToggleBtnActive",
+  "exportWrapper": "exportWrapper",
+  "exportDropdown": "exportDropdown",
+  "exportDropdownItem": "exportDropdownItem",
+  "richTextToolbar": "richTextToolbar",
+  "richTextBtn": "richTextBtn",
+  "richTextBtnActive": "richTextBtnActive",
+  "richTextSeparator": "richTextSeparator",
+  "richTextSelect": "richTextSelect",
+  "richTextSelectSmall": "richTextSelectSmall richTextSelect",
+  "richTextColorWrapper": "richTextColorWrapper",
+  "richTextColorLabel": "richTextColorLabel",
+  "richTextColorIndicator": "richTextColorIndicator",
+  "richTextColorDropdown": "richTextColorDropdown",
+  "richTextColorGrid": "richTextColorGrid",
+  "richTextColorSwatch": "richTextColorSwatch",
+  "richTextColorActions": "richTextColorActions",
+  "richTextColorInput": "richTextColorInput",
+  "richTextColorClearBtn": "richTextColorClearBtn",
+  "richTextLinkDropdown": "richTextLinkDropdown",
+  "richTextLinkLabel": "richTextLinkLabel",
+  "richTextLinkInput": "richTextLinkInput",
+  "richTextLinkError": "richTextLinkError",
+  "richTextLinkActions": "richTextLinkActions",
+  "richTextLinkApply": "richTextLinkApply",
+  "richTextLinkRemove": "richTextLinkRemove"
+};
 
 // src/styles/editor.module.css
-var editor_default = {};
+var editor_default = {
+  "editorWrapper": "editorWrapper",
+  "editorContainer": "editorContainer",
+  "editorBody": "editorBody",
+  "editorPanel": "editorPanel",
+  "sidebarPanel": "sidebarPanel",
+  "canvasPanel": "canvasPanel",
+  "propertiesPanel": "propertiesPanel",
+  "sourceLayout": "sourceLayout",
+  "sourcePane": "sourcePane",
+  "sourcePaneDivider": "sourcePaneDivider",
+  "panelToggle": "panelToggle",
+  "panelOverlay": "panelOverlay",
+  "sidebarOpen": "sidebarOpen",
+  "propertiesOpen": "propertiesOpen",
+  "panelOverlayVisible": "panelOverlayVisible"
+};
 
 // src/components/Toolbar/Toolbar.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -3087,7 +3153,39 @@ function isDropAllowed(e) {
 }
 
 // src/styles/sidebar.module.css
-var sidebar_default = {};
+var sidebar_default = {
+  "sidebar": "sidebar",
+  "sectionTitle": "sectionTitle",
+  "blockPalette": "blockPalette",
+  "blockCard": "blockCard",
+  "blockCardIcon": "blockCardIcon",
+  "blockCardLabel": "blockCardLabel",
+  "variableList": "variableList",
+  "variableHint": "variableHint",
+  "variableGroup": "variableGroup",
+  "variableGroupTitle": "variableGroupTitle",
+  "variableChips": "variableChips",
+  "variableChip": "variableChip",
+  "variableChipInserted": "variableChipInserted",
+  "variableChipCustom": "variableChipCustom",
+  "variableChipDelete": "variableChipDelete",
+  "variableChipIcon": "variableChipIcon",
+  "addVariableSection": "addVariableSection",
+  "addVariableBtn": "addVariableBtn",
+  "addVariableForm": "addVariableForm",
+  "addVariableField": "addVariableField",
+  "addVariableLabel": "addVariableLabel",
+  "addVariableInput": "addVariableInput",
+  "addVariableError": "addVariableError",
+  "addVariableActions": "addVariableActions",
+  "addVariableCancelBtn": "addVariableCancelBtn",
+  "addVariableSubmitBtn": "addVariableSubmitBtn",
+  "layoutSection": "layoutSection",
+  "layoutOption": "layoutOption",
+  "layoutPreview": "layoutPreview",
+  "layoutColumn": "layoutColumn",
+  "layoutLabel": "layoutLabel"
+};
 
 // src/components/Sidebar/BlockPalette.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -4178,10 +4276,65 @@ function InlineColorPicker({ editor, type, title, label }) {
 }
 
 // src/styles/blocks.module.css
-var blocks_default = {};
+var blocks_default = {
+  "textBlock": "textBlock",
+  "textBlockToolbar": "textBlockToolbar",
+  "buttonBlock": "buttonBlock",
+  "buttonBlockLeft": "buttonBlockLeft",
+  "buttonBlockCenter": "buttonBlockCenter",
+  "buttonBlockRight": "buttonBlockRight",
+  "buttonPreview": "buttonPreview",
+  "imageBlock": "imageBlock",
+  "imageBlockLeft": "imageBlockLeft",
+  "imageBlockCenter": "imageBlockCenter",
+  "imageBlockRight": "imageBlockRight",
+  "imagePreview": "imagePreview",
+  "imagePlaceholder": "imagePlaceholder",
+  "imagePlaceholderIcon": "imagePlaceholderIcon",
+  "imageUploading": "imageUploading",
+  "imageProgress": "imageProgress",
+  "imageError": "imageError",
+  "dividerBlock": "dividerBlock",
+  "dividerLine": "dividerLine",
+  "spacerBlock": "spacerBlock",
+  "spacerLabel": "spacerLabel",
+  "socialBlock": "socialBlock",
+  "socialElement": "socialElement",
+  "socialIcon": "socialIcon",
+  "socialLabel": "socialLabel",
+  "socialElementsContainer": "socialElementsContainer",
+  "socialElementItem": "socialElementItem",
+  "htmlBlock": "htmlBlock",
+  "htmlPlaceholder": "htmlPlaceholder",
+  "videoBlock": "videoBlock",
+  "videoBlockLeft": "videoBlockLeft",
+  "videoBlockCenter": "videoBlockCenter",
+  "videoBlockRight": "videoBlockRight",
+  "videoPreview": "videoPreview",
+  "playOverlay": "playOverlay",
+  "videoPlaceholder": "videoPlaceholder",
+  "headingBlock": "headingBlock",
+  "countdownBlock": "countdownBlock",
+  "countdownLabel": "countdownLabel",
+  "countdownDigits": "countdownDigits",
+  "countdownUnit": "countdownUnit",
+  "countdownDigitBox": "countdownDigitBox",
+  "countdownUnitLabel": "countdownUnitLabel",
+  "menuBlock": "menuBlock",
+  "menuItems": "menuItems",
+  "menuItem": "menuItem",
+  "menuItemsContainer": "menuItemsContainer",
+  "menuItemEntry": "menuItemEntry",
+  "heroBlock": "heroBlock",
+  "heroHeading": "heroHeading",
+  "heroSubtext": "heroSubtext",
+  "heroButton": "heroButton"
+};
 
 // src/styles/tiptap.module.css
-var tiptap_default = {};
+var tiptap_default = {
+  "tiptapWrapper": "tiptapWrapper"
+};
 
 // src/components/Canvas/blocks/TextBlock.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
@@ -4878,7 +5031,36 @@ var BlockRenderer = import_react36.default.memo(function BlockRenderer2({ block
 var import_react37 = __toESM(require("react"));
 
 // src/styles/canvas.module.css
-var canvas_default = {};
+var canvas_default = {
+  "canvasWrapper": "canvasWrapper",
+  "canvasBody": "canvasBody",
+  "canvasBodyDragOver": "canvasBodyDragOver",
+  "section": "section",
+  "sectionSelected": "sectionSelected",
+  "sectionFullWidth": "sectionFullWidth",
+  "sectionOverlay": "sectionOverlay",
+  "sectionBtn": "sectionBtn",
+  "sectionBtnDuplicate": "sectionBtnDuplicate",
+  "sectionDragHandle": "sectionDragHandle",
+  "sectionContent": "sectionContent",
+  "column": "column",
+  "blockWrapper": "blockWrapper",
+  "blockSelected": "blockSelected",
+  "blockOverlay": "blockOverlay",
+  "blockBtn": "blockBtn",
+  "blockBtnDuplicate": "blockBtnDuplicate",
+  "blockDropBefore": "blockDropBefore",
+  "blockDropAfter": "blockDropAfter",
+  "dropZone": "dropZone",
+  "dropZoneActive": "dropZoneActive",
+  "dropZoneLabel": "dropZoneLabel",
+  "emptyColumn": "emptyColumn",
+  "emptyColumnActive": "emptyColumnActive",
+  "sectionDropZone": "sectionDropZone",
+  "sectionDropZoneActive": "sectionDropZoneActive",
+  "sectionDropZoneLabel": "sectionDropZoneLabel",
+  "addSectionBtn": "addSectionBtn"
+};
 
 // src/components/Canvas/DropZone.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
@@ -5468,7 +5650,54 @@ var import_react46 = __toESM(require("react"));
 var import_react42 = require("react");
 
 // src/styles/properties.module.css
-var properties_default = {};
+var properties_default = {
+  "propertiesPanel": "propertiesPanel",
+  "propertiesHeader": "propertiesHeader",
+  "propertiesBody": "propertiesBody",
+  "emptyProperties": "emptyProperties",
+  "fieldHint": "fieldHint",
+  "fieldGroup": "fieldGroup",
+  "fieldLabel": "fieldLabel",
+  "fieldInput": "fieldInput",
+  "fieldTextarea": "fieldTextarea fieldInput",
+  "fieldSelect": "fieldSelect fieldInput",
+  "fieldRow": "fieldRow",
+  "fieldHalf": "fieldHalf",
+  "colorPickerWrapper": "colorPickerWrapper",
+  "colorPickerTrigger": "colorPickerTrigger",
+  "colorSwatch": "colorSwatch",
+  "colorValue": "colorValue",
+  "colorPresets": "colorPresets",
+  "colorPresetBtn": "colorPresetBtn",
+  "colorPresetBtnActive": "colorPresetBtnActive",
+  "colorPresetBtnTransparent": "colorPresetBtnTransparent",
+  "colorSwatchTransparent": "colorSwatchTransparent",
+  "paddingGrid": "paddingGrid",
+  "paddingField": "paddingField",
+  "paddingLabel": "paddingLabel",
+  "paddingInput": "paddingInput fieldInput",
+  "alignmentPicker": "alignmentPicker",
+  "alignmentBtn": "alignmentBtn",
+  "alignmentBtnActive": "alignmentBtnActive",
+  "sliderWrapper": "sliderWrapper",
+  "sliderInput": "sliderInput",
+  "sliderValue": "sliderValue",
+  "itemActionBtn": "itemActionBtn",
+  "itemActionBtnDanger": "itemActionBtnDanger itemActionBtn",
+  "addItemBtn": "addItemBtn",
+  "fieldInputFlex": "fieldInputFlex fieldInput",
+  "fieldRowCompact": "fieldRowCompact",
+  "fieldSelectNarrow": "fieldSelectNarrow fieldSelect",
+  "fieldTextareaCode": "fieldTextareaCode fieldInput",
+  "fieldBtnUpload": "fieldBtnUpload fieldInput",
+  "fieldBtnUploadDisabled": "fieldBtnUploadDisabled fieldBtnUpload",
+  "validationError": "validationError",
+  "fieldInputStacked": "fieldInputStacked fieldInput",
+  "checkboxLabel": "checkboxLabel fieldLabel",
+  "colorPresetBtnFull": "colorPresetBtnFull",
+  "colorNativeInput": "colorNativeInput",
+  "separator": "separator"
+};
 
 // src/components/Properties/controls/ColorPicker.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
@@ -6138,7 +6367,7 @@ function SocialProperties({ block }) {
     [block.properties.elements, update]
   );
   const addElement = (0, import_react51.useCallback)(() => {
-    const elements = [...block.properties.elements, { name: "web", href: "#" }];
+    const elements = [...block.properties.elements, { id: generateId("se"), name: "web", href: "#" }];
     update({ elements });
   }, [block.properties.elements, update]);
   const removeElement = (0, import_react51.useCallback)(
@@ -6216,7 +6445,7 @@ function SocialProperties({ block }) {
             placeholder: "Label (optional)"
           }
         )
-      ] }, index)) }),
+      ] }, element.id ?? `se-${index}`)) }),
       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("button", { className: `ee-add-item ${properties_default.addItemBtn}`, onClick: addElement, children: "+ Add Element" })
     ] })
   ] });
@@ -6406,7 +6635,7 @@ function MenuProperties({ block }) {
     [block.properties.items, update]
   );
   const addItem = (0, import_react54.useCallback)(() => {
-    const items = [...block.properties.items, { text: "Link", href: "#" }];
+    const items = [...block.properties.items, { id: generateId("mi"), text: "Link", href: "#" }];
     update({ items });
   }, [block.properties.items, update]);
   const removeItem = (0, import_react54.useCallback)(
@@ -6463,7 +6692,7 @@ function MenuProperties({ block }) {
             placeholder: "URL"
           }
         )
-      ] }, index)) }),
+      ] }, item.id ?? `mi-${index}`)) }),
       /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { className: `ee-add-item ${properties_default.addItemBtn}`, onClick: addItem, children: "+ Add Item" })
     ] })
   ] });
@@ -6616,7 +6845,16 @@ function PropertiesPanel() {
 var import_react56 = require("react");
 
 // src/styles/preview.module.css
-var preview_default = {};
+var preview_default = {
+  "preview": "preview",
+  "previewToggles": "previewToggles",
+  "previewToggle": "previewToggle",
+  "previewToggleActive": "previewToggleActive",
+  "previewToggleDesktop": "previewToggleDesktop",
+  "previewToggleMobile": "previewToggleMobile",
+  "previewContainer": "previewContainer",
+  "previewIframe": "previewIframe"
+};
 
 // src/components/Preview/PreviewPanel.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
@@ -6696,7 +6934,14 @@ function PreviewPanel() {
 var import_react57 = require("react");
 
 // src/styles/source-editor.module.css
-var source_editor_default = {};
+var source_editor_default = {
+  "sourceEditor": "sourceEditor",
+  "sourceHeader": "sourceHeader",
+  "sourceLabel": "sourceLabel",
+  "sourceApply": "sourceApply",
+  "sourceError": "sourceError",
+  "sourceTextarea": "sourceTextarea"
+};
 
 // src/components/SourceEditor/SourceEditor.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");