@alpaca-editor/core 1.0.3992 → 1.0.3995
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/ui/copy-button.d.ts +10 -0
- package/dist/components/ui/copy-button.js +33 -0
- package/dist/components/ui/copy-button.js.map +1 -0
- package/dist/components/ui/sonner.d.ts +3 -0
- package/dist/components/ui/sonner.js +14 -0
- package/dist/components/ui/sonner.js.map +1 -0
- package/dist/config/config.js +4 -16
- package/dist/config/config.js.map +1 -1
- package/dist/config/types.d.ts +6 -3
- package/dist/editor/ComponentInfo.js +2 -2
- package/dist/editor/ComponentInfo.js.map +1 -1
- package/dist/editor/ContentTree.d.ts +2 -1
- package/dist/editor/ContentTree.js +4 -8
- package/dist/editor/ContentTree.js.map +1 -1
- package/dist/editor/FieldListField.js +3 -10
- package/dist/editor/FieldListField.js.map +1 -1
- package/dist/editor/ItemInfo.js +3 -3
- package/dist/editor/ItemInfo.js.map +1 -1
- package/dist/editor/ai/Agents.d.ts +6 -0
- package/dist/editor/ai/Agents.js +48 -0
- package/dist/editor/ai/Agents.js.map +1 -0
- package/dist/editor/ai/AiTerminal.js +4 -2
- package/dist/editor/ai/AiTerminal.js.map +1 -1
- package/dist/editor/client/EditorClient.js +48 -91
- package/dist/editor/client/EditorClient.js.map +1 -1
- package/dist/editor/client/editContext.d.ts +3 -2
- package/dist/editor/client/editContext.js.map +1 -1
- package/dist/editor/commands/itemCommands.js +5 -24
- package/dist/editor/commands/itemCommands.js.map +1 -1
- package/dist/editor/component-designer/ComponentEditor.js +3 -5
- package/dist/editor/component-designer/ComponentEditor.js.map +1 -1
- package/dist/editor/field-types/InternalLinkFieldEditor.js +20 -25
- package/dist/editor/field-types/InternalLinkFieldEditor.js.map +1 -1
- package/dist/editor/field-types/RichTextEditor.d.ts +4 -3
- package/dist/editor/field-types/RichTextEditor.js +16 -3
- package/dist/editor/field-types/RichTextEditor.js.map +1 -1
- package/dist/editor/field-types/RichTextEditorComponent.d.ts +6 -5
- package/dist/editor/field-types/RichTextEditorComponent.js +59 -60
- package/dist/editor/field-types/RichTextEditorComponent.js.map +1 -1
- package/dist/editor/field-types/TreeListEditor.js +7 -5
- package/dist/editor/field-types/TreeListEditor.js.map +1 -1
- package/dist/editor/field-types/richtext/components/EditorDropdown.d.ts +11 -0
- package/dist/editor/field-types/richtext/components/EditorDropdown.js +83 -0
- package/dist/editor/field-types/richtext/components/EditorDropdown.js.map +1 -0
- package/dist/editor/field-types/richtext/components/ReactSlate.d.ts +5 -0
- package/dist/editor/field-types/richtext/components/ReactSlate.js +562 -0
- package/dist/editor/field-types/richtext/components/ReactSlate.js.map +1 -0
- package/dist/editor/field-types/richtext/components/ToolbarButton.d.ts +3 -0
- package/dist/editor/field-types/richtext/components/ToolbarButton.js +13 -0
- package/dist/editor/field-types/richtext/components/ToolbarButton.js.map +1 -0
- package/dist/editor/field-types/richtext/config/pluginFactory.d.ts +17 -0
- package/dist/editor/field-types/richtext/config/pluginFactory.js +14 -0
- package/dist/editor/field-types/richtext/config/pluginFactory.js.map +1 -0
- package/dist/editor/field-types/richtext/hooks/useProfileCache.d.ts +68 -0
- package/dist/editor/field-types/richtext/hooks/useProfileCache.js +208 -0
- package/dist/editor/field-types/richtext/hooks/useProfileCache.js.map +1 -0
- package/dist/editor/field-types/richtext/hooks/useRichTextProfile.d.ts +25 -0
- package/dist/editor/field-types/richtext/hooks/useRichTextProfile.js +64 -0
- package/dist/editor/field-types/richtext/hooks/useRichTextProfile.js.map +1 -0
- package/dist/editor/field-types/richtext/index.d.ts +5 -0
- package/dist/editor/field-types/richtext/index.js +6 -0
- package/dist/editor/field-types/richtext/index.js.map +1 -0
- package/dist/editor/field-types/richtext/types.d.ts +139 -0
- package/dist/editor/field-types/richtext/types.js +107 -0
- package/dist/editor/field-types/richtext/types.js.map +1 -0
- package/dist/editor/field-types/richtext/utils/conversion.d.ts +5 -0
- package/dist/editor/field-types/richtext/utils/conversion.js +539 -0
- package/dist/editor/field-types/richtext/utils/conversion.js.map +1 -0
- package/dist/editor/field-types/richtext/utils/plugins.d.ts +97 -0
- package/dist/editor/field-types/richtext/utils/plugins.js +272 -0
- package/dist/editor/field-types/richtext/utils/plugins.js.map +1 -0
- package/dist/editor/field-types/richtext/utils/profileMapper.d.ts +38 -0
- package/dist/editor/field-types/richtext/utils/profileMapper.js +366 -0
- package/dist/editor/field-types/richtext/utils/profileMapper.js.map +1 -0
- package/dist/editor/field-types/richtext/utils/profileServiceCache.d.ts +37 -0
- package/dist/editor/field-types/richtext/utils/profileServiceCache.js +117 -0
- package/dist/editor/field-types/richtext/utils/profileServiceCache.js.map +1 -0
- package/dist/editor/media-selector/AiImageSearch.js +2 -5
- package/dist/editor/media-selector/AiImageSearch.js.map +1 -1
- package/dist/editor/media-selector/MediaFolderBrowser.js +2 -5
- package/dist/editor/media-selector/MediaFolderBrowser.js.map +1 -1
- package/dist/editor/media-selector/TreeSelector.js +2 -5
- package/dist/editor/media-selector/TreeSelector.js.map +1 -1
- package/dist/editor/menubar/FavoritesControls.d.ts +8 -0
- package/dist/editor/menubar/FavoritesControls.js +124 -0
- package/dist/editor/menubar/FavoritesControls.js.map +1 -0
- package/dist/editor/menubar/ItemLanguageVersion.js +2 -1
- package/dist/editor/menubar/ItemLanguageVersion.js.map +1 -1
- package/dist/editor/menubar/PageSelector.js +3 -6
- package/dist/editor/menubar/PageSelector.js.map +1 -1
- package/dist/editor/reviews/reviewCommands.js +3 -8
- package/dist/editor/reviews/reviewCommands.js.map +1 -1
- package/dist/editor/services/contentService.d.ts +8 -0
- package/dist/editor/services/contentService.js +3 -0
- package/dist/editor/services/contentService.js.map +1 -1
- package/dist/editor/services/favouritesService.d.ts +33 -0
- package/dist/editor/services/favouritesService.js +22 -0
- package/dist/editor/services/favouritesService.js.map +1 -0
- package/dist/editor/sidebar/ComponentTree.js +7 -1
- package/dist/editor/sidebar/ComponentTree.js.map +1 -1
- package/dist/editor/sidebar/Debug.js +2 -2
- package/dist/editor/sidebar/Debug.js.map +1 -1
- package/dist/editor/sidebar/SEOInfo.js +4 -15
- package/dist/editor/sidebar/SEOInfo.js.map +1 -1
- package/dist/editor/ui/ItemSearch.js +2 -5
- package/dist/editor/ui/ItemSearch.js.map +1 -1
- package/dist/editor/ui/PerfectTree.d.ts +4 -2
- package/dist/editor/ui/PerfectTree.js +16 -7
- package/dist/editor/ui/PerfectTree.js.map +1 -1
- package/dist/editor/ui/Section.js +1 -1
- package/dist/editor/utils/itemutils.js +3 -1
- package/dist/editor/utils/itemutils.js.map +1 -1
- package/dist/editor/utils/keyboardNavigation.d.ts +32 -0
- package/dist/editor/utils/keyboardNavigation.js +156 -0
- package/dist/editor/utils/keyboardNavigation.js.map +1 -0
- package/dist/editor/views/ItemEditor.js +10 -3
- package/dist/editor/views/ItemEditor.js.map +1 -1
- package/dist/page-wizard/PageWizard.d.ts +2 -2
- package/dist/page-wizard/steps/ContentStep.js +7 -7
- package/dist/page-wizard/steps/ContentStep.js.map +1 -1
- package/dist/page-wizard/steps/schema.js +4 -2
- package/dist/page-wizard/steps/schema.js.map +1 -1
- package/dist/page-wizard/steps/usePageCreator.js +1 -1
- package/dist/page-wizard/steps/usePageCreator.js.map +1 -1
- package/dist/revision.d.ts +2 -2
- package/dist/revision.js +2 -2
- package/dist/splash-screen/NewPage.js +7 -10
- package/dist/splash-screen/NewPage.js.map +1 -1
- package/dist/styles.css +34 -5
- package/package.json +6 -1
- package/src/components/ui/copy-button.tsx +75 -0
- package/src/components/ui/sonner.tsx +25 -0
- package/src/config/config.tsx +5 -19
- package/src/config/types.ts +6 -3
- package/src/editor/ComponentInfo.tsx +5 -4
- package/src/editor/ContentTree.tsx +5 -6
- package/src/editor/FieldListField.tsx +4 -25
- package/src/editor/ItemInfo.tsx +5 -5
- package/src/editor/ai/Agents.tsx +125 -0
- package/src/editor/ai/AiTerminal.tsx +4 -0
- package/src/editor/client/EditorClient.tsx +58 -119
- package/src/editor/client/editContext.ts +3 -2
- package/src/editor/commands/itemCommands.tsx +10 -25
- package/src/editor/component-designer/ComponentEditor.tsx +8 -10
- package/src/editor/field-types/InternalLinkFieldEditor.tsx +73 -69
- package/src/editor/field-types/RichTextEditor.tsx +40 -3
- package/src/editor/field-types/RichTextEditorComponent.tsx +74 -77
- package/src/editor/field-types/TreeListEditor.tsx +7 -7
- package/src/editor/field-types/richtext/components/EditorDropdown.css +81 -0
- package/src/editor/field-types/richtext/components/EditorDropdown.tsx +165 -0
- package/src/editor/field-types/richtext/components/ReactSlate.css +161 -0
- package/src/editor/field-types/richtext/components/ReactSlate.tsx +801 -0
- package/src/editor/field-types/richtext/components/ToolbarButton.tsx +23 -0
- package/src/editor/field-types/richtext/config/pluginFactory.tsx +22 -0
- package/src/editor/field-types/richtext/hooks/useProfileCache.ts +270 -0
- package/src/editor/field-types/richtext/hooks/useRichTextProfile.ts +94 -0
- package/src/editor/field-types/richtext/index.ts +5 -0
- package/src/editor/field-types/richtext/types.ts +269 -0
- package/src/editor/field-types/richtext/utils/conversion.ts +589 -0
- package/src/editor/field-types/richtext/utils/plugins.ts +346 -0
- package/src/editor/field-types/richtext/utils/profileMapper.ts +424 -0
- package/src/editor/field-types/richtext/utils/profileServiceCache.ts +154 -0
- package/src/editor/media-selector/AiImageSearch.tsx +2 -5
- package/src/editor/media-selector/MediaFolderBrowser.tsx +2 -5
- package/src/editor/media-selector/TreeSelector.tsx +2 -5
- package/src/editor/menubar/FavoritesControls.tsx +250 -0
- package/src/editor/menubar/ItemLanguageVersion.tsx +3 -1
- package/src/editor/menubar/PageSelector.tsx +76 -75
- package/src/editor/reviews/reviewCommands.tsx +3 -8
- package/src/editor/services/contentService.ts +12 -0
- package/src/editor/services/favouritesService.ts +60 -0
- package/src/editor/sidebar/ComponentTree.tsx +12 -1
- package/src/editor/sidebar/Debug.tsx +4 -3
- package/src/editor/sidebar/SEOInfo.tsx +6 -16
- package/src/editor/ui/ItemSearch.tsx +2 -5
- package/src/editor/ui/PerfectTree.tsx +19 -6
- package/src/editor/ui/Section.tsx +1 -1
- package/src/editor/utils/{itemutils.ts → itemutils.tsx} +12 -12
- package/src/editor/utils/keyboardNavigation.ts +234 -0
- package/src/editor/views/ItemEditor.tsx +22 -1
- package/src/page-wizard/PageWizard.tsx +2 -2
- package/src/page-wizard/steps/ContentStep.tsx +7 -9
- package/src/page-wizard/steps/schema.ts +10 -7
- package/src/page-wizard/steps/usePageCreator.ts +1 -0
- package/src/revision.ts +2 -2
- package/src/splash-screen/NewPage.tsx +28 -24
- package/dist/editor/ui/CopyToClipboardButton.d.ts +0 -3
- package/dist/editor/ui/CopyToClipboardButton.js +0 -16
- package/dist/editor/ui/CopyToClipboardButton.js.map +0 -1
- package/src/editor/ui/CopyToClipboardButton.tsx +0 -24
|
@@ -1,8 +1,21 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import dynamic from "next/dynamic";
|
|
4
|
+
import { getRichTextProfile } from "../services/contentService";
|
|
5
|
+
import { useRichTextProfileParsed } from "./richtext/hooks/useRichTextProfile";
|
|
4
6
|
const RichTextEditorComponent = dynamic(() => import("./RichTextEditorComponent").then((dnd) => dnd.RichTextEditorComponent), { ssr: false });
|
|
5
|
-
export function RichTextEditor({ field, readOnly, }) {
|
|
6
|
-
|
|
7
|
+
export function RichTextEditor({ field, readOnly, updateFieldValue, }) {
|
|
8
|
+
const profilePath = field.customProperties?.profile;
|
|
9
|
+
// Use the simplified profile hook - this provides service-level caching of parsed profiles
|
|
10
|
+
const { profile, loading, error } = useRichTextProfileParsed(profilePath, getRichTextProfile);
|
|
11
|
+
// Show loading state while profile is being fetched
|
|
12
|
+
if (loading) {
|
|
13
|
+
return (_jsx("div", { style: { padding: '8px', color: '#666' }, children: "Loading editor profile..." }));
|
|
14
|
+
}
|
|
15
|
+
// Show error state if profile failed to load
|
|
16
|
+
if (error) {
|
|
17
|
+
return (_jsxs("div", { style: { padding: '8px', color: '#d32f2f' }, children: ["Error loading RTE profile from ", profilePath, ": ", error.message] }));
|
|
18
|
+
}
|
|
19
|
+
return (_jsx(RichTextEditorComponent, { field: field, readOnly: readOnly, profile: profile, updateFieldValue: updateFieldValue }));
|
|
7
20
|
}
|
|
8
21
|
//# sourceMappingURL=RichTextEditor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../src/editor/field-types/RichTextEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,OAAO,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../src/editor/field-types/RichTextEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,OAAO,MAAM,cAAc,CAAC;AAEnC,OAAO,EAAiB,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAE/E,MAAM,uBAAuB,GAAG,OAAO,CACrC,GAAG,EAAE,CACH,MAAM,CAAC,2BAA2B,CAAC,CAAC,IAAI,CACtC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,uBAAuB,CACrC,EACH,EAAE,GAAG,EAAE,KAAK,EAAE,CACf,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,gBAAgB,GAKjB;IACC,MAAM,WAAW,GAAG,KAAK,CAAC,gBAAgB,EAAE,OAAO,CAAC;IAEpD,2FAA2F;IAC3F,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,wBAAwB,CAC1D,WAAW,EACX,kBAAkB,CACnB,CAAC;IAEF,oDAAoD;IACpD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,0CAEvC,CACP,CAAC;IACJ,CAAC;IAED,6CAA6C;IAC7C,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,gDACd,WAAW,QAAI,KAAK,CAAC,OAAO,IACxD,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,uBAAuB,IACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import "
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
field: Field;
|
|
1
|
+
import { RichTextField, RichTextEditorProfile } from "./richtext/types";
|
|
2
|
+
export declare function RichTextEditorComponent({ field, readOnly, profile, updateFieldValue, }: {
|
|
3
|
+
field: RichTextField;
|
|
5
4
|
readOnly?: boolean;
|
|
6
|
-
|
|
5
|
+
profile: RichTextEditorProfile | null;
|
|
6
|
+
updateFieldValue?: (value: string) => void;
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,85 +1,84 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
3
|
+
import { useEditContextRef, useModifiedFieldsContext, } from "../client/editContext";
|
|
4
4
|
import { useThrottledCallback } from "use-debounce";
|
|
5
5
|
import { useEffect, useRef, useState } from "react";
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
import { ReactSlate } from "./richtext";
|
|
7
|
+
// Minimal fallback profile for when profile is null or undefined
|
|
8
|
+
const FALLBACK_PROFILE = {
|
|
9
|
+
toolbar: {
|
|
10
|
+
groups: [
|
|
11
|
+
{
|
|
12
|
+
id: 'basic-formatting',
|
|
13
|
+
label: 'Basic Formatting',
|
|
14
|
+
display: 'buttons',
|
|
15
|
+
showIconsOnly: true,
|
|
16
|
+
options: []
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
id: 'basic-format',
|
|
20
|
+
label: '',
|
|
21
|
+
display: 'dropdown',
|
|
22
|
+
showIconsOnly: false,
|
|
23
|
+
options: [
|
|
24
|
+
{ type: 'block', id: 'no-tag' }
|
|
25
|
+
]
|
|
26
|
+
}
|
|
27
|
+
]
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
export function RichTextEditorComponent({ field, readOnly, profile, updateFieldValue, }) {
|
|
10
31
|
const editContextRef = useEditContextRef();
|
|
11
|
-
const editContext = useEditContext();
|
|
12
32
|
const modifiedFieldsContext = useModifiedFieldsContext();
|
|
13
|
-
const
|
|
14
|
-
const inputRef = useRef(null);
|
|
15
|
-
if (!editContextRef.current)
|
|
16
|
-
return;
|
|
33
|
+
const [focused, setFocused] = useState(false);
|
|
17
34
|
const [value, setValue] = useState(field.value);
|
|
35
|
+
const editorRef = useRef(null);
|
|
36
|
+
if (!editContextRef.current)
|
|
37
|
+
return null;
|
|
18
38
|
const fieldItem = field.descriptor.item;
|
|
19
39
|
if (!fieldItem)
|
|
20
|
-
return;
|
|
40
|
+
return null;
|
|
21
41
|
const modifiedField = modifiedFieldsContext?.modifiedFields.find((x) => x.fieldId === field.id &&
|
|
22
42
|
x.item.id === fieldItem.id &&
|
|
23
43
|
x.item.language === fieldItem.language &&
|
|
24
44
|
x.item.version === fieldItem.version);
|
|
25
45
|
useEffect(() => {
|
|
26
|
-
if
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
46
|
+
// Only update if the editor is not currently being edited by the user
|
|
47
|
+
const isEditorActive = focused && editorRef.current?.contains(document.activeElement);
|
|
48
|
+
const newValue = field.isHistoric
|
|
49
|
+
? field.value
|
|
50
|
+
: modifiedField?.value ?? field.value;
|
|
51
|
+
if (!isEditorActive && newValue !== value) {
|
|
52
|
+
setValue(newValue);
|
|
32
53
|
}
|
|
33
|
-
}, [field.value, modifiedFieldsContext?.modifiedFields]);
|
|
54
|
+
}, [field.value, modifiedFieldsContext?.modifiedFields, focused]);
|
|
34
55
|
const debouncedSetFieldvalue = useThrottledCallback((value) => {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
value
|
|
38
|
-
|
|
39
|
-
|
|
56
|
+
if (updateFieldValue) {
|
|
57
|
+
// Use the updateFieldValue prop when provided (WYSIWYG mode)
|
|
58
|
+
updateFieldValue(value);
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
// Use direct field editing when updateFieldValue is not provided (Editor mode)
|
|
62
|
+
editContextRef.current?.operations.editField({
|
|
63
|
+
field: field.descriptor,
|
|
64
|
+
value: value,
|
|
65
|
+
refresh: "none",
|
|
66
|
+
});
|
|
67
|
+
}
|
|
40
68
|
}, editContextRef.current?.configuration.debounceFieldEditsInterval);
|
|
41
69
|
const handleChange = (newValue) => {
|
|
42
|
-
|
|
70
|
+
// Skip empty content patterns for both paragraph and no-tag blocks
|
|
71
|
+
if ((newValue === "<p><br></p>" || newValue === "<br>" || newValue === "") && !field.value)
|
|
43
72
|
return;
|
|
44
|
-
if (newValue !== value &&
|
|
73
|
+
if (newValue !== value && !readOnly) {
|
|
45
74
|
setValue(newValue);
|
|
46
75
|
debouncedSetFieldvalue(newValue);
|
|
47
76
|
}
|
|
48
77
|
};
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
editContextRef.current?.focusedField?.item.language ===
|
|
55
|
-
fieldItem.language &&
|
|
56
|
-
editContextRef.current?.focusedField?.item.version === fieldItem.version) {
|
|
57
|
-
if (inputRef.current) {
|
|
58
|
-
inputRef.current.focus();
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}, 500);
|
|
62
|
-
}, [editContext?.focusedField]);
|
|
63
|
-
return (
|
|
64
|
-
// Primereact 10.6.6: - Editor takes focus on value change
|
|
65
|
-
// <Editor
|
|
66
|
-
// className="focus-shadow"
|
|
67
|
-
// key={fieldItem.id + field.id + fieldItem.language + fieldItem.version}
|
|
68
|
-
// disabled={readOnly}
|
|
69
|
-
// value={value}
|
|
70
|
-
// style={{ width: "100%" }}
|
|
71
|
-
// // onTextChange={(e) => {
|
|
72
|
-
// // const val = e.htmlValue ?? "";
|
|
73
|
-
// // setValue(val);
|
|
74
|
-
// // debouncedSetFieldvalue(val);
|
|
75
|
-
// // }}
|
|
76
|
-
// />
|
|
77
|
-
_jsx("div", { className: classNames(readOnly ? "bg-gray-100" : "bg-white", "focus-shadow"), children: _jsx(ReactQuill, { ref: inputRef, theme: "snow", value: value, onChange: handleChange, onFocus: () => {
|
|
78
|
-
setTimeout(() => {
|
|
79
|
-
state.current.focus = true;
|
|
80
|
-
}, 101);
|
|
81
|
-
}, onBlur: () => {
|
|
82
|
-
state.current.focus = false;
|
|
83
|
-
}, readOnly: readOnly }) }));
|
|
78
|
+
// Use the profile directly or fall back to the minimal profile
|
|
79
|
+
const editorProfile = profile ?? FALLBACK_PROFILE;
|
|
80
|
+
// const editorProfile = getDebugProfile(); // Debug profile with all options
|
|
81
|
+
// console.log(editorProfile);
|
|
82
|
+
return (_jsx("div", { ref: editorRef, children: _jsx(ReactSlate, { value: value, onChange: handleChange, onFocus: () => setFocused(true), onBlur: () => setFocused(false), readOnly: readOnly, placeholder: "Enter text here...", profile: editorProfile }) }));
|
|
84
83
|
}
|
|
85
84
|
//# sourceMappingURL=RichTextEditorComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditorComponent.js","sourceRoot":"","sources":["../../../src/editor/field-types/RichTextEditorComponent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"RichTextEditorComponent.js","sourceRoot":"","sources":["../../../src/editor/field-types/RichTextEditorComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,11 +37,13 @@ export default function TreeListEditor({ field, readOnly, }) {
|
|
|
37
37
|
loadItem();
|
|
38
38
|
}, [hoveredItemId]);
|
|
39
39
|
useEffect(() => {
|
|
40
|
-
if (
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
40
|
+
// if (
|
|
41
|
+
// editContext.lockedField?.fieldId === field.descriptor.fieldId &&
|
|
42
|
+
// editContext.lockedField.item.id == field.descriptor.item.id &&
|
|
43
|
+
// editContext.lockedField.item.language == field.descriptor.item.language &&
|
|
44
|
+
// editContext.lockedField.item.version == field.descriptor.item.version
|
|
45
|
+
// )
|
|
46
|
+
// return;
|
|
45
47
|
setValues(field.value || []);
|
|
46
48
|
}, [field.value]);
|
|
47
49
|
useEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeListEditor.js","sourceRoot":"","sources":["../../../src/editor/field-types/TreeListEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAWzC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,QAAQ,GAIT;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAEpE,EAAE,CAAC,CAAC;IACN,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CACtD,EAAE,CACH,CAAC;IACF,MAAM,eAAe,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAsB,CAAC;IACzE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAwB,CAAC;IAEvE,IAAI,CAAC,WAAW;QAAE,OAAO;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;YAC1B,IAAI,CAAC,aAAa;gBAAE,OAAO;YAC3B,MAAM,IAAI,GAAG,MAAM,WAAY,CAAC,eAAe,CAAC,OAAO,CAAC;gBACtD,EAAE,EAAE,aAAa;gBACjB,QAAQ,EAAE,WAAY,CAAC,qBAAqB,EAAE,QAAQ,IAAI,IAAI;gBAC9D,OAAO,EAAE,CAAC;aACX,CAAC,CAAC;YACH,IAAI,IAAI;gBAAE,cAAc,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC,CAAC;QACF,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,
|
|
1
|
+
{"version":3,"file":"TreeListEditor.js","sourceRoot":"","sources":["../../../src/editor/field-types/TreeListEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Editor } from 'slate';
|
|
3
|
+
import { DropdownOption } from '../types';
|
|
4
|
+
import './EditorDropdown.css';
|
|
5
|
+
declare const EditorDropdown: <T>({ options, editor, buttonStyle, label }: {
|
|
6
|
+
options: DropdownOption<T>[];
|
|
7
|
+
editor: Editor;
|
|
8
|
+
buttonStyle?: React.CSSProperties;
|
|
9
|
+
label?: string;
|
|
10
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default EditorDropdown;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useRef, useEffect } from 'react';
|
|
3
|
+
import './EditorDropdown.css';
|
|
4
|
+
// Editor dropdown component
|
|
5
|
+
const EditorDropdown = ({ options, editor, buttonStyle, label }) => {
|
|
6
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
7
|
+
const dropdownRef = useRef(null);
|
|
8
|
+
const [buttonWidth, setButtonWidth] = useState(0); // Start with 0 to calculate
|
|
9
|
+
const [menuWidth, setMenuWidth] = useState(0); // Start with 0 to calculate
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
// Calculate based on text length
|
|
12
|
+
const span = document.createElement('span');
|
|
13
|
+
span.style.visibility = 'hidden';
|
|
14
|
+
span.style.position = 'absolute';
|
|
15
|
+
span.style.whiteSpace = 'nowrap';
|
|
16
|
+
span.style.font = '13px system-ui, -apple-system, sans-serif'; // More consistent font
|
|
17
|
+
span.style.padding = '0';
|
|
18
|
+
span.style.margin = '0';
|
|
19
|
+
document.body.appendChild(span);
|
|
20
|
+
let maxWidth = 0;
|
|
21
|
+
// Calculate width for all options (both menu and button will use the same width)
|
|
22
|
+
options.forEach(option => {
|
|
23
|
+
span.textContent = option.label || '';
|
|
24
|
+
const labelWidth = span.getBoundingClientRect().width;
|
|
25
|
+
const iconWidth = option.icon ? 20 : 0;
|
|
26
|
+
const iconSpacing = option.icon ? 8 : 0;
|
|
27
|
+
// Calculate width for menu option
|
|
28
|
+
const menuOptionWidth = labelWidth + iconWidth + iconSpacing + 24; // Icon + text + spacing + menu padding
|
|
29
|
+
// Calculate width for button option (considering label prefix if present)
|
|
30
|
+
let buttonOptionWidth;
|
|
31
|
+
if (label) {
|
|
32
|
+
span.textContent = `${label}: ${option.label}`;
|
|
33
|
+
const textWidth = span.getBoundingClientRect().width;
|
|
34
|
+
buttonOptionWidth = textWidth + iconWidth + iconSpacing + 30; // Text + icon + spacing + arrow + padding
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
buttonOptionWidth = labelWidth + iconWidth + iconSpacing + 30; // Text + icon + spacing + arrow + padding
|
|
38
|
+
}
|
|
39
|
+
// Use the maximum of both menu and button widths
|
|
40
|
+
maxWidth = Math.max(maxWidth, menuOptionWidth, buttonOptionWidth);
|
|
41
|
+
});
|
|
42
|
+
// Fallback if no options
|
|
43
|
+
if (options.length === 0) {
|
|
44
|
+
maxWidth = 100;
|
|
45
|
+
}
|
|
46
|
+
// Set minimum width
|
|
47
|
+
const minWidth = 80;
|
|
48
|
+
const finalWidth = Math.max(maxWidth, minWidth);
|
|
49
|
+
// Both button and menu use the same width
|
|
50
|
+
setButtonWidth(finalWidth);
|
|
51
|
+
setMenuWidth(finalWidth);
|
|
52
|
+
document.body.removeChild(span);
|
|
53
|
+
}, [options, label]);
|
|
54
|
+
useEffect(() => {
|
|
55
|
+
const handleClickOutside = (event) => {
|
|
56
|
+
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
57
|
+
setIsOpen(false);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
61
|
+
return () => {
|
|
62
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
63
|
+
};
|
|
64
|
+
}, []);
|
|
65
|
+
const toggleDropdown = (event) => {
|
|
66
|
+
event.preventDefault();
|
|
67
|
+
setIsOpen(!isOpen);
|
|
68
|
+
};
|
|
69
|
+
const handleSelect = (option) => (event) => {
|
|
70
|
+
event.preventDefault();
|
|
71
|
+
option.onSelect(editor, event);
|
|
72
|
+
setIsOpen(false);
|
|
73
|
+
};
|
|
74
|
+
const currentOption = options.find(option => option.isActive(editor)) || options[0];
|
|
75
|
+
return (_jsxs("div", { ref: dropdownRef, className: "editor-dropdown", children: [_jsx("button", { onMouseDown: toggleDropdown, className: "editor-dropdown-button", style: {
|
|
76
|
+
width: buttonWidth > 0 ? `${buttonWidth}px` : 'auto',
|
|
77
|
+
...buttonStyle
|
|
78
|
+
}, children: label ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "editor-dropdown-button-content", children: [currentOption?.icon && (_jsx("span", { className: "editor-dropdown-button-icon", children: currentOption.icon })), _jsxs("span", { className: "editor-dropdown-button-text", children: [label, ": ", currentOption?.label] })] }), _jsx("span", { className: "editor-dropdown-button-arrow", children: "\u25BC" })] })) : (_jsxs(_Fragment, { children: [_jsxs("span", { className: "editor-dropdown-button-content", children: [currentOption?.icon && (_jsx("span", { className: "editor-dropdown-button-icon", children: currentOption.icon })), _jsx("span", { className: "editor-dropdown-button-text", children: currentOption?.label })] }), _jsx("span", { className: "editor-dropdown-button-arrow", children: "\u25BC" })] })) }), isOpen && (_jsx("div", { className: "editor-dropdown-menu", style: {
|
|
79
|
+
width: `${menuWidth}px`
|
|
80
|
+
}, children: options.map((option, index) => (_jsxs("div", { onMouseDown: handleSelect(option), className: `editor-dropdown-option ${option.isActive(editor) ? 'active' : ''}`, style: option.style, children: [option.icon && _jsx("span", { className: "editor-dropdown-option-icon", children: option.icon }), _jsx("span", { className: "editor-dropdown-option-text", children: option.label })] }, index))) }))] }));
|
|
81
|
+
};
|
|
82
|
+
export default EditorDropdown;
|
|
83
|
+
//# sourceMappingURL=EditorDropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EditorDropdown.js","sourceRoot":"","sources":["../../../../../src/editor/field-types/richtext/components/EditorDropdown.tsx"],"names":[],"mappings":"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"}
|