@splunk/react-ui 4.8.0 → 4.11.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 (117) hide show
  1. package/Accordion.js +4 -4
  2. package/Anchor.js +2 -2
  3. package/Animation.js +2 -2
  4. package/AnimationToggle.js +2 -2
  5. package/Box.js +2 -2
  6. package/Button.js +5 -29
  7. package/ButtonGroup.js +6 -27
  8. package/ButtonSimple.js +4 -4
  9. package/CHANGELOG.md +42 -5
  10. package/Calendar.js +12 -12
  11. package/Card.js +48 -62
  12. package/CardLayout.js +14 -35
  13. package/Chip.js +4 -4
  14. package/Clickable.js +23 -8
  15. package/CloseButton.js +2 -2
  16. package/Code.js +8 -5
  17. package/CollapsiblePanel.js +4 -4
  18. package/Color.js +10 -10
  19. package/ColumnLayout.js +2 -2
  20. package/ComboBox.js +9 -5
  21. package/Concertina.js +13 -13
  22. package/ControlGroup.js +26 -16
  23. package/Date.js +6 -6
  24. package/DefinitionList.js +2 -2
  25. package/Dropdown.js +4 -4
  26. package/EventListener.js +4 -4
  27. package/File.js +15 -15
  28. package/FormRows.js +11 -11
  29. package/Heading.js +2 -2
  30. package/Image.js +8 -8
  31. package/JSONTree.js +40 -22
  32. package/Layer.js +72 -22
  33. package/Link.js +4 -4
  34. package/List.js +2 -2
  35. package/Markdown.js +62 -30
  36. package/Menu.js +42 -42
  37. package/Message.js +18 -18
  38. package/MessageBar.js +28 -21
  39. package/Modal.js +6 -6
  40. package/ModalLayer.js +16 -7
  41. package/Monogram.js +27 -15
  42. package/Multiselect.js +12 -12
  43. package/Number.js +4 -4
  44. package/Paginator.js +21 -24
  45. package/Paragraph.js +2 -2
  46. package/Popover.js +16 -11
  47. package/Progress.js +2 -2
  48. package/RadioBar.js +143 -39
  49. package/RadioList.js +2 -2
  50. package/Resize.js +4 -4
  51. package/ResultsMenu.js +20 -20
  52. package/ScreenReaderContent.js +2 -2
  53. package/Scroll.js +4 -4
  54. package/ScrollContainerContext.js +2 -2
  55. package/Search.js +6 -6
  56. package/Select.js +9 -9
  57. package/SidePanel.js +4 -4
  58. package/Slider.js +4 -4
  59. package/SlidingPanels.js +16 -7
  60. package/StaticContent.js +2 -2
  61. package/StepBar.js +2 -2
  62. package/Switch.js +4 -4
  63. package/TabBar.js +11 -11
  64. package/TabLayout.js +4 -4
  65. package/Table.js +26 -31
  66. package/Text.js +18 -10
  67. package/Tooltip.js +21 -6
  68. package/TransitionOpen.js +14 -5
  69. package/WaitSpinner.js +2 -2
  70. package/package.json +12 -9
  71. package/stubs-splunkui.d.ts +13 -0
  72. package/types/src/Accordion/AccordionContext.d.ts +0 -1
  73. package/types/src/Button/Button.d.ts +0 -2
  74. package/types/src/ButtonGroup/ButtonGroupContext.d.ts +0 -1
  75. package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -6
  76. package/types/src/Card/Body.d.ts +6 -1
  77. package/types/src/Card/Card.d.ts +0 -2
  78. package/types/src/CardLayout/CardLayoutContext.d.ts +0 -1
  79. package/types/src/Clickable/Clickable.d.ts +5 -0
  80. package/types/src/ComboBox/ComboBox.d.ts +2 -1
  81. package/types/src/Concertina/ConcertinaContext.d.ts +0 -1
  82. package/types/src/ControlGroup/ControlGroup.d.ts +9 -2
  83. package/types/src/Date/Date.d.ts +3 -3
  84. package/types/src/File/FileContext.d.ts +0 -1
  85. package/types/src/FormRows/FormRows.d.ts +1 -1
  86. package/types/src/FormRows/FormRowsContext.d.ts +0 -1
  87. package/types/src/FormRows/Row.d.ts +1 -1
  88. package/types/src/JSONTree/JSONTree.d.ts +2 -2
  89. package/types/src/JSONTree/TreeNode.d.ts +1 -1
  90. package/types/src/JSONTree/docs/examples/WithShiftModifier.d.ts +1 -0
  91. package/types/src/Layer/LayerStack.d.ts +8 -2
  92. package/types/src/Markdown/Markdown.d.ts +9 -4
  93. package/types/src/Markdown/renderers/MarkdownAnchorHeading.d.ts +15 -0
  94. package/types/src/Markdown/renderers/index.d.ts +2 -1
  95. package/types/src/Menu/MenuContext.d.ts +0 -1
  96. package/types/src/Modal/ModalContext.d.ts +0 -1
  97. package/types/src/ModalLayer/ModalLayer.d.ts +2 -0
  98. package/types/src/Monogram/Monogram.d.ts +2 -2
  99. package/types/src/Number/Number.d.ts +3 -3
  100. package/types/src/Popover/Popover.d.ts +1 -0
  101. package/types/src/Popover/PopoverContext.d.ts +0 -1
  102. package/types/src/RadioBar/Option.d.ts +10 -2
  103. package/types/src/RadioBar/RadioBar.d.ts +4 -1
  104. package/types/src/RadioBar/RadioBarContext.d.ts +4 -2
  105. package/types/src/RadioList/RadioListContext.d.ts +0 -1
  106. package/types/src/Slider/Slider.d.ts +3 -3
  107. package/types/src/SlidingPanels/SlidingPanels.d.ts +2 -0
  108. package/types/src/StepBar/StepBarContext.d.ts +0 -1
  109. package/types/src/TabBar/TabBarContext.d.ts +0 -1
  110. package/types/src/Text/Text.d.ts +4 -3
  111. package/types/src/Tooltip/Tooltip.d.ts +15 -10
  112. package/types/src/TransitionOpen/TransitionOpen.d.ts +2 -0
  113. package/types/src/fixtures/FetchOptions.d.ts +82 -2
  114. package/usePrevious.js +2 -2
  115. package/FetchOptions.js +0 -359
  116. package/types/src/FetchOptions/FetchOptions.d.ts +0 -82
  117. package/types/src/FetchOptions/index.d.ts +0 -2
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ItemClickHandler } from './Item';
3
2
  export interface FileContext {
4
3
  disabled: boolean;
@@ -33,7 +33,7 @@ declare type FormRowsProps = ClassComponentProps<FormRowsPropsBase, typeof defau
33
33
  declare class FormRows extends Component<FormRowsProps, {}> {
34
34
  static propTypes: React.WeakValidationMap<ClassComponentProps<FormRowsPropsBase, Required<Pick<FormRowsPropsBase, "header" | "disabled" | "addLabel">>, "div", never>>;
35
35
  static defaultProps: Required<Pick<FormRowsPropsBase, "header" | "disabled" | "addLabel">>;
36
- static Row: React.ComponentClass<Pick<import("./Row").RowPropsBase, "children" | "value" | "elementRef" | "onRequestRemove" | "index" | "rowIndex"> & Pick<PropTypes.InferProps<React.WeakValidationMap<import("./Row").RowPropsBase>>, never> & Pick<import("./Row").RowPropsBase, never>, any>;
36
+ static Row: React.ComponentClass<Pick<import("./Row").RowPropsBase, "children" | "value" | "elementRef" | "index" | "onRequestRemove" | "rowIndex"> & Pick<PropTypes.InferProps<React.WeakValidationMap<import("./Row").RowPropsBase>>, never> & Pick<import("./Row").RowPropsBase, never>, any>;
37
37
  /**
38
38
  * Static function for adding a row.
39
39
  *
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { RowKeyDownHandler } from './Row';
3
2
  export interface FormRowsContext {
4
3
  disabledDeleteButton: boolean | undefined;
@@ -34,6 +34,6 @@ declare class Row extends Component<RowPropsBase, {}> {
34
34
  private handleRequestRemove;
35
35
  render(): JSX.Element;
36
36
  }
37
- declare const SortableRow: React.ComponentClass<Pick<RowPropsBase, "children" | "value" | "elementRef" | "onRequestRemove" | "index" | "rowIndex"> & Pick<PropTypes.InferProps<React.WeakValidationMap<RowPropsBase>>, never> & Pick<RowPropsBase, never>, any>;
37
+ declare const SortableRow: React.ComponentClass<Pick<RowPropsBase, "children" | "value" | "elementRef" | "index" | "onRequestRemove" | "rowIndex"> & Pick<PropTypes.InferProps<React.WeakValidationMap<RowPropsBase>>, never> & Pick<RowPropsBase, never>, any>;
38
38
  export default SortableRow;
39
39
  export type { Row as RowWithoutSortable, RowKeyDownHandler, RowPropsBase, RowRequestRemoveHandler };
@@ -48,7 +48,7 @@ interface JSONTreePropsBase {
48
48
  * Starts with all nodes expanded if set to `true`. The default is `false`, which expands only the first
49
49
  * level of properties.
50
50
  */
51
- expandChildren?: boolean;
51
+ expandChildren?: boolean | 'withShiftModifier';
52
52
  /**
53
53
  * Handles overflow by wrapping values or by enabling scrolling.
54
54
  */
@@ -66,7 +66,7 @@ declare namespace JSONTree {
66
66
  indent: PropTypes.Requireable<number>;
67
67
  onClickKey: PropTypes.Requireable<(...args: any[]) => any>;
68
68
  onClickValue: PropTypes.Requireable<(...args: any[]) => any>;
69
- expandChildren: PropTypes.Requireable<boolean>;
69
+ expandChildren: PropTypes.Requireable<string | boolean>;
70
70
  overflow: PropTypes.Requireable<string>;
71
71
  };
72
72
  }
@@ -4,7 +4,7 @@ import { ClassComponentProps } from '../utils/types';
4
4
  interface JSONTreeNodePropsBase {
5
5
  path?: (string | number)[];
6
6
  defaultOpen?: boolean;
7
- expandChildren?: boolean;
7
+ expandChildren?: boolean | 'withShiftModifier';
8
8
  indent?: number;
9
9
  indentLevel?: number;
10
10
  obj: JSONElement;
@@ -0,0 +1 @@
1
+ export default function WithShiftModifier(): JSX.Element;
@@ -7,7 +7,12 @@ import Layer from './Layer';
7
7
  * @public
8
8
  */
9
9
  export declare const LayerStackContext: React.Context<Layer[]>;
10
- interface LayerStackGlobalProviderProps {
10
+ interface LayerContextProps {
11
+ /** Whether or not to have each layer create its own CSS stacking context. */
12
+ separateStackingContexts?: boolean;
13
+ }
14
+ export declare const LayerContext: React.Context<LayerContextProps>;
15
+ interface LayerStackGlobalProviderProps extends LayerContextProps {
11
16
  children?: React.ReactNode;
12
17
  /** The object used to store the layer stack variable, for example `window`. */
13
18
  scope?: {
@@ -21,12 +26,13 @@ interface LayerStackGlobalProviderProps {
21
26
  * Applications should only use this provider if there's a known need to support multiple
22
27
  * instances of this library on the same page.
23
28
  */
24
- declare function LayerStackGlobalProvider({ children, name, scope, }: LayerStackGlobalProviderProps): JSX.Element;
29
+ declare function LayerStackGlobalProvider({ children, name, scope, separateStackingContexts, }: LayerStackGlobalProviderProps): JSX.Element;
25
30
  declare namespace LayerStackGlobalProvider {
26
31
  var propTypes: {
27
32
  children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
28
33
  name: PropTypes.Requireable<string>;
29
34
  scope: PropTypes.Requireable<object>;
35
+ separateStackingContexts: PropTypes.Requireable<boolean>;
30
36
  };
31
37
  }
32
38
  export { LayerStackGlobalProvider };
@@ -1,7 +1,13 @@
1
1
  import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import { ComponentProps } from '../utils/types';
4
- import * as Renderers from './renderers';
4
+ import { MarkdownBlockquote, MarkdownCodeBlock, MarkdownCode, MarkdownHeading, MarkdownAnchorHeading, MarkdownImage, MarkdownItem, MarkdownLink, MarkdownList, MarkdownParagraph } from './renderers';
5
+ /** @public */
6
+ declare type AnchorHeadingRenderer = (data: {
7
+ children: React.ReactNode[];
8
+ level: 1 | 2 | 3 | 4 | 5 | 6;
9
+ nodeKey: string;
10
+ }) => React.ReactNode;
5
11
  /** @public */
6
12
  declare type BlockquoteRenderer = (data: {
7
13
  children: React.ReactNode[];
@@ -80,7 +86,7 @@ interface MarkdownPropsBase {
80
86
  * A custom heading renderer. The function is passed an object containing `level` from 1 to
81
87
  * 6, `children`, and `nodeKey`.
82
88
  */
83
- headingRenderer?: HeadingRenderer;
89
+ headingRenderer?: HeadingRenderer | AnchorHeadingRenderer;
84
90
  /**
85
91
  * A custom image renderer. The function is passed an object containing `src`, `title`,
86
92
  * `alt`, and `nodeKey`.
@@ -130,5 +136,4 @@ declare namespace Markdown {
130
136
  };
131
137
  }
132
138
  export default Markdown;
133
- export { Renderers };
134
- export { BlockquoteRenderer, CodeBlockRenderer, CodeRenderer, HeadingRenderer, ImageRenderer, ItemRenderer, LinkRenderer, ListRenderer, ParagraphRenderer, };
139
+ export { MarkdownBlockquote, MarkdownCodeBlock, MarkdownCode, MarkdownHeading, MarkdownAnchorHeading, MarkdownImage, MarkdownItem, MarkdownLink, MarkdownList, MarkdownParagraph, BlockquoteRenderer, CodeBlockRenderer, CodeRenderer, HeadingRenderer, ImageRenderer, ItemRenderer, LinkRenderer, ListRenderer, ParagraphRenderer, };
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import { ComponentProps } from '../../utils/types';
4
+ interface MarkdownAnchorHeadingPropsBase {
5
+ children: React.ReactNode[];
6
+ level: 1 | 2 | 3 | 4 | 5 | 6;
7
+ }
8
+ declare type MarkdownAnchorHeadingProps = ComponentProps<MarkdownAnchorHeadingPropsBase, 'h1'>;
9
+ declare function MarkdownAnchorHeading({ level, children }: MarkdownAnchorHeadingProps): JSX.Element;
10
+ declare namespace MarkdownAnchorHeading {
11
+ var propTypes: {
12
+ children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
13
+ };
14
+ }
15
+ export default MarkdownAnchorHeading;
@@ -2,9 +2,10 @@ import MarkdownBlockquote from './MarkdownBlockquote';
2
2
  import MarkdownCode from './MarkdownCode';
3
3
  import MarkdownCodeBlock from './MarkdownCodeBlock';
4
4
  import MarkdownHeading from './MarkdownHeading';
5
+ import MarkdownAnchorHeading from './MarkdownAnchorHeading';
5
6
  import MarkdownImage from './MarkdownImage';
6
7
  import MarkdownLink from './MarkdownLink';
7
8
  import MarkdownList from './MarkdownList';
8
9
  import MarkdownItem from './MarkdownItem';
9
10
  import MarkdownParagraph from './MarkdownParagraph';
10
- export { MarkdownBlockquote, MarkdownCodeBlock, MarkdownCode, MarkdownHeading, MarkdownImage, MarkdownItem, MarkdownLink, MarkdownList, MarkdownParagraph, };
11
+ export { MarkdownBlockquote, MarkdownCodeBlock, MarkdownCode, MarkdownHeading, MarkdownAnchorHeading, MarkdownImage, MarkdownItem, MarkdownLink, MarkdownList, MarkdownParagraph, };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  interface MenuContextValue {
3
2
  role?: string;
4
3
  }
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export interface ModalContext {
3
2
  titleId?: string;
4
3
  }
@@ -55,7 +55,9 @@ declare class ModalLayer extends Component<ModalLayerProps, ModalLayerState> {
55
55
  static propTypes: React.WeakValidationMap<ModalLayerProps>;
56
56
  static defaultProps: Required<Pick<ModalLayerPropsBase, "open" | "childrenInAnimation" | "useLayerForClickAway">>;
57
57
  static getDerivedStateFromProps: React.GetDerivedStateFromProps<ModalLayerProps, ModalLayerState>;
58
+ private allowAnimationUpdates;
58
59
  constructor(props: Readonly<ModalLayerProps>);
60
+ componentWillUnmount(): void;
59
61
  private handleClickAway;
60
62
  private handleAnimationEnd;
61
63
  private renderLayer;
@@ -28,7 +28,7 @@ interface MonogramPropsBase {
28
28
  *
29
29
  * Adjusts the size of the `Monogram`.
30
30
  */
31
- size?: 'small' | 'medium' | 'large' | 'xlarge';
31
+ size?: 'small' | 'medium' | 'large' | 'xlarge' | number;
32
32
  }
33
33
  declare const defaultProps: Required<Pick<MonogramPropsBase, 'backgroundColor' | 'size'>>;
34
34
  declare type MonogramInteractiveProps = ComponentProps<MonogramPropsBase, 'button'> & typeof defaultProps & {
@@ -56,7 +56,7 @@ declare namespace Monogram {
56
56
  initials: PropTypes.Validator<string>;
57
57
  name: PropTypes.Requireable<string>;
58
58
  onClick: PropTypes.Requireable<(...args: any[]) => any>;
59
- size: PropTypes.Requireable<string>;
59
+ size: PropTypes.Requireable<React.ReactText>;
60
60
  };
61
61
  var defaultProps: Required<Pick<MonogramPropsBase, "size" | "backgroundColor">>;
62
62
  }