@flozy/editor 1.6.0 → 1.6.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (110) hide show
  1. package/dist/Editor/CommonEditor.js +131 -104
  2. package/dist/Editor/DialogWrapper.js +3 -0
  3. package/dist/Editor/Editor.css +27 -36
  4. package/dist/Editor/Elements/Accordion/AccordionButton.js +13 -12
  5. package/dist/Editor/Elements/AppHeader/AppHeader.js +2 -2
  6. package/dist/Editor/Elements/Button/ButtonToolIcon.js +10 -9
  7. package/dist/Editor/Elements/Button/EditorButton.js +4 -20
  8. package/dist/Editor/Elements/Carousel/Carousel.js +47 -28
  9. package/dist/Editor/Elements/Carousel/CarouselButton.js +7 -8
  10. package/dist/Editor/Elements/Color Picker/ColorButtons.js +133 -0
  11. package/dist/Editor/Elements/Color Picker/ColorPicker.js +39 -19
  12. package/dist/Editor/Elements/Color Picker/Styles.js +51 -0
  13. package/dist/Editor/Elements/Color Picker/defaultColors.js +1 -1
  14. package/dist/Editor/Elements/Embed/Embed.js +33 -126
  15. package/dist/Editor/Elements/Embed/Image.js +15 -7
  16. package/dist/Editor/Elements/Embed/Video.js +12 -5
  17. package/dist/Editor/Elements/Emoji/EmojiButton.js +73 -0
  18. package/dist/Editor/Elements/Emoji/EmojiPicker.js +0 -0
  19. package/dist/Editor/Elements/Form/Form.js +24 -12
  20. package/dist/Editor/Elements/Form/FormButton.js +11 -9
  21. package/dist/Editor/Elements/Form/FormElements/FormText.js +1 -0
  22. package/dist/Editor/Elements/Form/FormField.js +7 -1
  23. package/dist/Editor/Elements/Grid/Grid.js +15 -4
  24. package/dist/Editor/Elements/Grid/GridButton.js +52 -29
  25. package/dist/Editor/Elements/Grid/GridItem.js +30 -19
  26. package/dist/Editor/Elements/Grid/Styles.js +11 -0
  27. package/dist/Editor/Elements/List/CheckList.js +57 -0
  28. package/dist/Editor/Elements/List/CheckListButton.js +24 -0
  29. package/dist/Editor/Elements/NewLine/NewLineButton.js +14 -14
  30. package/dist/Editor/Elements/PageSettings/PageSettingsButton.js +17 -60
  31. package/dist/Editor/Elements/Signature/Signature.js +9 -3
  32. package/dist/Editor/Elements/Signature/SignatureButton.js +10 -9
  33. package/dist/Editor/Elements/Signature/SignaturePopup.js +42 -6
  34. package/dist/Editor/Elements/SimpleText.js +62 -0
  35. package/dist/Editor/Elements/Table/Styles.js +66 -0
  36. package/dist/Editor/Elements/Table/Table.js +33 -16
  37. package/dist/Editor/Elements/Table/TableCell.js +54 -24
  38. package/dist/Editor/Elements/Table/TableSelector.js +13 -15
  39. package/dist/Editor/Elements/Table/table.css +0 -10
  40. package/dist/Editor/Elements/TopBanner/Styles.js +33 -0
  41. package/dist/Editor/Elements/TopBanner/TopBanner.js +106 -0
  42. package/dist/Editor/Elements/TopBanner/TopBannerButton.js +47 -0
  43. package/dist/Editor/Styles/EditorStyles.js +50 -0
  44. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +8 -3
  45. package/dist/Editor/Toolbar/FormatTools/FontFamilyDropdown.js +16 -16
  46. package/dist/Editor/Toolbar/FormatTools/FontSize.js +17 -17
  47. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -3
  48. package/dist/Editor/Toolbar/FormatTools/index.js +3 -2
  49. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +101 -0
  50. package/dist/Editor/Toolbar/Mini/Options/Options.js +17 -0
  51. package/dist/Editor/Toolbar/Mini/Styles.js +30 -0
  52. package/dist/Editor/Toolbar/PopupTool/AddElements.js +32 -0
  53. package/dist/Editor/Toolbar/PopupTool/AddTemplates.js +115 -0
  54. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +65 -0
  55. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +160 -6
  56. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +263 -80
  57. package/dist/Editor/Toolbar/PopupTool/index.js +33 -44
  58. package/dist/Editor/Toolbar/Toolbar.js +178 -134
  59. package/dist/Editor/Toolbar/styles.css +1 -1
  60. package/dist/Editor/Toolbar/toolbarGroups.js +83 -34
  61. package/dist/Editor/assets/svg/AddElementIcon.js +29 -0
  62. package/dist/Editor/assets/svg/AddTemplateIcon.js +29 -0
  63. package/dist/Editor/assets/svg/TextIcon.js +29 -0
  64. package/dist/Editor/common/Icon.js +48 -5
  65. package/dist/Editor/common/ImageList.js +10 -4
  66. package/dist/Editor/common/ImageSelector/ImageSelector.js +117 -0
  67. package/dist/Editor/common/ImageSelector/Options/AddLink.js +44 -0
  68. package/dist/Editor/common/ImageSelector/Options/ChooseAssets.js +39 -0
  69. package/dist/Editor/common/ImageSelector/Options/Upload.js +30 -0
  70. package/dist/Editor/common/ImageSelector/Styles.js +41 -0
  71. package/dist/Editor/common/ImageUploader.js +19 -8
  72. package/dist/Editor/common/MentionsPopup/ElementsListCard.js +66 -0
  73. package/dist/Editor/common/MentionsPopup/MentionsListCard.js +70 -0
  74. package/dist/Editor/common/MentionsPopup/Styles.js +68 -0
  75. package/dist/Editor/common/MentionsPopup/index.js +129 -0
  76. package/dist/Editor/common/Shorthands/elements.js +191 -0
  77. package/dist/Editor/common/Shorthands/index.js +7 -0
  78. package/dist/Editor/common/Shorthands/mentions.js +8 -0
  79. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +21 -73
  80. package/dist/Editor/common/StyleBuilder/fieldTypes/buttonLink.js +3 -20
  81. package/dist/Editor/common/StyleBuilder/index.js +0 -1
  82. package/dist/Editor/common/StyleBuilder/tableStyle.js +9 -5
  83. package/dist/Editor/common/ToolbarIcon.js +43 -0
  84. package/dist/Editor/common/Uploader.js +10 -7
  85. package/dist/Editor/common/iconslist.js +46 -1
  86. package/dist/Editor/hooks/useMentions.js +104 -17
  87. package/dist/Editor/hooks/useMouseMove.js +53 -0
  88. package/dist/Editor/hooks/useScroll.js +26 -0
  89. package/dist/Editor/plugins/withEmbeds.js +12 -0
  90. package/dist/Editor/service/fileupload.js +2 -2
  91. package/dist/Editor/utils/SlateUtilityFunctions.js +61 -10
  92. package/dist/Editor/utils/carousel.js +5 -2
  93. package/dist/Editor/utils/carouselItem.js +2 -2
  94. package/dist/Editor/utils/customHooks/useResize.js +2 -3
  95. package/dist/Editor/utils/customHooks/useTableResize.js +2 -1
  96. package/dist/Editor/utils/embed.js +19 -5
  97. package/dist/Editor/utils/emoji.js +8 -0
  98. package/dist/Editor/utils/events.js +49 -12
  99. package/dist/Editor/utils/form.js +3 -9
  100. package/dist/Editor/utils/formfield.js +2 -1
  101. package/dist/Editor/utils/grid.js +44 -8
  102. package/dist/Editor/utils/gridItem.js +4 -3
  103. package/dist/Editor/utils/insertNewLine.js +12 -0
  104. package/dist/Editor/utils/mentions.js +14 -10
  105. package/dist/Editor/utils/pageSettings.js +67 -0
  106. package/dist/Editor/utils/signature.js +6 -8
  107. package/dist/Editor/utils/table.js +79 -18
  108. package/dist/Editor/utils/topBanner.js +58 -0
  109. package/package.json +4 -1
  110. package/dist/Editor/common/MentionsPopup.js +0 -56
@@ -24,9 +24,180 @@ import FormButton from "../Elements/Form/FormButton.js";
24
24
  import Text from "./FormatTools/Text";
25
25
  import ChipTextButton from "../Elements/ChipText/ChipTextButton";
26
26
  import InlineIconButton from "../Elements/InlineIcon/InlineIconButton";
27
+ import EmojiButton from "../Elements/Emoji/EmojiButton.js";
27
28
  import "./styles.css";
29
+ import TopBannerButton from "../Elements/TopBanner/TopBannerButton.js";
28
30
  import { jsx as _jsx } from "react/jsx-runtime";
29
31
  import { jsxs as _jsxs } from "react/jsx-runtime";
32
+ export const RenderToolbarIcon = props => {
33
+ const {
34
+ element,
35
+ editor,
36
+ customProps,
37
+ gi,
38
+ handleCodeToText,
39
+ icoBtnType
40
+ } = props;
41
+ const renderIcon = () => {
42
+ switch (element.type) {
43
+ case "block":
44
+ return /*#__PURE__*/_jsx(BlockButton, {
45
+ ...element,
46
+ editor: editor
47
+ }, element.id);
48
+ case "mark":
49
+ return /*#__PURE__*/_jsx(MarkButton, {
50
+ ...element,
51
+ editor: editor
52
+ }, element.id);
53
+ case "dropdown":
54
+ return /*#__PURE__*/_jsx(Dropdown, {
55
+ ...element,
56
+ editor: editor
57
+ }, element.id);
58
+ case "fontfamilydropdown":
59
+ return /*#__PURE__*/_jsx(FontFamilyDropdown, {
60
+ ...element,
61
+ editor: editor
62
+ }, element.id);
63
+ case "numberInput":
64
+ return /*#__PURE__*/_jsx(FontSize, {
65
+ editor: editor,
66
+ ...element
67
+ }, element.id);
68
+ case "fontSize":
69
+ return /*#__PURE__*/_jsx(TextSize, {
70
+ ...element,
71
+ editor: editor
72
+ }, element.id);
73
+ case "text":
74
+ return /*#__PURE__*/_jsx(Text, {
75
+ ...element,
76
+ editor: editor,
77
+ style: {
78
+ width: "80px"
79
+ }
80
+ }, element.id);
81
+ case "link":
82
+ return /*#__PURE__*/_jsx(LinkButton, {
83
+ active: isBlockActive(editor, "link"),
84
+ editor: editor
85
+ }, element.id);
86
+ case "embed":
87
+ return /*#__PURE__*/_jsx(Embed, {
88
+ format: element.format,
89
+ editor: editor,
90
+ customProps: customProps,
91
+ icoBtnType: icoBtnType,
92
+ lbT: element.lbT
93
+ }, element.id);
94
+ case "color-picker":
95
+ return /*#__PURE__*/_jsx(ColorPicker, {
96
+ activeMark: activeMark,
97
+ format: element.format,
98
+ editor: editor,
99
+ title: element.title
100
+ }, element.id);
101
+ case "table":
102
+ return /*#__PURE__*/_jsx(TableSelector, {
103
+ editor: editor,
104
+ icoBtnType: icoBtnType
105
+ }, element.id);
106
+ case "id":
107
+ return /*#__PURE__*/_jsx(Id, {
108
+ editor: editor
109
+ }, `gi_id_${gi}`);
110
+ case "equation":
111
+ return /*#__PURE__*/_jsx(EquationButton, {
112
+ editor: editor
113
+ }, `gi_equation_${gi}`);
114
+ case "codeToText":
115
+ return /*#__PURE__*/_jsx(CodeToTextButton, {
116
+ handleButtonClick: handleCodeToText
117
+ }, `gi_codeToText_${gi}`);
118
+ case "grid":
119
+ return /*#__PURE__*/_jsx(GridButton, {
120
+ editor: editor,
121
+ customProps: customProps,
122
+ icoBtnType: icoBtnType
123
+ }, element.id);
124
+ case "newLine":
125
+ return /*#__PURE__*/_jsx(NewLineButton, {
126
+ editor: editor,
127
+ icoBtnType: icoBtnType
128
+ }, element.id);
129
+ case "accordion":
130
+ return /*#__PURE__*/_jsx(AccordionButton, {
131
+ editor: editor
132
+ }, element.id);
133
+ case "signature":
134
+ return /*#__PURE__*/_jsx(SignatureButton, {
135
+ editor: editor,
136
+ icoBtnType: icoBtnType
137
+ }, element.id);
138
+ case "button":
139
+ return /*#__PURE__*/_jsx(ButtonToolIcon, {
140
+ editor: editor,
141
+ icoBtnType: icoBtnType
142
+ }, element.id);
143
+ case "page-settings":
144
+ return /*#__PURE__*/_jsx(PageSettingsButton, {
145
+ editor: editor,
146
+ customProps: customProps,
147
+ icoBtnType: icoBtnType
148
+ }, element.id);
149
+ case "carousel":
150
+ return /*#__PURE__*/_jsx(CarouselButton, {
151
+ editor: editor,
152
+ icoBtnType: icoBtnType
153
+ }, element.id);
154
+ case "chip-text":
155
+ return /*#__PURE__*/_jsx(ChipTextButton, {
156
+ editor: editor,
157
+ customProps: customProps
158
+ }, element.id);
159
+ // case "drawer":
160
+ // return (
161
+ // <DrawerMenuButton
162
+ // key={element.id}
163
+ // editor={editor}
164
+ // customProps={customProps}
165
+ // />
166
+ // );
167
+ case "app-header":
168
+ return /*#__PURE__*/_jsx(AppHeaderButton, {
169
+ editor: editor,
170
+ customProps: customProps
171
+ }, element.id);
172
+ case "form":
173
+ return /*#__PURE__*/_jsx(FormButton, {
174
+ editor: editor,
175
+ customProps: customProps,
176
+ icoBtnType: icoBtnType
177
+ }, element.id);
178
+ case "icon-text":
179
+ return /*#__PURE__*/_jsx(InlineIconButton, {
180
+ editor: editor,
181
+ customProps: customProps
182
+ }, element.id);
183
+ case "emoji":
184
+ return /*#__PURE__*/_jsx(EmojiButton, {
185
+ editor: editor,
186
+ customProps: customProps,
187
+ icoBtnType: icoBtnType
188
+ }, element.id);
189
+ case "topbanner":
190
+ return /*#__PURE__*/_jsx(TopBannerButton, {
191
+ editor: editor,
192
+ customProps: customProps,
193
+ icoBtnType: icoBtnType
194
+ }, element.id);
195
+ default:
196
+ return null;
197
+ }
198
+ };
199
+ return renderIcon();
200
+ };
30
201
  const Toolbar = props => {
31
202
  const {
32
203
  handleCodeToText,
@@ -58,140 +229,13 @@ const Toolbar = props => {
58
229
  children: [toolbarGroups.map((group, index) => /*#__PURE__*/_jsx("span", {
59
230
  className: `toolbar-grp1 ${toolbarOptions?.toolbarPosition}`,
60
231
  children: group.map((element, gi) => {
61
- switch (element.type) {
62
- case "block":
63
- return /*#__PURE__*/_jsx(BlockButton, {
64
- ...element,
65
- editor: editor
66
- }, element.id);
67
- case "mark":
68
- return /*#__PURE__*/_jsx(MarkButton, {
69
- ...element,
70
- editor: editor
71
- }, element.id);
72
- case "dropdown":
73
- return /*#__PURE__*/_jsx(Dropdown, {
74
- ...element,
75
- editor: editor
76
- }, element.id);
77
- case "fontfamilydropdown":
78
- return /*#__PURE__*/_jsx(FontFamilyDropdown, {
79
- ...element,
80
- editor: editor
81
- }, element.id);
82
- case "numberInput":
83
- return /*#__PURE__*/_jsx(FontSize, {
84
- editor: editor,
85
- ...element
86
- }, element.id);
87
- case "fontSize":
88
- return /*#__PURE__*/_jsx(TextSize, {
89
- ...element,
90
- editor: editor
91
- }, element.id);
92
- case "text":
93
- return /*#__PURE__*/_jsx(Text, {
94
- ...element,
95
- editor: editor,
96
- style: {
97
- width: "80px"
98
- }
99
- }, element.id);
100
- case "link":
101
- return /*#__PURE__*/_jsx(LinkButton, {
102
- active: isBlockActive(editor, "link"),
103
- editor: editor
104
- }, element.id);
105
- case "embed":
106
- return /*#__PURE__*/_jsx(Embed, {
107
- format: element.format,
108
- editor: editor,
109
- customProps: customProps
110
- }, element.id);
111
- case "color-picker":
112
- return /*#__PURE__*/_jsx(ColorPicker, {
113
- activeMark: activeMark,
114
- format: element.format,
115
- editor: editor,
116
- title: element.title
117
- }, element.id);
118
- case "table":
119
- return /*#__PURE__*/_jsx(TableSelector, {
120
- editor: editor
121
- }, element.id);
122
- case "id":
123
- return /*#__PURE__*/_jsx(Id, {
124
- editor: editor
125
- }, `gi_id_${gi}`);
126
- case "equation":
127
- return /*#__PURE__*/_jsx(EquationButton, {
128
- editor: editor
129
- }, `gi_equation_${gi}`);
130
- case "codeToText":
131
- return /*#__PURE__*/_jsx(CodeToTextButton, {
132
- handleButtonClick: handleCodeToText
133
- }, `gi_codeToText_${gi}`);
134
- case "grid":
135
- return /*#__PURE__*/_jsx(GridButton, {
136
- editor: editor,
137
- customProps: customProps
138
- }, element.id);
139
- case "newLine":
140
- return /*#__PURE__*/_jsx(NewLineButton, {
141
- editor: editor
142
- }, element.id);
143
- case "accordion":
144
- return /*#__PURE__*/_jsx(AccordionButton, {
145
- editor: editor
146
- }, element.id);
147
- case "signature":
148
- return /*#__PURE__*/_jsx(SignatureButton, {
149
- editor: editor
150
- }, element.id);
151
- case "button":
152
- return /*#__PURE__*/_jsx(ButtonToolIcon, {
153
- editor: editor
154
- }, element.id);
155
- case "page-settings":
156
- return /*#__PURE__*/_jsx(PageSettingsButton, {
157
- editor: editor,
158
- customProps: customProps
159
- }, element.id);
160
- case "carousel":
161
- return /*#__PURE__*/_jsx(CarouselButton, {
162
- editor: editor
163
- }, element.id);
164
- case "chip-text":
165
- return /*#__PURE__*/_jsx(ChipTextButton, {
166
- editor: editor,
167
- customProps: customProps
168
- }, element.id);
169
- // case "drawer":
170
- // return (
171
- // <DrawerMenuButton
172
- // key={element.id}
173
- // editor={editor}
174
- // customProps={customProps}
175
- // />
176
- // );
177
- case "app-header":
178
- return /*#__PURE__*/_jsx(AppHeaderButton, {
179
- editor: editor,
180
- customProps: customProps
181
- }, element.id);
182
- case "form":
183
- return /*#__PURE__*/_jsx(FormButton, {
184
- editor: editor,
185
- customProps: customProps
186
- }, element.id);
187
- case "icon-text":
188
- return /*#__PURE__*/_jsx(InlineIconButton, {
189
- editor: editor,
190
- customProps: customProps
191
- }, element.id);
192
- default:
193
- return null;
194
- }
232
+ return /*#__PURE__*/_jsx(RenderToolbarIcon, {
233
+ editor: editor,
234
+ element: element,
235
+ gi: gi,
236
+ handleCodeToText: handleCodeToText,
237
+ customProps: customProps
238
+ }, `ri_${element.id}`);
195
239
  })
196
240
  }, index)), /*#__PURE__*/_jsx(HtmlContextMenu, {
197
241
  editor: editor,
@@ -130,7 +130,7 @@ select {
130
130
  }
131
131
 
132
132
  .toolbar .editor-dd {
133
- width: 200px !important;
133
+ width: 200px;
134
134
  }
135
135
 
136
136
  .toolbar .MuiIconButton-root {}
@@ -1,4 +1,5 @@
1
1
  import { fontOptions } from "../utils/font";
2
+ import FormatBoldIcon from "@mui/icons-material/FormatBold";
2
3
  export const toolbarGroups = [[{
3
4
  id: 1,
4
5
  format: "fontFamily",
@@ -21,6 +22,25 @@ export const toolbarGroups = [[{
21
22
  text: "48px",
22
23
  value: "48px"
23
24
  }]
25
+ }, {
26
+ id: 40,
27
+ format: "fontWeight",
28
+ type: "dropdown",
29
+ options: [{
30
+ text: "Normal",
31
+ value: "normal"
32
+ }, {
33
+ text: "Bold",
34
+ value: "bold"
35
+ }, {
36
+ text: "Bolder",
37
+ value: "bolder"
38
+ }, {
39
+ text: "Lighter",
40
+ value: "lighter"
41
+ }],
42
+ icon: FormatBoldIcon,
43
+ width: "100px"
24
44
  }], [{
25
45
  id: 3,
26
46
  format: "bold",
@@ -65,32 +85,44 @@ export const toolbarGroups = [[{
65
85
  id: 11,
66
86
  format: "headingOne",
67
87
  type: "block",
68
- title: "H1"
88
+ title: "H1",
89
+ group: "typography"
69
90
  }, {
70
91
  id: 12,
71
92
  format: "headingTwo",
72
93
  type: "block",
73
- title: "H2"
94
+ title: "H2",
95
+ group: "typography"
74
96
  }, {
75
97
  id: 13,
76
98
  format: "headingThree",
77
99
  type: "block",
78
- title: "H3"
100
+ title: "H3",
101
+ group: "typography"
79
102
  }, {
80
103
  id: 14,
81
104
  format: "blockquote",
82
105
  type: "block",
83
- title: "Block Quote"
106
+ title: "Block Quote",
107
+ group: "typography"
84
108
  }], [{
85
109
  id: 15,
86
110
  format: "orderedList",
87
111
  type: "block",
88
- title: "Ordered List"
112
+ title: "Ordered List",
113
+ group: "list"
89
114
  }, {
90
115
  id: 16,
91
116
  format: "unorderedList",
92
117
  type: "block",
93
- title: "Un-ordered List"
118
+ title: "Un-ordered List",
119
+ group: "list"
120
+ }, {
121
+ id: 43,
122
+ format: "checkList",
123
+ type: "block",
124
+ title: "Check List",
125
+ group: "list"
94
126
  }], [{
95
127
  id: 17,
96
128
  format: "alignLeft",
@@ -113,63 +145,80 @@ export const toolbarGroups = [[{
113
145
  }, {
114
146
  id: 21,
115
147
  format: "image",
116
- type: "embed"
148
+ type: "embed",
149
+ group: "elements"
117
150
  }, {
118
151
  id: 22,
119
152
  format: "video",
120
- type: "embed"
153
+ type: "embed",
154
+ group: "elements"
155
+ }, {
156
+ id: 44,
157
+ lbT: "embed",
158
+ format: "video",
159
+ type: "embed",
160
+ group: "elements"
121
161
  }, {
122
- id: 23,
123
- type: "table"
162
+ id: 45,
163
+ format: "topbanner",
164
+ type: "topbanner",
165
+ group: "elements"
166
+ }, {
167
+ id: 42,
168
+ type: "table",
169
+ group: "elements"
124
170
  }], [{
125
171
  id: 28,
126
172
  format: "grid",
127
- type: "grid"
173
+ type: "grid",
174
+ group: "elements"
175
+ }, {
176
+ id: 41,
177
+ format: "emoji",
178
+ type: "emoji",
179
+ group: "elements"
128
180
  }, {
129
181
  id: 29,
130
182
  format: "newLine",
131
- type: "newLine"
183
+ type: "newLine",
184
+ group: "elements"
132
185
  }, {
133
186
  id: 30,
134
187
  format: "accordion",
135
- type: "accordion"
188
+ type: "accordion",
189
+ group: "list",
190
+ component: "AccordionButton"
136
191
  }, {
137
192
  id: 31,
138
193
  format: "signature",
139
- type: "signature"
194
+ type: "signature",
195
+ group: "elements"
140
196
  }, {
141
197
  id: 32,
142
198
  format: "button",
143
- type: "button"
144
- }, {
145
- id: 33,
146
- format: "pageSettings",
147
- type: "page-settings"
199
+ type: "button",
200
+ group: "elements"
148
201
  }, {
149
202
  id: 34,
150
203
  format: "carousel",
151
- type: "carousel"
204
+ type: "carousel",
205
+ group: "elements"
152
206
  }, {
153
207
  id: 35,
154
208
  format: "chipText",
155
209
  type: "chip-text"
156
- },
157
- // {
158
- // id: 36,
159
- // format: "drawer",
160
- // type: "drawer",
161
- // },
162
- {
210
+ }, {
163
211
  id: 37,
164
212
  format: "appHeader",
165
213
  type: "app-header"
166
214
  }, {
167
215
  id: 38,
168
216
  format: "form",
169
- type: "form"
170
- }
171
- // {
172
- // id: 39,
173
- // type: "icon-text",
174
- // },
175
- ]];
217
+ type: "form",
218
+ group: "elements"
219
+ }, {
220
+ id: 33,
221
+ format: "pageSettings",
222
+ type: "page-settings",
223
+ group: "elements"
224
+ }]];
@@ -0,0 +1,29 @@
1
+ import React from "react";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { jsxs as _jsxs } from "react/jsx-runtime";
4
+ const AddElementIcon = () => {
5
+ return /*#__PURE__*/_jsxs("svg", {
6
+ width: "17",
7
+ height: "16",
8
+ viewBox: "0 0 17 16",
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ children: [/*#__PURE__*/_jsx("rect", {
12
+ x: "1.25",
13
+ y: "0.75",
14
+ width: "14.5",
15
+ height: "14.5",
16
+ rx: "7.25",
17
+ strokeWidth: "1.5"
18
+ }), /*#__PURE__*/_jsx("path", {
19
+ d: "M8.50024 4.66748L8.50024 11.3341",
20
+ strokeWidth: "1.5",
21
+ strokeLinecap: "round"
22
+ }), /*#__PURE__*/_jsx("path", {
23
+ d: "M5.16687 8.03613H11.8335",
24
+ strokeWidth: "1.5",
25
+ strokeLinecap: "round"
26
+ })]
27
+ });
28
+ };
29
+ export default AddElementIcon;
@@ -0,0 +1,29 @@
1
+ import React from "react";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { jsxs as _jsxs } from "react/jsx-runtime";
4
+ const AddElementIcon = () => {
5
+ return /*#__PURE__*/_jsxs("svg", {
6
+ width: "17",
7
+ height: "16",
8
+ viewBox: "0 0 17 16",
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ children: [/*#__PURE__*/_jsx("path", {
12
+ d: "M9.17334 1.94688L13.1067 3.69354C14.24 4.19354 14.24 5.02021 13.1067 5.52021L9.17334 7.26688C8.72667 7.46688 7.99334 7.46688 7.54667 7.26688L3.61334 5.52021C2.48 5.02021 2.48 4.19354 3.61334 3.69354L7.54667 1.94688C7.99334 1.74687 8.72667 1.74687 9.17334 1.94688Z",
13
+ strokeWidth: "1.2",
14
+ strokeLinecap: "round",
15
+ strokeLinejoin: "round"
16
+ }), /*#__PURE__*/_jsx("path", {
17
+ d: "M2.5 7.3335C2.5 7.8935 2.92 8.54016 3.43333 8.76683L7.96 10.7802C8.30667 10.9335 8.7 10.9335 9.04 10.7802L13.5667 8.76683C14.08 8.54016 14.5 7.8935 14.5 7.3335",
18
+ strokeWidth: "1.2",
19
+ strokeLinecap: "round",
20
+ strokeLinejoin: "round"
21
+ }), /*#__PURE__*/_jsx("path", {
22
+ d: "M2.5 10.6665C2.5 11.2865 2.86667 11.8465 3.43333 12.0998L7.96 14.1132C8.30667 14.2665 8.7 14.2665 9.04 14.1132L13.5667 12.0998C14.1333 11.8465 14.5 11.2865 14.5 10.6665",
23
+ strokeWidth: "1.2",
24
+ strokeLinecap: "round",
25
+ strokeLinejoin: "round"
26
+ })]
27
+ });
28
+ };
29
+ export default AddElementIcon;
@@ -0,0 +1,29 @@
1
+ import React from "react";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { jsxs as _jsxs } from "react/jsx-runtime";
4
+ const TextIcon = () => {
5
+ return /*#__PURE__*/_jsxs("svg", {
6
+ width: "15",
7
+ height: "14",
8
+ viewBox: "0 0 15 14",
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ children: [/*#__PURE__*/_jsx("path", {
12
+ d: "M2.0575 4.18274V3.12107C2.0575 2.45024 2.59999 1.91357 3.265 1.91357H11.735C12.4058 1.91357 12.9425 2.45607 12.9425 3.12107V4.18274",
13
+ strokeWidth: "1.5",
14
+ strokeLinecap: "round",
15
+ strokeLinejoin: "round"
16
+ }), /*#__PURE__*/_jsx("path", {
17
+ d: "M7.5 12.0866V2.39746",
18
+ strokeWidth: "1.5",
19
+ strokeLinecap: "round",
20
+ strokeLinejoin: "round"
21
+ }), /*#__PURE__*/_jsx("path", {
22
+ d: "M5.20166 12.0864H9.79833",
23
+ strokeWidth: "1.5",
24
+ strokeLinecap: "round",
25
+ strokeLinejoin: "round"
26
+ })]
27
+ });
28
+ };
29
+ export default TextIcon;
@@ -1,10 +1,13 @@
1
1
  import React from "react";
2
- import { MdFormatQuote, MdFormatAlignLeft, MdFormatAlignCenter, MdFormatAlignRight, MdFormatListNumbered, MdFormatListBulleted, MdAdd, MdArrowForward } from "react-icons/md";
3
- import { BsTypeH1, BsTypeH2, BsTypeH3, BsCameraVideoFill } from "react-icons/bs";
4
- import { FaSuperscript, FaSubscript } from "react-icons/fa";
2
+ import { MdFormatQuote, MdFormatAlignLeft, MdFormatAlignCenter, MdFormatAlignRight, MdFormatListNumbered, MdFormatListBulleted, MdAdd, MdArrowForward, MdEmojiEmotions, MdOutlinePermMedia, MdOutlineFileUpload } from "react-icons/md";
3
+ import { BsTypeH1, BsTypeH2, BsTypeH3, BsCameraVideoFill, BsArrowBarRight, BsArrowBarLeft } from "react-icons/bs";
4
+ import { FaSuperscript, FaSubscript, FaLink } from "react-icons/fa";
5
+ import { FcAddRow, FcAddColumn } from "react-icons/fc";
5
6
  import { AiFillEdit, AiOutlineInsertRowBelow, AiOutlineInsertRowRight, AiOutlineDelete, AiFillTag, AiOutlineUpload, AiOutlineArrowsAlt, AiOutlineInsertRowAbove, AiOutlineInsertRowLeft, AiFillHtml5 } from "react-icons/ai";
6
7
  import { SiLatex } from "react-icons/si";
7
- import { BoldIcon, FontFamilyIcon, FontSizeIcon, ImageIcon, ItalicIcon, LinkIcon, StrikethroughIcon, TableIcon, UnderLineIcon, VideoIcon } from "./iconslist";
8
+ import { RiDeleteColumn, RiDeleteRow } from "react-icons/ri";
9
+ import { IoIosImage, IoIosLink } from "react-icons/io";
10
+ import { GridIcon, AccordionIcon, SignatureIcon, ButtonIcon, Carousal, FormIcon, BoldIcon, FontFamilyIcon, FontSizeIcon, ImageIcon, ItalicIcon, LinkIcon, StrikethroughIcon, TableIcon, UnderLineIcon, VideoIcon, CheckboxIcon } from "./iconslist";
8
11
  import { jsx as _jsx } from "react/jsx-runtime";
9
12
  const iconList = {
10
13
  fontFamily: /*#__PURE__*/_jsx(FontFamilyIcon, {
@@ -74,7 +77,7 @@ const iconList = {
74
77
  fill: "#64748B"
75
78
  }),
76
79
  // link: <MdInsertLink size={20} />,
77
- link: /*#__PURE__*/_jsx(LinkIcon, {
80
+ link: /*#__PURE__*/_jsx(IoIosLink, {
78
81
  size: 20
79
82
  }),
80
83
  // image: <MdImage size={20} />,
@@ -130,6 +133,46 @@ const iconList = {
130
133
  }),
131
134
  pen: /*#__PURE__*/_jsx(AiFillEdit, {
132
135
  size: 20
136
+ }),
137
+ emoji: /*#__PURE__*/_jsx(MdEmojiEmotions, {
138
+ size: 20
139
+ }),
140
+ grid: /*#__PURE__*/_jsx(GridIcon, {}),
141
+ accordion: /*#__PURE__*/_jsx(AccordionIcon, {}),
142
+ signature: /*#__PURE__*/_jsx(SignatureIcon, {}),
143
+ button: /*#__PURE__*/_jsx(ButtonIcon, {}),
144
+ carousel: /*#__PURE__*/_jsx(Carousal, {}),
145
+ form: /*#__PURE__*/_jsx(FormIcon, {}),
146
+ tableCellResizeLeft: /*#__PURE__*/_jsx(BsArrowBarRight, {
147
+ size: 20
148
+ }),
149
+ tableCellResizeRight: /*#__PURE__*/_jsx(BsArrowBarLeft, {
150
+ size: 20
151
+ }),
152
+ deleteColumn: /*#__PURE__*/_jsx(RiDeleteColumn, {
153
+ size: 20
154
+ }),
155
+ addColumn: /*#__PURE__*/_jsx(FcAddColumn, {
156
+ size: 20
157
+ }),
158
+ deleteRow: /*#__PURE__*/_jsx(RiDeleteRow, {
159
+ size: 20
160
+ }),
161
+ addRow: /*#__PURE__*/_jsx(FcAddRow, {
162
+ size: 20
163
+ }),
164
+ checkList: /*#__PURE__*/_jsx(CheckboxIcon, {
165
+ size: 20
166
+ }),
167
+ embed: /*#__PURE__*/_jsx(LinkIcon, {}),
168
+ topbanner: /*#__PURE__*/_jsx(IoIosImage, {
169
+ size: 20
170
+ }),
171
+ fileUpload: /*#__PURE__*/_jsx(MdOutlineFileUpload, {
172
+ size: 20
173
+ }),
174
+ media: /*#__PURE__*/_jsx(MdOutlinePermMedia, {
175
+ size: 20
133
176
  })
134
177
  };
135
178
  const Icon = props => {