@flozy/editor 10.4.5 → 10.4.7

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