@primer/react 36.7.2 → 36.8.0
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/browser.esm.js +2 -2
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +3 -3
- package/dist/browser.umd.js.map +1 -1
- package/lib/ActionList/Group.d.ts +1 -1
- package/lib/ActionList/Group.d.ts.map +1 -1
- package/lib/ActionList/Group.js +3 -3
- package/lib/ActionList/Heading.js +2 -2
- package/lib/ActionList/Item.js +2 -3
- package/lib/ActionList/LinkItem.js +0 -71
- package/lib/ActionList/List.d.ts +1 -26
- package/lib/ActionList/List.d.ts.map +1 -1
- package/lib/ActionList/List.js +2 -3
- package/lib/ActionList/Selection.d.ts +1 -1
- package/lib/ActionList/Selection.d.ts.map +1 -1
- package/lib/ActionList/Selection.js +2 -2
- package/lib/ActionList/index.d.ts +2 -2
- package/lib/ActionList/index.d.ts.map +1 -1
- package/lib/ActionList/shared.d.ts +22 -0
- package/lib/ActionList/shared.d.ts.map +1 -1
- package/lib/ActionList/shared.js +3 -0
- package/lib/ButtonGroup/ButtonGroup.d.ts.map +1 -1
- package/lib/ButtonGroup/ButtonGroup.js +1 -1
- package/lib/Dialog/Dialog.d.ts +5 -0
- package/lib/Dialog/Dialog.d.ts.map +1 -1
- package/lib/Dialog/Dialog.js +24 -9
- package/lib/LabelGroup/LabelGroup.d.ts.map +1 -1
- package/lib/LabelGroup/LabelGroup.js +2 -65
- package/lib/drafts/MarkdownEditor/Toolbar.d.ts +2 -2
- package/lib/drafts/MarkdownEditor/Toolbar.d.ts.map +1 -1
- package/lib/drafts/MarkdownEditor/Toolbar.js +13 -42
- package/lib/drafts/MarkdownEditor/_SavedReplies.js +2 -2
- package/lib/drafts/MarkdownEditor/_ToolbarButton.d.ts +4 -0
- package/lib/drafts/MarkdownEditor/_ToolbarButton.d.ts.map +1 -0
- package/lib/drafts/MarkdownEditor/_ToolbarButton.js +42 -0
- package/lib/drafts/MarkdownEditor/index.js +2 -1
- package/lib-esm/ActionList/Group.d.ts +1 -1
- package/lib-esm/ActionList/Group.js +1 -1
- package/lib-esm/ActionList/Heading.js +1 -1
- package/lib-esm/ActionList/Item.js +1 -2
- package/lib-esm/ActionList/LinkItem.js +0 -71
- package/lib-esm/ActionList/List.d.ts +1 -26
- package/lib-esm/ActionList/List.js +2 -2
- package/lib-esm/ActionList/Selection.d.ts +1 -1
- package/lib-esm/ActionList/Selection.js +1 -1
- package/lib-esm/ActionList/index.d.ts +2 -2
- package/lib-esm/ActionList/shared.d.ts +22 -0
- package/lib-esm/ActionList/shared.js +3 -1
- package/lib-esm/ButtonGroup/ButtonGroup.js +1 -1
- package/lib-esm/Dialog/Dialog.d.ts +5 -0
- package/lib-esm/Dialog/Dialog.js +24 -9
- package/lib-esm/LabelGroup/LabelGroup.js +2 -65
- package/lib-esm/drafts/MarkdownEditor/Toolbar.d.ts +2 -2
- package/lib-esm/drafts/MarkdownEditor/Toolbar.js +2 -31
- package/lib-esm/drafts/MarkdownEditor/_SavedReplies.js +1 -1
- package/lib-esm/drafts/MarkdownEditor/_ToolbarButton.d.ts +4 -0
- package/lib-esm/drafts/MarkdownEditor/_ToolbarButton.js +36 -0
- package/lib-esm/drafts/MarkdownEditor/index.js +2 -1
- package/package.json +1 -1
|
@@ -4,78 +4,15 @@ import { XIcon } from '@primer/octicons-react';
|
|
|
4
4
|
import { getFocusableChild } from '@primer/behaviors/utils';
|
|
5
5
|
import { get } from '../constants.js';
|
|
6
6
|
import VisuallyHidden from '../_VisuallyHidden.js';
|
|
7
|
-
import '../
|
|
8
|
-
import '../BaseStyles.js';
|
|
9
|
-
import { useTheme } from '../ThemeProvider.js';
|
|
7
|
+
import { AnchoredOverlay } from '../AnchoredOverlay/AnchoredOverlay.js';
|
|
10
8
|
import Box from '../Box/Box.js';
|
|
11
9
|
import { IconButton } from '../Button/IconButton.js';
|
|
12
10
|
import sx from '../sx.js';
|
|
11
|
+
import { useTheme } from '../ThemeProvider.js';
|
|
13
12
|
import '../Button/types.js';
|
|
14
13
|
import '../utils/defaultSxProp.js';
|
|
15
14
|
import '../CounterLabel/CounterLabel.js';
|
|
16
15
|
import { ButtonComponent } from '../Button/Button.js';
|
|
17
|
-
import '../PageLayout/PageLayout.js';
|
|
18
|
-
import '../SplitPageLayout/SplitPageLayout.js';
|
|
19
|
-
import '../ConfirmationDialog/ConfirmationDialog.js';
|
|
20
|
-
import '@primer/behaviors';
|
|
21
|
-
import '../hooks/useMedia.js';
|
|
22
|
-
import '../Radio/Radio.js';
|
|
23
|
-
import '../ActionList/index.js';
|
|
24
|
-
import '../ActionMenu/ActionMenu.js';
|
|
25
|
-
import { AnchoredOverlay } from '../AnchoredOverlay/AnchoredOverlay.js';
|
|
26
|
-
import '../Autocomplete/Autocomplete.js';
|
|
27
|
-
import '../Avatar/Avatar.js';
|
|
28
|
-
import '../AvatarPair/AvatarPair.js';
|
|
29
|
-
import '../AvatarStack/AvatarStack.js';
|
|
30
|
-
import '../BranchName/BranchName.js';
|
|
31
|
-
import '../Breadcrumbs/Breadcrumbs.js';
|
|
32
|
-
import '../ButtonGroup/ButtonGroup.js';
|
|
33
|
-
import '../Caret.js';
|
|
34
|
-
import '../CircleOcticon/CircleOcticon.js';
|
|
35
|
-
import '../CheckboxGroup/CheckboxGroup.js';
|
|
36
|
-
import '../CircleBadge/CircleBadge.js';
|
|
37
|
-
import '../Details/Details.js';
|
|
38
|
-
import '../Dialog.js';
|
|
39
|
-
import '../Flash/Flash.js';
|
|
40
|
-
import '../FormControl/_FormControlContext.js';
|
|
41
|
-
import '../FormControl/FormControl.js';
|
|
42
|
-
import '../Header/Header.js';
|
|
43
|
-
import '../Heading/Heading.js';
|
|
44
|
-
import '../Label/Label.js';
|
|
45
|
-
import '../Link/Link.js';
|
|
46
|
-
import '../NavList/NavList.js';
|
|
47
|
-
import '../Octicon/Octicon.js';
|
|
48
|
-
import '../Overlay/Overlay.js';
|
|
49
|
-
import '../Pagehead/Pagehead.js';
|
|
50
|
-
import '../Pagination/Pagination.js';
|
|
51
|
-
import '../PointerBox/PointerBox.js';
|
|
52
|
-
import '../Popover/Popover.js';
|
|
53
|
-
import 'react-dom';
|
|
54
|
-
import '../ProgressBar/index.js';
|
|
55
|
-
import '../RadioGroup/RadioGroup.js';
|
|
56
|
-
import '../RelativeTime/RelativeTime.js';
|
|
57
|
-
import '../SegmentedControl/SegmentedControl.js';
|
|
58
|
-
import '../Select.js';
|
|
59
|
-
import '../SelectPanel/SelectPanel.js';
|
|
60
|
-
import '../SideNav.js';
|
|
61
|
-
import '../Spinner/Spinner.js';
|
|
62
|
-
import '../StateLabel/StateLabel.js';
|
|
63
|
-
import '../SubNav/SubNav.js';
|
|
64
|
-
import '../ToggleSwitch/ToggleSwitch.js';
|
|
65
|
-
import '../TabNav/TabNav.js';
|
|
66
|
-
import '../TextInput/TextInput.js';
|
|
67
|
-
import '../TextInputWithTokens/TextInputWithTokens.js';
|
|
68
|
-
import '../Text/Text.js';
|
|
69
|
-
import '../Timeline/Timeline.js';
|
|
70
|
-
import '../Token/Token.js';
|
|
71
|
-
import '../Token/IssueLabelToken.js';
|
|
72
|
-
import '../Token/AvatarToken.js';
|
|
73
|
-
import '../Tooltip/Tooltip.js';
|
|
74
|
-
import '../Truncate/Truncate.js';
|
|
75
|
-
import '../Checkbox/Checkbox.js';
|
|
76
|
-
import '../Textarea/Textarea.js';
|
|
77
|
-
import '../TreeView/TreeView.js';
|
|
78
|
-
import '../UnderlineNav/index.js';
|
|
79
16
|
|
|
80
17
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
81
18
|
const StyledLabelGroupContainer = styled.div.withConfig({
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export declare const ToolbarButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
2
|
+
import { ToolbarButton } from './_ToolbarButton';
|
|
4
3
|
export declare const DefaultToolbarButtons: React.MemoExoticComponent<() => React.JSX.Element>;
|
|
5
4
|
export declare const CoreToolbar: ({ children }: {
|
|
6
5
|
children?: React.ReactNode;
|
|
@@ -11,4 +10,5 @@ export declare const Toolbar: {
|
|
|
11
10
|
}): React.JSX.Element;
|
|
12
11
|
displayName: string;
|
|
13
12
|
};
|
|
13
|
+
export { ToolbarButton };
|
|
14
14
|
//# sourceMappingURL=Toolbar.d.ts.map
|
|
@@ -1,42 +1,13 @@
|
|
|
1
1
|
import { FocusKeys } from '@primer/behaviors';
|
|
2
2
|
import { HeadingIcon, BoldIcon, ItalicIcon, QuoteIcon, CodeIcon, LinkIcon, ListUnorderedIcon, ListOrderedIcon, TasklistIcon, MentionIcon, CrossReferenceIcon } from '@primer/octicons-react';
|
|
3
|
-
import React, {
|
|
3
|
+
import React, { memo, useContext, useRef } from 'react';
|
|
4
4
|
import { isMacOS } from '@primer/behaviors/utils';
|
|
5
5
|
import Box from '../../Box/Box.js';
|
|
6
|
-
import { IconButton } from '../../Button/IconButton.js';
|
|
7
|
-
import '@styled-system/css';
|
|
8
|
-
import 'deepmerge';
|
|
9
|
-
import '../../ThemeProvider.js';
|
|
10
|
-
import '../../Button/types.js';
|
|
11
|
-
import '../../utils/defaultSxProp.js';
|
|
12
|
-
import '../../CounterLabel/CounterLabel.js';
|
|
13
|
-
import '../../Button/Button.js';
|
|
14
6
|
import { useFocusZone } from '../../hooks/useFocusZone.js';
|
|
15
7
|
import { MarkdownEditorContext } from './_MarkdownEditorContext.js';
|
|
16
8
|
import { SavedRepliesButton } from './_SavedReplies.js';
|
|
9
|
+
import { ToolbarButton } from './_ToolbarButton.js';
|
|
17
10
|
|
|
18
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
19
|
-
const ToolbarButton = /*#__PURE__*/forwardRef((props, ref) => {
|
|
20
|
-
const {
|
|
21
|
-
disabled,
|
|
22
|
-
condensed
|
|
23
|
-
} = useContext(MarkdownEditorContext);
|
|
24
|
-
return /*#__PURE__*/React.createElement(IconButton, _extends({
|
|
25
|
-
ref: ref,
|
|
26
|
-
size: condensed ? 'small' : 'medium',
|
|
27
|
-
variant: "invisible",
|
|
28
|
-
disabled: disabled
|
|
29
|
-
// Prevent focus leaving input:
|
|
30
|
-
,
|
|
31
|
-
onMouseDown: e => e.preventDefault()
|
|
32
|
-
}, props, {
|
|
33
|
-
sx: {
|
|
34
|
-
color: 'fg.muted',
|
|
35
|
-
...props.sx
|
|
36
|
-
}
|
|
37
|
-
}));
|
|
38
|
-
});
|
|
39
|
-
ToolbarButton.displayName = 'MarkdownEditor.ToolbarButton';
|
|
40
11
|
const Divider = () => {
|
|
41
12
|
return /*#__PURE__*/React.createElement(Box, {
|
|
42
13
|
sx: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReplyIcon } from '@primer/octicons-react';
|
|
2
2
|
import React, { createContext, useContext, useImperativeHandle, useState, useEffect } from 'react';
|
|
3
3
|
import { SelectPanel } from '../../SelectPanel/SelectPanel.js';
|
|
4
|
-
import { ToolbarButton } from './
|
|
4
|
+
import { ToolbarButton } from './_ToolbarButton.js';
|
|
5
5
|
|
|
6
6
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
7
7
|
// SavedRepliesContext is separate from MarkdownEditorContext because the saved replies array is practically guarunteed to change
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React, { forwardRef, useContext } from 'react';
|
|
2
|
+
import { IconButton } from '../../Button/IconButton.js';
|
|
3
|
+
import '../../Box/Box.js';
|
|
4
|
+
import '@styled-system/css';
|
|
5
|
+
import 'deepmerge';
|
|
6
|
+
import '../../ThemeProvider.js';
|
|
7
|
+
import '../../Button/types.js';
|
|
8
|
+
import '../../utils/defaultSxProp.js';
|
|
9
|
+
import '../../CounterLabel/CounterLabel.js';
|
|
10
|
+
import '../../Button/Button.js';
|
|
11
|
+
import { MarkdownEditorContext } from './_MarkdownEditorContext.js';
|
|
12
|
+
|
|
13
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
+
const ToolbarButton = /*#__PURE__*/forwardRef((props, ref) => {
|
|
15
|
+
const {
|
|
16
|
+
disabled,
|
|
17
|
+
condensed
|
|
18
|
+
} = useContext(MarkdownEditorContext);
|
|
19
|
+
return /*#__PURE__*/React.createElement(IconButton, _extends({
|
|
20
|
+
ref: ref,
|
|
21
|
+
size: condensed ? 'small' : 'medium',
|
|
22
|
+
variant: "invisible",
|
|
23
|
+
disabled: disabled
|
|
24
|
+
// Prevent focus leaving input:
|
|
25
|
+
,
|
|
26
|
+
onMouseDown: e => e.preventDefault()
|
|
27
|
+
}, props, {
|
|
28
|
+
sx: {
|
|
29
|
+
color: 'fg.muted',
|
|
30
|
+
...props.sx
|
|
31
|
+
}
|
|
32
|
+
}));
|
|
33
|
+
});
|
|
34
|
+
ToolbarButton.displayName = 'MarkdownEditor.ToolbarButton';
|
|
35
|
+
|
|
36
|
+
export { ToolbarButton };
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import MarkdownEditor$1 from './MarkdownEditor.js';
|
|
2
|
-
import { Toolbar,
|
|
2
|
+
import { Toolbar, DefaultToolbarButtons } from './Toolbar.js';
|
|
3
3
|
import { Actions, ActionButton } from './Actions.js';
|
|
4
4
|
import { Footer, FooterButton } from './Footer.js';
|
|
5
5
|
import { Label } from './Label.js';
|
|
6
|
+
import { ToolbarButton } from './_ToolbarButton.js';
|
|
6
7
|
|
|
7
8
|
/** @deprecated Will be removed in v37 (https://github.com/primer/react/issues/3604) */
|
|
8
9
|
const MarkdownEditor = Object.assign(MarkdownEditor$1, {
|