@flozy/editor 10.4.9 → 10.5.1

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 (192) 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 +10 -26
  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 +11 -26
  17. package/dist/Editor/Elements/DataView/Layouts/DataTypes/SelectType.js +9 -28
  18. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +6 -17
  19. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +16 -43
  20. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +0 -11
  21. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
  22. package/dist/Editor/Elements/Embed/Image.js +2 -3
  23. package/dist/Editor/Elements/Embed/Video.js +1 -1
  24. package/dist/Editor/Elements/EmbedScript/Code.js +2 -14
  25. package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +28 -57
  26. package/dist/Editor/Elements/Form/Form.js +171 -184
  27. package/dist/Editor/Elements/Form/FormElements/FormText.js +6 -23
  28. package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +2 -2
  29. package/dist/Editor/Elements/Form/FormField.js +6 -13
  30. package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
  31. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +35 -41
  32. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +4 -7
  33. package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +0 -1
  34. package/dist/Editor/Elements/FreeGrid/Options/More.js +8 -8
  35. package/dist/Editor/Elements/FreeGrid/styles.js +7 -75
  36. package/dist/Editor/Elements/Grid/Grid.js +2 -14
  37. package/dist/Editor/Elements/Grid/GridItem.js +1 -1
  38. package/dist/Editor/Elements/List/CheckList.js +2 -3
  39. package/dist/Editor/Elements/Search/SearchAttachment.js +9 -40
  40. package/dist/Editor/Elements/Search/SearchButton.js +8 -9
  41. package/dist/Editor/Elements/Search/SearchList.js +7 -9
  42. package/dist/Editor/Elements/Signature/Signature.css +1 -2
  43. package/dist/Editor/Elements/Signature/SignatureOptions/DrawSignature.js +5 -18
  44. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +3 -16
  45. package/dist/Editor/Elements/SimpleText/index.js +1 -6
  46. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  47. package/dist/Editor/Elements/Table/AddRowCol.js +2 -8
  48. package/dist/Editor/Elements/Table/DragButton.js +1 -0
  49. package/dist/Editor/Elements/Table/Draggable.js +2 -6
  50. package/dist/Editor/Elements/Table/Styles.js +0 -7
  51. package/dist/Editor/Elements/Table/Table.js +3 -3
  52. package/dist/Editor/Elements/Table/TableCell.js +8 -31
  53. package/dist/Editor/Elements/Title/title.js +6 -6
  54. package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
  55. package/dist/Editor/MiniEditor.js +1 -2
  56. package/dist/Editor/Styles/EditorStyles.js +5 -5
  57. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  58. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  59. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  60. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
  61. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +1 -2
  62. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -4
  63. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  64. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +42 -167
  65. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -7
  66. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +1 -2
  67. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
  68. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +27 -100
  69. package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
  70. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  71. package/dist/Editor/assets/svg/SettingsIcon.js +0 -1
  72. package/dist/Editor/common/ColorPickerButton.js +16 -41
  73. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  74. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  75. package/dist/Editor/common/Icon.js +1 -31
  76. package/dist/Editor/common/ImageSelector/ImageSelector.js +2 -2
  77. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  78. package/dist/Editor/common/LinkSettings/NavComponents.js +55 -61
  79. package/dist/Editor/common/LinkSettings/index.js +80 -82
  80. package/dist/Editor/common/LinkSettings/navOptions.js +2 -2
  81. package/dist/Editor/common/LinkSettings/style.js +74 -209
  82. package/dist/Editor/common/MentionsPopup/index.js +1 -4
  83. package/dist/Editor/common/RnD/ElementOptions/Actions.js +15 -13
  84. package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +0 -1
  85. package/dist/Editor/common/RnD/ElementOptions/index.js +2 -2
  86. package/dist/Editor/common/RnD/ElementOptions/styles.js +1 -28
  87. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +5 -6
  88. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Signature.js +3 -4
  89. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  90. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  91. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  92. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  93. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +2 -4
  94. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  95. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  96. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +1 -3
  97. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  98. package/dist/Editor/common/RnD/ElementSettings/styles.js +12 -146
  99. package/dist/Editor/common/RnD/OptionsPopup/index.js +5 -8
  100. package/dist/Editor/common/RnD/OptionsPopup/style.js +19 -120
  101. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +5 -8
  102. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
  103. package/dist/Editor/common/RnD/Utils/gridDropItem.js +19 -28
  104. package/dist/Editor/common/RnD/Utils/index.js +1 -3
  105. package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +58 -42
  106. package/dist/Editor/common/RnD/VirtualElement/helper.js +132 -323
  107. package/dist/Editor/common/RnD/VirtualElement/styles.js +0 -16
  108. package/dist/Editor/common/RnD/index.js +38 -67
  109. package/dist/Editor/common/Select/index.js +5 -44
  110. package/dist/Editor/common/Select/styles.js +2 -30
  111. package/dist/Editor/common/Shorthands/elements.js +11 -65
  112. package/dist/Editor/common/StyleBuilder/accordionTitleBtnStyle.js +2 -2
  113. package/dist/Editor/common/StyleBuilder/accordionTitleStyle.js +9 -12
  114. package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
  115. package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +0 -4
  116. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +0 -5
  117. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +2 -12
  118. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +7 -15
  119. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +8 -16
  120. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +10 -36
  121. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +7 -16
  122. package/dist/Editor/common/StyleBuilder/fieldTypes/index.js +1 -3
  123. package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +6 -7
  124. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +6 -13
  125. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +7 -15
  126. package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +7 -5
  127. package/dist/Editor/common/SwipeableDrawer/style.js +12 -14
  128. package/dist/Editor/common/Uploader.js +0 -16
  129. package/dist/Editor/common/iconListV2.js +6 -177
  130. package/dist/Editor/common/iconslist.js +0 -24
  131. package/dist/Editor/commonStyle.js +62 -186
  132. package/dist/Editor/helper/index.js +1 -5
  133. package/dist/Editor/helper/theme.js +2 -203
  134. package/dist/Editor/hooks/useMouseMove.js +5 -8
  135. package/dist/Editor/hooks/useTable.js +4 -5
  136. package/dist/Editor/plugins/withEmbeds.js +1 -1
  137. package/dist/Editor/plugins/withHTML.js +1 -3
  138. package/dist/Editor/plugins/withTable.js +1 -1
  139. package/dist/Editor/theme/ThemeList.js +173 -50
  140. package/dist/Editor/utils/SlateUtilityFunctions.js +46 -172
  141. package/dist/Editor/utils/accordion.js +4 -14
  142. package/dist/Editor/utils/button.js +17 -1
  143. package/dist/Editor/utils/customHooks/useTableResize.js +9 -49
  144. package/dist/Editor/utils/draftToSlate.js +2 -3
  145. package/dist/Editor/utils/events.js +6 -50
  146. package/dist/Editor/utils/font.js +37 -40
  147. package/dist/Editor/utils/form.js +4 -4
  148. package/dist/Editor/utils/formfield.js +2 -9
  149. package/dist/Editor/utils/helper.js +26 -215
  150. package/dist/Editor/utils/insertAppHeader.js +1 -1
  151. package/dist/Editor/utils/signature.js +9 -2
  152. package/package.json +4 -4
  153. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/SelectV1.js +0 -510
  154. package/dist/Editor/Elements/EmbedScript/styles.js +0 -89
  155. package/dist/Editor/Elements/FreeGrid/helper.js +0 -115
  156. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
  157. package/dist/Editor/assets/svg/BackIcon.js +0 -18
  158. package/dist/Editor/assets/svg/ClearAllRounded.js +0 -31
  159. package/dist/Editor/assets/svg/ResetIconNew.js +0 -23
  160. package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
  161. package/dist/Editor/common/Checkbox/index.js +0 -46
  162. package/dist/Editor/common/Checkbox/styles.js +0 -45
  163. package/dist/Editor/common/CustomColorPicker/index.js +0 -130
  164. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  165. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  166. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  167. package/dist/Editor/common/CustomSelect.js +0 -43
  168. package/dist/Editor/common/RadioGroup/index.js +0 -48
  169. package/dist/Editor/common/RadioGroup/styles.js +0 -29
  170. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  171. package/dist/Editor/common/SnackBar/index.js +0 -43
  172. package/dist/Editor/common/StyleBuilder/fieldTypes/embedUpload.js +0 -115
  173. package/dist/Editor/helper/textIndeces.js +0 -58
  174. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  175. package/dist/Editor/hooks/useThemeValues.js +0 -63
  176. package/dist/Editor/theme/index.js +0 -149
  177. package/dist/Editor/themeSettings/ActiveTheme.js +0 -82
  178. package/dist/Editor/themeSettings/buttons/index.js +0 -300
  179. package/dist/Editor/themeSettings/buttons/style.js +0 -23
  180. package/dist/Editor/themeSettings/colorTheme/index.js +0 -310
  181. package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
  182. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  183. package/dist/Editor/themeSettings/fonts/index.js +0 -240
  184. package/dist/Editor/themeSettings/fonts/style.js +0 -62
  185. package/dist/Editor/themeSettings/icons.js +0 -60
  186. package/dist/Editor/themeSettings/index.js +0 -380
  187. package/dist/Editor/themeSettings/style.js +0 -299
  188. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  189. package/dist/Editor/themeSettingsAI/index.js +0 -355
  190. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
  191. package/dist/Editor/themeSettingsAI/style.js +0 -332
  192. 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,34 @@ 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
+ },
179
+ children: scrollToOptions.map((option, i) => {
180
+ return /*#__PURE__*/_jsx(MenuItem, {
181
+ value: option.value,
182
+ children: /*#__PURE__*/_jsx(Typography, {
183
+ variant: "body2",
184
+ children: translation(option.label)
185
+ })
186
+ }, i);
187
+ })
188
+ })]
187
189
  });
188
190
  };
189
191
  const filter = createFilterOptions();
@@ -192,8 +194,7 @@ export function FreeSoloCreateOption({
192
194
  setValue,
193
195
  options = [],
194
196
  placeholder = "",
195
- disabled = false,
196
- classes
197
+ disabled = false
197
198
  }) {
198
199
  return /*#__PURE__*/_jsx(Autocomplete, {
199
200
  freeSolo: true,
@@ -259,13 +260,6 @@ export function FreeSoloCreateOption({
259
260
  sx: {
260
261
  marginTop: "10px"
261
262
  },
262
- disabled: disabled,
263
- slotProps: {
264
- popper: {
265
- sx: {
266
- ...classes.customAutoComplete
267
- }
268
- }
269
- }
263
+ disabled: disabled
270
264
  });
271
265
  }
@@ -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,15 @@ 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
+ children: [/*#__PURE__*/_jsx(DialogTitle, {
137
+ children: translation("dialogueTitle")
138
+ }), /*#__PURE__*/_jsx(IconButton, {
139
+ "aria-label": "close",
140
+ onClick: handleClose,
141
+ sx: classes.closeIcon,
142
+ children: /*#__PURE__*/_jsx(CloseIcon, {})
147
143
  }), /*#__PURE__*/_jsx(DialogContent, {
148
144
  dividers: true,
149
- className: "link-settings-content",
150
145
  children: /*#__PURE__*/_jsxs(Grid, {
151
146
  container: true,
152
147
  spacing: 2,
@@ -154,17 +149,20 @@ export default function LinkSettings(props) {
154
149
  item: true,
155
150
  xs: 6,
156
151
  sx: classes.gridDivider,
157
- className: "radioBtnGrp",
158
152
  children: /*#__PURE__*/_jsx(FormControl, {
159
- sx: classes.customRadioBtn,
160
153
  children: /*#__PURE__*/_jsx(RadioGroup, {
161
- options: navOptions,
162
154
  value: nav?.value,
163
- onChange: navOption => {
164
- setNav(navOption);
165
- setNavValue("");
166
- },
167
- translation: translation
155
+ children: navOptions?.map((navOption, i) => {
156
+ return /*#__PURE__*/_jsx(FormControlLabel, {
157
+ value: navOption.value,
158
+ control: /*#__PURE__*/_jsx(Radio, {}),
159
+ label: translation(navOption.label),
160
+ onChange: () => {
161
+ setNav(navOption);
162
+ setNavValue("");
163
+ }
164
+ }, i);
165
+ })
168
166
  })
169
167
  })
170
168
  }), /*#__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) {