@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.
Files changed (59) hide show
  1. package/dist/browser.esm.js +2 -2
  2. package/dist/browser.esm.js.map +1 -1
  3. package/dist/browser.umd.js +3 -3
  4. package/dist/browser.umd.js.map +1 -1
  5. package/lib/ActionList/Group.d.ts +1 -1
  6. package/lib/ActionList/Group.d.ts.map +1 -1
  7. package/lib/ActionList/Group.js +3 -3
  8. package/lib/ActionList/Heading.js +2 -2
  9. package/lib/ActionList/Item.js +2 -3
  10. package/lib/ActionList/LinkItem.js +0 -71
  11. package/lib/ActionList/List.d.ts +1 -26
  12. package/lib/ActionList/List.d.ts.map +1 -1
  13. package/lib/ActionList/List.js +2 -3
  14. package/lib/ActionList/Selection.d.ts +1 -1
  15. package/lib/ActionList/Selection.d.ts.map +1 -1
  16. package/lib/ActionList/Selection.js +2 -2
  17. package/lib/ActionList/index.d.ts +2 -2
  18. package/lib/ActionList/index.d.ts.map +1 -1
  19. package/lib/ActionList/shared.d.ts +22 -0
  20. package/lib/ActionList/shared.d.ts.map +1 -1
  21. package/lib/ActionList/shared.js +3 -0
  22. package/lib/ButtonGroup/ButtonGroup.d.ts.map +1 -1
  23. package/lib/ButtonGroup/ButtonGroup.js +1 -1
  24. package/lib/Dialog/Dialog.d.ts +5 -0
  25. package/lib/Dialog/Dialog.d.ts.map +1 -1
  26. package/lib/Dialog/Dialog.js +24 -9
  27. package/lib/LabelGroup/LabelGroup.d.ts.map +1 -1
  28. package/lib/LabelGroup/LabelGroup.js +2 -65
  29. package/lib/drafts/MarkdownEditor/Toolbar.d.ts +2 -2
  30. package/lib/drafts/MarkdownEditor/Toolbar.d.ts.map +1 -1
  31. package/lib/drafts/MarkdownEditor/Toolbar.js +13 -42
  32. package/lib/drafts/MarkdownEditor/_SavedReplies.js +2 -2
  33. package/lib/drafts/MarkdownEditor/_ToolbarButton.d.ts +4 -0
  34. package/lib/drafts/MarkdownEditor/_ToolbarButton.d.ts.map +1 -0
  35. package/lib/drafts/MarkdownEditor/_ToolbarButton.js +42 -0
  36. package/lib/drafts/MarkdownEditor/index.js +2 -1
  37. package/lib-esm/ActionList/Group.d.ts +1 -1
  38. package/lib-esm/ActionList/Group.js +1 -1
  39. package/lib-esm/ActionList/Heading.js +1 -1
  40. package/lib-esm/ActionList/Item.js +1 -2
  41. package/lib-esm/ActionList/LinkItem.js +0 -71
  42. package/lib-esm/ActionList/List.d.ts +1 -26
  43. package/lib-esm/ActionList/List.js +2 -2
  44. package/lib-esm/ActionList/Selection.d.ts +1 -1
  45. package/lib-esm/ActionList/Selection.js +1 -1
  46. package/lib-esm/ActionList/index.d.ts +2 -2
  47. package/lib-esm/ActionList/shared.d.ts +22 -0
  48. package/lib-esm/ActionList/shared.js +3 -1
  49. package/lib-esm/ButtonGroup/ButtonGroup.js +1 -1
  50. package/lib-esm/Dialog/Dialog.d.ts +5 -0
  51. package/lib-esm/Dialog/Dialog.js +24 -9
  52. package/lib-esm/LabelGroup/LabelGroup.js +2 -65
  53. package/lib-esm/drafts/MarkdownEditor/Toolbar.d.ts +2 -2
  54. package/lib-esm/drafts/MarkdownEditor/Toolbar.js +2 -31
  55. package/lib-esm/drafts/MarkdownEditor/_SavedReplies.js +1 -1
  56. package/lib-esm/drafts/MarkdownEditor/_ToolbarButton.d.ts +4 -0
  57. package/lib-esm/drafts/MarkdownEditor/_ToolbarButton.js +36 -0
  58. package/lib-esm/drafts/MarkdownEditor/index.js +2 -1
  59. 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 '../theme.js';
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 { IconButtonProps } from '../../Button';
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, { forwardRef, useContext, memo, useRef } from '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 './Toolbar.js';
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,4 @@
1
+ import React from 'react';
2
+ import { IconButtonProps } from '../../Button';
3
+ export declare const ToolbarButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
4
+ //# sourceMappingURL=_ToolbarButton.d.ts.map
@@ -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, ToolbarButton, DefaultToolbarButtons } from './Toolbar.js';
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, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/react",
3
- "version": "36.7.2",
3
+ "version": "36.8.0",
4
4
  "description": "An implementation of GitHub's Primer Design System using React",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",