@canonical/react-ds-app-launchpad 0.7.1-experimental.0 → 0.9.0-experimental.10
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/Context.js +4 -0
- package/dist/esm/ui/EditableBlock/Context.js.map +1 -0
- package/dist/esm/ui/EditableBlock/EditableBlock.js +33 -0
- package/dist/esm/ui/EditableBlock/EditableBlock.js.map +1 -0
- package/dist/esm/ui/EditableBlock/EditableBlock.test.js +57 -0
- package/dist/esm/ui/EditableBlock/EditableBlock.test.js.map +1 -0
- package/dist/esm/ui/EditableBlock/hooks/index.js +2 -0
- package/dist/esm/ui/EditableBlock/hooks/index.js.map +1 -0
- package/dist/esm/ui/EditableBlock/hooks/useEditableBlock.js +11 -0
- package/dist/esm/ui/EditableBlock/hooks/useEditableBlock.js.map +1 -0
- package/dist/esm/ui/EditableBlock/index.js +3 -0
- package/dist/esm/ui/EditableBlock/index.js.map +1 -0
- package/dist/esm/ui/EditableBlock/styles.css +38 -0
- package/dist/esm/ui/EditableBlock/types.js.map +1 -0
- package/dist/esm/ui/FileTree/Context.js +4 -0
- package/dist/esm/ui/FileTree/Context.js.map +1 -0
- package/dist/esm/ui/FileTree/Provider.js +74 -0
- package/dist/esm/ui/FileTree/Provider.js.map +1 -0
- package/dist/esm/ui/FileTree/common/File/File.js +12 -0
- package/dist/esm/ui/FileTree/common/File/File.js.map +1 -0
- package/dist/esm/ui/FileTree/common/File/index.js +4 -0
- package/dist/esm/ui/FileTree/common/File/index.js.map +1 -0
- package/dist/esm/ui/FileTree/common/File/styles.css +4 -0
- package/dist/esm/ui/FileTree/common/File/types.js.map +1 -0
- package/dist/esm/ui/FileTree/common/Folder/Folder.js +12 -0
- package/dist/esm/ui/FileTree/common/Folder/Folder.js.map +1 -0
- package/dist/esm/ui/FileTree/common/Folder/index.js +4 -0
- package/dist/esm/ui/FileTree/common/Folder/index.js.map +1 -0
- package/dist/esm/ui/FileTree/common/Folder/styles.css +4 -0
- package/dist/esm/ui/FileTree/common/Folder/types.js +2 -0
- package/dist/esm/ui/FileTree/common/Folder/types.js.map +1 -0
- package/dist/esm/ui/FileTree/common/IndentationBlock/IndentationBlock.js +16 -0
- package/dist/esm/ui/FileTree/common/IndentationBlock/IndentationBlock.js.map +1 -0
- package/dist/esm/ui/FileTree/common/IndentationBlock/index.js +4 -0
- package/dist/esm/ui/FileTree/common/IndentationBlock/index.js.map +1 -0
- package/dist/esm/ui/FileTree/common/IndentationBlock/styles.css +32 -0
- package/dist/esm/ui/FileTree/common/IndentationBlock/types.js +2 -0
- package/dist/esm/ui/FileTree/common/IndentationBlock/types.js.map +1 -0
- package/dist/esm/ui/FileTree/common/Node/Context.js +10 -0
- package/dist/esm/ui/FileTree/common/Node/Context.js.map +1 -0
- package/dist/esm/ui/FileTree/common/Node/Provider.js +163 -0
- package/dist/esm/ui/FileTree/common/Node/Provider.js.map +1 -0
- package/dist/esm/ui/FileTree/common/Node/hooks/index.js +2 -0
- package/dist/esm/ui/FileTree/common/Node/hooks/index.js.map +1 -0
- package/dist/esm/ui/FileTree/common/Node/hooks/useNode.js +12 -0
- package/dist/esm/ui/FileTree/common/Node/hooks/useNode.js.map +1 -0
- package/dist/esm/ui/FileTree/common/Node/index.js +4 -0
- package/dist/esm/ui/FileTree/common/Node/index.js.map +1 -0
- package/dist/esm/ui/FileTree/common/Node/styles.css +60 -0
- package/dist/esm/ui/FileTree/common/Node/types.js +2 -0
- package/dist/esm/ui/FileTree/common/Node/types.js.map +1 -0
- package/dist/esm/ui/FileTree/common/SearchBox/SearchBox.js +31 -0
- package/dist/esm/ui/FileTree/common/SearchBox/SearchBox.js.map +1 -0
- package/dist/esm/ui/FileTree/common/SearchBox/index.js +4 -0
- package/dist/esm/ui/FileTree/common/SearchBox/index.js.map +1 -0
- package/dist/esm/ui/FileTree/common/SearchBox/styles.css +61 -0
- package/dist/esm/ui/FileTree/common/SearchBox/types.js +2 -0
- package/dist/esm/ui/FileTree/common/SearchBox/types.js.map +1 -0
- package/dist/esm/ui/FileTree/common/TreeView/TreeView.js +60 -0
- package/dist/esm/ui/FileTree/common/TreeView/TreeView.js.map +1 -0
- package/dist/esm/ui/FileTree/common/TreeView/index.js +4 -0
- package/dist/esm/ui/FileTree/common/TreeView/index.js.map +1 -0
- package/dist/esm/ui/FileTree/common/TreeView/types.js +2 -0
- package/dist/esm/ui/FileTree/common/TreeView/types.js.map +1 -0
- package/dist/esm/ui/FileTree/common/index.js +5 -0
- package/dist/esm/ui/FileTree/common/index.js.map +1 -0
- package/dist/esm/ui/FileTree/hooks/index.js +2 -0
- package/dist/esm/ui/FileTree/hooks/index.js.map +1 -0
- package/dist/esm/ui/FileTree/hooks/useFileTree.js +11 -0
- package/dist/esm/ui/FileTree/hooks/useFileTree.js.map +1 -0
- package/dist/esm/ui/FileTree/index.js +10 -0
- package/dist/esm/ui/FileTree/index.js.map +1 -0
- package/dist/esm/ui/FileTree/styles.css +47 -0
- package/dist/esm/ui/FileTree/types.js +2 -0
- package/dist/esm/ui/{Button → FileTree}/types.js.map +1 -1
- package/dist/esm/ui/FileTree/utils/hashNodeName.js +11 -0
- package/dist/esm/ui/FileTree/utils/hashNodeName.js.map +1 -0
- package/dist/esm/ui/FileTree/utils/index.js +2 -0
- package/dist/esm/ui/FileTree/utils/index.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/Context.js +4 -0
- package/dist/esm/ui/GitDiffViewer/Context.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/Provider.js +31 -0
- package/dist/esm/ui/GitDiffViewer/Provider.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/CodeDiffViewer.js +119 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/CodeDiffViewer.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/HighlighTheme.css +171 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.js +33 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/index.js +4 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/index.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/styles.css +111 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/types.js +2 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/types.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/index.js +2 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/index.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/index.js +4 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/index.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/styles.css +39 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/types.js +2 -0
- package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/types.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/common/FileHeader/FileHeader.js +35 -0
- package/dist/esm/ui/GitDiffViewer/common/FileHeader/FileHeader.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/common/FileHeader/index.js +4 -0
- package/dist/esm/ui/GitDiffViewer/common/FileHeader/index.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/common/FileHeader/styles.css +75 -0
- package/dist/esm/ui/GitDiffViewer/common/FileHeader/types.js +2 -0
- package/dist/esm/ui/GitDiffViewer/common/FileHeader/types.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/common/index.js +3 -0
- package/dist/esm/ui/GitDiffViewer/common/index.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/hooks/index.js +2 -0
- package/dist/esm/ui/GitDiffViewer/hooks/index.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/hooks/useGitDiffViewer.js +11 -0
- package/dist/esm/ui/GitDiffViewer/hooks/useGitDiffViewer.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/index.js +9 -0
- package/dist/esm/ui/GitDiffViewer/index.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/styles.css +38 -0
- package/dist/esm/ui/GitDiffViewer/types.js +2 -0
- package/dist/esm/ui/GitDiffViewer/types.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/utils/index.js +2 -0
- package/dist/esm/ui/GitDiffViewer/utils/index.js.map +1 -0
- package/dist/esm/ui/GitDiffViewer/utils/parseGitDiff.js +73 -0
- package/dist/esm/ui/GitDiffViewer/utils/parseGitDiff.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/MarkdownEditor.js +74 -0
- package/dist/esm/ui/MarkdownEditor/MarkdownEditor.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/Toolbar.js +52 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/Toolbar.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Button/Button.js +19 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Button/Button.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Button/index.js +4 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Button/index.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Button/styles.css +17 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Button/types.js +2 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Button/types.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Group/Group.js +13 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Group/Group.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Group/index.js +4 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Group/index.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Group/styles.css +7 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Group/types.js +2 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Group/types.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Separator/Separator.js +13 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Separator/Separator.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Separator/index.js +4 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Separator/index.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Separator/styles.css +7 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Separator/types.js +2 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Separator/types.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/index.js +4 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/index.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/index.js +9 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/index.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/styles.css +16 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/types.js +2 -0
- package/dist/esm/ui/MarkdownEditor/common/Toolbar/types.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/ViewModeTabs/ViewModeTabs.js +34 -0
- package/dist/esm/ui/MarkdownEditor/common/ViewModeTabs/ViewModeTabs.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/ViewModeTabs/index.js +4 -0
- package/dist/esm/ui/MarkdownEditor/common/ViewModeTabs/index.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/ViewModeTabs/styles.css +42 -0
- package/dist/esm/ui/MarkdownEditor/common/ViewModeTabs/types.js +2 -0
- package/dist/esm/ui/MarkdownEditor/common/ViewModeTabs/types.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/icons.js +10 -0
- package/dist/esm/ui/MarkdownEditor/common/icons.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/common/index.js +4 -0
- package/dist/esm/ui/MarkdownEditor/common/index.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/hooks/index.js +2 -0
- package/dist/esm/ui/MarkdownEditor/hooks/index.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/hooks/useEditor.js +277 -0
- package/dist/esm/ui/MarkdownEditor/hooks/useEditor.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/index.js +4 -0
- package/dist/esm/ui/MarkdownEditor/index.js.map +1 -0
- package/dist/esm/ui/MarkdownEditor/styles.css +69 -0
- package/dist/esm/ui/MarkdownEditor/types.js +2 -0
- package/dist/esm/ui/MarkdownEditor/types.js.map +1 -0
- package/dist/esm/ui/RelativeTime/RelativeTime.js +66 -0
- package/dist/esm/ui/RelativeTime/RelativeTime.js.map +1 -0
- package/dist/esm/ui/RelativeTime/index.js +4 -0
- package/dist/esm/ui/RelativeTime/index.js.map +1 -0
- package/dist/esm/ui/RelativeTime/types.js +2 -0
- package/dist/esm/ui/{Chip → RelativeTime}/types.js.map +1 -1
- package/dist/esm/ui/RelativeTime/utils/constants.js +6 -0
- package/dist/esm/ui/RelativeTime/utils/constants.js.map +1 -0
- package/dist/esm/ui/RelativeTime/utils/formatHumanTime.js +43 -0
- package/dist/esm/ui/RelativeTime/utils/formatHumanTime.js.map +1 -0
- package/dist/esm/ui/RelativeTime/utils/getOptimalUpdateInterval.js +24 -0
- package/dist/esm/ui/RelativeTime/utils/getOptimalUpdateInterval.js.map +1 -0
- package/dist/esm/ui/RelativeTime/utils/index.js +4 -0
- package/dist/esm/ui/RelativeTime/utils/index.js.map +1 -0
- package/dist/esm/ui/RelativeTime/utils/parseInstant.js +22 -0
- package/dist/esm/ui/RelativeTime/utils/parseInstant.js.map +1 -0
- package/dist/esm/ui/index.js +5 -1
- package/dist/esm/ui/index.js.map +1 -1
- package/dist/types/ui/EditableBlock/Context.d.ts +4 -0
- package/dist/types/ui/EditableBlock/Context.d.ts.map +1 -0
- package/dist/types/ui/EditableBlock/EditableBlock.d.ts +10 -0
- package/dist/types/ui/EditableBlock/EditableBlock.d.ts.map +1 -0
- package/dist/types/ui/EditableBlock/EditableBlock.test.d.ts +2 -0
- package/dist/types/ui/EditableBlock/EditableBlock.test.d.ts.map +1 -0
- package/dist/types/ui/EditableBlock/hooks/index.d.ts +2 -0
- package/dist/types/ui/EditableBlock/hooks/index.d.ts.map +1 -0
- package/dist/types/ui/EditableBlock/hooks/useEditableBlock.d.ts +4 -0
- package/dist/types/ui/EditableBlock/hooks/useEditableBlock.d.ts.map +1 -0
- package/dist/types/ui/EditableBlock/index.d.ts +3 -0
- package/dist/types/ui/EditableBlock/index.d.ts.map +1 -0
- package/dist/types/ui/EditableBlock/types.d.ts +24 -0
- package/dist/types/ui/EditableBlock/types.d.ts.map +1 -0
- package/dist/types/ui/FileTree/Context.d.ts +4 -0
- package/dist/types/ui/FileTree/Context.d.ts.map +1 -0
- package/dist/types/ui/FileTree/Provider.d.ts +7 -0
- package/dist/types/ui/FileTree/Provider.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/File/File.d.ts +10 -0
- package/dist/types/ui/FileTree/common/File/File.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/File/index.d.ts +3 -0
- package/dist/types/ui/FileTree/common/File/index.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/File/types.d.ts +16 -0
- package/dist/types/ui/FileTree/common/File/types.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/Folder/Folder.d.ts +10 -0
- package/dist/types/ui/FileTree/common/Folder/Folder.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/Folder/index.d.ts +3 -0
- package/dist/types/ui/FileTree/common/Folder/index.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/Folder/types.d.ts +16 -0
- package/dist/types/ui/FileTree/common/Folder/types.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/IndentationBlock/IndentationBlock.d.ts +10 -0
- package/dist/types/ui/FileTree/common/IndentationBlock/IndentationBlock.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/IndentationBlock/index.d.ts +3 -0
- package/dist/types/ui/FileTree/common/IndentationBlock/index.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/IndentationBlock/types.d.ts +12 -0
- package/dist/types/ui/FileTree/common/IndentationBlock/types.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/Node/Context.d.ts +5 -0
- package/dist/types/ui/FileTree/common/Node/Context.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/Node/Provider.d.ts +6 -0
- package/dist/types/ui/FileTree/common/Node/Provider.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/Node/hooks/index.d.ts +2 -0
- package/dist/types/ui/FileTree/common/Node/hooks/index.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/Node/hooks/useNode.d.ts +3 -0
- package/dist/types/ui/FileTree/common/Node/hooks/useNode.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/Node/index.d.ts +5 -0
- package/dist/types/ui/FileTree/common/Node/index.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/Node/types.d.ts +28 -0
- package/dist/types/ui/FileTree/common/Node/types.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/SearchBox/SearchBox.d.ts +10 -0
- package/dist/types/ui/FileTree/common/SearchBox/SearchBox.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/SearchBox/index.d.ts +3 -0
- package/dist/types/ui/FileTree/common/SearchBox/index.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/SearchBox/types.d.ts +12 -0
- package/dist/types/ui/FileTree/common/SearchBox/types.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/TreeView/TreeView.d.ts +16 -0
- package/dist/types/ui/FileTree/common/TreeView/TreeView.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/TreeView/index.d.ts +3 -0
- package/dist/types/ui/FileTree/common/TreeView/index.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/TreeView/types.d.ts +20 -0
- package/dist/types/ui/FileTree/common/TreeView/types.d.ts.map +1 -0
- package/dist/types/ui/FileTree/common/index.d.ts +5 -0
- package/dist/types/ui/FileTree/common/index.d.ts.map +1 -0
- package/dist/types/ui/FileTree/hooks/index.d.ts +2 -0
- package/dist/types/ui/FileTree/hooks/index.d.ts.map +1 -0
- package/dist/types/ui/FileTree/hooks/useFileTree.d.ts +3 -0
- package/dist/types/ui/FileTree/hooks/useFileTree.d.ts.map +1 -0
- package/dist/types/ui/FileTree/index.d.ts +5 -0
- package/dist/types/ui/FileTree/index.d.ts.map +1 -0
- package/dist/types/ui/FileTree/types.d.ts +69 -0
- package/dist/types/ui/FileTree/types.d.ts.map +1 -0
- package/dist/types/ui/FileTree/utils/hashNodeName.d.ts +3 -0
- package/dist/types/ui/FileTree/utils/hashNodeName.d.ts.map +1 -0
- package/dist/types/ui/FileTree/utils/index.d.ts +2 -0
- package/dist/types/ui/FileTree/utils/index.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/Context.d.ts +4 -0
- package/dist/types/ui/GitDiffViewer/Context.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/Provider.d.ts +5 -0
- package/dist/types/ui/GitDiffViewer/Provider.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/CodeDiffViewer.d.ts +16 -0
- package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/CodeDiffViewer.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.d.ts +11 -0
- package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/index.d.ts +3 -0
- package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/index.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/types.d.ts +20 -0
- package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/types.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/index.d.ts +2 -0
- package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/index.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/index.d.ts +3 -0
- package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/index.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/types.d.ts +18 -0
- package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/types.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/common/FileHeader/FileHeader.d.ts +15 -0
- package/dist/types/ui/GitDiffViewer/common/FileHeader/FileHeader.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/common/FileHeader/index.d.ts +3 -0
- package/dist/types/ui/GitDiffViewer/common/FileHeader/index.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/common/FileHeader/types.d.ts +17 -0
- package/dist/types/ui/GitDiffViewer/common/FileHeader/types.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/common/index.d.ts +3 -0
- package/dist/types/ui/GitDiffViewer/common/index.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/hooks/index.d.ts +2 -0
- package/dist/types/ui/GitDiffViewer/hooks/index.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/hooks/useGitDiffViewer.d.ts +3 -0
- package/dist/types/ui/GitDiffViewer/hooks/useGitDiffViewer.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/index.d.ts +6 -0
- package/dist/types/ui/GitDiffViewer/index.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/types.d.ts +77 -0
- package/dist/types/ui/GitDiffViewer/types.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/utils/index.d.ts +2 -0
- package/dist/types/ui/GitDiffViewer/utils/index.d.ts.map +1 -0
- package/dist/types/ui/GitDiffViewer/utils/parseGitDiff.d.ts +4 -0
- package/dist/types/ui/GitDiffViewer/utils/parseGitDiff.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/MarkdownEditor.d.ts +10 -0
- package/dist/types/ui/MarkdownEditor/MarkdownEditor.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/Toolbar.d.ts +8 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/Toolbar.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Button/Button.d.ts +9 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Button/Button.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Button/index.d.ts +3 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Button/index.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Button/types.d.ts +14 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Button/types.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Group/Group.d.ts +9 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Group/Group.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Group/index.d.ts +3 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Group/index.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Group/types.d.ts +14 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Group/types.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Separator/Separator.d.ts +9 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Separator/Separator.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Separator/index.d.ts +3 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Separator/index.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Separator/types.d.ts +10 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/Separator/types.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/index.d.ts +4 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/common/index.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/index.d.ts +4 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/index.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/types.d.ts +20 -0
- package/dist/types/ui/MarkdownEditor/common/Toolbar/types.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/ViewModeTabs/ViewModeTabs.d.ts +9 -0
- package/dist/types/ui/MarkdownEditor/common/ViewModeTabs/ViewModeTabs.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/ViewModeTabs/index.d.ts +3 -0
- package/dist/types/ui/MarkdownEditor/common/ViewModeTabs/index.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/ViewModeTabs/types.d.ts +14 -0
- package/dist/types/ui/MarkdownEditor/common/ViewModeTabs/types.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/icons.d.ts +9 -0
- package/dist/types/ui/MarkdownEditor/common/icons.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/common/index.d.ts +4 -0
- package/dist/types/ui/MarkdownEditor/common/index.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/hooks/index.d.ts +2 -0
- package/dist/types/ui/MarkdownEditor/hooks/index.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/hooks/useEditor.d.ts +40 -0
- package/dist/types/ui/MarkdownEditor/hooks/useEditor.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/index.d.ts +3 -0
- package/dist/types/ui/MarkdownEditor/index.d.ts.map +1 -0
- package/dist/types/ui/MarkdownEditor/types.d.ts +44 -0
- package/dist/types/ui/MarkdownEditor/types.d.ts.map +1 -0
- package/dist/types/ui/RelativeTime/RelativeTime.d.ts +11 -0
- package/dist/types/ui/RelativeTime/RelativeTime.d.ts.map +1 -0
- package/dist/types/ui/RelativeTime/index.d.ts +3 -0
- package/dist/types/ui/RelativeTime/index.d.ts.map +1 -0
- package/dist/types/ui/RelativeTime/types.d.ts +36 -0
- package/dist/types/ui/RelativeTime/types.d.ts.map +1 -0
- package/dist/types/ui/RelativeTime/utils/constants.d.ts +6 -0
- package/dist/types/ui/RelativeTime/utils/constants.d.ts.map +1 -0
- package/dist/types/ui/RelativeTime/utils/formatHumanTime.d.ts +21 -0
- package/dist/types/ui/RelativeTime/utils/formatHumanTime.d.ts.map +1 -0
- package/dist/types/ui/RelativeTime/utils/getOptimalUpdateInterval.d.ts +8 -0
- package/dist/types/ui/RelativeTime/utils/getOptimalUpdateInterval.d.ts.map +1 -0
- package/dist/types/ui/RelativeTime/utils/index.d.ts +4 -0
- package/dist/types/ui/RelativeTime/utils/index.d.ts.map +1 -0
- package/dist/types/ui/RelativeTime/utils/parseInstant.d.ts +9 -0
- package/dist/types/ui/RelativeTime/utils/parseInstant.d.ts.map +1 -0
- package/dist/types/ui/index.d.ts +5 -1
- package/dist/types/ui/index.d.ts.map +1 -1
- package/package.json +20 -19
- package/dist/esm/ui/Button/Button.js +0 -10
- package/dist/esm/ui/Button/Button.js.map +0 -1
- package/dist/esm/ui/Button/index.js +0 -2
- package/dist/esm/ui/Button/index.js.map +0 -1
- package/dist/esm/ui/Button/styles.css +0 -63
- package/dist/esm/ui/Chip/Chip.css +0 -79
- package/dist/esm/ui/Chip/Chip.js +0 -15
- package/dist/esm/ui/Chip/Chip.js.map +0 -1
- package/dist/esm/ui/Chip/index.js +0 -4
- package/dist/esm/ui/Chip/index.js.map +0 -1
- package/dist/types/ui/Button/Button.d.ts +0 -6
- package/dist/types/ui/Button/Button.d.ts.map +0 -1
- package/dist/types/ui/Button/index.d.ts +0 -3
- package/dist/types/ui/Button/index.d.ts.map +0 -1
- package/dist/types/ui/Button/types.d.ts +0 -15
- package/dist/types/ui/Button/types.d.ts.map +0 -1
- package/dist/types/ui/Chip/Chip.d.ts +0 -10
- package/dist/types/ui/Chip/Chip.d.ts.map +0 -1
- package/dist/types/ui/Chip/index.d.ts +0 -3
- package/dist/types/ui/Chip/index.d.ts.map +0 -1
- package/dist/types/ui/Chip/types.d.ts +0 -27
- package/dist/types/ui/Chip/types.d.ts.map +0 -1
- /package/dist/esm/ui/{Button → EditableBlock}/types.js +0 -0
- /package/dist/esm/ui/{Chip → FileTree/common/File}/types.js +0 -0
@@ -0,0 +1,73 @@
|
|
1
|
+
function parseGitDiff(diffText) {
|
2
|
+
const lines = diffText.split("\n");
|
3
|
+
const files = [];
|
4
|
+
let currentFile = null;
|
5
|
+
let currentHunk = null;
|
6
|
+
// Regular expressions to match file and hunk headers
|
7
|
+
const fileRegex = /^diff --git a\/(.+) b\/(.+)$/;
|
8
|
+
const hunkRegex = /^@@ -(\d+),?(\d*) \+(\d+),?(\d*) @@/;
|
9
|
+
const oldFileRegex = /^--- (.+)$/;
|
10
|
+
const newFileRegex = /^\+\+\+ (.+)$/;
|
11
|
+
for (const line of lines) {
|
12
|
+
const fileMatch = line.match(fileRegex);
|
13
|
+
if (fileMatch) {
|
14
|
+
// New file diff start
|
15
|
+
if (currentFile)
|
16
|
+
files.push(currentFile);
|
17
|
+
currentFile = {
|
18
|
+
oldPath: fileMatch[1],
|
19
|
+
newPath: fileMatch[2],
|
20
|
+
fileChangeState: "none",
|
21
|
+
hunks: [],
|
22
|
+
};
|
23
|
+
currentHunk = null;
|
24
|
+
continue;
|
25
|
+
}
|
26
|
+
if (!currentFile)
|
27
|
+
continue; // Skip lines until first file header
|
28
|
+
const oldFileMatch = line.match(oldFileRegex);
|
29
|
+
const newFileMatch = line.match(newFileRegex);
|
30
|
+
if (oldFileMatch || newFileMatch) {
|
31
|
+
// Determine file change state based on the old/new file indicators
|
32
|
+
if (oldFileMatch?.[0].includes("/dev/null")) {
|
33
|
+
currentFile.fileChangeState = "added"; // File is new
|
34
|
+
}
|
35
|
+
else if (newFileMatch?.[0].includes("/dev/null")) {
|
36
|
+
currentFile.fileChangeState = "deleted"; // File is deleted
|
37
|
+
}
|
38
|
+
else if (currentFile.fileChangeState === "none") {
|
39
|
+
currentFile.fileChangeState = "modified"; // Assume file is modified
|
40
|
+
}
|
41
|
+
continue;
|
42
|
+
}
|
43
|
+
const hunkMatch = line.match(hunkRegex);
|
44
|
+
if (hunkMatch && currentFile) {
|
45
|
+
// New hunk start
|
46
|
+
currentHunk = {
|
47
|
+
header: line,
|
48
|
+
oldStart: Number.parseInt(hunkMatch[1], 10),
|
49
|
+
oldLines: hunkMatch[2] ? Number.parseInt(hunkMatch[2], 10) : 1,
|
50
|
+
newStart: Number.parseInt(hunkMatch[3], 10),
|
51
|
+
newLines: hunkMatch[4] ? Number.parseInt(hunkMatch[4], 10) : 1,
|
52
|
+
lines: [],
|
53
|
+
};
|
54
|
+
currentFile.hunks.push(currentHunk);
|
55
|
+
continue;
|
56
|
+
}
|
57
|
+
if (currentHunk && currentFile) {
|
58
|
+
// Determine line type and content
|
59
|
+
const type = line.startsWith("+")
|
60
|
+
? "add"
|
61
|
+
: line.startsWith("-")
|
62
|
+
? "remove"
|
63
|
+
: "context";
|
64
|
+
const content = line.slice(1); // Remove the leading +, - or space
|
65
|
+
currentHunk.lines.push({ type, content });
|
66
|
+
}
|
67
|
+
}
|
68
|
+
if (currentFile)
|
69
|
+
files.push(currentFile);
|
70
|
+
return files;
|
71
|
+
}
|
72
|
+
export default parseGitDiff;
|
73
|
+
//# sourceMappingURL=parseGitDiff.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"parseGitDiff.js","sourceRoot":"","sources":["../../../../../src/ui/GitDiffViewer/utils/parseGitDiff.ts"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,74 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
/* @canonical/generator-ds 0.9.0-experimental.4 */
|
3
|
+
import hljs from "highlight.js";
|
4
|
+
import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from "react";
|
5
|
+
import ReactMarkdown from "react-markdown";
|
6
|
+
import rehypeSanitize from "rehype-sanitize";
|
7
|
+
import remarkGfm from "remark-gfm";
|
8
|
+
import "../GitDiffViewer/common/CodeDiffViewer/HighlighTheme.css";
|
9
|
+
import { Toolbar, ViewModeTabs, icons, } from "./common/index.js";
|
10
|
+
import { useEditor } from "./hooks/index.js";
|
11
|
+
import "./styles.css";
|
12
|
+
("react-markdown");
|
13
|
+
const componentCssClassName = "ds markdown-editor";
|
14
|
+
const borderCssClassName = "bordered";
|
15
|
+
/**
|
16
|
+
* A dual-mode Markdown editor for writing and previewing Markdown content.
|
17
|
+
*/
|
18
|
+
const MarkdownEditor = ({ ref, 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 }) => {
|
19
|
+
const textareaRef = useRef(null);
|
20
|
+
const previewRef = useRef(null);
|
21
|
+
const [internalEditMode, setInternalEditMode] = useState("write");
|
22
|
+
const [shouldFocusTextarea, setShouldFocusTextarea] = useState(false);
|
23
|
+
const { toolbar } = useEditor(textareaRef);
|
24
|
+
const editMode = useMemo(() => {
|
25
|
+
return controlledEditMode ?? internalEditMode;
|
26
|
+
}, [controlledEditMode, internalEditMode]);
|
27
|
+
const handleEditModeChange = useCallback((newEditMode, eventType) => {
|
28
|
+
if (controlledOnEditModeChange) {
|
29
|
+
controlledOnEditModeChange(newEditMode);
|
30
|
+
}
|
31
|
+
else {
|
32
|
+
setInternalEditMode(newEditMode);
|
33
|
+
}
|
34
|
+
// Set flag to focus textarea when switching to write mode after click
|
35
|
+
if (eventType === "click" && newEditMode === "write") {
|
36
|
+
setShouldFocusTextarea(true);
|
37
|
+
}
|
38
|
+
}, [controlledOnEditModeChange]);
|
39
|
+
useImperativeHandle(ref, () => textareaRef.current);
|
40
|
+
// Focus textarea when edit mode changes to "write"
|
41
|
+
useEffect(() => {
|
42
|
+
if (editMode === "write" && shouldFocusTextarea) {
|
43
|
+
// Use a small timeout to ensure DOM has updated
|
44
|
+
const focusTimeout = setTimeout(() => {
|
45
|
+
if (textareaRef.current) {
|
46
|
+
textareaRef.current.focus();
|
47
|
+
}
|
48
|
+
setShouldFocusTextarea(false);
|
49
|
+
}, 10);
|
50
|
+
return () => clearTimeout(focusTimeout);
|
51
|
+
}
|
52
|
+
}, [editMode, shouldFocusTextarea]);
|
53
|
+
useEffect(() => {
|
54
|
+
if (previewRef.current && editMode === "preview") {
|
55
|
+
for (const codeBlock of Array.from(previewRef.current.querySelectorAll("pre code"))) {
|
56
|
+
if (!codeBlock.dataset.highlighted) {
|
57
|
+
hljs.highlightElement(codeBlock);
|
58
|
+
}
|
59
|
+
}
|
60
|
+
}
|
61
|
+
}, [editMode]);
|
62
|
+
return (_jsxs("div", { id: id, style: style, className: [
|
63
|
+
componentCssClassName,
|
64
|
+
className,
|
65
|
+
!borderless && borderCssClassName,
|
66
|
+
]
|
67
|
+
.filter(Boolean)
|
68
|
+
.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 })] })] }))] }), _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: {
|
69
|
+
h1: ({ children }) => _jsx("h3", { children: children }),
|
70
|
+
h2: ({ children }) => _jsx("h3", { children: children }),
|
71
|
+
}, children: textareaRef.current?.value || defaultValue || emptyInputMessage }) }))] }));
|
72
|
+
};
|
73
|
+
export default MarkdownEditor;
|
74
|
+
//# sourceMappingURL=MarkdownEditor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"MarkdownEditor.js","sourceRoot":"","sources":["../../../../src/ui/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,52 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { useEffect, useRef } from "react";
|
3
|
+
import { ToolbarButton, ToolbarGroup, ToolbarSeparator, } from "./common/index.js";
|
4
|
+
import "./styles.css";
|
5
|
+
const componentCssClassName = "ds toolbar";
|
6
|
+
/**
|
7
|
+
* A horizontal container that groups related controls in a toolbar.
|
8
|
+
*/
|
9
|
+
const Toolbar = (({ id, children, className, style, label }) => {
|
10
|
+
const toolbarRef = useRef(null);
|
11
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: We want to reapply tabindex when children change
|
12
|
+
useEffect(() => {
|
13
|
+
if (!toolbarRef.current)
|
14
|
+
return;
|
15
|
+
const buttons = Array.from(toolbarRef.current.querySelectorAll("button"));
|
16
|
+
for (const button of buttons) {
|
17
|
+
button.setAttribute("tabindex", "-1");
|
18
|
+
}
|
19
|
+
const firstNode = buttons[0];
|
20
|
+
if (firstNode)
|
21
|
+
firstNode.setAttribute("tabindex", "0");
|
22
|
+
}, [children]);
|
23
|
+
const handleKeyDown = (event) => {
|
24
|
+
if (!toolbarRef.current)
|
25
|
+
return;
|
26
|
+
const target = event.target;
|
27
|
+
if (target.tagName !== "BUTTON")
|
28
|
+
return;
|
29
|
+
if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
|
30
|
+
event.preventDefault();
|
31
|
+
const buttons = Array.from(toolbarRef.current.querySelectorAll("button") ?? []);
|
32
|
+
const direction = event.key === "ArrowLeft" ? -1 : 1;
|
33
|
+
const currentIndex = buttons.indexOf(target);
|
34
|
+
let nextIndex = currentIndex + direction;
|
35
|
+
if (nextIndex < 0)
|
36
|
+
nextIndex = buttons.length - 1;
|
37
|
+
if (nextIndex >= buttons.length)
|
38
|
+
nextIndex = 0;
|
39
|
+
const currentButton = buttons[currentIndex];
|
40
|
+
const nextButton = buttons[nextIndex];
|
41
|
+
currentButton.setAttribute("tabindex", "-1");
|
42
|
+
nextButton.setAttribute("tabindex", "0");
|
43
|
+
nextButton.focus();
|
44
|
+
}
|
45
|
+
};
|
46
|
+
return (_jsx("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), "aria-label": label, role: "toolbar", "aria-orientation": "horizontal", ref: toolbarRef, onKeyDown: handleKeyDown, children: children }));
|
47
|
+
});
|
48
|
+
Toolbar.Group = ToolbarGroup;
|
49
|
+
Toolbar.Button = ToolbarButton;
|
50
|
+
Toolbar.Separator = ToolbarSeparator;
|
51
|
+
export default Toolbar;
|
52
|
+
//# sourceMappingURL=Toolbar.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../../../src/ui/MarkdownEditor/common/Toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { useId } from "react";
|
3
|
+
import { Tooltip } from "react-tooltip";
|
4
|
+
import "./styles.css";
|
5
|
+
const componentCssClassName = "ds toolbar-button";
|
6
|
+
/**
|
7
|
+
* An accessible button with tooltip support designed for use in toolbars.
|
8
|
+
*/
|
9
|
+
const ToolbarButton = ({ children, className, style, label, shortcut, ...buttonProps }) => {
|
10
|
+
const id = useId();
|
11
|
+
const tooltipMessage = shortcut ? `${label} (${shortcut})` : label;
|
12
|
+
const tooltipId = `${id}-tooltip`;
|
13
|
+
return (_jsxs(_Fragment, { children: [_jsx("button", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), "aria-label": label, type: "button", "data-tooltip-id": tooltipId, "data-tooltip-content": tooltipMessage, "data-tooltip-place": "bottom", ...buttonProps, children: children }), _jsx(Tooltip, { id: tooltipId, style: {
|
14
|
+
padding: "5px 10px",
|
15
|
+
fontSize: "0.75em",
|
16
|
+
} })] }));
|
17
|
+
};
|
18
|
+
export default ToolbarButton;
|
19
|
+
//# sourceMappingURL=Button.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Button/Button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,mBAAmB,CAAC;AAElD;;GAEG;AACH,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,WAAW,EACK,EAAsB,EAAE;IAC3C,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAEnB,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,QAAQ,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IACnE,MAAM,SAAS,GAAG,GAAG,EAAE,UAAU,CAAC;IAElC,OAAO,CACL,8BACE,iBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,gBAC3D,KAAK,EACjB,IAAI,EAAC,QAAQ,qBACI,SAAS,0BACJ,cAAc,wBACjB,QAAQ,KACvB,WAAW,YAEd,QAAQ,GACF,EACT,KAAC,OAAO,IACN,EAAE,EAAE,SAAS,EACb,KAAK,EAAE;oBACL,OAAO,EAAE,UAAU;oBACnB,QAAQ,EAAE,QAAQ;iBACnB,GACD,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Button/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AACvD,cAAc,YAAY,CAAC"}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
/* @canonical/generator-ds 0.9.0-experimental.4 */
|
2
|
+
|
3
|
+
.ds.toolbar-button {
|
4
|
+
height: var(--markdown-editor-toolbar-button-size);
|
5
|
+
width: var(--markdown-editor-toolbar-button-size);
|
6
|
+
border: none;
|
7
|
+
background: none;
|
8
|
+
cursor: pointer;
|
9
|
+
display: inline-flex;
|
10
|
+
align-items: center;
|
11
|
+
justify-content: center;
|
12
|
+
|
13
|
+
&:hover,
|
14
|
+
&:focus {
|
15
|
+
background-color: var(--markdown-editor-toolbar-hover-background-color);
|
16
|
+
}
|
17
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Button/types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import "./styles.css";
|
3
|
+
const componentCssClassName = "ds toolbar-group";
|
4
|
+
/**
|
5
|
+
* A container for grouping related controls within a toolbar.
|
6
|
+
*/
|
7
|
+
const ToolbarGroup = ({ id, children, className, style, label, }) => {
|
8
|
+
return (_jsx("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), "aria-label": label,
|
9
|
+
// biome-ignore lint/a11y/useSemanticElements: This element is a group of controls
|
10
|
+
role: "group", children: children }));
|
11
|
+
};
|
12
|
+
export default ToolbarGroup;
|
13
|
+
//# sourceMappingURL=Group.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Group/Group.tsx"],"names":[],"mappings":";AAGA,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEjD;;GAEG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,GACa,EAAsB,EAAE;IAC1C,OAAO,CACL,cACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,gBAC3D,KAAK;QACjB,kFAAkF;QAClF,IAAI,EAAC,OAAO,YAEX,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Group/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACrD,cAAc,YAAY,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Group/types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import "./styles.css";
|
3
|
+
const componentCssClassName = "ds toolbar-separator";
|
4
|
+
/**
|
5
|
+
* A visual separator between groups of controls in a toolbar.
|
6
|
+
*/
|
7
|
+
const ToolbarSeparator = ({ id, className, style, }) => {
|
8
|
+
return (
|
9
|
+
// biome-ignore lint/a11y/useFocusableInteractive: This element is not interactive
|
10
|
+
_jsx("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), role: "separator", "aria-orientation": "horizontal" }));
|
11
|
+
};
|
12
|
+
export default ToolbarSeparator;
|
13
|
+
//# sourceMappingURL=Separator.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Separator/Separator.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,sBAAsB,CAAC;AAErD;;GAEG;AACH,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,KAAK,GACiB,EAAsB,EAAE;IAC9C,OAAO;IACL,kFAAkF;IAClF,cACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACvE,IAAI,EAAC,WAAW,sBACC,YAAY,GAC7B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Separator/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC7D,cAAc,YAAY,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Separator/types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
/* @canonical/generator-ds 0.9.0-experimental.4 */
|
2
|
+
import Toolbar from "./Toolbar.js";
|
3
|
+
import { ToolbarButton, ToolbarGroup, ToolbarSeparator, } from "./common/index.js";
|
4
|
+
Toolbar.Group = ToolbarGroup;
|
5
|
+
Toolbar.Button = ToolbarButton;
|
6
|
+
Toolbar.Separator = ToolbarSeparator;
|
7
|
+
export * from "./types.js";
|
8
|
+
export { Toolbar };
|
9
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/MarkdownEditor/common/Toolbar/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EACL,aAAa,EACb,YAAY,EACZ,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC;AAC7B,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC;AAC/B,OAAO,CAAC,SAAS,GAAG,gBAAgB,CAAC;AAErC,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
/* @canonical/generator-ds 0.9.0-experimental.4 */
|
2
|
+
|
3
|
+
.ds.toolbar {
|
4
|
+
display: none;
|
5
|
+
|
6
|
+
gap: var(--markdown-editor-toolbar-buttons-gap);
|
7
|
+
padding: var(--markdown-editor-toolbar-vert-padding)
|
8
|
+
var(--markdown-editor-toolbar-horizontal-padding);
|
9
|
+
}
|
10
|
+
|
11
|
+
@container (min-width: 410px) {
|
12
|
+
.ds.toolbar {
|
13
|
+
display: flex;
|
14
|
+
flex-wrap: wrap;
|
15
|
+
}
|
16
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/MarkdownEditor/common/Toolbar/types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { useId, useRef } from "react";
|
3
|
+
import "./styles.css";
|
4
|
+
const componentCssClassName = "ds view-mode-tabs";
|
5
|
+
const selectedTabCssClassName = "selected";
|
6
|
+
const tabs = ["write", "preview"];
|
7
|
+
/**
|
8
|
+
* A toggle interface for switching between write and preview modes.
|
9
|
+
*/
|
10
|
+
const ViewModeTabs = ({ className, style, editMode, onEditModeChange, ariaLabelMessage = "View Mode Tabs", }) => {
|
11
|
+
const id = useId();
|
12
|
+
const tabRefs = useRef([]);
|
13
|
+
const handleKeyDown = (event) => {
|
14
|
+
if (event.key === "Enter" || event.key === " ") {
|
15
|
+
onEditModeChange(event.currentTarget.dataset.tab, "keydown");
|
16
|
+
}
|
17
|
+
if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
|
18
|
+
const currentIndex = tabs.indexOf(editMode);
|
19
|
+
const nextIndex = currentIndex === 0 ? 1 : 0;
|
20
|
+
onEditModeChange(tabs[nextIndex], "keydown");
|
21
|
+
tabRefs.current[nextIndex]?.focus();
|
22
|
+
event.preventDefault();
|
23
|
+
}
|
24
|
+
};
|
25
|
+
return (_jsx("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), role: "tablist", "aria-label": ariaLabelMessage, children: tabs.map((tab, index) => (_jsx("button", { type: "button", role: "tab", className: ["tab", editMode === tab && selectedTabCssClassName]
|
26
|
+
.filter(Boolean)
|
27
|
+
.join(" "), "aria-selected": editMode === tab, onClick: () => onEditModeChange(tab, "click"), onKeyDown: handleKeyDown, tabIndex: editMode === tab ? 0 : -1, "data-tab": tab, ref: (el) => {
|
28
|
+
if (el) {
|
29
|
+
tabRefs.current[index] = el;
|
30
|
+
}
|
31
|
+
}, children: tab.charAt(0).toUpperCase() + tab.slice(1) }, `tab-${id}-${tab}`))) }));
|
32
|
+
};
|
33
|
+
export default ViewModeTabs;
|
34
|
+
//# sourceMappingURL=ViewModeTabs.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ViewModeTabs.js","sourceRoot":"","sources":["../../../../../../src/ui/MarkdownEditor/common/ViewModeTabs/ViewModeTabs.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,mBAAmB,CAAC;AAClD,MAAM,uBAAuB,GAAG,UAAU,CAAC;AAC3C,MAAM,IAAI,GAAe,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAE9C;;GAEG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,GAAG,gBAAgB,GACjB,EAAsB,EAAE;IAC1C,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,OAAO,GAAG,MAAM,CAAsB,EAAE,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAG,CAAC,KAA6C,EAAE,EAAE;QACtE,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC/C,gBAAgB,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,GAAe,EAAE,SAAS,CAAC,CAAC;QAC3E,CAAC;QACD,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EAAE,CAAC;YAC5D,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YAC5C,MAAM,SAAS,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAE7C,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;YAC7C,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC;YACpC,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,cACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACvE,IAAI,EAAC,SAAS,gBACF,gBAAgB,YAE3B,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,GAAG,IAAI,uBAAuB,CAAC;iBAC5D,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC,mBACG,QAAQ,KAAK,GAAG,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,EAC7C,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cACzB,GAAG,EACb,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;gBACV,IAAI,EAAE,EAAE,CAAC;oBACP,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;gBAC9B,CAAC;YACH,CAAC,YAEA,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IAjBtC,OAAO,EAAE,IAAI,GAAG,EAAE,CAkBhB,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/MarkdownEditor/common/ViewModeTabs/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,cAAc,YAAY,CAAC"}
|
@@ -0,0 +1,42 @@
|
|
1
|
+
/* @canonical/generator-ds 0.9.0-experimental.4 */
|
2
|
+
|
3
|
+
.ds.view-mode-tabs {
|
4
|
+
display: flex;
|
5
|
+
|
6
|
+
& > .tab {
|
7
|
+
padding: var(--markdown-editor-tabs-vert-padding)
|
8
|
+
var(--markdown-editor-tabs-horizontal-padding);
|
9
|
+
border: 1px solid var(--markdown-editor-tabs-inactive-border-color);
|
10
|
+
border-width: 1px 1px 0 1px;
|
11
|
+
color: var(--markdown-editor-tabs-inactive-color);
|
12
|
+
background-color: var(--markdown-editor-tabs-inactive-background-color);
|
13
|
+
cursor: pointer;
|
14
|
+
|
15
|
+
&:hover,
|
16
|
+
&:focus {
|
17
|
+
color: var(--markdown-editor-tabs-hover-color);
|
18
|
+
background-color: var(--markdown-editor-tabs-hover-background-color);
|
19
|
+
}
|
20
|
+
&:focus {
|
21
|
+
outline-offset: -6px;
|
22
|
+
}
|
23
|
+
|
24
|
+
&.selected {
|
25
|
+
color: var(--markdown-editor-editor-color);
|
26
|
+
border-color: var(--markdown-editor-editor-border-color);
|
27
|
+
background-color: var(--markdown-editor-editor-background-color);
|
28
|
+
position: relative;
|
29
|
+
|
30
|
+
/* hide the top border of the tab panel for the selected tab */
|
31
|
+
&::after {
|
32
|
+
content: "";
|
33
|
+
position: absolute;
|
34
|
+
bottom: -1px;
|
35
|
+
left: 0;
|
36
|
+
right: 0;
|
37
|
+
height: 1px;
|
38
|
+
background-color: var(--markdown-editor-editor-background-color);
|
39
|
+
}
|
40
|
+
}
|
41
|
+
}
|
42
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/MarkdownEditor/common/ViewModeTabs/types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
export const ToolbarTitle = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 17", width: "16", height: "17", children: [_jsx("title", { children: "title" }), _jsx("path", { fill: "currentColor", d: "M3.299 14V3h1.939v4.3h5.524V3h1.94v11h-1.94V8.96H5.238V14h-1.94Z" })] }));
|
3
|
+
export const ToolbarBold = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 17", width: "16", height: "17", children: [_jsx("title", { children: "bold" }), _jsx("path", { fill: "currentColor", d: "M6.982 14.5c-.34 0-.708-.011-1.104-.034a21.394 21.394 0 0 1-1.17-.102 9.836 9.836 0 0 1-1.087-.187V2.822c.317-.079.662-.141 1.035-.186A19.847 19.847 0 0 1 6.88 2.5c.928 0 1.76.096 2.495.289.735.192 1.324.52 1.765.984.441.464.662 1.098.662 1.901 0 .554-.141 1.035-.424 1.443-.272.407-.657.724-1.155.95.713.226 1.25.572 1.613 1.036.362.463.543 1.075.543 1.833 0 1.176-.447 2.065-1.34 2.664-.895.6-2.247.9-4.057.9Zm.101-1.562a7.75 7.75 0 0 0 1.68-.17c.51-.112.912-.316 1.206-.61.305-.294.458-.707.458-1.24 0-.735-.255-1.238-.764-1.51s-1.216-.407-2.121-.407H5.47v3.836c.192.022.43.045.713.068.283.022.583.034.9.034ZM5.471 7.49h1.782c.555 0 1.03-.05 1.426-.153.396-.101.701-.277.916-.526.215-.26.323-.61.323-1.052 0-.623-.255-1.058-.764-1.307-.498-.26-1.188-.39-2.07-.39-.317 0-.617.005-.9.016-.272.012-.51.034-.713.068V7.49Z" })] }));
|
4
|
+
export const ToolbarItalic = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 17", width: "16", height: "17", children: [_jsx("title", { children: "italic" }), _jsx("path", { fill: "currentColor", d: "m5.912 13 2.173-9H6.65l.162-1.5h4.838L11.49 4H10.04l-2.173 9H9.35l-.161 1.5H4.35l.161-1.5h1.401Z" })] }));
|
5
|
+
export const ToolbarQuote = (_jsxs("svg", { viewBox: "0 0 16 17", width: "16", height: "17", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "quote" }), _jsx("path", { d: "M3.5 2.5H2V14.5H3.5V2.5Z", fill: "black" }), _jsx("path", { d: "M10 3.5H5V5H10V3.5Z", fill: "black" }), _jsx("path", { d: "M14 8H5V9.5H14V8Z", fill: "black" }), _jsx("path", { d: "M5 12.5H12V14H5V12.5Z", fill: "black" })] }));
|
6
|
+
export const ToolbarCode = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 17", width: "16", height: "17", fill: "none", children: [_jsx("title", { children: "code" }), _jsx("path", { fill: "currentColor", d: "m.99 8.5 4.773 4.773 1.06-1.06L3.111 8.5l3.712-3.712-1.06-1.061L.99 8.5ZM15.01 8.5l-4.772 4.773-1.061-1.06L12.889 8.5 9.177 4.788l1.06-1.061L15.012 8.5Z" })] }));
|
7
|
+
export const ToolbarLink = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 17", width: "16", height: "17", fill: "none", children: [_jsx("title", { children: "link" }), _jsx("path", { fill: "currentColor", d: "M8.781 5.272c.976.683 1.5 1.77 1.508 2.876l-.065.105c-.317.457-.88.637-1.308.4a.831.831 0 0 1-.162-.118A2.036 2.036 0 0 0 5.177 6.88l-.09.121-2.255 3.22a2.036 2.036 0 0 0 3.243 2.455l.092-.12.114-.163c.392.326.849.565 1.34.7l-.225.322A3.536 3.536 0 1 1 1.604 9.36L3.857 6.14a3.536 3.536 0 0 1 4.924-.868Zm4.747-3.042a3.536 3.536 0 0 1 .868 4.924l-2.253 3.218A3.536 3.536 0 0 1 5.71 8.365l.065-.105c.317-.458.88-.637 1.308-.4a.87.87 0 0 1 .162.117 2.036 2.036 0 0 0 3.577 1.656l.091-.12 2.254-3.219a2.036 2.036 0 0 0-3.243-2.457l-.092.122-.114.162a3.582 3.582 0 0 0-1.34-.7l.225-.323a3.536 3.536 0 0 1 4.925-.868Z" })] }));
|
8
|
+
export const ToolbarUnorderedList = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 17", width: "16", height: "17", fill: "none", children: [_jsx("title", { children: "unordered list" }), _jsx("path", { fill: "currentColor", d: "M3.5 12.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1A.5.5 0 0 1 2 14v-1a.5.5 0 0 1 .5-.5h1Zm9.5.25v1.5H6v-1.5h7ZM3.5 7.5A.5.5 0 0 1 4 8v1a.5.5 0 0 1-.5.5h-1A.5.5 0 0 1 2 9V8a.5.5 0 0 1 .5-.5h1Zm8.5.25v1.5H6v-1.5h6ZM3.5 2.5A.5.5 0 0 1 4 3v1a.5.5 0 0 1-.5.5h-1A.5.5 0 0 1 2 4V3a.5.5 0 0 1 .5-.5h1Zm10.5.25v1.5H6v-1.5h8Z" })] }));
|
9
|
+
export const ToolbarOrderedList = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 17", width: "16", height: "17", fill: "none", children: [_jsx("title", { children: "ordered list" }), _jsx("path", { fill: "currentColor", d: "M3.04 4.44v4.81h1.49V2.5H3.49a4.606 4.606 0 0 1-1.07.83c-.42.247-.827.45-1.22.61l.45 1.15c.16-.053.32-.113.48-.18.16-.067.317-.14.47-.22.16-.08.307-.163.44-.25ZM13.8 14v-1.5h-7V14h7ZM12.8 9.25v-1.5h-6v1.5h6ZM14.8 4.5V3h-8v1.5h8Z" })] }));
|
10
|
+
//# sourceMappingURL=icons.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../src/ui/MarkdownEditor/common/icons.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,eACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,aAEX,oCAAoB,EACpB,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,kEAAkE,GACpE,IACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,eACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,aAEX,mCAAmB,EACnB,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,szBAAszB,GACxzB,IACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,eACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,aAEX,qCAAqB,EACrB,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,kGAAkG,GACpG,IACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,eACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,oCAAoB,EACpB,eAAM,CAAC,EAAC,0BAA0B,EAAC,IAAI,EAAC,OAAO,GAAG,EAClD,eAAM,CAAC,EAAC,qBAAqB,EAAC,IAAI,EAAC,OAAO,GAAG,EAC7C,eAAM,CAAC,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3C,eAAM,CAAC,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAG,IAC3C,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,aAEX,mCAAmB,EACnB,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0JAA0J,GAC5J,IACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,aAEX,mCAAmB,EACnB,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,smBAAsmB,GACxmB,IACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,aAEX,6CAA6B,EAC7B,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yTAAyT,GAC3T,IACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,aAEX,2CAA2B,EAC3B,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,sOAAsO,GACxO,IACE,CACP,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/MarkdownEditor/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AAExC,OAAO,KAAK,KAAK,MAAM,YAAY,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/MarkdownEditor/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
|