@canonical/react-ds-app-launchpad 0.9.0-experimental.11 → 0.9.0-experimental.13
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/esm/ui/EditableBlock/EditableBlock.js +5 -3
- package/dist/esm/ui/EditableBlock/EditableBlock.js.map +1 -1
- package/dist/esm/ui/GitDiffViewer/common/FileHeader/styles.css +3 -1
- package/dist/esm/ui/MarkdownEditor/MarkdownEditor.js +5 -5
- package/dist/esm/ui/MarkdownEditor/MarkdownEditor.js.map +1 -1
- package/dist/esm/ui/MarkdownEditor/styles.css +14 -0
- package/dist/types/ui/EditableBlock/EditableBlock.d.ts +1 -1
- package/dist/types/ui/EditableBlock/EditableBlock.d.ts.map +1 -1
- package/dist/types/ui/EditableBlock/types.d.ts +2 -0
- package/dist/types/ui/EditableBlock/types.d.ts.map +1 -1
- package/dist/types/ui/FileTree/Provider.d.ts.map +1 -1
- package/dist/types/ui/FileTree/common/File/File.d.ts.map +1 -1
- package/dist/types/ui/FileTree/common/Folder/Folder.d.ts.map +1 -1
- package/dist/types/ui/FileTree/common/IndentationBlock/IndentationBlock.d.ts.map +1 -1
- package/dist/types/ui/FileTree/common/Node/Provider.d.ts.map +1 -1
- package/dist/types/ui/FileTree/common/SearchBox/SearchBox.d.ts.map +1 -1
- package/dist/types/ui/FileTree/common/TreeView/TreeView.d.ts.map +1 -1
- package/dist/types/ui/FileTree/utils/hashNodeName.d.ts.map +1 -1
- package/dist/types/ui/GitDiffViewer/Provider.d.ts.map +1 -1
- package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.d.ts.map +1 -1
- package/dist/types/ui/MarkdownEditor/MarkdownEditor.d.ts.map +1 -1
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Button/Button.d.ts.map +1 -1
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Group/Group.d.ts.map +1 -1
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Separator/Separator.d.ts.map +1 -1
- package/dist/types/ui/MarkdownEditor/common/ViewModeTabs/ViewModeTabs.d.ts.map +1 -1
- package/dist/types/ui/MarkdownEditor/hooks/useEditor.d.ts.map +1 -1
- package/dist/types/ui/MarkdownEditor/types.d.ts +3 -0
- package/dist/types/ui/MarkdownEditor/types.d.ts.map +1 -1
- package/dist/types/ui/RelativeTime/RelativeTime.d.ts.map +1 -1
- package/package.json +8 -8
- package/dist/esm/ui/EditableBlock/EditableBlock.test.js +0 -57
- package/dist/esm/ui/EditableBlock/EditableBlock.test.js.map +0 -1
- package/dist/types/ui/EditableBlock/EditableBlock.test.d.ts +0 -2
- package/dist/types/ui/EditableBlock/EditableBlock.test.d.ts.map +0 -1
|
@@ -6,12 +6,14 @@ import "./styles.css";
|
|
|
6
6
|
* Component that renders toggling edit mode block
|
|
7
7
|
* @returns {React.ReactElement} - Rendered EditableBlock
|
|
8
8
|
*/
|
|
9
|
-
const EditableBlock = ({ id, EditComponent, className: userClassName, style, title, tag: TitleTag = "h3", }) => {
|
|
9
|
+
const EditableBlock = ({ id, EditComponent, className: userClassName, style, title, tag: TitleTag = "h3", isReadOnly = false, }) => {
|
|
10
10
|
const [isEditing, setIsEditing] = useState(false);
|
|
11
11
|
const isFocusedRef = useRef(false);
|
|
12
12
|
const toggleEditing = useCallback(() => {
|
|
13
|
+
if (isReadOnly)
|
|
14
|
+
return;
|
|
13
15
|
setIsEditing((editing) => !editing);
|
|
14
|
-
}, []);
|
|
16
|
+
}, [isReadOnly]);
|
|
15
17
|
const handleBlur = useCallback(() => {
|
|
16
18
|
isFocusedRef.current = false;
|
|
17
19
|
}, []);
|
|
@@ -27,7 +29,7 @@ const EditableBlock = ({ id, EditComponent, className: userClassName, style, tit
|
|
|
27
29
|
const componentCssClassName = "ds editable-block";
|
|
28
30
|
return (_jsx(EditingContext.Provider, { value: { isEditing, toggleEditing }, children: _jsxs("div", { className: [componentCssClassName, userClassName]
|
|
29
31
|
.filter(Boolean)
|
|
30
|
-
.join(" "), style: style, id: id, children: [_jsxs("header", { children: [_jsx(TitleTag, { className: "title", children: title }), _jsx("div", { className: `icon ${isEditing ? "icon-close" : "icon-edit"}`, onClick: toggleEditing, onKeyUp: handleKeyUp, onBlur: handleBlur, onFocus: handleFocus, role: "button", tabIndex: 0 })] }), _jsx("div", { className: "content", children: EditComponent && (_jsx(EditComponent, { ...{ isEditing, toggleEditing } })) })] }) }));
|
|
32
|
+
.join(" "), style: style, id: id, children: [_jsxs("header", { children: [_jsx(TitleTag, { className: "title", children: title }), !isReadOnly && (_jsx("div", { className: `icon ${isEditing ? "icon-close" : "icon-edit"}`, onClick: toggleEditing, onKeyUp: handleKeyUp, onBlur: handleBlur, onFocus: handleFocus, role: "button", tabIndex: 0 }))] }), _jsx("div", { className: "content", children: EditComponent && (_jsx(EditComponent, { ...{ isEditing, toggleEditing } })) })] }) }));
|
|
31
33
|
};
|
|
32
34
|
export default EditableBlock;
|
|
33
35
|
//# sourceMappingURL=EditableBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableBlock.js","sourceRoot":"","sources":["../../../../src/ui/EditableBlock/EditableBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,cAAc,MAAM,cAAc,CAAC;AAG1C,OAAO,cAAc,CAAC;AAEtB;;;GAGG;AAEH,MAAM,aAAa,GAAG,CAA6B,EACjD,EAAE,EACF,aAAa,EACb,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,KAAK,EACL,GAAG,EAAE,QAAQ,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"EditableBlock.js","sourceRoot":"","sources":["../../../../src/ui/EditableBlock/EditableBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,cAAc,MAAM,cAAc,CAAC;AAG1C,OAAO,cAAc,CAAC;AAEtB;;;GAGG;AAEH,MAAM,aAAa,GAAG,CAA6B,EACjD,EAAE,EACF,aAAa,EACb,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,KAAK,EACL,GAAG,EAAE,QAAQ,GAAG,IAAI,EACpB,UAAU,GAAG,KAAK,GACI,EAAsB,EAAE;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,YAAY,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;IAE5C,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,UAAU;YAAE,OAAO;QACvB,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA0B,EAAE,EAAE;QAC7B,IACE,CAAC,YAAY,CAAC,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,CAAC;YAC/C,KAAK,CAAC,GAAG,KAAK,GAAG,EACjB,CAAC;YACD,aAAa,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,qBAAqB,GAAG,mBAAmB,CAAC;IAElD,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,YAC1D,eACE,SAAS,EAAE,CAAC,qBAAqB,EAAE,aAAa,CAAC;iBAC9C,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC,EACZ,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,aAEN,6BACE,KAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,YAAE,KAAK,GAAY,EAC7C,CAAC,UAAU,IAAI,CACd,cACE,SAAS,EAAE,QAAQ,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,EAC3D,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,GACX,CACH,IACM,EACT,cAAK,SAAS,EAAC,SAAS,YACrB,aAAa,IAAI,CAChB,KAAC,aAAa,OAAM,EAAE,SAAS,EAAE,aAAa,EAAQ,GAAI,CAC3D,GACG,IACF,GACkB,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -34,6 +34,8 @@
|
|
|
34
34
|
display: flex;
|
|
35
35
|
align-items: center;
|
|
36
36
|
border-radius: 1px;
|
|
37
|
+
transition: transform 0.15s ease-out;
|
|
38
|
+
transform: rotate(90deg);
|
|
37
39
|
|
|
38
40
|
&:hover {
|
|
39
41
|
background-color: var(--git-diff-file-header-button-hover-background);
|
|
@@ -43,7 +45,7 @@
|
|
|
43
45
|
}
|
|
44
46
|
|
|
45
47
|
&.collapsed {
|
|
46
|
-
transform: rotate(
|
|
48
|
+
transform: rotate(0deg);
|
|
47
49
|
}
|
|
48
50
|
}
|
|
49
51
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import hljs from "highlight.js";
|
|
3
|
-
|
|
4
|
-
import { forwardRef } from "react";
|
|
5
|
-
import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from "react";
|
|
3
|
+
import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from "react";
|
|
6
4
|
import ReactMarkdown from "react-markdown";
|
|
7
5
|
import rehypeSanitize from "rehype-sanitize";
|
|
8
6
|
import remarkGfm from "remark-gfm";
|
|
@@ -16,7 +14,7 @@ const borderCssClassName = "bordered";
|
|
|
16
14
|
/**
|
|
17
15
|
* A dual-mode Markdown editor for writing and previewing Markdown content.
|
|
18
16
|
*/
|
|
19
|
-
const MarkdownEditor = forwardRef(({ id, className, style, textareaStyle, previewStyle, defaultValue, placeholder, hideToolbar = false, hidePreview = false, borderless = false, editMode: controlledEditMode, onEditModeChange: controlledOnEditModeChange, emptyInputMessage = "No content", toolbarBarLabelMessage = "Markdown Editor", ToolbarTextFormattingGroupLabelMessage = "Text Formatting", ToolbarToolsGroupLabelMessage = "Tools", ToolbarTitleButtonLabelMessage = "Title", ToolbarBoldButtonLabelMessage = "Bold", ToolbarItalicButtonLabelMessage = "Italic", ToolbarQuoteButtonLabelMessage = "Quote", ToolbarCodeButtonLabelMessage = "Code", ToolbarLinkButtonLabelMessage = "Link", ToolbarUnorderedListButtonLabelMessage = "Unordered List", ToolbarOrderedListButtonLabelMessage = "Ordered List", ...textareaProps }, ref) => {
|
|
17
|
+
const MarkdownEditor = forwardRef(({ id, className, style, textareaStyle, previewStyle, defaultValue, placeholder, hideToolbar = false, hidePreview = false, previewSwitchMode = "tab", borderless = false, editMode: controlledEditMode, onEditModeChange: controlledOnEditModeChange, emptyInputMessage = "No content", toolbarBarLabelMessage = "Markdown Editor", ToolbarTextFormattingGroupLabelMessage = "Text Formatting", ToolbarToolsGroupLabelMessage = "Tools", ToolbarTitleButtonLabelMessage = "Title", ToolbarBoldButtonLabelMessage = "Bold", ToolbarItalicButtonLabelMessage = "Italic", ToolbarQuoteButtonLabelMessage = "Quote", ToolbarCodeButtonLabelMessage = "Code", ToolbarLinkButtonLabelMessage = "Link", ToolbarUnorderedListButtonLabelMessage = "Unordered List", ToolbarOrderedListButtonLabelMessage = "Ordered List", ...textareaProps }, ref) => {
|
|
20
18
|
const textareaRef = useRef(null);
|
|
21
19
|
const previewRef = useRef(null);
|
|
22
20
|
const [internalEditMode, setInternalEditMode] = useState("write");
|
|
@@ -66,7 +64,9 @@ const MarkdownEditor = forwardRef(({ id, className, style, textareaStyle, previe
|
|
|
66
64
|
!borderless && borderCssClassName,
|
|
67
65
|
]
|
|
68
66
|
.filter(Boolean)
|
|
69
|
-
.join(" "), children: [_jsxs("div", { className: "top-bar", children: [!hidePreview && (_jsx(ViewModeTabs, { editMode: editMode, onEditModeChange: handleEditModeChange })), !hideToolbar && toolbar && (_jsxs(Toolbar, { label: toolbarBarLabelMessage, children: [_jsxs(Toolbar.Group, { label: ToolbarTextFormattingGroupLabelMessage, children: [_jsx(Toolbar.Button, { label: ToolbarTitleButtonLabelMessage, onClick: toolbar.title.handler, shortcut: toolbar.title.shortcut, children: icons.ToolbarTitle }), _jsx(Toolbar.Button, { label: ToolbarBoldButtonLabelMessage, onClick: toolbar.bold.handler, shortcut: toolbar.bold.shortcut, children: icons.ToolbarBold }), _jsx(Toolbar.Button, { label: ToolbarItalicButtonLabelMessage, onClick: toolbar.italic.handler, shortcut: toolbar.italic.shortcut, children: icons.ToolbarItalic })] }), _jsx(Toolbar.Separator, {}), _jsxs(Toolbar.Group, { label: ToolbarToolsGroupLabelMessage, children: [_jsx(Toolbar.Button, { label: ToolbarQuoteButtonLabelMessage, onClick: toolbar.quote.handler, shortcut: toolbar.quote.shortcut, children: icons.ToolbarQuote }), _jsx(Toolbar.Button, { label: ToolbarCodeButtonLabelMessage, onClick: toolbar.code.handler, shortcut: toolbar.code.shortcut, children: icons.ToolbarCode }), _jsx(Toolbar.Button, { label: ToolbarLinkButtonLabelMessage, onClick: toolbar.link.handler, shortcut: toolbar.link.shortcut, children: icons.ToolbarLink }), _jsx(Toolbar.Button, { label: ToolbarUnorderedListButtonLabelMessage, onClick: toolbar.uList.handler, shortcut: toolbar.uList.shortcut, children: icons.ToolbarUnorderedList }), _jsx(Toolbar.Button, { label: ToolbarOrderedListButtonLabelMessage, onClick: toolbar.oList.handler, shortcut: toolbar.oList.shortcut, children: icons.ToolbarOrderedList })] })] }))
|
|
67
|
+
.join(" "), children: [_jsxs("div", { className: "top-bar", children: [!hidePreview && previewSwitchMode === "tab" && (_jsx(ViewModeTabs, { editMode: editMode, onEditModeChange: handleEditModeChange })), !hideToolbar && toolbar && (_jsxs(Toolbar, { label: toolbarBarLabelMessage, children: [_jsxs(Toolbar.Group, { label: ToolbarTextFormattingGroupLabelMessage, children: [_jsx(Toolbar.Button, { label: ToolbarTitleButtonLabelMessage, onClick: toolbar.title.handler, shortcut: toolbar.title.shortcut, children: icons.ToolbarTitle }), _jsx(Toolbar.Button, { label: ToolbarBoldButtonLabelMessage, onClick: toolbar.bold.handler, shortcut: toolbar.bold.shortcut, children: icons.ToolbarBold }), _jsx(Toolbar.Button, { label: ToolbarItalicButtonLabelMessage, onClick: toolbar.italic.handler, shortcut: toolbar.italic.shortcut, children: icons.ToolbarItalic })] }), _jsx(Toolbar.Separator, {}), _jsxs(Toolbar.Group, { label: ToolbarToolsGroupLabelMessage, children: [_jsx(Toolbar.Button, { label: ToolbarQuoteButtonLabelMessage, onClick: toolbar.quote.handler, shortcut: toolbar.quote.shortcut, children: icons.ToolbarQuote }), _jsx(Toolbar.Button, { label: ToolbarCodeButtonLabelMessage, onClick: toolbar.code.handler, shortcut: toolbar.code.shortcut, children: icons.ToolbarCode }), _jsx(Toolbar.Button, { label: ToolbarLinkButtonLabelMessage, onClick: toolbar.link.handler, shortcut: toolbar.link.shortcut, children: icons.ToolbarLink }), _jsx(Toolbar.Button, { label: ToolbarUnorderedListButtonLabelMessage, onClick: toolbar.uList.handler, shortcut: toolbar.uList.shortcut, children: icons.ToolbarUnorderedList }), _jsx(Toolbar.Button, { label: ToolbarOrderedListButtonLabelMessage, onClick: toolbar.oList.handler, shortcut: toolbar.oList.shortcut, children: icons.ToolbarOrderedList })] })] })), !hidePreview && previewSwitchMode === "checkbox" && (_jsxs("div", { className: "preview-switch", children: [_jsx("input", { type: "checkbox", id: `${id}-preview-switch`, checked: editMode === "preview", onChange: (e) => {
|
|
68
|
+
handleEditModeChange(e.target.checked ? "preview" : "write", "click");
|
|
69
|
+
} }), _jsx("label", { htmlFor: `${id}-preview-switch`, children: "Preview" })] }))] }), _jsx("textarea", { defaultValue: defaultValue, placeholder: placeholder, className: "editor-content", ref: textareaRef, hidden: editMode !== "write", style: textareaStyle, ...textareaProps }), editMode === "preview" && (_jsx("div", { className: "editor-content", style: previewStyle, ref: previewRef, children: _jsx(ReactMarkdown, { rehypePlugins: [rehypeSanitize], remarkPlugins: [remarkGfm], components: {
|
|
70
70
|
h1: ({ children }) => _jsx("h3", { children: children }),
|
|
71
71
|
h2: ({ children }) => _jsx("h3", { children: children }),
|
|
72
72
|
}, children: textareaRef.current?.value || defaultValue || emptyInputMessage }) }))] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownEditor.js","sourceRoot":"","sources":["../../../../src/ui/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"MarkdownEditor.js","sourceRoot":"","sources":["../../../../src/ui/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,8 @@
|
|
|
4
4
|
--markdown-editor-editor-color: black;
|
|
5
5
|
--markdown-editor-editor-border-color: #7b7b7b;
|
|
6
6
|
|
|
7
|
+
--markdown-editor-top-bar-background-color: white;
|
|
8
|
+
|
|
7
9
|
--markdown-editor-tabs-hover-color: black;
|
|
8
10
|
--markdown-editor-tabs-hover-background-color: #f2f2f2;
|
|
9
11
|
--markdown-editor-tabs-inactive-color: #737373;
|
|
@@ -32,6 +34,18 @@
|
|
|
32
34
|
align-items: center;
|
|
33
35
|
flex-wrap: nowrap;
|
|
34
36
|
margin-bottom: -1px;
|
|
37
|
+
background-color: var(--markdown-editor-top-bar-background-color);
|
|
38
|
+
|
|
39
|
+
> .preview-switch {
|
|
40
|
+
display: flex;
|
|
41
|
+
align-items: center;
|
|
42
|
+
gap: 0.25rem;
|
|
43
|
+
font-size: 0.75rem;
|
|
44
|
+
font-weight: 550;
|
|
45
|
+
cursor: pointer;
|
|
46
|
+
padding: var(--markdown-editor-toolbar-vert-padding)
|
|
47
|
+
var(--markdown-editor-toolbar-horizontal-padding);
|
|
48
|
+
}
|
|
35
49
|
}
|
|
36
50
|
|
|
37
51
|
& > .editor-content {
|
|
@@ -5,6 +5,6 @@ import "./styles.css";
|
|
|
5
5
|
* Component that renders toggling edit mode block
|
|
6
6
|
* @returns {React.ReactElement} - Rendered EditableBlock
|
|
7
7
|
*/
|
|
8
|
-
declare const EditableBlock: <T extends EditElementProps>({ id, EditComponent, className: userClassName, style, title, tag: TitleTag, }: EditableBlockProps<T>) => React.ReactElement;
|
|
8
|
+
declare const EditableBlock: <T extends EditElementProps>({ id, EditComponent, className: userClassName, style, title, tag: TitleTag, isReadOnly, }: EditableBlockProps<T>) => React.ReactElement;
|
|
9
9
|
export default EditableBlock;
|
|
10
10
|
//# sourceMappingURL=EditableBlock.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableBlock.d.ts","sourceRoot":"","sources":["../../../../src/ui/EditableBlock/EditableBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEvE,OAAO,cAAc,CAAC;AAEtB;;;GAGG;AAEH,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,gBAAgB,
|
|
1
|
+
{"version":3,"file":"EditableBlock.d.ts","sourceRoot":"","sources":["../../../../src/ui/EditableBlock/EditableBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEvE,OAAO,cAAc,CAAC;AAEtB;;;GAGG;AAEH,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,gBAAgB,EAAE,2FAQhD,kBAAkB,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,YA8DhC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -19,6 +19,8 @@ export interface EditableBlockProps<T extends EditElementProps> {
|
|
|
19
19
|
title?: string;
|
|
20
20
|
/** HTML element type to render as the title component (e.g., 'div', 'section') */
|
|
21
21
|
tag?: keyof JSX.IntrinsicElements;
|
|
22
|
+
/** Whether the block is read-only */
|
|
23
|
+
isReadOnly?: boolean;
|
|
22
24
|
}
|
|
23
25
|
export default EditableBlockProps;
|
|
24
26
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/EditableBlock/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AAElD,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,gBAAgB,IAAI,CACpD,KAAK,EAAE,CAAC,KACL,KAAK,CAAC,SAAS,CAAC;AAErB,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,gBAAgB;IAC5D,+CAA+C;IAC/C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kFAAkF;IAClF,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC9B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/EditableBlock/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AAElD,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,gBAAgB,IAAI,CACpD,KAAK,EAAE,CAAC,KACL,KAAK,CAAC,SAAS,CAAC;AAErB,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,gBAAgB;IAC5D,+CAA+C;IAC/C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kFAAkF;IAClF,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC9B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAElC,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAe,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/ui/FileTree/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAyB,eAAe,EAAE,MAAM,YAAY,CAAC;AAGzE,eAAO,MAAM,YAAY,mBAAmB,CAAC;AAE7C,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/ui/FileTree/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAyB,eAAe,EAAE,MAAM,YAAY,CAAC;AAGzE,eAAO,MAAM,YAAY,mBAAmB,CAAC;AAE7C,QAAA,MAAM,QAAQ,GAAI,uDAMf,eAAe,KAAG,KAAK,CAAC,YA8G1B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"File.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/File/File.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C;;;GAGG;AACH,QAAA,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"File.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/File/File.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C;;;GAGG;AACH,QAAA,MAAM,IAAI,GAAI,yCAMX,SAAS,KAAG,KAAK,CAAC,YAWpB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Folder.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/Folder/Folder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C;;;GAGG;AACH,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Folder.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/Folder/Folder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C;;;GAGG;AACH,QAAA,MAAM,MAAM,GAAI,wDAOb,WAAW,KAAG,KAAK,CAAC,YAatB,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IndentationBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/IndentationBlock/IndentationBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAIxD;;;GAGG;AACH,QAAA,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"IndentationBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/IndentationBlock/IndentationBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAIxD;;;GAGG;AACH,QAAA,MAAM,gBAAgB,GAAI,kCAKvB,qBAAqB,KAAG,KAAK,CAAC,YAAY,GAAG,IAkB/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/Node/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAOhD,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/Node/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAOhD,QAAA,MAAM,QAAQ,GAAI,kEAQf,aAAa,KAAG,KAAK,CAAC,YAAY,GAAG,IA+MvC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBox.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/SearchBox/SearchBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAIjD;;;GAGG;AACH,QAAA,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"SearchBox.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/SearchBox/SearchBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAIjD;;;GAGG;AACH,QAAA,MAAM,SAAS,GAAI,qCAKhB,cAAc,KAAG,KAAK,CAAC,YAAY,GAAG,IAyDxC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/TreeView/TreeView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/TreeView/TreeView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,QAAQ,GAAI,iDAIf,aAAa,KAAG,KAAK,CAAC,YA6DxB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hashNodeName.d.ts","sourceRoot":"","sources":["../../../../../src/ui/FileTree/utils/hashNodeName.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"hashNodeName.d.ts","sourceRoot":"","sources":["../../../../../src/ui/FileTree/utils/hashNodeName.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,GAAI,MAAM,MAAM,WAQjC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/ui/GitDiffViewer/Provider.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAIlD,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/ui/GitDiffViewer/Provider.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAIlD,QAAA,MAAM,QAAQ,GAAI,uDAMf,eAAe,KAAG,KAAK,CAAC,YAyC1B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DiffLine.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAIhD;;;;GAIG;AACH,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"DiffLine.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAIhD;;;;GAIG;AACH,QAAA,MAAM,QAAQ,GAAI,oCAKf,aAAa,KAAG,KAAK,CAAC,YAwDxB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../../src/ui/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../../src/ui/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,0DAA0D,CAAC;AAQlE,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAY,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAMhE;;GAEG;AACH,QAAA,MAAM,cAAc,8GA2NnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAIrD;;GAEG;AACH,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAIrD;;GAEG;AACH,QAAA,MAAM,aAAa,GAAI,iEAOpB,kBAAkB,KAAG,KAAK,CAAC,YA8B7B,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Group/Group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,cAAc,CAAC;AAItB;;GAEG;AACH,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Group/Group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,cAAc,CAAC;AAItB;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,4CAMnB,iBAAiB,KAAG,KAAK,CAAC,YAa5B,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Separator/Separator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAIxD;;GAEG;AACH,QAAA,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Separator/Separator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAIxD;;GAEG;AACH,QAAA,MAAM,gBAAgB,GAAI,2BAIvB,qBAAqB,KAAG,KAAK,CAAC,YAWhC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewModeTabs.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/MarkdownEditor/common/ViewModeTabs/ViewModeTabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAMpD;;GAEG;AACH,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"ViewModeTabs.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/MarkdownEditor/common/ViewModeTabs/ViewModeTabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAMpD;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,qEAMnB,iBAAiB,KAAG,KAAK,CAAC,YAkD5B,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEditor.d.ts","sourceRoot":"","sources":["../../../../../src/ui/MarkdownEditor/hooks/useEditor.ts"],"names":[],"mappings":"AAkBA,QAAA,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"useEditor.d.ts","sourceRoot":"","sources":["../../../../../src/ui/MarkdownEditor/hooks/useEditor.ts"],"names":[],"mappings":"AAkBA,QAAA,MAAM,SAAS,GACb,aAAa,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsUzD,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -28,6 +28,9 @@ export type MarkdownEditorProps = {
|
|
|
28
28
|
textareaStyle?: React.CSSProperties;
|
|
29
29
|
/** Preview pane styles */
|
|
30
30
|
previewStyle?: React.CSSProperties;
|
|
31
|
+
/** Control how the switch to preview mode looks */
|
|
32
|
+
previewSwitchMode?: "tab" | "checkbox";
|
|
33
|
+
/** On preview pane overflow, show a button to expand the preview pane */
|
|
31
34
|
emptyInputMessage?: string;
|
|
32
35
|
toolbarBarLabelMessage?: string;
|
|
33
36
|
ToolbarTextFormattingGroupLabelMessage?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/MarkdownEditor/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACrC,iDAAiD;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnD,sBAAsB;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,0BAA0B;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/MarkdownEditor/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACrC,iDAAiD;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnD,sBAAsB;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,0BAA0B;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IACvC,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sCAAsC,CAAC,EAAE,MAAM,CAAC;IAChD,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,sCAAsC,CAAC,EAAE,MAAM,CAAC;IAChD,oCAAoC,CAAC,EAAE,MAAM,CAAC;CAC/C,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RelativeTime.d.ts","sourceRoot":"","sources":["../../../../src/ui/RelativeTime/RelativeTime.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AASpD;;;;;GAKG;AACH,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"RelativeTime.d.ts","sourceRoot":"","sources":["../../../../src/ui/RelativeTime/RelativeTime.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AASpD;;;;;GAKG;AACH,QAAA,MAAM,YAAY,GAAI,sHAUnB,iBAAiB,KAAG,KAAK,CAAC,YA0E5B,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@canonical/react-ds-app-launchpad",
|
|
3
|
-
"version": "0.9.0-experimental.
|
|
3
|
+
"version": "0.9.0-experimental.13",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/types/index.d.ts",
|
|
@@ -38,9 +38,9 @@
|
|
|
38
38
|
"test:vitest:watch": "vitest"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@canonical/storybook-config": "^0.9.0-experimental.
|
|
42
|
-
"@canonical/styles": "^0.9.0-experimental.
|
|
43
|
-
"@canonical/utils": "^0.9.0-experimental.
|
|
41
|
+
"@canonical/storybook-config": "^0.9.0-experimental.12",
|
|
42
|
+
"@canonical/styles": "^0.9.0-experimental.12",
|
|
43
|
+
"@canonical/utils": "^0.9.0-experimental.12",
|
|
44
44
|
"@js-temporal/polyfill": "^0.4.4",
|
|
45
45
|
"highlight.js": "^11.11.1",
|
|
46
46
|
"react": ">=18.0.0 <20.0.0",
|
|
@@ -52,8 +52,8 @@
|
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@biomejs/biome": "^1.9.4",
|
|
55
|
-
"@canonical/biome-config": "^0.9.0-experimental.
|
|
56
|
-
"@canonical/typescript-config-react": "^0.9.0-experimental.
|
|
55
|
+
"@canonical/biome-config": "^0.9.0-experimental.12",
|
|
56
|
+
"@canonical/typescript-config-react": "^0.9.0-experimental.12",
|
|
57
57
|
"@chromatic-com/storybook": "^3.2.2",
|
|
58
58
|
"@storybook/blocks": "^8.4.7",
|
|
59
59
|
"@storybook/react": "^8.4.7",
|
|
@@ -68,10 +68,10 @@
|
|
|
68
68
|
"globals": "^16.0.0",
|
|
69
69
|
"jsdom": "^26.0.0",
|
|
70
70
|
"storybook": "^8.4.7",
|
|
71
|
-
"typescript": "^5.
|
|
71
|
+
"typescript": "^5.8.2",
|
|
72
72
|
"vite": "^6.0.3",
|
|
73
73
|
"vite-tsconfig-paths": "^5.1.4",
|
|
74
74
|
"vitest": "^3.0.9"
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "80a8881629dff1e73974f03a014ae2de4b9977b8"
|
|
77
77
|
}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/* @canonical/generator-ds 0.8.0-experimental.0 */
|
|
3
|
-
import { fireEvent, render, screen } from "@testing-library/react";
|
|
4
|
-
import { describe, expect, it } from "vitest";
|
|
5
|
-
import EditableBlock from "./EditableBlock.js";
|
|
6
|
-
import { useEditableBlock } from "./hooks/useEditableBlock.js";
|
|
7
|
-
const SampleEditComponent = () => {
|
|
8
|
-
return _jsx("div", { children: "Sample" });
|
|
9
|
-
};
|
|
10
|
-
describe("EditableBlock component", () => {
|
|
11
|
-
it("renders children content", () => {
|
|
12
|
-
render(_jsx(EditableBlock, { title: "Hello world!", EditComponent: SampleEditComponent }));
|
|
13
|
-
const sampleElement = screen.getByText("Sample");
|
|
14
|
-
expect(sampleElement).not.toBeNull();
|
|
15
|
-
expect(document.body.contains(sampleElement)).toBe(true);
|
|
16
|
-
});
|
|
17
|
-
it("toggles editing state when icon is clicked", () => {
|
|
18
|
-
render(_jsx(EditableBlock, { title: "Hello world!", EditComponent: SampleEditComponent }));
|
|
19
|
-
const editIcon = screen.getByRole("button");
|
|
20
|
-
fireEvent.click(editIcon);
|
|
21
|
-
expect(editIcon.classList.contains("icon-close")).toBe(true);
|
|
22
|
-
fireEvent.click(editIcon);
|
|
23
|
-
expect(editIcon.classList.contains("icon-edit")).toBe(true);
|
|
24
|
-
});
|
|
25
|
-
it("toggles editing state when Enter key is pressed", () => {
|
|
26
|
-
render(_jsx(EditableBlock, { title: "Hello world!", EditComponent: SampleEditComponent }));
|
|
27
|
-
const editIcon = screen.getByRole("button");
|
|
28
|
-
fireEvent.keyUp(editIcon, { key: "Enter", code: "Enter", charCode: 13 });
|
|
29
|
-
expect(editIcon.classList.contains("icon-close")).toBe(true);
|
|
30
|
-
fireEvent.keyUp(editIcon, { key: "Enter", code: "Enter", charCode: 13 });
|
|
31
|
-
expect(editIcon.classList.contains("icon-edit")).toBe(true);
|
|
32
|
-
});
|
|
33
|
-
it("toggles editing state when Space key is pressed", () => {
|
|
34
|
-
render(_jsx(EditableBlock, { title: "Hello world!", EditComponent: SampleEditComponent }));
|
|
35
|
-
const editIcon = screen.getByRole("button");
|
|
36
|
-
fireEvent.keyUp(editIcon, { key: " ", code: "Space", charCode: 32 });
|
|
37
|
-
expect(editIcon.classList.contains("icon-close")).toBe(true);
|
|
38
|
-
fireEvent.keyUp(editIcon, { key: " ", code: "Space", charCode: 32 });
|
|
39
|
-
expect(editIcon.classList.contains("icon-edit")).toBe(true);
|
|
40
|
-
});
|
|
41
|
-
it("provides editing context to children", () => {
|
|
42
|
-
const ChildComponent = () => {
|
|
43
|
-
const { isEditing } = useEditableBlock();
|
|
44
|
-
return _jsx("div", { children: isEditing ? "Editing" : "Not Editing" });
|
|
45
|
-
};
|
|
46
|
-
render(_jsx(EditableBlock, { title: "Hello world!", EditComponent: ChildComponent }));
|
|
47
|
-
const notEditingElement = screen.getByText("Not Editing");
|
|
48
|
-
expect(notEditingElement).not.toBeNull();
|
|
49
|
-
expect(document.body.contains(notEditingElement)).toBe(true);
|
|
50
|
-
const editIcon = screen.getByRole("button");
|
|
51
|
-
fireEvent.click(editIcon);
|
|
52
|
-
const editingElement = screen.getByText("Editing");
|
|
53
|
-
expect(editingElement).not.toBeNull();
|
|
54
|
-
expect(document.body.contains(editingElement)).toBe(true);
|
|
55
|
-
});
|
|
56
|
-
});
|
|
57
|
-
//# sourceMappingURL=EditableBlock.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditableBlock.test.js","sourceRoot":"","sources":["../../../../src/ui/EditableBlock/EditableBlock.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditableBlock.test.d.ts","sourceRoot":"","sources":["../../../../src/ui/EditableBlock/EditableBlock.test.tsx"],"names":[],"mappings":""}
|