@flozy/editor 10.3.8 → 10.4.0

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 (189) hide show
  1. package/dist/Editor/ChatEditor.js +16 -17
  2. package/dist/Editor/CommonEditor.js +18 -134
  3. package/dist/Editor/DialogWrapper.js +25 -31
  4. package/dist/Editor/Editor.css +8 -46
  5. package/dist/Editor/Elements/AI/PopoverAIInput.js +3 -11
  6. package/dist/Editor/Elements/Accordion/Accordion.js +9 -46
  7. package/dist/Editor/Elements/Accordion/AccordionSummary.js +23 -1
  8. package/dist/Editor/Elements/AppHeader/AppHeader.js +5 -10
  9. package/dist/Editor/Elements/Button/EditorButton.js +9 -27
  10. package/dist/Editor/Elements/Carousel/CarouselItem.js +1 -2
  11. package/dist/Editor/Elements/Color Picker/ColorButtons.js +14 -61
  12. package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
  13. package/dist/Editor/Elements/Color Picker/ColorPicker.js +7 -10
  14. package/dist/Editor/Elements/Color Picker/Styles.js +13 -15
  15. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +2 -4
  16. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +8 -23
  17. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +2 -5
  18. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +2 -3
  19. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +0 -11
  20. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
  21. package/dist/Editor/Elements/Embed/Image.js +2 -3
  22. package/dist/Editor/Elements/Embed/Video.js +1 -1
  23. package/dist/Editor/Elements/EmbedScript/Code.js +2 -14
  24. package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +28 -57
  25. package/dist/Editor/Elements/Form/Form.js +171 -184
  26. package/dist/Editor/Elements/Form/FormElements/FormText.js +6 -23
  27. package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +2 -2
  28. package/dist/Editor/Elements/Form/FormField.js +6 -13
  29. package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
  30. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +32 -40
  31. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +4 -7
  32. package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +0 -1
  33. package/dist/Editor/Elements/FreeGrid/Options/More.js +8 -8
  34. package/dist/Editor/Elements/FreeGrid/styles.js +7 -75
  35. package/dist/Editor/Elements/Grid/Grid.js +2 -14
  36. package/dist/Editor/Elements/Grid/GridItem.js +1 -1
  37. package/dist/Editor/Elements/List/CheckList.js +2 -3
  38. package/dist/Editor/Elements/Search/SearchAttachment.js +9 -40
  39. package/dist/Editor/Elements/Search/SearchButton.js +8 -9
  40. package/dist/Editor/Elements/Search/SearchList.js +7 -9
  41. package/dist/Editor/Elements/Signature/Signature.css +1 -2
  42. package/dist/Editor/Elements/Signature/SignatureOptions/DrawSignature.js +5 -18
  43. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +3 -16
  44. package/dist/Editor/Elements/SimpleText/index.js +1 -6
  45. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  46. package/dist/Editor/Elements/Table/DragButton.js +1 -0
  47. package/dist/Editor/Elements/Table/Draggable.js +2 -6
  48. package/dist/Editor/Elements/Table/Styles.js +0 -7
  49. package/dist/Editor/Elements/Table/Table.js +3 -3
  50. package/dist/Editor/Elements/Table/TableCell.js +8 -31
  51. package/dist/Editor/Elements/Title/title.js +6 -6
  52. package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
  53. package/dist/Editor/MiniEditor.js +1 -2
  54. package/dist/Editor/Styles/EditorStyles.js +5 -5
  55. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  56. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  57. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  58. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
  59. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +1 -2
  60. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -4
  61. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  62. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +42 -167
  63. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -7
  64. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +1 -2
  65. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
  66. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +27 -100
  67. package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
  68. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  69. package/dist/Editor/assets/svg/SettingsIcon.js +0 -1
  70. package/dist/Editor/common/ColorPickerButton.js +16 -41
  71. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  72. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  73. package/dist/Editor/common/Icon.js +1 -31
  74. package/dist/Editor/common/ImageSelector/ImageSelector.js +2 -2
  75. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  76. package/dist/Editor/common/LinkSettings/NavComponents.js +56 -61
  77. package/dist/Editor/common/LinkSettings/index.js +81 -82
  78. package/dist/Editor/common/LinkSettings/navOptions.js +2 -2
  79. package/dist/Editor/common/LinkSettings/style.js +74 -209
  80. package/dist/Editor/common/RnD/ElementOptions/Actions.js +15 -13
  81. package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +0 -1
  82. package/dist/Editor/common/RnD/ElementOptions/index.js +2 -2
  83. package/dist/Editor/common/RnD/ElementOptions/styles.js +1 -28
  84. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +5 -6
  85. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Signature.js +3 -4
  86. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  87. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  88. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  89. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  90. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +2 -4
  91. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  92. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  93. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +1 -3
  94. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  95. package/dist/Editor/common/RnD/ElementSettings/styles.js +12 -146
  96. package/dist/Editor/common/RnD/OptionsPopup/index.js +5 -8
  97. package/dist/Editor/common/RnD/OptionsPopup/style.js +19 -120
  98. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +5 -8
  99. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
  100. package/dist/Editor/common/RnD/Utils/gridDropItem.js +19 -28
  101. package/dist/Editor/common/RnD/Utils/index.js +1 -3
  102. package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +58 -42
  103. package/dist/Editor/common/RnD/VirtualElement/helper.js +132 -323
  104. package/dist/Editor/common/RnD/VirtualElement/styles.js +0 -16
  105. package/dist/Editor/common/RnD/index.js +39 -68
  106. package/dist/Editor/common/Select/index.js +5 -44
  107. package/dist/Editor/common/Select/styles.js +2 -30
  108. package/dist/Editor/common/Shorthands/elements.js +11 -65
  109. package/dist/Editor/common/StyleBuilder/accordionTitleBtnStyle.js +2 -2
  110. package/dist/Editor/common/StyleBuilder/accordionTitleStyle.js +9 -12
  111. package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
  112. package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +0 -4
  113. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +0 -5
  114. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +2 -12
  115. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +7 -15
  116. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +8 -16
  117. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +10 -36
  118. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +7 -16
  119. package/dist/Editor/common/StyleBuilder/fieldTypes/index.js +1 -3
  120. package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +6 -7
  121. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +6 -13
  122. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +7 -15
  123. package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +7 -5
  124. package/dist/Editor/common/SwipeableDrawer/style.js +12 -14
  125. package/dist/Editor/common/Uploader.js +0 -16
  126. package/dist/Editor/common/iconListV2.js +6 -177
  127. package/dist/Editor/common/iconslist.js +0 -24
  128. package/dist/Editor/commonStyle.js +62 -186
  129. package/dist/Editor/helper/index.js +1 -5
  130. package/dist/Editor/helper/theme.js +2 -203
  131. package/dist/Editor/hooks/useMouseMove.js +5 -8
  132. package/dist/Editor/hooks/useTable.js +4 -5
  133. package/dist/Editor/plugins/withEmbeds.js +1 -1
  134. package/dist/Editor/plugins/withHTML.js +1 -3
  135. package/dist/Editor/plugins/withTable.js +1 -1
  136. package/dist/Editor/theme/ThemeList.js +173 -50
  137. package/dist/Editor/utils/SlateUtilityFunctions.js +46 -172
  138. package/dist/Editor/utils/accordion.js +4 -14
  139. package/dist/Editor/utils/button.js +17 -1
  140. package/dist/Editor/utils/customHooks/useTableResize.js +9 -49
  141. package/dist/Editor/utils/draftToSlate.js +2 -3
  142. package/dist/Editor/utils/events.js +6 -50
  143. package/dist/Editor/utils/font.js +37 -40
  144. package/dist/Editor/utils/form.js +4 -4
  145. package/dist/Editor/utils/formfield.js +2 -9
  146. package/dist/Editor/utils/helper.js +26 -188
  147. package/dist/Editor/utils/insertAppHeader.js +1 -1
  148. package/dist/Editor/utils/signature.js +9 -2
  149. package/package.json +4 -4
  150. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +0 -454
  151. package/dist/Editor/Elements/EmbedScript/styles.js +0 -89
  152. package/dist/Editor/Elements/FreeGrid/helper.js +0 -115
  153. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
  154. package/dist/Editor/assets/svg/BackIcon.js +0 -18
  155. package/dist/Editor/assets/svg/ClearAllRounded.js +0 -31
  156. package/dist/Editor/assets/svg/ResetIconNew.js +0 -23
  157. package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
  158. package/dist/Editor/common/Checkbox/index.js +0 -46
  159. package/dist/Editor/common/Checkbox/styles.js +0 -45
  160. package/dist/Editor/common/CustomColorPicker/index.js +0 -130
  161. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  162. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  163. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  164. package/dist/Editor/common/CustomSelect.js +0 -43
  165. package/dist/Editor/common/RadioGroup/index.js +0 -48
  166. package/dist/Editor/common/RadioGroup/styles.js +0 -29
  167. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  168. package/dist/Editor/common/SnackBar/index.js +0 -43
  169. package/dist/Editor/common/StyleBuilder/fieldTypes/embedUpload.js +0 -115
  170. package/dist/Editor/helper/textIndeces.js +0 -58
  171. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  172. package/dist/Editor/hooks/useThemeValues.js +0 -63
  173. package/dist/Editor/theme/index.js +0 -149
  174. package/dist/Editor/themeSettings/ActiveTheme.js +0 -82
  175. package/dist/Editor/themeSettings/buttons/index.js +0 -300
  176. package/dist/Editor/themeSettings/buttons/style.js +0 -23
  177. package/dist/Editor/themeSettings/colorTheme/index.js +0 -310
  178. package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
  179. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  180. package/dist/Editor/themeSettings/fonts/index.js +0 -240
  181. package/dist/Editor/themeSettings/fonts/style.js +0 -62
  182. package/dist/Editor/themeSettings/icons.js +0 -60
  183. package/dist/Editor/themeSettings/index.js +0 -380
  184. package/dist/Editor/themeSettings/style.js +0 -299
  185. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  186. package/dist/Editor/themeSettingsAI/index.js +0 -355
  187. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
  188. package/dist/Editor/themeSettingsAI/style.js +0 -332
  189. package/dist/Editor/utils/updateFormName.js +0 -22
@@ -1,8 +1,7 @@
1
- import { Autocomplete, TextField, Typography, createFilterOptions } from "@mui/material";
1
+ import { Autocomplete, Checkbox, FormControlLabel, MenuItem, TextField, Typography, createFilterOptions } from "@mui/material";
2
2
  import { useEffect, useMemo, useState } from "react";
3
3
  import { useSlate } from "slate-react";
4
4
  import Select from "../Select";
5
- import Checkbox from "../Checkbox";
6
5
  import { jsx as _jsx } from "react/jsx-runtime";
7
6
  import { Fragment as _Fragment } from "react/jsx-runtime";
8
7
  import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -28,10 +27,16 @@ const OpenInNewTab = props => {
28
27
  onNewTabChange,
29
28
  translation
30
29
  } = props;
31
- return nav?.showOpenInNewTab ? /*#__PURE__*/_jsx(Checkbox, {
32
- checked: openInNewTab,
33
- onChange: onNewTabChange,
34
- label: translation("Open in new tab")
30
+ return nav?.showOpenInNewTab ? /*#__PURE__*/_jsx(FormControlLabel, {
31
+ className: "ccheckbox-primary",
32
+ control: /*#__PURE__*/_jsx(Checkbox, {
33
+ checked: openInNewTab,
34
+ onChange: onNewTabChange
35
+ }),
36
+ label: /*#__PURE__*/_jsx(Typography, {
37
+ variant: "body2",
38
+ children: translation("Open in new tab")
39
+ })
35
40
  }) : null;
36
41
  };
37
42
  export const TextInput = props => {
@@ -42,11 +47,6 @@ export const TextInput = props => {
42
47
  ...props,
43
48
  onChange: e => {
44
49
  props.onChange(e.target.value);
45
- },
46
- sx: {
47
- "&::placeholder": {
48
- color: "gray"
49
- }
50
50
  }
51
51
  }), /*#__PURE__*/_jsx(OpenInNewTab, {
52
52
  ...props
@@ -111,42 +111,26 @@ export const SelectPage = props => {
111
111
  }, [value, pages]);
112
112
  const isCurrentPage = page?.value === "_currentPage";
113
113
  return /*#__PURE__*/_jsxs("div", {
114
- children: [/*#__PURE__*/_jsx(Select, {
114
+ children: [/*#__PURE__*/_jsx(FreeSoloCreateOption, {
115
+ label: page?.label,
116
+ setValue: val => onChange(val?.value || ""),
117
+ placeholder: translation("Select Page"),
115
118
  options: pages,
116
- value: page?.value,
117
- onChange: e => onChange(e.target.value || ""),
118
- disabled: isCurrentPage,
119
- label: translation("Select Page"),
120
- showDefault: true,
121
- translation: translation
122
- }), /*#__PURE__*/_jsx(Select, {
123
- options: page?.sections?.map(p => ({
124
- label: p,
125
- value: p
126
- })),
127
- value: section?.value,
128
- onChange: e => {
129
- const {
130
- value = ""
131
- } = e.target;
119
+ disabled: isCurrentPage
120
+ }), /*#__PURE__*/_jsx(FreeSoloCreateOption, {
121
+ label: section?.label,
122
+ setValue: val => {
132
123
  let url = page?.value;
133
- if (value) {
134
- url += `#${value}`;
135
- } else {
136
- const [page] = url.split("#");
137
- url = page;
124
+ if (val?.value) {
125
+ url += `#${val?.value}`;
138
126
  }
139
127
  onChange(url);
140
128
  },
141
- disabled: isCurrentPage,
142
- label: translation("Select Section or anchor"),
143
- labelProps: {
144
- sx: {
145
- padding: "10px 0px 4px 0px"
146
- }
147
- },
148
- showDefault: true,
149
- translation: translation
129
+ placeholder: translation("Select Section or anchor"),
130
+ options: page?.sections?.map(p => ({
131
+ label: p,
132
+ value: p
133
+ }))
150
134
  }), isCurrentPage ? null : /*#__PURE__*/_jsx(OpenInNewTab, {
151
135
  ...props
152
136
  })]
@@ -160,7 +144,6 @@ export const Trigger = props => {
160
144
  return /*#__PURE__*/_jsx(Typography, {
161
145
  variant: "subtitle1",
162
146
  gutterBottom: true,
163
- className: "trigger-text",
164
147
  children: `${translation("Choosing this will trigger the")} ${translation(nav.type)} ${translation("step")}`
165
148
  });
166
149
  };
@@ -175,15 +158,35 @@ export const ScrollTopBottom = props => {
175
158
  const {
176
159
  value,
177
160
  onChange,
178
- translation
161
+ translation,
162
+ classes
179
163
  } = props;
180
- return /*#__PURE__*/_jsx(Select, {
181
- options: scrollToOptions,
182
- value: value,
183
- onChange: e => onChange(e.target.value),
184
- label: translation("Choose Top/Bottom of page"),
185
- showDefault: true,
186
- translation: translation
164
+ return /*#__PURE__*/_jsxs(_Fragment, {
165
+ children: [/*#__PURE__*/_jsx(Typography, {
166
+ variant: "body2",
167
+ sx: {
168
+ paddingBottom: "4px"
169
+ },
170
+ children: translation("Choose Top/Bottom of page")
171
+ }), /*#__PURE__*/_jsx(Select, {
172
+ size: "small",
173
+ fullWidth: true,
174
+ value: value,
175
+ onChange: e => onChange(e.target.value),
176
+ MenuProps: {
177
+ sx: classes.customSelect,
178
+ disablePortal: true
179
+ },
180
+ children: scrollToOptions.map((option, i) => {
181
+ return /*#__PURE__*/_jsx(MenuItem, {
182
+ value: option.value,
183
+ children: /*#__PURE__*/_jsx(Typography, {
184
+ variant: "body2",
185
+ children: translation(option.label)
186
+ })
187
+ }, i);
188
+ })
189
+ })]
187
190
  });
188
191
  };
189
192
  const filter = createFilterOptions();
@@ -192,8 +195,7 @@ export function FreeSoloCreateOption({
192
195
  setValue,
193
196
  options = [],
194
197
  placeholder = "",
195
- disabled = false,
196
- classes
198
+ disabled = false
197
199
  }) {
198
200
  return /*#__PURE__*/_jsx(Autocomplete, {
199
201
  freeSolo: true,
@@ -259,13 +261,6 @@ export function FreeSoloCreateOption({
259
261
  sx: {
260
262
  marginTop: "10px"
261
263
  },
262
- disabled: disabled,
263
- slotProps: {
264
- popper: {
265
- sx: {
266
- ...classes.customAutoComplete
267
- }
268
- }
269
- }
264
+ disabled: disabled
270
265
  });
271
266
  }
@@ -4,8 +4,8 @@ import DialogTitle from "@mui/material/DialogTitle";
4
4
  import DialogContent from "@mui/material/DialogContent";
5
5
  import DialogActions from "@mui/material/DialogActions";
6
6
  import IconButton from "@mui/material/IconButton";
7
- import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
8
- import { Box, FormControl, Grid, Typography, useMediaQuery } from "@mui/material";
7
+ import CloseIcon from "@mui/icons-material/Close";
8
+ import { Box, FormControl, FormControlLabel, Grid, MenuItem, Radio, RadioGroup, Typography } from "@mui/material";
9
9
  import { useState } from "react";
10
10
  import LinkSettingsStyles from "./style";
11
11
  import { getNavOptions } from "./navOptions";
@@ -13,7 +13,6 @@ import { ScrollTopBottom, SelectPage, TextInput, Trigger } from "./NavComponents
13
13
  import SwipeableDrawer from "../SwipeableDrawer";
14
14
  import { useEditorContext } from "../../hooks/useMouseMove";
15
15
  import Select from "../Select";
16
- import RadioGroup from "../RadioGroup";
17
16
  import { jsx as _jsx } from "react/jsx-runtime";
18
17
  import { jsxs as _jsxs } from "react/jsx-runtime";
19
18
  import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -44,10 +43,10 @@ export default function LinkSettings(props) {
44
43
  allowTrigger
45
44
  } = props;
46
45
  const {
46
+ isMobile,
47
47
  tagName,
48
48
  translation
49
49
  } = customProps;
50
- const isMobile = useMediaQuery("(max-width: 899px)");
51
50
  const navOptions = getNavOptions(customProps.hideTools, tagName, allowTrigger);
52
51
  const classes = LinkSettingsStyles(theme);
53
52
  const [nav, setNav] = useState(getNav(navType, navOptions));
@@ -65,61 +64,67 @@ export default function LinkSettings(props) {
65
64
  });
66
65
  };
67
66
  if (isMobile) {
68
- return /*#__PURE__*/_jsx(SwipeableDrawer, {
67
+ return /*#__PURE__*/_jsxs(SwipeableDrawer, {
69
68
  open: true,
70
69
  onClose: handleClose,
71
- children: /*#__PURE__*/_jsxs(Grid, {
72
- sx: classes.swipeableDrawerContainer,
73
- children: [/*#__PURE__*/_jsx(Typography, {
74
- variant: "subtitle1",
75
- gutterBottom: true,
76
- sx: {
77
- fontWeight: 600
78
- },
79
- className: "link-settings-title",
80
- children: translation("dialogueTitle")
81
- }), /*#__PURE__*/_jsx(Select, {
82
- options: navOptions,
83
- value: nav?.value,
84
- onChange: e => {
85
- const {
86
- value
87
- } = e.target;
88
- const selected = getNav(value, navOptions);
89
- setNav(selected);
90
- setNavValue("");
91
- },
92
- displayEmpty: true,
93
- translation: translation,
94
- MenuProps: {
95
- sx: classes.customSelect
96
- }
97
- }), /*#__PURE__*/_jsx(Box, {
98
- sx: {
99
- paddingTop: "14px"
100
- },
101
- children: NavSettings && /*#__PURE__*/_jsx(NavSettings, {
102
- placeholder: translation(nav?.placeholder),
103
- nav: nav,
104
- onChange: onChange,
105
- value: navValue,
106
- openInNewTab: openInNewTab,
107
- onNewTabChange: () => setOpenInNewTab(prev => !prev),
108
- services: customProps.services,
109
- classes: classes,
110
- translation: translation
111
- })
112
- }), /*#__PURE__*/_jsx(Box, {
113
- component: "div",
114
- sx: classes.mobileActionBtns,
115
- children: /*#__PURE__*/_jsx(ActionsButtons, {
116
- classes: classes,
117
- onCancel: handleClose,
118
- onSave: onSubmit,
119
- translation: translation
120
- })
121
- })]
122
- })
70
+ children: [/*#__PURE__*/_jsx(Typography, {
71
+ variant: "subtitle1",
72
+ gutterBottom: true,
73
+ sx: {
74
+ fontWeight: 600
75
+ },
76
+ children: translation("dialogueTitle")
77
+ }), /*#__PURE__*/_jsx(Select, {
78
+ size: "small",
79
+ fullWidth: true,
80
+ value: nav?.value,
81
+ onChange: e => {
82
+ const {
83
+ value
84
+ } = e.target;
85
+ const selected = getNav(value, navOptions);
86
+ setNav(selected);
87
+ setNavValue("");
88
+ },
89
+ displayEmpty: true,
90
+ MenuProps: {
91
+ sx: classes.customSelect,
92
+ disablePortal: true
93
+ },
94
+ children: navOptions.map((navOption, i) => {
95
+ return /*#__PURE__*/_jsx(MenuItem, {
96
+ value: navOption.value,
97
+ children: /*#__PURE__*/_jsx(Typography, {
98
+ variant: "body2",
99
+ children: translation(navOption.label)
100
+ })
101
+ }, i);
102
+ })
103
+ }), /*#__PURE__*/_jsx(Box, {
104
+ sx: {
105
+ paddingTop: "14px"
106
+ },
107
+ children: NavSettings && /*#__PURE__*/_jsx(NavSettings, {
108
+ placeholder: translation(nav?.placeholder),
109
+ nav: nav,
110
+ onChange: onChange,
111
+ value: navValue,
112
+ openInNewTab: openInNewTab,
113
+ onNewTabChange: () => setOpenInNewTab(prev => !prev),
114
+ services: customProps.services,
115
+ classes: classes,
116
+ translation: translation
117
+ })
118
+ }), /*#__PURE__*/_jsx(Box, {
119
+ component: "div",
120
+ sx: classes.mobileActionBtns,
121
+ children: /*#__PURE__*/_jsx(ActionsButtons, {
122
+ classes: classes,
123
+ onCancel: handleClose,
124
+ onSave: onSubmit,
125
+ translation: translation
126
+ })
127
+ })]
123
128
  });
124
129
  } else {
125
130
  return /*#__PURE__*/_jsxs(Dialog, {
@@ -128,25 +133,16 @@ export default function LinkSettings(props) {
128
133
  sx: classes.dialogContainer,
129
134
  fullWidth: true,
130
135
  maxWidth: "sm",
131
- children: [/*#__PURE__*/_jsxs(Grid, {
132
- container: true,
133
- direction: "row",
134
- sx: {
135
- justifyContent: "space-between",
136
- alignItems: "center"
137
- },
138
- className: "dialog-title",
139
- children: [/*#__PURE__*/_jsx(DialogTitle, {
140
- children: translation("dialogueTitle")
141
- }), /*#__PURE__*/_jsx(IconButton, {
142
- "aria-label": "close",
143
- onClick: handleClose,
144
- sx: classes.closeIcon,
145
- children: /*#__PURE__*/_jsx(CloseRoundedIcon, {})
146
- })]
136
+ disablePortal: true,
137
+ children: [/*#__PURE__*/_jsx(DialogTitle, {
138
+ children: translation("dialogueTitle")
139
+ }), /*#__PURE__*/_jsx(IconButton, {
140
+ "aria-label": "close",
141
+ onClick: handleClose,
142
+ sx: classes.closeIcon,
143
+ children: /*#__PURE__*/_jsx(CloseIcon, {})
147
144
  }), /*#__PURE__*/_jsx(DialogContent, {
148
145
  dividers: true,
149
- className: "link-settings-content",
150
146
  children: /*#__PURE__*/_jsxs(Grid, {
151
147
  container: true,
152
148
  spacing: 2,
@@ -154,17 +150,20 @@ export default function LinkSettings(props) {
154
150
  item: true,
155
151
  xs: 6,
156
152
  sx: classes.gridDivider,
157
- className: "radioBtnGrp",
158
153
  children: /*#__PURE__*/_jsx(FormControl, {
159
- sx: classes.customRadioBtn,
160
154
  children: /*#__PURE__*/_jsx(RadioGroup, {
161
- options: navOptions,
162
155
  value: nav?.value,
163
- onChange: navOption => {
164
- setNav(navOption);
165
- setNavValue("");
166
- },
167
- translation: translation
156
+ children: navOptions?.map((navOption, i) => {
157
+ return /*#__PURE__*/_jsx(FormControlLabel, {
158
+ value: navOption.value,
159
+ control: /*#__PURE__*/_jsx(Radio, {}),
160
+ label: translation(navOption.label),
161
+ onChange: () => {
162
+ setNav(navOption);
163
+ setNavValue("");
164
+ }
165
+ }, i);
166
+ })
168
167
  })
169
168
  })
170
169
  }), /*#__PURE__*/_jsx(Grid, {
@@ -26,11 +26,11 @@ export const getNavOptions = (hideTools = [], tagName = "", allowTrigger) => {
26
26
  }, {
27
27
  label: "Email",
28
28
  value: "email",
29
- placeholder: "mail@example.com"
29
+ placeholder: "email"
30
30
  }, {
31
31
  label: "Phone number",
32
32
  value: "phone",
33
- placeholder: "+1 (702) 123-4567"
33
+ placeholder: "phone"
34
34
  }];
35
35
  navOptions = navOptions.filter(n => !hideTools.includes(n.value));
36
36
  if (!allowTrigger) {