@splunk/react-ui 4.5.2 → 4.7.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 (145) hide show
  1. package/Accordion.js +10 -9
  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 +13 -13
  7. package/ButtonGroup.js +4 -4
  8. package/ButtonSimple.js +6 -6
  9. package/CHANGELOG.md +42 -1
  10. package/Calendar.js +16 -16
  11. package/Card.js +48 -53
  12. package/CardLayout.js +4 -4
  13. package/Chip.js +10 -10
  14. package/Clickable.js +41 -15
  15. package/CloseButton.js +8 -8
  16. package/Code.js +8 -7
  17. package/CollapsiblePanel.js +11 -14
  18. package/Color.js +48 -48
  19. package/ColumnLayout.js +4 -4
  20. package/ComboBox.js +8 -8
  21. package/Concertina.js +15 -15
  22. package/ControlGroup.js +30 -37
  23. package/Date.js +10 -10
  24. package/DefinitionList.js +2 -2
  25. package/Dropdown.js +4 -4
  26. package/EventListener.js +4 -4
  27. package/FetchOptions.js +8 -8
  28. package/File.js +27 -27
  29. package/FormRows.js +21 -23
  30. package/Heading.js +2 -2
  31. package/Image.js +14 -14
  32. package/JSONTree.js +4 -4
  33. package/Layer.js +10 -10
  34. package/Link.js +6 -6
  35. package/List.js +2 -2
  36. package/Markdown.js +28 -16
  37. package/Menu.js +135 -70
  38. package/Message.js +246 -305
  39. package/MessageBar.d.ts +2 -0
  40. package/MessageBar.js +789 -0
  41. package/Modal.js +95 -61
  42. package/ModalLayer.js +5 -4
  43. package/Monogram.js +4 -4
  44. package/Multiselect.js +293 -42
  45. package/Number.js +8 -8
  46. package/Paginator.js +24 -24
  47. package/Paragraph.js +2 -2
  48. package/Popover.js +12 -12
  49. package/Progress.js +6 -6
  50. package/RadioBar.js +4 -4
  51. package/RadioList.js +2 -2
  52. package/Resize.js +8 -8
  53. package/ResultsMenu.js +25 -23
  54. package/ScreenReaderContent.js +2 -2
  55. package/Scroll.js +6 -6
  56. package/ScrollContainerContext.js +2 -2
  57. package/Search.js +14 -14
  58. package/Select.js +286 -36
  59. package/SidePanel.js +6 -6
  60. package/Slider.js +20 -14
  61. package/SlidingPanels.js +4 -4
  62. package/StaticContent.js +2 -2
  63. package/StepBar.js +18 -18
  64. package/Switch.js +17 -31
  65. package/TabBar.js +60 -46
  66. package/TabLayout.js +4 -4
  67. package/Table.js +63 -55
  68. package/Text.js +163 -146
  69. package/Tooltip.js +14 -14
  70. package/TransitionOpen.js +69 -44
  71. package/WaitSpinner.js +2 -2
  72. package/cypress/plugins/index.ts +15 -0
  73. package/cypress/support/commands.ts +1 -0
  74. package/cypress/support/index.ts +10 -0
  75. package/cypress.json +12 -0
  76. package/package.json +18 -5
  77. package/types/src/Animation/Animation.d.ts +0 -1
  78. package/types/src/Calendar/DateTable.d.ts +0 -1
  79. package/types/src/Clickable/Clickable.d.ts +12 -2
  80. package/types/src/Clickable/NavigationProvider.d.ts +12 -2
  81. package/types/src/Color/Color.d.ts +3 -3
  82. package/types/src/Date/Date.d.ts +3 -3
  83. package/types/src/Date/Icon.d.ts +0 -1
  84. package/types/src/File/Icon.d.ts +0 -1
  85. package/types/src/File/IconCloud.d.ts +0 -1
  86. package/types/src/File/PaperClip.d.ts +0 -1
  87. package/types/src/File/Retry.d.ts +0 -1
  88. package/types/src/File/Trash.d.ts +0 -1
  89. package/types/src/Markdown/renderers/MarkdownCode.d.ts +0 -1
  90. package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +0 -1
  91. package/types/src/Markdown/renderers/MarkdownImage.d.ts +0 -1
  92. package/types/src/Menu/Divider.d.ts +0 -1
  93. package/types/src/Message/Link.d.ts +2 -0
  94. package/types/src/Message/Message.d.ts +6 -1
  95. package/types/src/MessageBar/MessageBar.d.ts +28 -0
  96. package/types/src/MessageBar/index.d.ts +2 -0
  97. package/types/src/Modal/Modal.d.ts +3 -0
  98. package/types/src/Modal/ModalContext.d.ts +6 -0
  99. package/types/src/Monogram/Monogram.d.ts +2 -2
  100. package/types/src/Multiselect/Multiselect.d.ts +1 -0
  101. package/types/src/Number/IncrementIcon.d.ts +0 -1
  102. package/types/src/Number/Number.d.ts +3 -3
  103. package/types/src/Paginator/PageSeparator.d.ts +0 -1
  104. package/types/src/Popover/Popover.d.ts +1 -2
  105. package/types/src/RadioBar/RadioBar.d.ts +3 -3
  106. package/types/src/Select/Select.d.ts +8 -3
  107. package/types/src/Select/SelectBase.d.ts +17 -5
  108. package/types/src/Select/matchUtils.d.ts +12 -0
  109. package/types/src/Slider/Slider.d.ts +3 -3
  110. package/types/src/Switch/CheckIcon.d.ts +0 -1
  111. package/types/src/Switch/Switch.d.ts +7 -7
  112. package/types/src/Table/DragHandle.d.ts +0 -1
  113. package/types/src/Table/HeadExpandRowsIcon.d.ts +0 -1
  114. package/types/src/Table/Toggle.d.ts +0 -1
  115. package/types/src/Text/IconOutlinedHide.d.ts +0 -1
  116. package/types/src/Text/IconOutlinedView.d.ts +0 -1
  117. package/types/src/Text/Text.d.ts +12 -5
  118. package/types/src/Tooltip/InfoIcon.d.ts +0 -1
  119. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -0
  120. package/types/src/icons/Alert.d.ts +0 -1
  121. package/types/src/icons/AlertFilled.d.ts +0 -1
  122. package/types/src/icons/CaretDown.d.ts +0 -1
  123. package/types/src/icons/CaretRight.d.ts +0 -1
  124. package/types/src/icons/Check.d.ts +0 -1
  125. package/types/src/icons/ChevronDown.d.ts +0 -1
  126. package/types/src/icons/ChevronLeft.d.ts +0 -1
  127. package/types/src/icons/ChevronRight.d.ts +0 -1
  128. package/types/src/icons/CrossMark.d.ts +0 -1
  129. package/types/src/icons/External.d.ts +0 -1
  130. package/types/src/icons/InfoFilled.d.ts +0 -1
  131. package/types/src/icons/More.d.ts +0 -1
  132. package/types/src/icons/MoreVertical.d.ts +0 -1
  133. package/types/src/icons/Plus.d.ts +0 -1
  134. package/types/src/icons/SVG.d.ts +0 -1
  135. package/types/src/icons/Search.d.ts +0 -1
  136. package/types/src/icons/Sort.d.ts +0 -1
  137. package/types/src/icons/SortedDown.d.ts +0 -1
  138. package/types/src/icons/SortedUp.d.ts +0 -1
  139. package/types/src/icons/Success.d.ts +0 -1
  140. package/types/src/icons/SuccessFilled.d.ts +0 -1
  141. package/types/src/icons/WarningFilled.d.ts +0 -1
  142. package/types/src/utils/types.d.ts +0 -1
  143. package/unit-test-setup-testing-library.ts +9 -0
  144. package/usePrevious.js +2 -2
  145. package/types/src/Message/Banner.d.ts +0 -8
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
3
2
  declare function InfoCircle(props: SVGPropsOptionalViewBox): JSX.Element;
4
3
  export default InfoCircle;
@@ -47,6 +47,7 @@ declare class TransitionOpen extends Component<TransitionOpenProps, TransitionOp
47
47
  private handleRest;
48
48
  private handleTab;
49
49
  private internalRender;
50
+ private getSpringTransition;
50
51
  render(): JSX.Element;
51
52
  }
52
53
  export default TransitionOpen;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function AlertFilled(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function AlertFilled(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function CaretDown(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function CaretRight(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function Check(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function ChevronDown(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function ChevronLeft(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function ChevronRight(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function CrossMark(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function External(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function InfoFilled(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function More(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function MoreVertical(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function Plus(props: IconProps): JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ComponentProps } from '../utils/types';
3
2
  declare type SVGProps = ComponentProps<{}, 'svg'>;
4
3
  export default function SVG(props: SVGProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function Search(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function CaretDown(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function SortedDown(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function SortedUp(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function SuccessFilled(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function SuccessFilled(props: IconProps): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { IconProps } from './types';
3
2
  export default function WarningFilled(props: IconProps): JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare type ClassComponentProps<P extends {}, D extends {}, I extends keyof JSX.IntrinsicElements, B extends keyof P | keyof JSX.IntrinsicElements[I] = never> = P & D & Omit<JSX.IntrinsicElements[I], keyof P | B | 'ref' | 'css'>;
3
2
  declare type ComponentProps<P extends {}, I extends keyof JSX.IntrinsicElements, B extends keyof P | keyof JSX.IntrinsicElements[I] = never> = P & Omit<JSX.IntrinsicElements[I], keyof P | B | 'ref' | 'css'>;
4
3
  declare type ObjKeys = <T>(o: T) => Extract<keyof T, string>[];
@@ -0,0 +1,9 @@
1
+ /*
2
+ * Setup testing-library for react and jest-dom matchers
3
+ * This file needs to be included in tsconfig for the types from @testing-library/jest-dom
4
+ * to get picked up. See: https://github.com/testing-library/jest-dom#usage
5
+ */
6
+ import { configure } from '@testing-library/react';
7
+ import '@testing-library/jest-dom';
8
+
9
+ configure({ testIdAttribute: 'data-test' });
package/usePrevious.js CHANGED
@@ -82,12 +82,12 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 175);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 183);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
89
89
 
90
- /***/ 175:
90
+ /***/ 183:
91
91
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
92
92
 
93
93
  "use strict";
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- interface BannerProps {
3
- children: React.ReactNode;
4
- type: 'info' | 'success' | 'warning' | 'error';
5
- onRequestRemove: React.MouseEventHandler<HTMLButtonElement>;
6
- }
7
- declare const Banner: ({ children, type, onRequestRemove, ...otherProps }: BannerProps) => JSX.Element;
8
- export default Banner;