@edifice.io/react 2.2.8-develop-b2school.20250602164507 → 2.2.8-develop.20250605102441
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.
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/IconButton.js +1 -1
- package/dist/components/Combobox/Combobox.d.ts +5 -60
- package/dist/components/Combobox/Combobox.js +7 -18
- package/dist/components/Combobox/ComboboxTrigger.d.ts +3 -34
- package/dist/components/Combobox/ComboboxTrigger.js +8 -33
- package/dist/components/Dropdown/Dropdown.d.ts +2 -10
- package/dist/components/Dropdown/Dropdown.js +3 -5
- package/dist/components/Dropdown/DropdownItem.d.ts +1 -5
- package/dist/components/Dropdown/DropdownItem.js +1 -4
- package/dist/components/Dropdown/DropdownTrigger.js +1 -5
- package/dist/components/Input/Input.d.ts +0 -4
- package/dist/components/Input/Input.js +5 -21
- package/dist/components/Layout/components/Header.js +1 -1
- package/dist/components/List/List.d.ts +1 -16
- package/dist/components/List/List.js +26 -30
- package/dist/components/Modal/ModalHeader.js +2 -2
- package/dist/components/SearchBar/SearchBar.d.ts +1 -1
- package/dist/components/SearchBar/SearchBar.js +1 -3
- package/dist/components/Tabs/components/Tabs.d.ts +1 -1
- package/dist/components/Tabs/components/TabsItem.d.ts +5 -1
- package/dist/components/Tabs/components/TabsItem.js +6 -1
- package/dist/components/Toolbar/Toolbar.d.ts +0 -4
- package/dist/components/Toolbar/Toolbar.js +3 -8
- package/dist/components/Tree/components/Tree.js +2 -1
- package/dist/components/Tree/hooks/useTree.d.ts +1 -0
- package/dist/components/Tree/hooks/useTree.js +25 -2
- package/dist/components/Tree/types/index.d.ts +4 -0
- package/dist/editor.js +24 -28
- package/dist/hooks/index.d.ts +0 -1
- package/dist/hooks/useCheckable/useCheckable.js +3 -10
- package/dist/hooks/useConversation/useConversation.d.ts +1 -1
- package/dist/hooks/useConversation/useConversation.js +17 -13
- package/dist/hooks/useDate/useDate.d.ts +0 -1
- package/dist/hooks/useDate/useDate.js +27 -33
- package/dist/hooks/useDropdown/useDropdown.d.ts +1 -2
- package/dist/hooks/useDropdown/useDropdown.js +3 -5
- package/dist/hooks/useDropzone/useDropzone.js +1 -1
- package/dist/hooks/useHttpErrorToast/useHttpErrorToast.js +3 -12
- package/dist/icons.js +216 -236
- package/dist/index.d.ts +0 -1
- package/dist/index.js +20 -50
- package/dist/modals.js +14 -16
- package/dist/modules/editor/components/Editor/Editor.d.ts +1 -8
- package/dist/modules/editor/components/Editor/Editor.js +3 -7
- package/dist/modules/editor/components/EditorToolbar/EditorToolbar.DropdownMenu.js +1 -1
- package/dist/modules/editor/components/EditorToolbar/EditorToolbar.PlusMenu.js +1 -1
- package/dist/modules/editor/components/EditorToolbar/EditorToolbar.TextSize.js +2 -2
- package/dist/modules/editor/components/EditorToolbar/EditorToolbar.Typography.js +2 -2
- package/dist/modules/editor/components/NodeView/index.d.ts +1 -2
- package/dist/modules/editor/components/Renderer/index.d.ts +1 -2
- package/dist/modules/editor/components/Toolbar/TableToolbar.AddMenu.js +33 -12
- package/dist/modules/editor/components/Toolbar/TableToolbar.DelMenu.js +28 -11
- package/dist/modules/editor/hooks/useTipTapEditor.d.ts +2 -6
- package/dist/modules/editor/hooks/useTipTapEditor.js +2 -2
- package/dist/modules/icons/components/index.d.ts +0 -10
- package/dist/modules/modals/OnboardingModal/OnboardingModal.d.ts +5 -9
- package/dist/modules/modals/OnboardingModal/OnboardingModal.js +4 -5
- package/dist/modules/modals/index.d.ts +0 -1
- package/dist/modules/multimedia/index.d.ts +0 -1
- package/dist/multimedia.js +1 -3
- package/package.json +6 -6
- package/dist/hooks/useWorkspaceFolders/index.d.ts +0 -3
- package/dist/hooks/useWorkspaceFolders/useWorkspaceFolders.js +0 -54
- package/dist/hooks/useWorkspaceFolders/useWorkspaceFoldersTree.d.ts +0 -13
- package/dist/hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js +0 -51
- package/dist/modules/editor/components/NodeView/ConversationHistoryNodeView.d.ts +0 -2
- package/dist/modules/editor/components/NodeView/ConversationHistoryNodeView.js +0 -10
- package/dist/modules/editor/components/Renderer/ConversationHistoryRenderer.d.ts +0 -8
- package/dist/modules/editor/components/Renderer/ConversationHistoryRenderer.js +0 -28
- package/dist/modules/icons/components/IconFolderAdd.d.ts +0 -7
- package/dist/modules/icons/components/IconFolderAdd.js +0 -13
- package/dist/modules/icons/components/IconFolderDelete.d.ts +0 -7
- package/dist/modules/icons/components/IconFolderDelete.js +0 -12
- package/dist/modules/icons/components/IconGlobe2.d.ts +0 -7
- package/dist/modules/icons/components/IconGlobe2.js +0 -16
- package/dist/modules/icons/components/IconGroupAvatar.d.ts +0 -7
- package/dist/modules/icons/components/IconGroupAvatar.js +0 -12
- package/dist/modules/icons/components/IconMailRecall.d.ts +0 -7
- package/dist/modules/icons/components/IconMailRecall.js +0 -13
- package/dist/modules/icons/components/IconQuestionMark.d.ts +0 -7
- package/dist/modules/icons/components/IconQuestionMark.js +0 -13
- package/dist/modules/icons/components/IconReadMail.d.ts +0 -7
- package/dist/modules/icons/components/IconReadMail.js +0 -16
- package/dist/modules/icons/components/IconSignature.d.ts +0 -7
- package/dist/modules/icons/components/IconSignature.js +0 -13
- package/dist/modules/icons/components/IconUndoAll.d.ts +0 -7
- package/dist/modules/icons/components/IconUndoAll.js +0 -14
- package/dist/modules/icons/components/IconUnreadMail.d.ts +0 -7
- package/dist/modules/icons/components/IconUnreadMail.js +0 -16
- package/dist/modules/modals/ConfirmModal/ConfirmModal.d.ts +0 -47
- package/dist/modules/modals/ConfirmModal/ConfirmModal.js +0 -37
- package/dist/modules/modals/ConfirmModal/index.d.ts +0 -1
- package/dist/modules/multimedia/WorkspaceFolders/WorkspaceFolders.d.ts +0 -8
- package/dist/modules/multimedia/WorkspaceFolders/WorkspaceFolders.js +0 -55
- package/dist/modules/multimedia/WorkspaceFolders/components/NewFolderForm.d.ts +0 -16
- package/dist/modules/multimedia/WorkspaceFolders/components/NewFolderForm.js +0 -39
- package/dist/modules/multimedia/WorkspaceFolders/index.d.ts +0 -1
package/dist/index.js
CHANGED
|
@@ -73,28 +73,16 @@ import { default as default72 } from "./hooks/useUpload/useUpload.js";
|
|
|
73
73
|
import { default as default73 } from "./hooks/useUploadFiles/useUploadFiles.js";
|
|
74
74
|
import { default as default74 } from "./hooks/useUser/useUser.js";
|
|
75
75
|
import { default as default75 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
|
|
76
|
-
import { default as default76 } from "./hooks/
|
|
77
|
-
import {
|
|
78
|
-
import { default as default78 } from "./hooks/
|
|
79
|
-
import { default as default79 } from "./
|
|
80
|
-
import { default as default80 } from "./
|
|
81
|
-
import { default as default81 } from "./modules/modals/
|
|
82
|
-
import { default as default82 } from "./modules/modals/
|
|
83
|
-
import { default as default83 } from "./modules/modals/
|
|
84
|
-
import { default as default84 } from "./modules/modals/
|
|
85
|
-
import { default as default85 } from "./modules/modals/
|
|
86
|
-
import { default as default86 } from "./modules/modals/ShareModal/ShareModal.js";
|
|
87
|
-
import { default as default87 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
|
|
88
|
-
import { default as default88 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
|
|
89
|
-
import { default as default89 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
|
|
90
|
-
import { default as default90 } from "./modules/multimedia/Embed/Embed.js";
|
|
91
|
-
import { default as default91 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
|
|
92
|
-
import { default as default92 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
|
|
93
|
-
import { default as default93 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
|
|
94
|
-
import { default as default94 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
|
|
95
|
-
import { default as default95 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
|
|
96
|
-
import { default as default96 } from "./modules/multimedia/Workspace/Workspace.js";
|
|
97
|
-
import { default as default97 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
|
|
76
|
+
import { default as default76 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
|
|
77
|
+
import { default as default77 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
|
|
78
|
+
import { default as default78 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
|
|
79
|
+
import { default as default79 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
|
|
80
|
+
import { default as default80 } from "./modules/modals/PublishModal/PublishModal.js";
|
|
81
|
+
import { default as default81 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
|
|
82
|
+
import { default as default82 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
|
|
83
|
+
import { default as default83 } from "./modules/modals/ShareModal/ShareModal.js";
|
|
84
|
+
import { default as default84 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
|
|
85
|
+
import { default as default85 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
|
|
98
86
|
import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
|
|
99
87
|
import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
|
|
100
88
|
import { Column, Grid } from "./components/Grid/Grid.js";
|
|
@@ -111,8 +99,6 @@ import { TreeNode } from "./components/TreeView/TreeNode.js";
|
|
|
111
99
|
import { TreeNodeFolderWrapper, addNode, arrayUnique, deleteNode, findNodeById, findParentNode, findPathById, findTreeNode, getAncestors, hasChildren, modifyNode, moveNode, updateNode, wrapTreeNode } from "./components/TreeView/utilities/treeview.js";
|
|
112
100
|
import { useCheckable } from "./hooks/useCheckable/useCheckable.js";
|
|
113
101
|
import { ResourceModal } from "./modules/modals/ResourceModal/ResourceModal.js";
|
|
114
|
-
import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
|
|
115
|
-
import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
|
|
116
102
|
import { EdificeClientProvider } from "./providers/EdificeClientProvider/EdificeClientProvider.js";
|
|
117
103
|
import { EdificeClientContext } from "./providers/EdificeClientProvider/EdificeClientProvider.context.js";
|
|
118
104
|
import { useEdificeClient } from "./providers/EdificeClientProvider/EdificeClientProvider.hook.js";
|
|
@@ -130,11 +116,10 @@ export {
|
|
|
130
116
|
default4 as AppHeader,
|
|
131
117
|
default5 as AppIcon,
|
|
132
118
|
default6 as Attachment,
|
|
133
|
-
default89 as AudioRecorder,
|
|
134
119
|
default7 as Avatar,
|
|
135
120
|
default8 as AvatarGroup,
|
|
136
121
|
default9 as Badge,
|
|
137
|
-
|
|
122
|
+
default81 as BlogPublic,
|
|
138
123
|
default10 as Breadcrumb,
|
|
139
124
|
default11 as Button,
|
|
140
125
|
default14 as Card,
|
|
@@ -143,7 +128,6 @@ export {
|
|
|
143
128
|
default17 as ColorPickerItem,
|
|
144
129
|
Column,
|
|
145
130
|
default18 as Combobox,
|
|
146
|
-
default81 as ConfirmModal,
|
|
147
131
|
DefaultPalette,
|
|
148
132
|
DndTree,
|
|
149
133
|
default19 as Dropdown,
|
|
@@ -153,9 +137,7 @@ export {
|
|
|
153
137
|
EdificeClientProvider,
|
|
154
138
|
EdificeThemeContext,
|
|
155
139
|
EdificeThemeProvider,
|
|
156
|
-
default90 as Embed,
|
|
157
140
|
default21 as EmptyScreen,
|
|
158
|
-
ExternalLinker,
|
|
159
141
|
default22 as Flex,
|
|
160
142
|
default24 as FormControl,
|
|
161
143
|
default23 as FormText,
|
|
@@ -163,34 +145,30 @@ export {
|
|
|
163
145
|
default25 as Heading,
|
|
164
146
|
default12 as IconButton,
|
|
165
147
|
default26 as Image,
|
|
166
|
-
default91 as ImageEditor,
|
|
167
|
-
default92 as ImagePicker,
|
|
168
148
|
default27 as Input,
|
|
169
|
-
InternalLinker,
|
|
170
149
|
default28 as Label,
|
|
171
150
|
Layout,
|
|
172
151
|
List,
|
|
173
152
|
default29 as Loading,
|
|
174
153
|
default30 as LoadingScreen,
|
|
175
154
|
default31 as Logo,
|
|
176
|
-
default93 as MediaLibrary,
|
|
177
155
|
Menu,
|
|
178
156
|
MockedProvider,
|
|
179
157
|
default32 as Modal,
|
|
180
|
-
|
|
158
|
+
default79 as OnboardingModal,
|
|
181
159
|
Popover,
|
|
182
160
|
PopoverBody,
|
|
183
161
|
PopoverFooter,
|
|
184
162
|
PopoverHeader,
|
|
185
163
|
default33 as PreventPropagation,
|
|
186
|
-
|
|
164
|
+
default80 as PublishModal,
|
|
187
165
|
default34 as Radio,
|
|
188
166
|
ResourceModal,
|
|
189
167
|
default35 as SearchBar,
|
|
190
168
|
default13 as SearchButton,
|
|
191
169
|
default36 as Select,
|
|
192
|
-
|
|
193
|
-
|
|
170
|
+
default84 as ShareBlog,
|
|
171
|
+
default83 as ShareModal,
|
|
194
172
|
default42 as SortableTree,
|
|
195
173
|
default37 as StackedGroup,
|
|
196
174
|
default38 as Switch,
|
|
@@ -203,13 +181,7 @@ export {
|
|
|
203
181
|
TreeNode,
|
|
204
182
|
TreeNodeFolderWrapper,
|
|
205
183
|
default44 as TreeView,
|
|
206
|
-
default94 as VideoEmbed,
|
|
207
|
-
default95 as VideoRecorder,
|
|
208
184
|
default45 as VisuallyHidden,
|
|
209
|
-
WORKSPACE_SHARED_FOLDER_ID,
|
|
210
|
-
WORKSPACE_USER_FOLDER_ID,
|
|
211
|
-
default96 as Workspace,
|
|
212
|
-
default97 as WorkspaceFolders,
|
|
213
185
|
addNode,
|
|
214
186
|
arrayUnique,
|
|
215
187
|
buildTree,
|
|
@@ -262,7 +234,7 @@ export {
|
|
|
262
234
|
default64 as useLibraryUrl,
|
|
263
235
|
default65 as useMediaLibrary,
|
|
264
236
|
default66 as useScrollToTop,
|
|
265
|
-
|
|
237
|
+
default85 as useShareMutation,
|
|
266
238
|
default67 as useTitle,
|
|
267
239
|
default68 as useToast,
|
|
268
240
|
default69 as useToggle,
|
|
@@ -270,15 +242,13 @@ export {
|
|
|
270
242
|
default71 as useTrashedResource,
|
|
271
243
|
useTreeSortable,
|
|
272
244
|
useTreeView,
|
|
273
|
-
|
|
245
|
+
default82 as useUpdateMutation,
|
|
274
246
|
default72 as useUpload,
|
|
275
247
|
default73 as useUploadFiles,
|
|
276
248
|
default74 as useUser,
|
|
277
249
|
default75 as useWorkspaceFile,
|
|
278
|
-
default76 as
|
|
279
|
-
default77 as
|
|
280
|
-
default78 as
|
|
281
|
-
default79 as useXitiTrackPageLoad,
|
|
282
|
-
default80 as useZendeskGuide,
|
|
250
|
+
default76 as useWorkspaceSearch,
|
|
251
|
+
default77 as useXitiTrackPageLoad,
|
|
252
|
+
default78 as useZendeskGuide,
|
|
283
253
|
wrapTreeNode
|
|
284
254
|
};
|
package/dist/modals.js
CHANGED
|
@@ -1,20 +1,18 @@
|
|
|
1
|
-
import { default as default2 } from "./modules/modals/
|
|
2
|
-
import { default as default3 } from "./modules/modals/
|
|
3
|
-
import { default as default4 } from "./modules/modals/
|
|
4
|
-
import { default as default5 } from "./modules/modals/ResourceModal/
|
|
5
|
-
import { default as default6 } from "./modules/modals/
|
|
6
|
-
import { default as default7 } from "./modules/modals/ShareModal/
|
|
7
|
-
import { default as default8 } from "./modules/modals/ShareModal/
|
|
8
|
-
import { default as default9 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
|
|
1
|
+
import { default as default2 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
|
|
2
|
+
import { default as default3 } from "./modules/modals/PublishModal/PublishModal.js";
|
|
3
|
+
import { default as default4 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
|
|
4
|
+
import { default as default5 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
|
|
5
|
+
import { default as default6 } from "./modules/modals/ShareModal/ShareModal.js";
|
|
6
|
+
import { default as default7 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
|
|
7
|
+
import { default as default8 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
|
|
9
8
|
import { ResourceModal } from "./modules/modals/ResourceModal/ResourceModal.js";
|
|
10
9
|
export {
|
|
11
|
-
|
|
12
|
-
default2 as
|
|
13
|
-
default3 as
|
|
14
|
-
default4 as PublishModal,
|
|
10
|
+
default4 as BlogPublic,
|
|
11
|
+
default2 as OnboardingModal,
|
|
12
|
+
default3 as PublishModal,
|
|
15
13
|
ResourceModal,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
14
|
+
default7 as ShareBlog,
|
|
15
|
+
default6 as ShareModal,
|
|
16
|
+
default8 as useShareMutation,
|
|
17
|
+
default5 as useUpdateMutation
|
|
20
18
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { WorkspaceVisibility } from '@edifice.io/client';
|
|
2
|
-
import { Content,
|
|
2
|
+
import { Content, FocusPosition, JSONContent } from '@tiptap/react';
|
|
3
3
|
export interface EditorRef {
|
|
4
4
|
/** Get the current content. */
|
|
5
5
|
getContent: (as: 'html' | 'json' | 'plain') => undefined | string | JSONContent;
|
|
@@ -7,11 +7,6 @@ export interface EditorRef {
|
|
|
7
7
|
isSpeeching: () => boolean;
|
|
8
8
|
/** [De]activate speech synthetisis */
|
|
9
9
|
toogleSpeechSynthetisis: () => boolean;
|
|
10
|
-
/**
|
|
11
|
-
* Set focus to the editor
|
|
12
|
-
* @param position
|
|
13
|
-
*/
|
|
14
|
-
setFocus: (position: FocusPosition) => void;
|
|
15
10
|
}
|
|
16
11
|
/**
|
|
17
12
|
* Editor component properties
|
|
@@ -46,8 +41,6 @@ export interface EditorProps {
|
|
|
46
41
|
editor: any;
|
|
47
42
|
}) => void;
|
|
48
43
|
cantooParam?: 'simplify' | 'none';
|
|
49
|
-
/** Extensions to add to the editor */
|
|
50
|
-
extensions?: Extensions;
|
|
51
44
|
}
|
|
52
45
|
declare const Editor: import('react').ForwardRefExoticComponent<EditorProps & import('react').RefAttributes<EditorRef>>;
|
|
53
46
|
export default Editor;
|
|
@@ -32,15 +32,14 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
|
|
|
32
32
|
placeholder = "",
|
|
33
33
|
visibility = "protected",
|
|
34
34
|
onContentChange,
|
|
35
|
-
cantooParam = "none"
|
|
36
|
-
extensions
|
|
35
|
+
cantooParam = "none"
|
|
37
36
|
}, ref) => {
|
|
38
37
|
const editorId = useId(), {
|
|
39
38
|
appCode
|
|
40
39
|
} = useEdificeClient(), {
|
|
41
40
|
editor,
|
|
42
41
|
editable
|
|
43
|
-
} = useTipTapEditor(mode === "edit", content, focus, placeholder, onContentChange, visibility
|
|
42
|
+
} = useTipTapEditor(mode === "edit", content, focus, placeholder, onContentChange, visibility), {
|
|
44
43
|
ref: mediaLibraryModalRef,
|
|
45
44
|
...mediaLibraryModalHandlers
|
|
46
45
|
} = useMediaLibraryEditor(editor), {
|
|
@@ -61,10 +60,7 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
|
|
|
61
60
|
}
|
|
62
61
|
},
|
|
63
62
|
toogleSpeechSynthetisis: speechSynthetisis.toggle,
|
|
64
|
-
isSpeeching: () => speechSynthetisis.isActivated
|
|
65
|
-
setFocus: (position) => {
|
|
66
|
-
editor && editor.commands.focus(position);
|
|
67
|
-
}
|
|
63
|
+
isSpeeching: () => speechSynthetisis.isActivated
|
|
68
64
|
}));
|
|
69
65
|
const contooEditor = useCantooEditor(editor, cantooParam);
|
|
70
66
|
if (!editor) return null;
|
|
@@ -10,7 +10,7 @@ const EditorToolbarDropdownMenu = ({
|
|
|
10
10
|
options
|
|
11
11
|
}) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
12
12
|
/* @__PURE__ */ jsx(Tooltip, { message: ariaLabel, placement: "top", children: /* @__PURE__ */ jsx(IconButton, { ...triggerProps, type: "button", variant: "ghost", color: "tertiary", icon, "aria-label": ariaLabel }) }),
|
|
13
|
-
/* @__PURE__ */ jsx(Dropdown.Menu, { children: options.map((option, index) => /* @__PURE__ */ jsx(Fragment$1, { children: option.type === "divider" ? /* @__PURE__ */ jsx(Dropdown.Separator, {}) : /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: () => option.action(null), children: option.label }) }, index)) })
|
|
13
|
+
/* @__PURE__ */ jsx(Dropdown.Menu, { children: options.map((option, index) => /* @__PURE__ */ jsx(Fragment$1, { children: option.type === "divider" ? /* @__PURE__ */ jsx(Dropdown.Separator, {}) : /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: () => option.action(null), children: option.label }) }) }, index)) })
|
|
14
14
|
] });
|
|
15
15
|
export {
|
|
16
16
|
EditorToolbarDropdownMenu
|
|
@@ -10,7 +10,7 @@ const EditorToolbarPlusMenu = ({
|
|
|
10
10
|
} = useTranslation();
|
|
11
11
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
12
12
|
/* @__PURE__ */ jsx(Dropdown.Trigger, { variant: "ghost", label: t("tiptap.toolbar.plus"), size: "md", tabIndex: -1 }),
|
|
13
|
-
/* @__PURE__ */ jsx(Dropdown.Menu, { children: options.map((option, index) => /* @__PURE__ */ jsx(Fragment$1, { children: option.type === "divider" ? /* @__PURE__ */ jsx(Dropdown.Separator, {}) : /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: () => option.action(null), children: option.label }) }, index)) })
|
|
13
|
+
/* @__PURE__ */ jsx(Dropdown.Menu, { children: options.map((option, index) => /* @__PURE__ */ jsx(Fragment$1, { children: option.type === "divider" ? /* @__PURE__ */ jsx(Dropdown.Separator, {}) : /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: () => option.action(null), children: option.label }) }) }, index)) })
|
|
14
14
|
] });
|
|
15
15
|
};
|
|
16
16
|
export {
|
|
@@ -18,7 +18,7 @@ const EditorToolbarTextSize = ({
|
|
|
18
18
|
id: "title-1",
|
|
19
19
|
label: t("tiptap.toolbar.size.h1"),
|
|
20
20
|
className: "fs-2 fw-bold text-secondary",
|
|
21
|
-
action: () => editor == null ? void 0 : editor.chain().focus().setCustomHeading({
|
|
21
|
+
action: () => editor == null ? void 0 : editor.chain().focus().scrollIntoView().setCustomHeading({
|
|
22
22
|
level: 1
|
|
23
23
|
}).run(),
|
|
24
24
|
visibility: hasExtension("customHeading", editor)
|
|
@@ -54,7 +54,7 @@ const EditorToolbarTextSize = ({
|
|
|
54
54
|
}];
|
|
55
55
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
56
56
|
/* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.toolbar.size.choice"), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { ...triggerProps, type: "button", variant: "ghost", color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconTextSize, {}), "aria-label": t("tiptap.toolbar.size.choice") }) }),
|
|
57
|
-
/* @__PURE__ */ jsx(Dropdown.Menu, { children: textOptions.map((option) => /* @__PURE__ */ jsx(Fragment$1, { children: option.type === "divider" && option.visibility ? /* @__PURE__ */ jsx(Dropdown.Separator, {}) : option.visibility ? /* @__PURE__ */ jsx(Dropdown.Item, { onClick: option.action, children: /* @__PURE__ */ jsx("span", { className: option.className, children: option.label }) }) : null }, option.id)) })
|
|
57
|
+
/* @__PURE__ */ jsx(Dropdown.Menu, { children: textOptions.map((option) => /* @__PURE__ */ jsx(Fragment$1, { children: option.type === "divider" && option.visibility ? /* @__PURE__ */ jsx(Dropdown.Separator, {}) : option.visibility ? /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { onClick: option.action, children: /* @__PURE__ */ jsx("span", { className: option.className, children: option.label }) }) }) : null }, option.id)) })
|
|
58
58
|
] });
|
|
59
59
|
};
|
|
60
60
|
export {
|
|
@@ -42,9 +42,9 @@ const EditorToolbarTypography = ({
|
|
|
42
42
|
/* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.toolbar.typo.choice"), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { ...triggerProps, type: "button", variant: "ghost", color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconTextTypo, {}), "aria-label": t("tiptap.toolbar.typo.choice"), className: editor != null && editor.isActive("textStyle", {
|
|
43
43
|
color: /^#([0-9a-f]{3}){1,2}$/i
|
|
44
44
|
}) ? "selected" : "" }) }),
|
|
45
|
-
/* @__PURE__ */ jsx(Dropdown.Menu, { children: options.map((option) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Dropdown.RadioItem, { value: option.value, model: value, onChange: (value2) => {
|
|
45
|
+
/* @__PURE__ */ jsx(Dropdown.Menu, { children: options.map((option) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.RadioItem, { value: option.value, model: value, onChange: (value2) => {
|
|
46
46
|
typeof value2 == "string" && value2.length > 0 ? (editor == null || editor.chain().focus().setFontFamily(value2).run(), setValue(value2)) : (editor == null || editor.chain().focus().unsetFontFamily().run(), setValue(""));
|
|
47
|
-
}, children: /* @__PURE__ */ jsx("span", { className: option.className, children: option.label }) }) }, option.label)) })
|
|
47
|
+
}, children: /* @__PURE__ */ jsx("span", { className: option.className, children: option.label }) }) }) }, option.label)) })
|
|
48
48
|
] });
|
|
49
49
|
};
|
|
50
50
|
export {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
export { default as AttachmentNodeView } from './AttachmentNodeView';
|
|
2
1
|
export { default as AudioNodeView } from './AudioNodeView';
|
|
3
|
-
export { default as
|
|
2
|
+
export { default as AttachmentNodeView } from './AttachmentNodeView';
|
|
4
3
|
export { default as ImageNodeView } from './ImageNodeView';
|
|
5
4
|
export { default as LinkerNodeView } from './LinkerNodeView';
|
|
6
5
|
export { default as VideoNodeView } from './VideoNodeView';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
export { default as AttachmentRenderer } from './AttachmentRenderer';
|
|
2
1
|
export { default as AudioRenderer } from './AudioRenderer';
|
|
3
|
-
export { default as
|
|
2
|
+
export { default as AttachmentRenderer } from './AttachmentRenderer';
|
|
4
3
|
export { default as LinkerRenderer } from './LinkerRenderer';
|
|
5
4
|
export { default as MediaRenderer } from './MediaRenderer';
|
|
6
5
|
export { default as InformationPaneRenderer } from './InformationPaneRenderer';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs, Fragment
|
|
1
|
+
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useTranslation } from "react-i18next";
|
|
3
3
|
import SvgIconArrowDown from "../../../icons/components/IconArrowDown.js";
|
|
4
4
|
import SvgIconArrowLeft from "../../../icons/components/IconArrowLeft.js";
|
|
@@ -13,19 +13,40 @@ const TableToolbarAddMenu = ({
|
|
|
13
13
|
}) => {
|
|
14
14
|
const {
|
|
15
15
|
t
|
|
16
|
-
} = useTranslation()
|
|
16
|
+
} = useTranslation(), addOptions = [{
|
|
17
|
+
key: "add-above",
|
|
18
|
+
icon: /* @__PURE__ */ jsx(SvgIconArrowUp, {}),
|
|
19
|
+
onClick: () => editor == null ? void 0 : editor.chain().focus().addRowBefore().run(),
|
|
20
|
+
label: t("tiptap.table.toolbar.line.above")
|
|
21
|
+
}, {
|
|
22
|
+
key: "add-below",
|
|
23
|
+
icon: /* @__PURE__ */ jsx(SvgIconArrowDown, {}),
|
|
24
|
+
onClick: () => editor == null ? void 0 : editor.chain().focus().addRowAfter().run(),
|
|
25
|
+
label: t("tiptap.table.toolbar.line.below")
|
|
26
|
+
}, {
|
|
27
|
+
key: "add-left",
|
|
28
|
+
icon: /* @__PURE__ */ jsx(SvgIconArrowLeft, {}),
|
|
29
|
+
onClick: () => editor == null ? void 0 : editor.chain().focus().addColumnBefore().run(),
|
|
30
|
+
label: t("tiptap.table.toolbar.col.left")
|
|
31
|
+
}, {
|
|
32
|
+
key: "add-right",
|
|
33
|
+
icon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}),
|
|
34
|
+
onClick: () => editor == null ? void 0 : editor.chain().focus().addColumnAfter().run(),
|
|
35
|
+
label: t("tiptap.table.toolbar.col.right")
|
|
36
|
+
}, {
|
|
37
|
+
key: "header-row",
|
|
38
|
+
icon: /* @__PURE__ */ jsx(SvgIconHighlightRow, {}),
|
|
39
|
+
onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderRow().run(),
|
|
40
|
+
label: t("tiptap.table.toolbar.line.head")
|
|
41
|
+
}, {
|
|
42
|
+
key: "header-col",
|
|
43
|
+
icon: /* @__PURE__ */ jsx(SvgIconHighlightColumn, {}),
|
|
44
|
+
onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderColumn().run(),
|
|
45
|
+
label: t("tiptap.table.toolbar.col.head")
|
|
46
|
+
}];
|
|
17
47
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
18
48
|
/* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.table.toolbar.tooltip.add"), placement: "top", children: /* @__PURE__ */ jsx(Dropdown.Trigger, { variant: "ghost", label: t("tiptap.table.toolbar.add") }) }),
|
|
19
|
-
/* @__PURE__ */
|
|
20
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconArrowUp, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().addRowBefore().run(), children: t("tiptap.table.toolbar.line.above") }, "add-above"),
|
|
21
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconArrowDown, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().addRowAfter().run(), children: t("tiptap.table.toolbar.line.below") }, "add-below"),
|
|
22
|
-
/* @__PURE__ */ jsx(Dropdown.Separator, {}),
|
|
23
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconArrowLeft, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().addColumnBefore().run(), children: t("tiptap.table.toolbar.col.left") }, "add-left"),
|
|
24
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().addColumnAfter().run(), children: t("tiptap.table.toolbar.col.right") }, "add-right"),
|
|
25
|
-
/* @__PURE__ */ jsx(Dropdown.Separator, {}),
|
|
26
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconHighlightRow, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderRow().run(), children: t("tiptap.table.toolbar.line.head") }, "header-row"),
|
|
27
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconHighlightColumn, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderColumn().run(), children: t("tiptap.table.toolbar.col.head") }, "header-col")
|
|
28
|
-
] })
|
|
49
|
+
/* @__PURE__ */ jsx(Dropdown.Menu, { children: addOptions.map((option) => /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: option.onClick, children: option.label }, option.key) })) })
|
|
29
50
|
] });
|
|
30
51
|
};
|
|
31
52
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs, Fragment
|
|
1
|
+
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useTranslation } from "react-i18next";
|
|
3
3
|
import SvgIconDeleteColumnHighlight from "../../../icons/components/IconDeleteColumnHighlight.js";
|
|
4
4
|
import SvgIconDeleteColumn from "../../../icons/components/IconDeleteColumn.js";
|
|
@@ -12,18 +12,35 @@ const TableToolbarDelMenu = ({
|
|
|
12
12
|
}) => {
|
|
13
13
|
const {
|
|
14
14
|
t
|
|
15
|
-
} = useTranslation()
|
|
15
|
+
} = useTranslation(), delOptions = [{
|
|
16
|
+
key: "del-row",
|
|
17
|
+
icon: /* @__PURE__ */ jsx(SvgIconDeleteRow, {}),
|
|
18
|
+
onClick: () => editor == null ? void 0 : editor.chain().focus().deleteRow().run(),
|
|
19
|
+
label: t("tiptap.table.toolbar.del.line")
|
|
20
|
+
}, {
|
|
21
|
+
key: "del-col",
|
|
22
|
+
icon: /* @__PURE__ */ jsx(SvgIconDeleteColumn, {}),
|
|
23
|
+
onClick: () => editor == null ? void 0 : editor.chain().focus().deleteColumn().run(),
|
|
24
|
+
label: t("tiptap.table.toolbar.del.col")
|
|
25
|
+
}, {
|
|
26
|
+
key: "del-header-row",
|
|
27
|
+
icon: /* @__PURE__ */ jsx(SvgIconDeleteRowHighlight, {}),
|
|
28
|
+
onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderRow().run(),
|
|
29
|
+
label: t("tiptap.table.toolbar.del.line.head")
|
|
30
|
+
}, {
|
|
31
|
+
key: "del-header-col",
|
|
32
|
+
icon: /* @__PURE__ */ jsx(SvgIconDeleteColumnHighlight, {}),
|
|
33
|
+
onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderColumn().run(),
|
|
34
|
+
label: t("tiptap.table.toolbar.del.col.head")
|
|
35
|
+
}, {
|
|
36
|
+
key: "del-table",
|
|
37
|
+
icon: /* @__PURE__ */ jsx(SvgIconDelete, {}),
|
|
38
|
+
onClick: () => editor == null ? void 0 : editor.chain().focus().deleteTable().run(),
|
|
39
|
+
label: t("tiptap.table.toolbar.del.array")
|
|
40
|
+
}];
|
|
16
41
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
17
42
|
/* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.table.toolbar.tooltip.del"), placement: "top", children: /* @__PURE__ */ jsx(Dropdown.Trigger, { variant: "ghost", label: t("tiptap.table.toolbar.del") }) }),
|
|
18
|
-
/* @__PURE__ */
|
|
19
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconDeleteRow, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().deleteRow().run(), children: t("tiptap.table.toolbar.del.line") }, "del-row"),
|
|
20
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconDeleteColumn, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().deleteColumn().run(), children: t("tiptap.table.toolbar.del.col") }, "del-col"),
|
|
21
|
-
/* @__PURE__ */ jsx(Dropdown.Separator, {}),
|
|
22
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconDeleteRowHighlight, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderRow().run(), children: t("tiptap.table.toolbar.del.line.head") }, "del-header-row"),
|
|
23
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconDeleteColumnHighlight, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().toggleHeaderColumn().run(), children: t("tiptap.table.toolbar.del.col.head") }, "del-header-col"),
|
|
24
|
-
/* @__PURE__ */ jsx(Dropdown.Separator, {}),
|
|
25
|
-
/* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), onClick: () => editor == null ? void 0 : editor.chain().focus().deleteTable().run(), children: t("tiptap.table.toolbar.del.array") }, "del-table")
|
|
26
|
-
] })
|
|
43
|
+
/* @__PURE__ */ jsx(Dropdown.Menu, { children: delOptions.map((option) => /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: option.onClick, children: option.label }, option.key) })) })
|
|
27
44
|
] });
|
|
28
45
|
};
|
|
29
46
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Content,
|
|
1
|
+
import { Content, FocusPosition } from '@tiptap/react';
|
|
2
2
|
import { WorkspaceVisibility } from '@edifice.io/client';
|
|
3
3
|
/**
|
|
4
4
|
* Hook that creates a tiptap editor instance.
|
|
@@ -7,14 +7,10 @@ import { WorkspaceVisibility } from '@edifice.io/client';
|
|
|
7
7
|
* @param content default rich content
|
|
8
8
|
* @param focus set focus position to the editor
|
|
9
9
|
* @param placeholder editor placeholder content
|
|
10
|
-
* @param onContentChange callback to be called on content change
|
|
11
|
-
* @param visibility workspace visibility
|
|
12
|
-
* @param extensions extensions to add to the editor
|
|
13
|
-
* @returns the editor instance and the editable state
|
|
14
10
|
*/
|
|
15
11
|
export declare const useTipTapEditor: (editable: boolean, content: Content, focus?: FocusPosition, placeholder?: string, onContentChange?: ({ editor }: {
|
|
16
12
|
editor: any;
|
|
17
|
-
}) => void, visibility?: WorkspaceVisibility
|
|
13
|
+
}) => void, visibility?: WorkspaceVisibility) => {
|
|
18
14
|
editor: import('@tiptap/core').Editor | null;
|
|
19
15
|
editable: boolean;
|
|
20
16
|
};
|
|
@@ -38,7 +38,7 @@ import AudioRenderer from "../components/Renderer/AudioRenderer.js";
|
|
|
38
38
|
import LinkerRenderer from "../components/Renderer/LinkerRenderer.js";
|
|
39
39
|
import AttachmentRenderer from "../components/Renderer/AttachmentRenderer.js";
|
|
40
40
|
import InformationPaneRenderer from "../components/Renderer/InformationPaneRenderer.js";
|
|
41
|
-
const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected"
|
|
41
|
+
const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected") => {
|
|
42
42
|
const {
|
|
43
43
|
currentLanguage
|
|
44
44
|
} = useEdificeClient(), {
|
|
@@ -65,7 +65,7 @@ const useTipTapEditor = (editable, content, focus, placeholder, onContentChange,
|
|
|
65
65
|
levels: [1, 2]
|
|
66
66
|
}), Typography, FontSize, SpeechRecognition, SpeechSynthesis.configure({
|
|
67
67
|
lang: (currentLanguage == null ? void 0 : currentLanguage.length) === 2 ? `${currentLanguage}-${currentLanguage.toUpperCase()}` : "fr-FR"
|
|
68
|
-
}), Iframe, Hyperlink, FontFamily, Mathematics, Alert, VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer, uploadFile), AttachmentNodeView(AttachmentRenderer), InformationPaneNodeView(InformationPaneRenderer)
|
|
68
|
+
}), Iframe, Hyperlink, FontFamily, Mathematics, Alert, VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer, uploadFile), AttachmentNodeView(AttachmentRenderer), InformationPaneNodeView(InformationPaneRenderer)],
|
|
69
69
|
content,
|
|
70
70
|
// If the onContentChange callback is provided, we call it on every content change.
|
|
71
71
|
...onContentChange ? {
|
|
@@ -45,15 +45,11 @@ export { default as IconExternalLink } from './IconExternalLink';
|
|
|
45
45
|
export { default as IconFiles } from './IconFiles';
|
|
46
46
|
export { default as IconFilter } from './IconFilter';
|
|
47
47
|
export { default as IconFlag } from './IconFlag';
|
|
48
|
-
export { default as IconFolderAdd } from './IconFolderAdd';
|
|
49
|
-
export { default as IconFolderDelete } from './IconFolderDelete';
|
|
50
48
|
export { default as IconFolderMove } from './IconFolderMove';
|
|
51
49
|
export { default as IconFolder } from './IconFolder';
|
|
52
50
|
export { default as IconForgoing } from './IconForgoing';
|
|
53
51
|
export { default as IconFullScreen } from './IconFullScreen';
|
|
54
|
-
export { default as IconGlobe2 } from './IconGlobe2';
|
|
55
52
|
export { default as IconGlobe } from './IconGlobe';
|
|
56
|
-
export { default as IconGroupAvatar } from './IconGroupAvatar';
|
|
57
53
|
export { default as IconHandMove } from './IconHandMove';
|
|
58
54
|
export { default as IconHeadphone } from './IconHeadphone';
|
|
59
55
|
export { default as IconHide } from './IconHide';
|
|
@@ -72,7 +68,6 @@ export { default as IconLink } from './IconLink';
|
|
|
72
68
|
export { default as IconListOrder } from './IconListOrder';
|
|
73
69
|
export { default as IconLoader } from './IconLoader';
|
|
74
70
|
export { default as IconLock } from './IconLock';
|
|
75
|
-
export { default as IconMailRecall } from './IconMailRecall';
|
|
76
71
|
export { default as IconMail } from './IconMail';
|
|
77
72
|
export { default as IconMergeCells } from './IconMergeCells';
|
|
78
73
|
export { default as IconMessageInfo } from './IconMessageInfo';
|
|
@@ -94,14 +89,12 @@ export { default as IconPlus } from './IconPlus';
|
|
|
94
89
|
export { default as IconPointerDefault } from './IconPointerDefault';
|
|
95
90
|
export { default as IconPointerHand } from './IconPointerHand';
|
|
96
91
|
export { default as IconPrint } from './IconPrint';
|
|
97
|
-
export { default as IconQuestionMark } from './IconQuestionMark';
|
|
98
92
|
export { default as IconQuestion } from './IconQuestion';
|
|
99
93
|
export { default as IconRafterDown } from './IconRafterDown';
|
|
100
94
|
export { default as IconRafterLeft } from './IconRafterLeft';
|
|
101
95
|
export { default as IconRafterRight } from './IconRafterRight';
|
|
102
96
|
export { default as IconRafterUp } from './IconRafterUp';
|
|
103
97
|
export { default as IconReaction } from './IconReaction';
|
|
104
|
-
export { default as IconReadMail } from './IconReadMail';
|
|
105
98
|
export { default as IconRecordPause } from './IconRecordPause';
|
|
106
99
|
export { default as IconRecordStop } from './IconRecordStop';
|
|
107
100
|
export { default as IconRecordVideo } from './IconRecordVideo';
|
|
@@ -118,7 +111,6 @@ export { default as IconSend } from './IconSend';
|
|
|
118
111
|
export { default as IconSetBackground } from './IconSetBackground';
|
|
119
112
|
export { default as IconSettings } from './IconSettings';
|
|
120
113
|
export { default as IconShare } from './IconShare';
|
|
121
|
-
export { default as IconSignature } from './IconSignature';
|
|
122
114
|
export { default as IconSmartphone } from './IconSmartphone';
|
|
123
115
|
export { default as IconSmiley } from './IconSmiley';
|
|
124
116
|
export { default as IconSortAscendingLetters } from './IconSortAscendingLetters';
|
|
@@ -147,11 +139,9 @@ export { default as IconTextVanilla } from './IconTextVanilla';
|
|
|
147
139
|
export { default as IconToolCenter } from './IconToolCenter';
|
|
148
140
|
export { default as IconTool } from './IconTool';
|
|
149
141
|
export { default as IconTrendingUp } from './IconTrendingUp';
|
|
150
|
-
export { default as IconUndoAll } from './IconUndoAll';
|
|
151
142
|
export { default as IconUndo } from './IconUndo';
|
|
152
143
|
export { default as IconUnlink } from './IconUnlink';
|
|
153
144
|
export { default as IconUnlock } from './IconUnlock';
|
|
154
|
-
export { default as IconUnreadMail } from './IconUnreadMail';
|
|
155
145
|
export { default as IconUpload } from './IconUpload';
|
|
156
146
|
export { default as IconUserSearch } from './IconUserSearch';
|
|
157
147
|
export { default as IconUser } from './IconUser';
|
|
@@ -11,33 +11,29 @@ interface ModalItemsProps {
|
|
|
11
11
|
* Text below image
|
|
12
12
|
*/
|
|
13
13
|
text: string;
|
|
14
|
-
/**
|
|
15
|
-
* Title of the item
|
|
16
|
-
*/
|
|
17
|
-
title?: string;
|
|
18
14
|
}
|
|
19
15
|
interface ModalOptionsProps {
|
|
20
16
|
/**
|
|
21
17
|
* Modal title
|
|
22
18
|
*/
|
|
23
|
-
title
|
|
19
|
+
title: string;
|
|
24
20
|
/**
|
|
25
21
|
* Prev button text
|
|
26
22
|
*/
|
|
27
|
-
prevText
|
|
23
|
+
prevText: string;
|
|
28
24
|
/**
|
|
29
25
|
* Next button text
|
|
30
26
|
*/
|
|
31
|
-
nextText
|
|
27
|
+
nextText: string;
|
|
32
28
|
/**
|
|
33
29
|
* Close button text
|
|
34
30
|
*/
|
|
35
|
-
closeText
|
|
31
|
+
closeText: string;
|
|
36
32
|
}
|
|
37
33
|
interface OnboardingProps {
|
|
38
34
|
id: string;
|
|
39
35
|
items: ModalItemsProps[];
|
|
40
|
-
modalOptions
|
|
36
|
+
modalOptions: ModalOptionsProps;
|
|
41
37
|
}
|
|
42
38
|
declare const OnboardingModal: {
|
|
43
39
|
({ id, items, modalOptions }: OnboardingProps): import('react').ReactPortal | null;
|
|
@@ -11,9 +11,8 @@ import Button from "../../../components/Button/Button.js";
|
|
|
11
11
|
const OnboardingModal = ({
|
|
12
12
|
id,
|
|
13
13
|
items,
|
|
14
|
-
modalOptions
|
|
14
|
+
modalOptions
|
|
15
15
|
}) => {
|
|
16
|
-
var _a;
|
|
17
16
|
const [swiperInstance, setSwiperInstance] = useState(), [swiperProgress, setSwiperprogress] = useState(0), {
|
|
18
17
|
isOpen,
|
|
19
18
|
isOnboarding,
|
|
@@ -33,9 +32,9 @@ const OnboardingModal = ({
|
|
|
33
32
|
prevText,
|
|
34
33
|
closeText,
|
|
35
34
|
nextText
|
|
36
|
-
} = modalOptions
|
|
35
|
+
} = modalOptions;
|
|
37
36
|
return isOnboarding ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", size: "md", isOpen, focusId: "nextButtonId", onModalClose: () => setIsOpen(!1), children: [
|
|
38
|
-
/* @__PURE__ */ jsx(Modal.Header, { onModalClose: () => setIsOpen(!1), children: t(
|
|
37
|
+
/* @__PURE__ */ jsx(Modal.Header, { onModalClose: () => setIsOpen(!1), children: t(title || "explorer.modal.onboarding.trash.title") }),
|
|
39
38
|
/* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Swiper, { modules: [Pagination], onSwiper: (swiper) => {
|
|
40
39
|
setSwiperInstance(swiper);
|
|
41
40
|
}, onSlideChange: (swiper) => {
|
|
@@ -44,7 +43,7 @@ const OnboardingModal = ({
|
|
|
44
43
|
clickable: !0
|
|
45
44
|
}, children: items.map((item, index) => /* @__PURE__ */ jsxs(SwiperSlide, { children: [
|
|
46
45
|
/* @__PURE__ */ jsx(Image, { width: "270", height: "140", className: "mx-auto my-12", loading: "lazy", src: item.src, alt: t(item.alt) }),
|
|
47
|
-
/* @__PURE__ */ jsx("p", {
|
|
46
|
+
/* @__PURE__ */ jsx("p", { children: t(item.text) })
|
|
48
47
|
] }, index)) }) }),
|
|
49
48
|
/* @__PURE__ */ jsxs(Modal.Footer, { children: [
|
|
50
49
|
/* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: () => setIsOpen(!1), children: t("explorer.modal.onboarding.trash.later") }),
|