themed-markdown 0.1.10 → 0.1.11
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/index.js +70 -29
- package/dist/index.mjs +70 -29
- package/dist/industryMarkdown/components/DocumentView.stories.d.ts +13 -0
- package/dist/industryMarkdown/components/DocumentView.stories.d.ts.map +1 -0
- package/dist/industryMarkdown/components/IndustryEditableMarkdownSlide.d.ts.map +1 -1
- package/dist/industryMarkdown/components/IndustryEditableMarkdownSlide.stories.d.ts +19 -0
- package/dist/industryMarkdown/components/IndustryEditableMarkdownSlide.stories.d.ts.map +1 -0
- package/dist/industryMarkdown/components/IndustryEditableMermaidDiagram.d.ts +18 -0
- package/dist/industryMarkdown/components/IndustryEditableMermaidDiagram.d.ts.map +1 -0
- package/dist/industryMarkdown/components/IndustryEditableMermaidDiagram.stories.d.ts +18 -0
- package/dist/industryMarkdown/components/IndustryEditableMermaidDiagram.stories.d.ts.map +1 -0
- package/dist/industryMarkdown/components/IndustryMarkdownSlide.d.ts.map +1 -1
- package/dist/industryMarkdown/components/IndustryMermaidDiagram.d.ts.map +1 -1
- package/dist/industryMarkdown/components/SlidePresentation.d.ts.map +1 -1
- package/dist/industryMarkdown/components/SlidePresentation.stories.d.ts +16 -0
- package/dist/industryMarkdown/components/SlidePresentation.stories.d.ts.map +1 -0
- package/dist/industryMarkdown/index.d.ts +2 -0
- package/dist/industryMarkdown/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -655,7 +655,7 @@ function IndustryMermaidDiagram({
|
|
|
655
655
|
} else {
|
|
656
656
|
svgElement.style.maxHeight = "360px";
|
|
657
657
|
svgElement.style.width = "auto";
|
|
658
|
-
svgElement.style.maxWidth = "
|
|
658
|
+
svgElement.style.maxWidth = "none";
|
|
659
659
|
}
|
|
660
660
|
} else {
|
|
661
661
|
console.warn("No SVG element found after mermaid render");
|
|
@@ -713,7 +713,7 @@ function IndustryMermaidDiagram({
|
|
|
713
713
|
if (!isModalMode) {
|
|
714
714
|
svgElement.style.maxHeight = "360px";
|
|
715
715
|
svgElement.style.width = "auto";
|
|
716
|
-
svgElement.style.maxWidth = "
|
|
716
|
+
svgElement.style.maxWidth = "none";
|
|
717
717
|
}
|
|
718
718
|
}
|
|
719
719
|
}
|
|
@@ -756,7 +756,8 @@ function IndustryMermaidDiagram({
|
|
|
756
756
|
borderRadius: theme2.radii[2],
|
|
757
757
|
padding: hasRendered ? theme2.space[3] : theme2.space[4],
|
|
758
758
|
margin: `${theme2.space[4]}px 0`,
|
|
759
|
-
|
|
759
|
+
overflowX: hasRendered ? "auto" : "visible",
|
|
760
|
+
overflowY: hasRendered ? "auto" : "visible"
|
|
760
761
|
};
|
|
761
762
|
const placeholderStyle = {
|
|
762
763
|
textAlign: "center",
|
|
@@ -2731,9 +2732,9 @@ var IndustryMarkdownSlide = import_react11.default.memo(function IndustryMarkdow
|
|
|
2731
2732
|
tagNames: [...import_hast_util_sanitize.defaultSchema.tagNames || [], "picture", "source"],
|
|
2732
2733
|
attributes: {
|
|
2733
2734
|
...import_hast_util_sanitize.defaultSchema.attributes,
|
|
2734
|
-
code: [...import_hast_util_sanitize.defaultSchema.attributes?.code || [], "className"],
|
|
2735
|
-
span: [...import_hast_util_sanitize.defaultSchema.attributes?.span || [], "className"],
|
|
2736
|
-
pre: [...import_hast_util_sanitize.defaultSchema.attributes?.pre || [], "className"],
|
|
2735
|
+
code: [...import_hast_util_sanitize.defaultSchema.attributes?.code || [], "className", "style"],
|
|
2736
|
+
span: [...import_hast_util_sanitize.defaultSchema.attributes?.span || [], "className", "style"],
|
|
2737
|
+
pre: [...import_hast_util_sanitize.defaultSchema.attributes?.pre || [], "className", "style"],
|
|
2737
2738
|
div: [...import_hast_util_sanitize.defaultSchema.attributes?.div || [], "style", "className", "id"],
|
|
2738
2739
|
p: [...import_hast_util_sanitize.defaultSchema.attributes?.p || [], "style", "className", "id"],
|
|
2739
2740
|
h1: [...import_hast_util_sanitize.defaultSchema.attributes?.h1 || [], "style", "className", "id"],
|
|
@@ -2766,7 +2767,15 @@ var IndustryMarkdownSlide = import_react11.default.memo(function IndustryMarkdow
|
|
|
2766
2767
|
th: [...import_hast_util_sanitize.defaultSchema.attributes?.th || [], "style", "className"],
|
|
2767
2768
|
td: [...import_hast_util_sanitize.defaultSchema.attributes?.td || [], "style", "className"],
|
|
2768
2769
|
blockquote: [...import_hast_util_sanitize.defaultSchema.attributes?.blockquote || [], "style", "className"],
|
|
2769
|
-
hr: [...import_hast_util_sanitize.defaultSchema.attributes?.hr || [], "style", "className"]
|
|
2770
|
+
hr: [...import_hast_util_sanitize.defaultSchema.attributes?.hr || [], "style", "className"],
|
|
2771
|
+
label: [...import_hast_util_sanitize.defaultSchema.attributes?.label || [], "style", "className", "for"],
|
|
2772
|
+
input: [...import_hast_util_sanitize.defaultSchema.attributes?.input || [], "style", "className", "type", "placeholder", "value", "checked", "disabled"],
|
|
2773
|
+
button: [...import_hast_util_sanitize.defaultSchema.attributes?.button || [], "style", "className", "type", "disabled"],
|
|
2774
|
+
details: [...import_hast_util_sanitize.defaultSchema.attributes?.details || [], "style", "className", "open"],
|
|
2775
|
+
summary: [...import_hast_util_sanitize.defaultSchema.attributes?.summary || [], "style", "className"],
|
|
2776
|
+
footer: [...import_hast_util_sanitize.defaultSchema.attributes?.footer || [], "style", "className"],
|
|
2777
|
+
header: [...import_hast_util_sanitize.defaultSchema.attributes?.header || [], "style", "className"],
|
|
2778
|
+
section: [...import_hast_util_sanitize.defaultSchema.attributes?.section || [], "style", "className"]
|
|
2770
2779
|
}
|
|
2771
2780
|
}), []);
|
|
2772
2781
|
const rootMargin = isVisible ? "0px" : "100px";
|
|
@@ -2917,6 +2926,17 @@ var SlidePresentation = ({
|
|
|
2917
2926
|
const goToNextSlide = import_react12.useCallback(() => {
|
|
2918
2927
|
navigateToSlide(currentSlide + 1);
|
|
2919
2928
|
}, [currentSlide, navigateToSlide]);
|
|
2929
|
+
const toggleFullscreen = import_react12.useCallback(() => {
|
|
2930
|
+
if (!containerRef.current)
|
|
2931
|
+
return;
|
|
2932
|
+
if (!isFullscreen) {
|
|
2933
|
+
containerRef.current.requestFullscreen?.();
|
|
2934
|
+
setIsFullscreen(true);
|
|
2935
|
+
} else {
|
|
2936
|
+
document.exitFullscreen?.();
|
|
2937
|
+
setIsFullscreen(false);
|
|
2938
|
+
}
|
|
2939
|
+
}, [isFullscreen]);
|
|
2920
2940
|
import_react12.useEffect(() => {
|
|
2921
2941
|
const handleKeyDown = (event) => {
|
|
2922
2942
|
if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
|
|
@@ -2924,33 +2944,52 @@ var SlidePresentation = ({
|
|
|
2924
2944
|
}
|
|
2925
2945
|
switch (event.key) {
|
|
2926
2946
|
case "ArrowLeft":
|
|
2927
|
-
|
|
2928
|
-
|
|
2929
|
-
goToPreviousSlide();
|
|
2930
|
-
}
|
|
2947
|
+
event.preventDefault();
|
|
2948
|
+
goToPreviousSlide();
|
|
2931
2949
|
break;
|
|
2932
2950
|
case "ArrowRight":
|
|
2933
|
-
|
|
2951
|
+
event.preventDefault();
|
|
2952
|
+
goToNextSlide();
|
|
2953
|
+
break;
|
|
2954
|
+
case " ":
|
|
2955
|
+
event.preventDefault();
|
|
2956
|
+
goToNextSlide();
|
|
2957
|
+
break;
|
|
2958
|
+
case "Enter":
|
|
2959
|
+
event.preventDefault();
|
|
2960
|
+
goToNextSlide();
|
|
2961
|
+
break;
|
|
2962
|
+
case "Backspace":
|
|
2963
|
+
event.preventDefault();
|
|
2964
|
+
goToPreviousSlide();
|
|
2965
|
+
break;
|
|
2966
|
+
case "Home":
|
|
2967
|
+
event.preventDefault();
|
|
2968
|
+
navigateToSlide(0);
|
|
2969
|
+
break;
|
|
2970
|
+
case "End":
|
|
2971
|
+
event.preventDefault();
|
|
2972
|
+
navigateToSlide(slides.length - 1);
|
|
2973
|
+
break;
|
|
2974
|
+
case "f":
|
|
2975
|
+
case "F":
|
|
2976
|
+
if (!event.ctrlKey && !event.metaKey && !event.altKey) {
|
|
2934
2977
|
event.preventDefault();
|
|
2935
|
-
|
|
2978
|
+
toggleFullscreen();
|
|
2936
2979
|
}
|
|
2937
2980
|
break;
|
|
2938
2981
|
}
|
|
2982
|
+
if (!event.ctrlKey && !event.metaKey && !event.altKey) {
|
|
2983
|
+
const num = parseInt(event.key);
|
|
2984
|
+
if (num >= 1 && num <= 9 && num <= slides.length) {
|
|
2985
|
+
event.preventDefault();
|
|
2986
|
+
navigateToSlide(num - 1);
|
|
2987
|
+
}
|
|
2988
|
+
}
|
|
2939
2989
|
};
|
|
2940
2990
|
window.addEventListener("keydown", handleKeyDown);
|
|
2941
2991
|
return () => window.removeEventListener("keydown", handleKeyDown);
|
|
2942
|
-
}, [goToPreviousSlide, goToNextSlide]);
|
|
2943
|
-
const toggleFullscreen = import_react12.useCallback(() => {
|
|
2944
|
-
if (!containerRef.current)
|
|
2945
|
-
return;
|
|
2946
|
-
if (!isFullscreen) {
|
|
2947
|
-
containerRef.current.requestFullscreen?.();
|
|
2948
|
-
setIsFullscreen(true);
|
|
2949
|
-
} else {
|
|
2950
|
-
document.exitFullscreen?.();
|
|
2951
|
-
setIsFullscreen(false);
|
|
2952
|
-
}
|
|
2953
|
-
}, [isFullscreen]);
|
|
2992
|
+
}, [goToPreviousSlide, goToNextSlide, navigateToSlide, slides.length, toggleFullscreen]);
|
|
2954
2993
|
import_react12.useEffect(() => {
|
|
2955
2994
|
if (currentSlide >= slides.length && slides.length > 0) {
|
|
2956
2995
|
setCurrentSlide(slides.length - 1);
|
|
@@ -3349,7 +3388,7 @@ var IndustryEditableMarkdownSlide = ({
|
|
|
3349
3388
|
clearTimeout(saveTimeoutRef.current);
|
|
3350
3389
|
}
|
|
3351
3390
|
saveTimeoutRef.current = setTimeout(() => {
|
|
3352
|
-
handleSave();
|
|
3391
|
+
handleSave(false);
|
|
3353
3392
|
}, autoSaveDelay);
|
|
3354
3393
|
}
|
|
3355
3394
|
return () => {
|
|
@@ -3369,7 +3408,7 @@ var IndustryEditableMarkdownSlide = ({
|
|
|
3369
3408
|
setEditContent(content);
|
|
3370
3409
|
setIsEditing(false);
|
|
3371
3410
|
}, [content]);
|
|
3372
|
-
const handleSave = import_react14.useCallback(async () => {
|
|
3411
|
+
const handleSave = import_react14.useCallback(async (exitEditMode = true) => {
|
|
3373
3412
|
if (onContentChange) {
|
|
3374
3413
|
onContentChange(editContent);
|
|
3375
3414
|
}
|
|
@@ -3383,7 +3422,9 @@ var IndustryEditableMarkdownSlide = ({
|
|
|
3383
3422
|
setIsSaving(false);
|
|
3384
3423
|
}
|
|
3385
3424
|
}
|
|
3386
|
-
|
|
3425
|
+
if (exitEditMode) {
|
|
3426
|
+
setIsEditing(false);
|
|
3427
|
+
}
|
|
3387
3428
|
}, [editContent, onContentChange, onSave]);
|
|
3388
3429
|
const handleKeyDown = import_react14.useCallback((e) => {
|
|
3389
3430
|
if (e.key === "Escape") {
|
|
@@ -3433,7 +3474,7 @@ var IndustryEditableMarkdownSlide = ({
|
|
|
3433
3474
|
gap: theme2.space[2]
|
|
3434
3475
|
}
|
|
3435
3476
|
}, /* @__PURE__ */ import_react14.default.createElement("button", {
|
|
3436
|
-
onClick: handleSave,
|
|
3477
|
+
onClick: () => handleSave(),
|
|
3437
3478
|
disabled: isSaving,
|
|
3438
3479
|
style: {
|
|
3439
3480
|
display: "flex",
|
package/dist/index.mjs
CHANGED
|
@@ -573,7 +573,7 @@ function IndustryMermaidDiagram({
|
|
|
573
573
|
} else {
|
|
574
574
|
svgElement.style.maxHeight = "360px";
|
|
575
575
|
svgElement.style.width = "auto";
|
|
576
|
-
svgElement.style.maxWidth = "
|
|
576
|
+
svgElement.style.maxWidth = "none";
|
|
577
577
|
}
|
|
578
578
|
} else {
|
|
579
579
|
console.warn("No SVG element found after mermaid render");
|
|
@@ -631,7 +631,7 @@ function IndustryMermaidDiagram({
|
|
|
631
631
|
if (!isModalMode) {
|
|
632
632
|
svgElement.style.maxHeight = "360px";
|
|
633
633
|
svgElement.style.width = "auto";
|
|
634
|
-
svgElement.style.maxWidth = "
|
|
634
|
+
svgElement.style.maxWidth = "none";
|
|
635
635
|
}
|
|
636
636
|
}
|
|
637
637
|
}
|
|
@@ -674,7 +674,8 @@ function IndustryMermaidDiagram({
|
|
|
674
674
|
borderRadius: theme2.radii[2],
|
|
675
675
|
padding: hasRendered ? theme2.space[3] : theme2.space[4],
|
|
676
676
|
margin: `${theme2.space[4]}px 0`,
|
|
677
|
-
|
|
677
|
+
overflowX: hasRendered ? "auto" : "visible",
|
|
678
|
+
overflowY: hasRendered ? "auto" : "visible"
|
|
678
679
|
};
|
|
679
680
|
const placeholderStyle = {
|
|
680
681
|
textAlign: "center",
|
|
@@ -2649,9 +2650,9 @@ var IndustryMarkdownSlide = React11.memo(function IndustryMarkdownSlide2({
|
|
|
2649
2650
|
tagNames: [...defaultSchema.tagNames || [], "picture", "source"],
|
|
2650
2651
|
attributes: {
|
|
2651
2652
|
...defaultSchema.attributes,
|
|
2652
|
-
code: [...defaultSchema.attributes?.code || [], "className"],
|
|
2653
|
-
span: [...defaultSchema.attributes?.span || [], "className"],
|
|
2654
|
-
pre: [...defaultSchema.attributes?.pre || [], "className"],
|
|
2653
|
+
code: [...defaultSchema.attributes?.code || [], "className", "style"],
|
|
2654
|
+
span: [...defaultSchema.attributes?.span || [], "className", "style"],
|
|
2655
|
+
pre: [...defaultSchema.attributes?.pre || [], "className", "style"],
|
|
2655
2656
|
div: [...defaultSchema.attributes?.div || [], "style", "className", "id"],
|
|
2656
2657
|
p: [...defaultSchema.attributes?.p || [], "style", "className", "id"],
|
|
2657
2658
|
h1: [...defaultSchema.attributes?.h1 || [], "style", "className", "id"],
|
|
@@ -2684,7 +2685,15 @@ var IndustryMarkdownSlide = React11.memo(function IndustryMarkdownSlide2({
|
|
|
2684
2685
|
th: [...defaultSchema.attributes?.th || [], "style", "className"],
|
|
2685
2686
|
td: [...defaultSchema.attributes?.td || [], "style", "className"],
|
|
2686
2687
|
blockquote: [...defaultSchema.attributes?.blockquote || [], "style", "className"],
|
|
2687
|
-
hr: [...defaultSchema.attributes?.hr || [], "style", "className"]
|
|
2688
|
+
hr: [...defaultSchema.attributes?.hr || [], "style", "className"],
|
|
2689
|
+
label: [...defaultSchema.attributes?.label || [], "style", "className", "for"],
|
|
2690
|
+
input: [...defaultSchema.attributes?.input || [], "style", "className", "type", "placeholder", "value", "checked", "disabled"],
|
|
2691
|
+
button: [...defaultSchema.attributes?.button || [], "style", "className", "type", "disabled"],
|
|
2692
|
+
details: [...defaultSchema.attributes?.details || [], "style", "className", "open"],
|
|
2693
|
+
summary: [...defaultSchema.attributes?.summary || [], "style", "className"],
|
|
2694
|
+
footer: [...defaultSchema.attributes?.footer || [], "style", "className"],
|
|
2695
|
+
header: [...defaultSchema.attributes?.header || [], "style", "className"],
|
|
2696
|
+
section: [...defaultSchema.attributes?.section || [], "style", "className"]
|
|
2688
2697
|
}
|
|
2689
2698
|
}), []);
|
|
2690
2699
|
const rootMargin = isVisible ? "0px" : "100px";
|
|
@@ -2835,6 +2844,17 @@ var SlidePresentation = ({
|
|
|
2835
2844
|
const goToNextSlide = useCallback2(() => {
|
|
2836
2845
|
navigateToSlide(currentSlide + 1);
|
|
2837
2846
|
}, [currentSlide, navigateToSlide]);
|
|
2847
|
+
const toggleFullscreen = useCallback2(() => {
|
|
2848
|
+
if (!containerRef.current)
|
|
2849
|
+
return;
|
|
2850
|
+
if (!isFullscreen) {
|
|
2851
|
+
containerRef.current.requestFullscreen?.();
|
|
2852
|
+
setIsFullscreen(true);
|
|
2853
|
+
} else {
|
|
2854
|
+
document.exitFullscreen?.();
|
|
2855
|
+
setIsFullscreen(false);
|
|
2856
|
+
}
|
|
2857
|
+
}, [isFullscreen]);
|
|
2838
2858
|
useEffect8(() => {
|
|
2839
2859
|
const handleKeyDown = (event) => {
|
|
2840
2860
|
if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
|
|
@@ -2842,33 +2862,52 @@ var SlidePresentation = ({
|
|
|
2842
2862
|
}
|
|
2843
2863
|
switch (event.key) {
|
|
2844
2864
|
case "ArrowLeft":
|
|
2845
|
-
|
|
2846
|
-
|
|
2847
|
-
goToPreviousSlide();
|
|
2848
|
-
}
|
|
2865
|
+
event.preventDefault();
|
|
2866
|
+
goToPreviousSlide();
|
|
2849
2867
|
break;
|
|
2850
2868
|
case "ArrowRight":
|
|
2851
|
-
|
|
2869
|
+
event.preventDefault();
|
|
2870
|
+
goToNextSlide();
|
|
2871
|
+
break;
|
|
2872
|
+
case " ":
|
|
2873
|
+
event.preventDefault();
|
|
2874
|
+
goToNextSlide();
|
|
2875
|
+
break;
|
|
2876
|
+
case "Enter":
|
|
2877
|
+
event.preventDefault();
|
|
2878
|
+
goToNextSlide();
|
|
2879
|
+
break;
|
|
2880
|
+
case "Backspace":
|
|
2881
|
+
event.preventDefault();
|
|
2882
|
+
goToPreviousSlide();
|
|
2883
|
+
break;
|
|
2884
|
+
case "Home":
|
|
2885
|
+
event.preventDefault();
|
|
2886
|
+
navigateToSlide(0);
|
|
2887
|
+
break;
|
|
2888
|
+
case "End":
|
|
2889
|
+
event.preventDefault();
|
|
2890
|
+
navigateToSlide(slides.length - 1);
|
|
2891
|
+
break;
|
|
2892
|
+
case "f":
|
|
2893
|
+
case "F":
|
|
2894
|
+
if (!event.ctrlKey && !event.metaKey && !event.altKey) {
|
|
2852
2895
|
event.preventDefault();
|
|
2853
|
-
|
|
2896
|
+
toggleFullscreen();
|
|
2854
2897
|
}
|
|
2855
2898
|
break;
|
|
2856
2899
|
}
|
|
2900
|
+
if (!event.ctrlKey && !event.metaKey && !event.altKey) {
|
|
2901
|
+
const num = parseInt(event.key);
|
|
2902
|
+
if (num >= 1 && num <= 9 && num <= slides.length) {
|
|
2903
|
+
event.preventDefault();
|
|
2904
|
+
navigateToSlide(num - 1);
|
|
2905
|
+
}
|
|
2906
|
+
}
|
|
2857
2907
|
};
|
|
2858
2908
|
window.addEventListener("keydown", handleKeyDown);
|
|
2859
2909
|
return () => window.removeEventListener("keydown", handleKeyDown);
|
|
2860
|
-
}, [goToPreviousSlide, goToNextSlide]);
|
|
2861
|
-
const toggleFullscreen = useCallback2(() => {
|
|
2862
|
-
if (!containerRef.current)
|
|
2863
|
-
return;
|
|
2864
|
-
if (!isFullscreen) {
|
|
2865
|
-
containerRef.current.requestFullscreen?.();
|
|
2866
|
-
setIsFullscreen(true);
|
|
2867
|
-
} else {
|
|
2868
|
-
document.exitFullscreen?.();
|
|
2869
|
-
setIsFullscreen(false);
|
|
2870
|
-
}
|
|
2871
|
-
}, [isFullscreen]);
|
|
2910
|
+
}, [goToPreviousSlide, goToNextSlide, navigateToSlide, slides.length, toggleFullscreen]);
|
|
2872
2911
|
useEffect8(() => {
|
|
2873
2912
|
if (currentSlide >= slides.length && slides.length > 0) {
|
|
2874
2913
|
setCurrentSlide(slides.length - 1);
|
|
@@ -3267,7 +3306,7 @@ var IndustryEditableMarkdownSlide = ({
|
|
|
3267
3306
|
clearTimeout(saveTimeoutRef.current);
|
|
3268
3307
|
}
|
|
3269
3308
|
saveTimeoutRef.current = setTimeout(() => {
|
|
3270
|
-
handleSave();
|
|
3309
|
+
handleSave(false);
|
|
3271
3310
|
}, autoSaveDelay);
|
|
3272
3311
|
}
|
|
3273
3312
|
return () => {
|
|
@@ -3287,7 +3326,7 @@ var IndustryEditableMarkdownSlide = ({
|
|
|
3287
3326
|
setEditContent(content);
|
|
3288
3327
|
setIsEditing(false);
|
|
3289
3328
|
}, [content]);
|
|
3290
|
-
const handleSave = useCallback4(async () => {
|
|
3329
|
+
const handleSave = useCallback4(async (exitEditMode = true) => {
|
|
3291
3330
|
if (onContentChange) {
|
|
3292
3331
|
onContentChange(editContent);
|
|
3293
3332
|
}
|
|
@@ -3301,7 +3340,9 @@ var IndustryEditableMarkdownSlide = ({
|
|
|
3301
3340
|
setIsSaving(false);
|
|
3302
3341
|
}
|
|
3303
3342
|
}
|
|
3304
|
-
|
|
3343
|
+
if (exitEditMode) {
|
|
3344
|
+
setIsEditing(false);
|
|
3345
|
+
}
|
|
3305
3346
|
}, [editContent, onContentChange, onSave]);
|
|
3306
3347
|
const handleKeyDown = useCallback4((e) => {
|
|
3307
3348
|
if (e.key === "Escape") {
|
|
@@ -3351,7 +3392,7 @@ var IndustryEditableMarkdownSlide = ({
|
|
|
3351
3392
|
gap: theme2.space[2]
|
|
3352
3393
|
}
|
|
3353
3394
|
}, /* @__PURE__ */ React14.createElement("button", {
|
|
3354
|
-
onClick: handleSave,
|
|
3395
|
+
onClick: () => handleSave(),
|
|
3355
3396
|
disabled: isSaving,
|
|
3356
3397
|
style: {
|
|
3357
3398
|
display: "flex",
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { DocumentView } from './DocumentView';
|
|
3
|
+
declare const meta: Meta<typeof DocumentView>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const SingleDocument: Story;
|
|
7
|
+
export declare const SegmentedDocument: Story;
|
|
8
|
+
export declare const DarkThemeDocument: Story;
|
|
9
|
+
export declare const WideDocument: Story;
|
|
10
|
+
export declare const CompactSegments: Story;
|
|
11
|
+
export declare const InteractiveDocument: Story;
|
|
12
|
+
export declare const MermaidDiagramDocument: Story;
|
|
13
|
+
//# sourceMappingURL=DocumentView.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DocumentView.stories.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/DocumentView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAyBnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA6InC,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAiEjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAkKpC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IndustryEditableMarkdownSlide.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryEditableMarkdownSlide.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,KAAK,EAAY,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAyB,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE5F,MAAM,WAAW,kCAAmC,SAAQ,0BAA0B;IACpF,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,kCAAkC,
|
|
1
|
+
{"version":3,"file":"IndustryEditableMarkdownSlide.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryEditableMarkdownSlide.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,KAAK,EAAY,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAyB,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE5F,MAAM,WAAW,kCAAmC,SAAQ,0BAA0B;IACpF,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,kCAAkC,CAyQtF,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { IndustryEditableMarkdownSlide } from './IndustryEditableMarkdownSlide';
|
|
3
|
+
declare const meta: Meta<typeof IndustryEditableMarkdownSlide>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithAutoSave: Story;
|
|
8
|
+
export declare const DarkTheme: Story;
|
|
9
|
+
export declare const ReadOnly: Story;
|
|
10
|
+
export declare const NoAutoSave: Story;
|
|
11
|
+
export declare const Interactive: Story;
|
|
12
|
+
export declare const WithComplexContent: Story;
|
|
13
|
+
export declare const ErrorHandling: Story;
|
|
14
|
+
export declare const HybridEditing: Story;
|
|
15
|
+
export declare const PracticalDocumentationExample: Story;
|
|
16
|
+
export declare const WithBadgesAndLabels: Story;
|
|
17
|
+
export declare const WithHTMLContent: Story;
|
|
18
|
+
export declare const CustomStyling: Story;
|
|
19
|
+
//# sourceMappingURL=IndustryEditableMarkdownSlide.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndustryEditableMarkdownSlide.stories.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryEditableMarkdownSlide.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAGhF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,6BAA6B,CA4BpD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+BnC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAkC1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAwDF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAgFhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA8B3B,CAAC;AAwEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,KAgG3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA+GjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAmH7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA2B3B,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Theme } from '../../industryTheme';
|
|
3
|
+
export interface IndustryEditableMermaidDiagramProps {
|
|
4
|
+
code: string;
|
|
5
|
+
id: string;
|
|
6
|
+
theme: Theme;
|
|
7
|
+
onCodeChange?: (newCode: string) => void;
|
|
8
|
+
onSave?: (code: string) => Promise<void>;
|
|
9
|
+
autoSaveDelay?: number;
|
|
10
|
+
editable?: boolean;
|
|
11
|
+
showEditButton?: boolean;
|
|
12
|
+
onCopyError?: (mermaidCode: string, errorMessage: string) => void;
|
|
13
|
+
onError?: (hasError: boolean) => void;
|
|
14
|
+
rootMargin?: string;
|
|
15
|
+
isModalMode?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export declare const IndustryEditableMermaidDiagram: React.FC<IndustryEditableMermaidDiagramProps>;
|
|
18
|
+
//# sourceMappingURL=IndustryEditableMermaidDiagram.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndustryEditableMermaidDiagram.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryEditableMermaidDiagram.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAI5C,MAAM,WAAW,mCAAmC;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,mCAAmC,CA0UxF,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { IndustryEditableMermaidDiagram } from './IndustryEditableMermaidDiagram';
|
|
3
|
+
declare const meta: Meta<typeof IndustryEditableMermaidDiagram>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithAutoSave: Story;
|
|
8
|
+
export declare const DarkTheme: Story;
|
|
9
|
+
export declare const ReadOnly: Story;
|
|
10
|
+
export declare const NoAutoSave: Story;
|
|
11
|
+
export declare const Interactive: Story;
|
|
12
|
+
export declare const SequenceDiagram: Story;
|
|
13
|
+
export declare const ClassDiagram: Story;
|
|
14
|
+
export declare const GanttChart: Story;
|
|
15
|
+
export declare const ComplexFlowchart: Story;
|
|
16
|
+
export declare const ErrorHandling: Story;
|
|
17
|
+
export declare const ModalMode: Story;
|
|
18
|
+
//# sourceMappingURL=IndustryEditableMermaidDiagram.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndustryEditableMermaidDiagram.stories.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryEditableMermaidDiagram.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAElF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,8BAA8B,CA4BrD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAyDnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAyDF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsB3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IndustryMarkdownSlide.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryMarkdownSlide.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AAGH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAQjF,OAAO,EAA0B,KAAK,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAS9F,MAAM,WAAW,0BAA0B;IAEzC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtF,kBAAkB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,oBAAoB,CAAC,EAAE,CACrB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,kBAAkB,KACzB,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAChC,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAGlD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAG3B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAG5C,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AA0GD,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE;QACL,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;IACF,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAGD,wBAAgB,4BAA4B,CAAC,MAAM,CAAC,EAAE,oBAAoB,GAAG,eAAe,EAAE,CA8D7F;AAED,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"IndustryMarkdownSlide.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryMarkdownSlide.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AAGH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAQjF,OAAO,EAA0B,KAAK,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAS9F,MAAM,WAAW,0BAA0B;IAEzC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtF,kBAAkB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,oBAAoB,CAAC,EAAE,CACrB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,kBAAkB,KACzB,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAChC,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAGlD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAG3B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAG5C,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AA0GD,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE;QACL,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;IACF,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAGD,wBAAgB,4BAA4B,CAAC,MAAM,CAAC,EAAE,oBAAoB,GAAG,eAAe,EAAE,CA8D7F;AAED,eAAO,MAAM,qBAAqB,wDAgmBhC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IndustryMermaidDiagram.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryMermaidDiagram.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAyB,MAAM,qBAAqB,CAAC;AAEnE,UAAU,2BAA2B;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAmBD,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,EAAE,EACF,KAAK,EAAE,aAAa,EACpB,WAAW,EACX,OAAO,EACP,UAAoB,EACpB,WAAmB,GACpB,EAAE,2BAA2B,
|
|
1
|
+
{"version":3,"file":"IndustryMermaidDiagram.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryMermaidDiagram.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAyB,MAAM,qBAAqB,CAAC;AAEnE,UAAU,2BAA2B;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAmBD,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,EAAE,EACF,KAAK,EAAE,aAAa,EACpB,WAAW,EACX,OAAO,EACP,UAAoB,EACpB,WAAmB,GACpB,EAAE,2BAA2B,qBAyX7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlidePresentation.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/SlidePresentation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI9E,MAAM,WAAW,sBAAsB;IAErC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,KAAK,EAAE,KAAK,CAAC;IAGb,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAGtF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzD,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACrG,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,
|
|
1
|
+
{"version":3,"file":"SlidePresentation.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/SlidePresentation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI9E,MAAM,WAAW,sBAAsB;IAErC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,KAAK,EAAE,KAAK,CAAC;IAGb,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAGtF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzD,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACrG,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0W9D,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SlidePresentation } from './SlidePresentation';
|
|
3
|
+
declare const meta: Meta<typeof SlidePresentation>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const BasicPresentation: Story;
|
|
7
|
+
export declare const KeyboardShortcuts: Story;
|
|
8
|
+
export declare const DarkThemePresentation: Story;
|
|
9
|
+
export declare const TechnicalPresentation: Story;
|
|
10
|
+
export declare const MinimalNavigation: Story;
|
|
11
|
+
export declare const NoNavigation: Story;
|
|
12
|
+
export declare const InteractiveSlides: Story;
|
|
13
|
+
export declare const SingleSlide: Story;
|
|
14
|
+
export declare const CustomHeight: Story;
|
|
15
|
+
export declare const StartFromMiddle: Story;
|
|
16
|
+
//# sourceMappingURL=SlidePresentation.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SlidePresentation.stories.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/SlidePresentation.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CA4BxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqTnC,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA8D/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAUnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAUnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA6D/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC"}
|
|
@@ -6,6 +6,8 @@ export { DocumentView } from './components/DocumentView';
|
|
|
6
6
|
export type { DocumentViewProps } from './components/DocumentView';
|
|
7
7
|
export { IndustryEditableMarkdownSlide } from './components/IndustryEditableMarkdownSlide';
|
|
8
8
|
export type { IndustryEditableMarkdownSlideProps } from './components/IndustryEditableMarkdownSlide';
|
|
9
|
+
export { IndustryEditableMermaidDiagram } from './components/IndustryEditableMermaidDiagram';
|
|
10
|
+
export type { IndustryEditableMermaidDiagramProps } from './components/IndustryEditableMermaidDiagram';
|
|
9
11
|
export { createIndustryMarkdownComponents } from './components/IndustryMarkdownComponents';
|
|
10
12
|
export { IndustryHtmlModal, useIndustryHtmlModal } from './components/IndustryHtmlModal';
|
|
11
13
|
export { IndustryPlaceholderModal } from './components/IndustryPlaceholderModal';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../industryMarkdown/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAGrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGnE,OAAO,EAAE,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAC3F,YAAY,EAAE,kCAAkC,EAAE,MAAM,4CAA4C,CAAC;AAGrG,OAAO,EAAE,gCAAgC,EAAE,MAAM,yCAAyC,CAAC;AAG3F,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,8BAA8B,EAAE,MAAM,6CAA6C,CAAC;AAG7F,OAAO,EACL,6BAA6B,EAC7B,+BAA+B,EAC/B,uBAAuB,EACvB,uCAAuC,EACvC,sBAAsB,EACtB,iBAAiB,EACjB,kCAAkC,EAClC,0BAA0B,EAC1B,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,YAAY,EACV,oBAAoB,EACpB,aAAa,EACb,0BAA0B,EAC1B,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAG9B,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EACL,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACV,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACf,MAAM,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../industryMarkdown/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAGrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGnE,OAAO,EAAE,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAC3F,YAAY,EAAE,kCAAkC,EAAE,MAAM,4CAA4C,CAAC;AAGrG,OAAO,EAAE,8BAA8B,EAAE,MAAM,6CAA6C,CAAC;AAC7F,YAAY,EAAE,mCAAmC,EAAE,MAAM,6CAA6C,CAAC;AAGvG,OAAO,EAAE,gCAAgC,EAAE,MAAM,yCAAyC,CAAC;AAG3F,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,8BAA8B,EAAE,MAAM,6CAA6C,CAAC;AAG7F,OAAO,EACL,6BAA6B,EAC7B,+BAA+B,EAC/B,uBAAuB,EACvB,uCAAuC,EACvC,sBAAsB,EACtB,iBAAiB,EACjB,kCAAkC,EAClC,0BAA0B,EAC1B,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,YAAY,EACV,oBAAoB,EACpB,aAAa,EACb,0BAA0B,EAC1B,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAG9B,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EACL,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACV,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACf,MAAM,kBAAkB,CAAC"}
|