@flozy/editor 10.1.4 → 10.1.5

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 (168) hide show
  1. package/dist/Editor/ChatEditor.js +17 -16
  2. package/dist/Editor/CommonEditor.js +120 -16
  3. package/dist/Editor/DialogWrapper.js +31 -25
  4. package/dist/Editor/Editor.css +42 -8
  5. package/dist/Editor/Elements/AI/PopoverAIInput.js +11 -3
  6. package/dist/Editor/Elements/Accordion/Accordion.js +6 -2
  7. package/dist/Editor/Elements/AppHeader/AppHeader.js +3 -3
  8. package/dist/Editor/Elements/Button/EditorButton.js +25 -9
  9. package/dist/Editor/Elements/Carousel/CarouselItem.js +2 -1
  10. package/dist/Editor/Elements/Color Picker/ColorButtons.js +61 -14
  11. package/dist/Editor/Elements/Color Picker/ColorPicker.css +25 -1
  12. package/dist/Editor/Elements/Color Picker/ColorPicker.js +10 -7
  13. package/dist/Editor/Elements/Color Picker/Styles.js +15 -13
  14. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +4 -2
  15. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +454 -0
  16. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +21 -6
  17. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +5 -1
  18. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +3 -2
  19. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +11 -0
  20. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +8 -4
  21. package/dist/Editor/Elements/Embed/Image.js +3 -2
  22. package/dist/Editor/Elements/Embed/Video.js +1 -1
  23. package/dist/Editor/Elements/EmbedScript/Code.js +14 -2
  24. package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +57 -28
  25. package/dist/Editor/Elements/EmbedScript/styles.js +89 -0
  26. package/dist/Editor/Elements/Form/Form.js +181 -168
  27. package/dist/Editor/Elements/Form/FormElements/FormText.js +23 -6
  28. package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +3 -2
  29. package/dist/Editor/Elements/Form/FormField.js +13 -6
  30. package/dist/Editor/Elements/Form/Workflow/Styles.js +24 -22
  31. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +6 -24
  32. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +7 -4
  33. package/dist/Editor/Elements/FreeGrid/Options/More.js +8 -8
  34. package/dist/Editor/Elements/FreeGrid/styles.js +67 -7
  35. package/dist/Editor/Elements/Grid/Grid.js +14 -2
  36. package/dist/Editor/Elements/Grid/GridItem.js +1 -1
  37. package/dist/Editor/Elements/List/CheckList.js +4 -1
  38. package/dist/Editor/Elements/Search/SearchAttachment.js +40 -9
  39. package/dist/Editor/Elements/Search/SearchButton.js +9 -8
  40. package/dist/Editor/Elements/Search/SearchList.js +9 -7
  41. package/dist/Editor/Elements/Signature/Signature.css +2 -1
  42. package/dist/Editor/Elements/Signature/SignatureOptions/DrawSignature.js +18 -5
  43. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +16 -3
  44. package/dist/Editor/Elements/SimpleText/index.js +6 -1
  45. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  46. package/dist/Editor/Elements/Table/DragButton.js +0 -1
  47. package/dist/Editor/Elements/Table/Draggable.js +6 -2
  48. package/dist/Editor/Elements/Table/Styles.js +7 -0
  49. package/dist/Editor/Elements/Table/Table.js +3 -3
  50. package/dist/Editor/Elements/Table/TableCell.js +24 -5
  51. package/dist/Editor/Elements/Title/title.js +6 -6
  52. package/dist/Editor/Elements/Variables/VariableButton.js +10 -1
  53. package/dist/Editor/MiniEditor.js +2 -1
  54. package/dist/Editor/Styles/EditorStyles.js +5 -5
  55. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +27 -3
  56. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +4 -3
  57. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  58. package/dist/Editor/Toolbar/FormatTools/TextSize.js +10 -13
  59. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +2 -1
  60. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +4 -2
  61. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +6 -13
  62. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +167 -42
  63. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +7 -4
  64. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +2 -1
  65. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +72 -12
  66. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +100 -27
  67. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +439 -0
  68. package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
  69. package/dist/Editor/Toolbar/toolbarGroups.js +48 -6
  70. package/dist/Editor/assets/svg/BackIcon.js +18 -0
  71. package/dist/Editor/assets/svg/ClearAllRounded.js +31 -0
  72. package/dist/Editor/assets/svg/ResetIconNew.js +23 -0
  73. package/dist/Editor/assets/svg/SettingsIcon.js +1 -0
  74. package/dist/Editor/assets/svg/ThemeIcons.js +293 -0
  75. package/dist/Editor/common/ColorPickerButton.js +39 -17
  76. package/dist/Editor/common/CustomColorPicker/index.js +130 -0
  77. package/dist/Editor/common/CustomColorPicker/style.js +53 -0
  78. package/dist/Editor/common/CustomDialog2/index.js +94 -0
  79. package/dist/Editor/common/CustomDialog2/style.js +67 -0
  80. package/dist/Editor/common/CustomSelect.js +43 -0
  81. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  82. package/dist/Editor/common/FontLoader/FontLoader.js +3 -0
  83. package/dist/Editor/common/Icon.js +31 -1
  84. package/dist/Editor/common/ImageSelector/Styles.js +3 -9
  85. package/dist/Editor/common/LinkSettings/NavComponents.js +34 -8
  86. package/dist/Editor/common/LinkSettings/index.js +84 -68
  87. package/dist/Editor/common/LinkSettings/style.js +245 -30
  88. package/dist/Editor/common/RnD/ElementOptions/Actions.js +13 -14
  89. package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +1 -0
  90. package/dist/Editor/common/RnD/ElementOptions/index.js +2 -2
  91. package/dist/Editor/common/RnD/ElementOptions/styles.js +28 -1
  92. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +6 -5
  93. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Signature.js +4 -3
  94. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +3 -2
  95. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +3 -2
  96. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +3 -2
  97. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +3 -2
  98. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +4 -2
  99. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +3 -2
  100. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +3 -2
  101. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +3 -1
  102. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +3 -2
  103. package/dist/Editor/common/RnD/ElementSettings/styles.js +147 -12
  104. package/dist/Editor/common/RnD/OptionsPopup/index.js +8 -5
  105. package/dist/Editor/common/RnD/OptionsPopup/style.js +121 -19
  106. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +8 -5
  107. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +17 -0
  108. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +6 -3
  109. package/dist/Editor/common/RnD/Utils/gridDropItem.js +1 -2
  110. package/dist/Editor/common/RnD/VirtualElement/helper.js +3 -2
  111. package/dist/Editor/common/RnD/index.js +5 -6
  112. package/dist/Editor/common/Select/index.js +2 -0
  113. package/dist/Editor/common/Shorthands/elements.js +54 -0
  114. package/dist/Editor/common/SnackBar/index.js +43 -0
  115. package/dist/Editor/common/StyleBuilder/buttonStyle.js +4 -2
  116. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +5 -0
  117. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +12 -2
  118. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +15 -7
  119. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +16 -8
  120. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +36 -10
  121. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +16 -7
  122. package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +7 -6
  123. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +13 -6
  124. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +15 -7
  125. package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +5 -7
  126. package/dist/Editor/common/Uploader.js +8 -0
  127. package/dist/Editor/common/iconListV2.js +156 -6
  128. package/dist/Editor/common/iconslist.js +24 -0
  129. package/dist/Editor/commonStyle.js +168 -62
  130. package/dist/Editor/helper/index.js +4 -0
  131. package/dist/Editor/helper/textIndeces.js +58 -0
  132. package/dist/Editor/helper/theme.js +203 -2
  133. package/dist/Editor/hooks/useEditorTheme.js +153 -0
  134. package/dist/Editor/hooks/useMouseMove.js +8 -5
  135. package/dist/Editor/hooks/useTable.js +5 -4
  136. package/dist/Editor/hooks/useThemeValues.js +63 -0
  137. package/dist/Editor/plugins/withEmbeds.js +1 -1
  138. package/dist/Editor/plugins/withHTML.js +3 -1
  139. package/dist/Editor/plugins/withTable.js +1 -1
  140. package/dist/Editor/theme/ThemeList.js +50 -173
  141. package/dist/Editor/theme/index.js +149 -0
  142. package/dist/Editor/themeSettings/ActiveTheme.js +72 -0
  143. package/dist/Editor/themeSettings/buttons/index.js +292 -0
  144. package/dist/Editor/themeSettings/buttons/style.js +23 -0
  145. package/dist/Editor/themeSettings/colorTheme/index.js +309 -0
  146. package/dist/Editor/themeSettings/colorTheme/style.js +81 -0
  147. package/dist/Editor/themeSettings/fonts/PreviewElement.js +121 -0
  148. package/dist/Editor/themeSettings/fonts/index.js +240 -0
  149. package/dist/Editor/themeSettings/fonts/style.js +62 -0
  150. package/dist/Editor/themeSettings/icons.js +60 -0
  151. package/dist/Editor/themeSettings/index.js +361 -0
  152. package/dist/Editor/themeSettings/style.js +292 -0
  153. package/dist/Editor/themeSettingsAI/icons.js +96 -0
  154. package/dist/Editor/themeSettingsAI/index.js +355 -0
  155. package/dist/Editor/themeSettingsAI/saveTheme.js +202 -0
  156. package/dist/Editor/themeSettingsAI/style.js +324 -0
  157. package/dist/Editor/utils/SlateUtilityFunctions.js +166 -43
  158. package/dist/Editor/utils/accordion.js +14 -4
  159. package/dist/Editor/utils/button.js +1 -17
  160. package/dist/Editor/utils/customHooks/useTableResize.js +49 -9
  161. package/dist/Editor/utils/draftToSlate.js +3 -2
  162. package/dist/Editor/utils/events.js +50 -6
  163. package/dist/Editor/utils/font.js +40 -37
  164. package/dist/Editor/utils/form.js +4 -4
  165. package/dist/Editor/utils/formfield.js +8 -2
  166. package/dist/Editor/utils/helper.js +109 -19
  167. package/dist/Editor/utils/signature.js +2 -9
  168. package/package.json +4 -4
@@ -1,13 +1,13 @@
1
- import React from "react";
1
+ import React, { useMemo } from "react";
2
2
  import { FormControl, Grid, ListItemIcon, ListSubheader, MenuItem, Select, Typography } from "@mui/material";
3
- import { getBreakPointsValue } from "../../../helper/theme";
3
+ import { getBreakPointsValue, getElementStyle } from "../../../helper/theme";
4
4
  import useWindowResize from "../../../hooks/useWindowResize";
5
5
  import { useEditorContext } from "../../../hooks/useMouseMove";
6
6
  import FontFamilyAutocomplete from "../../../Toolbar/FormatTools/FontFamilyAutocomplete";
7
7
  import { useSlate } from "slate-react";
8
8
  import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
9
9
 
10
- // hideMetaDataOptions -- pass true to hide metadata option in select field
10
+ // hideMetaDataOptions -- pass true to hide metadata option in select field
11
11
  import { jsx as _jsx } from "react/jsx-runtime";
12
12
  import { jsxs as _jsxs } from "react/jsx-runtime";
13
13
  import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -31,14 +31,22 @@ const TextOptions = props => {
31
31
  renderOption,
32
32
  width,
33
33
  webFont = false,
34
- hideMetaDataOptions = false
34
+ hideMetaDataOptions = false,
35
+ themeEnabled
35
36
  } = data;
36
37
  const {
37
38
  fontFamilies
38
39
  } = useEditorContext();
39
- const editor = useSlate();
40
40
  const [size] = useWindowResize();
41
- const value = isBreakpoint ? getBreakPointsValue(val, size?.device) : val;
41
+ const editor = useSlate();
42
+ const value = useMemo(() => {
43
+ const userValue = isBreakpoint ? getBreakPointsValue(val, size?.device) : val;
44
+ if (themeEnabled) {
45
+ // editor takes a little amount of time to update the new style in element, in that case userValue will be returned
46
+ return getElementStyle(editor, elementProps, key) || userValue;
47
+ }
48
+ return userValue;
49
+ }, [editor, isBreakpoint, val, size?.device]);
42
50
  const metaDataMappingOptions = metaMappings?.boards || [];
43
51
  const updatedOption = !hideMetaDataOptions && elementProps?.metadatamapping ? [...options, ...metaDataMappingOptions] : webFont ? fontFamilies?.options : options;
44
52
  const handleChange = (e, d) => {
@@ -117,7 +125,7 @@ const TextOptions = props => {
117
125
  editor: editor,
118
126
  format: key,
119
127
  options: fontFamilies.options,
120
- width: '100%',
128
+ width: "100%",
121
129
  onChange: onChange,
122
130
  val: value,
123
131
  webFont: true
@@ -25,13 +25,11 @@ const pageSettingsStyle = [{
25
25
  label: "Padding",
26
26
  key: "bannerSpacing",
27
27
  type: "bannerSpacing"
28
- }
29
- // {
30
- // label: "Line Spacing",
31
- // key: "lineHeight",
32
- // type: "lineSpacing",
33
- // },
34
- ]
28
+ }, {
29
+ label: "Line Spacing",
30
+ key: "lineHeight",
31
+ type: "lineSpacing"
32
+ }]
35
33
  }, {
36
34
  tab: "Max Width",
37
35
  value: "maxWidth",
@@ -4,6 +4,7 @@ import { convertBase64 } from "../utils/helper";
4
4
  import { uploadFile } from "../service/fileupload";
5
5
  import Icon from "./Icon";
6
6
  import UploadStyles from "../common/ImageSelector/UploadStyles";
7
+ import { useEditorContext } from "../hooks/useMouseMove";
7
8
  import { jsx as _jsx } from "react/jsx-runtime";
8
9
  import { Fragment as _Fragment } from "react/jsx-runtime";
9
10
  import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -18,6 +19,9 @@ const Uploader = props => {
18
19
  const [base64, setBase64] = useState(value?.url);
19
20
  const [fileName, setFileName] = useState("");
20
21
  const [uploading, setUploading] = useState(false);
22
+ const {
23
+ theme
24
+ } = useEditorContext();
21
25
  const handleChange = async e => {
22
26
  const uFile = e.target.files[0];
23
27
  const strImage = await convertBase64(uFile);
@@ -102,6 +106,10 @@ const Uploader = props => {
102
106
  className: "uploadImageSection",
103
107
  children: base64 ? renderThumb() : /*#__PURE__*/_jsx(Grid, {
104
108
  className: "uploadImageText",
109
+ sx: {
110
+ background: `${theme?.palette?.editor?.inputFieldBgColor}`,
111
+ border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
112
+ },
105
113
  children: /*#__PURE__*/_jsxs(Button, {
106
114
  component: "label",
107
115
  variant: "text",
@@ -962,6 +962,41 @@ export function DragIcon() {
962
962
  })]
963
963
  });
964
964
  }
965
+ export function ResizeIcon() {
966
+ return /*#__PURE__*/_jsxs("svg", {
967
+ width: "16",
968
+ height: "16",
969
+ viewBox: "0 0 16 16",
970
+ fill: "none",
971
+ xmlns: "http://www.w3.org/2000/svg",
972
+ children: [/*#__PURE__*/_jsx("rect", {
973
+ width: "16",
974
+ height: "16",
975
+ rx: "8",
976
+ fill: "#F8FAFC"
977
+ }), /*#__PURE__*/_jsx("rect", {
978
+ x: "0.5",
979
+ y: "0.5",
980
+ width: "15",
981
+ height: "15",
982
+ rx: "7.5",
983
+ stroke: "#2563EB",
984
+ strokeOpacity: "0.32"
985
+ }), /*#__PURE__*/_jsx("path", {
986
+ d: "M5.76758 6.44141L3.99981 8.20917L5.76758 9.97694",
987
+ stroke: "#94A3B8",
988
+ strokeWidth: "0.8",
989
+ strokeLinecap: "round",
990
+ strokeLinejoin: "round"
991
+ }), /*#__PURE__*/_jsx("path", {
992
+ d: "M10.2324 6.44141L12.0002 8.20917L10.2324 9.97694",
993
+ stroke: "#94A3B8",
994
+ strokeWidth: "0.8",
995
+ strokeLinecap: "round",
996
+ strokeLinejoin: "round"
997
+ })]
998
+ });
999
+ }
965
1000
  export function LeftAlignTextFormat() {
966
1001
  return /*#__PURE__*/_jsxs("svg", {
967
1002
  width: "19",
@@ -1236,27 +1271,37 @@ export function ToggleFullScreenIcon() {
1236
1271
  }
1237
1272
  export function CodeElementIcon() {
1238
1273
  return /*#__PURE__*/_jsxs("svg", {
1239
- width: "12",
1240
- height: "9",
1241
- viewBox: "0 0 12 9",
1274
+ width: "24",
1275
+ height: "24",
1276
+ viewBox: "0 0 24 24",
1242
1277
  fill: "none",
1243
1278
  xmlns: "http://www.w3.org/2000/svg",
1244
1279
  className: "commonSvgStyle",
1245
1280
  children: [/*#__PURE__*/_jsx("path", {
1246
- d: "M6.83331 1L4.83331 8",
1281
+ d: "M8 10L6 12L8 14",
1247
1282
  stroke: "#64748B",
1283
+ strokeWidth: "1.5",
1248
1284
  strokeMiterlimit: "10",
1249
1285
  strokeLinecap: "round",
1250
1286
  strokeLinejoin: "round"
1251
1287
  }), /*#__PURE__*/_jsx("path", {
1252
- d: "M8.83331 2.32983L10.6666 4.32983L8.83331 6.32983",
1288
+ d: "M16 10L18 12L16 14",
1253
1289
  stroke: "#64748B",
1290
+ strokeWidth: "1.5",
1254
1291
  strokeMiterlimit: "10",
1255
1292
  strokeLinecap: "round",
1256
1293
  strokeLinejoin: "round"
1257
1294
  }), /*#__PURE__*/_jsx("path", {
1258
- d: "M2.83333 2.32983L1 4.32983L2.83333 6.32983",
1295
+ d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
1259
1296
  stroke: "#64748B",
1297
+ strokeWidth: "1.5",
1298
+ strokeMiterlimit: "10",
1299
+ strokeLinecap: "round",
1300
+ strokeLinejoin: "round"
1301
+ }), /*#__PURE__*/_jsx("path", {
1302
+ d: "M13 9.66992L11 14.33",
1303
+ stroke: "#64748B",
1304
+ strokeWidth: "1.5",
1260
1305
  strokeMiterlimit: "10",
1261
1306
  strokeLinecap: "round",
1262
1307
  strokeLinejoin: "round"
@@ -1431,4 +1476,109 @@ export function SectionDragIcon() {
1431
1476
  fill: "#94A3B8"
1432
1477
  })]
1433
1478
  });
1479
+ }
1480
+ export function PenIcon() {
1481
+ return /*#__PURE__*/_jsxs("svg", {
1482
+ width: "17",
1483
+ height: "17",
1484
+ viewBox: "0 0 17 17",
1485
+ fill: "none",
1486
+ xmlns: "http://www.w3.org/2000/svg",
1487
+ className: "commonSvgStyle",
1488
+ children: [/*#__PURE__*/_jsx("path", {
1489
+ d: "M9.74898 3.14435L3.93357 9.29977C3.71398 9.53352 3.50148 9.99393 3.45898 10.3127L3.1969 12.6077C3.10482 13.4364 3.69982 14.0031 4.52148 13.8614L6.80232 13.4719C7.12107 13.4152 7.56732 13.1814 7.7869 12.9406L13.6023 6.78518C14.6081 5.72268 15.0615 4.51143 13.4961 3.03102C11.9377 1.56477 10.7548 2.08185 9.74898 3.14435Z",
1490
+ stroke: "#64748B",
1491
+ strokeWidth: "1.2",
1492
+ strokeMiterlimit: "10",
1493
+ strokeLinecap: "round",
1494
+ strokeLinejoin: "round"
1495
+ }), /*#__PURE__*/_jsx("path", {
1496
+ d: "M8.77734 4.17188C9.08193 6.12688 10.6686 7.62146 12.6378 7.81979",
1497
+ stroke: "#64748B",
1498
+ strokeWidth: "1.2",
1499
+ strokeMiterlimit: "10",
1500
+ strokeLinecap: "round",
1501
+ strokeLinejoin: "round"
1502
+ })]
1503
+ });
1504
+ }
1505
+ export function ResetIcon() {
1506
+ return /*#__PURE__*/_jsxs("svg", {
1507
+ width: "24",
1508
+ height: "24",
1509
+ viewBox: "0 0 24 24",
1510
+ fill: "none",
1511
+ xmlns: "http://www.w3.org/2000/svg",
1512
+ children: [/*#__PURE__*/_jsx("circle", {
1513
+ cx: "11.646",
1514
+ cy: "11.6452",
1515
+ r: "11.5",
1516
+ transform: "rotate(-89.2717 11.646 11.6452)",
1517
+ fill: "#2563EB",
1518
+ fillOpacity: "0.16"
1519
+ }), /*#__PURE__*/_jsx("path", {
1520
+ d: "M18.2814 11.8168V11.8168C18.2813 11.8313 18.2987 11.8387 18.3091 11.8287L19.2379 10.9273C19.6367 10.5404 20.247 10.5482 20.6358 10.9451C21.0245 11.342 21.0168 11.9495 20.6181 12.3364L17.9434 14.9012C17.5478 15.2806 16.9205 15.2708 16.5369 14.8792L13.9636 12.2519C13.7692 12.0534 13.674 11.7974 13.677 11.5622C13.6802 11.3075 13.7819 11.054 13.981 10.8801C14.3797 10.4932 14.9901 10.501 15.3788 10.8979L16.2708 11.8085C16.286 11.824 16.3124 11.8135 16.3126 11.7917V11.7917C16.351 8.77391 13.9017 6.27324 10.8698 6.2347C7.83784 6.19615 5.32577 8.63374 5.28741 11.6516C5.24904 14.6694 7.69833 17.1701 10.7303 17.2086C11.2815 17.2156 11.7092 17.6522 11.7022 18.2009C11.6952 18.7496 11.2566 19.1752 10.7054 19.1682C6.5709 19.1157 3.2663 15.7418 3.31861 11.6265C3.37093 7.51133 6.76023 4.22251 10.8947 4.27507C15.0095 4.32738 18.3338 7.70154 18.2814 11.8168Z",
1521
+ fill: "#2563EB"
1522
+ })]
1523
+ });
1524
+ }
1525
+ export function SaveTemplIcon() {
1526
+ return /*#__PURE__*/_jsxs("svg", {
1527
+ width: "18",
1528
+ height: "18",
1529
+ viewBox: "0 0 18 18",
1530
+ fill: "none",
1531
+ xmlns: "http://www.w3.org/2000/svg",
1532
+ className: "commonSvgStyle",
1533
+ children: [/*#__PURE__*/_jsx("path", {
1534
+ d: "M9 1.5V6.75L10.5 5.25",
1535
+ stroke: "#64748B",
1536
+ strokeWidth: "1.2",
1537
+ strokeLinecap: "round",
1538
+ strokeLinejoin: "round"
1539
+ }), /*#__PURE__*/_jsx("path", {
1540
+ d: "M9 6.75L7.5 5.25",
1541
+ stroke: "#64748B",
1542
+ strokeWidth: "1.2",
1543
+ strokeLinecap: "round",
1544
+ strokeLinejoin: "round"
1545
+ }), /*#__PURE__*/_jsx("path", {
1546
+ d: "M1.48438 9.75H4.79187C5.07687 9.75 5.33188 9.9075 5.45938 10.1625L6.33687 11.9175C6.59187 12.4275 7.10938 12.75 7.67938 12.75H10.3269C10.8969 12.75 11.4144 12.4275 11.6694 11.9175L12.5469 10.1625C12.6744 9.9075 12.9369 9.75 13.2144 9.75H16.4844",
1547
+ stroke: "#64748B",
1548
+ strokeWidth: "1.2",
1549
+ strokeLinecap: "round",
1550
+ strokeLinejoin: "round"
1551
+ }), /*#__PURE__*/_jsx("path", {
1552
+ d: "M5.25 3.09766C2.595 3.48766 1.5 5.04766 1.5 8.25016V11.2502C1.5 15.0002 3 16.5002 6.75 16.5002H11.25C15 16.5002 16.5 15.0002 16.5 11.2502V8.25016C16.5 5.04766 15.405 3.48766 12.75 3.09766",
1553
+ stroke: "#64748B",
1554
+ strokeWidth: "1.2",
1555
+ strokeLinecap: "round",
1556
+ strokeLinejoin: "round"
1557
+ })]
1558
+ });
1559
+ }
1560
+ export function UploadIconCloud() {
1561
+ return /*#__PURE__*/_jsxs("svg", {
1562
+ width: "16",
1563
+ height: "16",
1564
+ viewBox: "0 0 16 16",
1565
+ fill: "none",
1566
+ xmlns: "http://www.w3.org/2000/svg",
1567
+ className: "commonSvgStyle uploadIcon",
1568
+ children: [/*#__PURE__*/_jsx("path", {
1569
+ d: "M6.00065 14.6673H4.66732C2.00065 14.6673 1.33398 14.0007 1.33398 11.334V4.66732C1.33398 2.00065 2.00065 1.33398 4.66732 1.33398H5.66732C6.66732 1.33398 6.88733 1.62733 7.26733 2.13399L8.26733 3.46733C8.52067 3.80066 8.66732 4.00065 9.33398 4.00065H11.334C14.0007 4.00065 14.6673 4.66732 14.6673 7.33398V8.66732",
1570
+ stroke: "#64748B",
1571
+ strokeWidth: "1.2",
1572
+ strokeMiterlimit: "10",
1573
+ strokeLinecap: "round",
1574
+ strokeLinejoin: "round"
1575
+ }), /*#__PURE__*/_jsx("path", {
1576
+ d: "M9.17305 12.2136C7.60638 12.3269 7.60638 14.5936 9.17305 14.7069H12.8797C13.3264 14.7069 13.7664 14.5402 14.093 14.2402C15.193 13.2802 14.6064 11.3602 13.1597 11.1802C12.6397 8.05358 8.11973 9.24024 9.18639 12.2202",
1577
+ stroke: "#64748B",
1578
+ strokeWidth: "1.2",
1579
+ strokeMiterlimit: "10",
1580
+ strokeLinecap: "round",
1581
+ strokeLinejoin: "round"
1582
+ })]
1583
+ });
1434
1584
  }
@@ -1273,6 +1273,7 @@ export const GridSettingsIcon = props => /*#__PURE__*/_jsxs("svg", {
1273
1273
  height: "22",
1274
1274
  viewBox: "0 0 22 22",
1275
1275
  fill: "none",
1276
+ className: "commonSvgStyle",
1276
1277
  children: [/*#__PURE__*/_jsx("path", {
1277
1278
  d: "M11 13.75C12.5188 13.75 13.75 12.5188 13.75 11C13.75 9.48122 12.5188 8.25 11 8.25C9.48122 8.25 8.25 9.48122 8.25 11C8.25 12.5188 9.48122 13.75 11 13.75Z",
1278
1279
  stroke: "#64748B",
@@ -1341,6 +1342,7 @@ export const GridAddSectionIcon = props => /*#__PURE__*/_jsxs("svg", {
1341
1342
  height: "20",
1342
1343
  viewBox: "0 0 20 20",
1343
1344
  fill: "none",
1345
+ className: "addIconCircle",
1344
1346
  children: [/*#__PURE__*/_jsx("path", {
1345
1347
  d: "M10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z",
1346
1348
  stroke: "#64748B",
@@ -1675,6 +1677,27 @@ export const CloseIcon = props => /*#__PURE__*/_jsxs("svg", {
1675
1677
  strokeLinejoin: "round"
1676
1678
  })]
1677
1679
  });
1680
+ export const CloseIcon2 = props => /*#__PURE__*/_jsxs("svg", {
1681
+ width: "10",
1682
+ height: "10",
1683
+ viewBox: "0 0 10 10",
1684
+ fill: "none",
1685
+ xmlns: "http://www.w3.org/2000/svg",
1686
+ ...(props || {}),
1687
+ children: [/*#__PURE__*/_jsx("path", {
1688
+ d: "M9.12476 0.875L0.875176 9.12458",
1689
+ stroke: "#8F9CAE",
1690
+ strokeWidth: "1.5",
1691
+ strokeLinecap: "round",
1692
+ strokeLinejoin: "round"
1693
+ }), /*#__PURE__*/_jsx("path", {
1694
+ d: "M0.875183 0.875L9.12476 9.12458",
1695
+ stroke: "#8F9CAE",
1696
+ strokeWidth: "1.5",
1697
+ strokeLinecap: "round",
1698
+ strokeLinejoin: "round"
1699
+ })]
1700
+ });
1678
1701
  export const SearchIcon = () => /*#__PURE__*/_jsxs("svg", {
1679
1702
  width: "18",
1680
1703
  height: "18",
@@ -1786,6 +1809,7 @@ export const Text = props => /*#__PURE__*/_jsxs("svg", {
1786
1809
  viewBox: "0 0 15 14",
1787
1810
  fill: "none",
1788
1811
  xmlns: "http://www.w3.org/2000/svg",
1812
+ className: "commonSvgStyle",
1789
1813
  children: [/*#__PURE__*/_jsx("path", {
1790
1814
  d: "M2.5 4.1825V3.12083C2.5 2.45 3.0425 1.91333 3.7075 1.91333H12.1775C12.8483 1.91333 13.385 2.45583 13.385 3.12083V4.1825",
1791
1815
  stroke: props?.stroke || "#000",