@splunk/react-ui 5.3.0 → 5.5.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 (114) hide show
  1. package/Accordion.js +31 -31
  2. package/Avatar.js +13 -13
  3. package/Badge.js +154 -0
  4. package/Breadcrumbs.js +66 -63
  5. package/ButtonSimple.js +52 -52
  6. package/CHANGELOG.md +43 -0
  7. package/CardLayout.js +39 -36
  8. package/Clickable.js +5 -6
  9. package/Code.js +917 -424
  10. package/CollapsiblePanel.js +1 -1
  11. package/Color.js +904 -1025
  12. package/ComboBox.js +6 -5
  13. package/DefinitionList.js +1 -1
  14. package/FormRows.js +13 -11
  15. package/JSONTree.js +682 -1408
  16. package/Link.js +74 -44
  17. package/MIGRATION.md +32 -1
  18. package/Markdown.js +9 -5
  19. package/Menu.js +100 -97
  20. package/Multiselect.js +1223 -2858
  21. package/Number.js +3 -3
  22. package/PhoneNumber.d.ts +2 -0
  23. package/PhoneNumber.js +769 -0
  24. package/Popover.js +235 -232
  25. package/RadioList.js +166 -151
  26. package/Resize.js +11 -8
  27. package/ResultsMenu.js +911 -1030
  28. package/ScreenReaderContent.js +86 -130
  29. package/Scroll.js +366 -425
  30. package/Select.js +267 -1947
  31. package/SelectBase.d.ts +2 -0
  32. package/SelectBase.js +1681 -0
  33. package/Slider.js +202 -199
  34. package/SlidingPanels.js +170 -175
  35. package/StepBar.js +123 -97
  36. package/Switch.js +137 -118
  37. package/TabBar.js +296 -295
  38. package/TabLayout.js +14 -14
  39. package/Table.js +1562 -1516
  40. package/TextArea.js +596 -684
  41. package/TransitionOpen.js +82 -74
  42. package/Tree.js +638 -682
  43. package/docker-compose.yml +99 -52
  44. package/package.json +16 -12
  45. package/stubs-splunkui.d.ts +0 -86
  46. package/test-runner-jest.config.js +1 -0
  47. package/types/src/Badge/Badge.d.ts +29 -0
  48. package/types/src/Badge/docs/examples/Basic.d.ts +5 -0
  49. package/types/src/Badge/docs/examples/Count.d.ts +6 -0
  50. package/types/src/Badge/docs/examples/CustomColors.d.ts +8 -0
  51. package/types/src/Badge/docs/examples/Icon.d.ts +6 -0
  52. package/types/src/Badge/index.d.ts +2 -0
  53. package/types/src/Breadcrumbs/Breadcrumbs.d.ts +1 -5
  54. package/types/src/Breadcrumbs/BreadcrumbsContext.d.ts +7 -0
  55. package/types/src/Breadcrumbs/Item.d.ts +1 -1
  56. package/types/src/ButtonSimple/mixin.d.ts +1 -1
  57. package/types/src/Code/Code.d.ts +4 -3
  58. package/types/src/Code/index.d.ts +1 -0
  59. package/types/src/JSONTree/JSONTreeItem.d.ts +1 -1
  60. package/types/src/JSONTree/renderTreeItems.d.ts +1 -1
  61. package/types/src/Link/Link.d.ts +4 -0
  62. package/types/src/Link/LinkContext.d.ts +14 -0
  63. package/types/src/Link/docs/examples/Visited.d.ts +7 -0
  64. package/types/src/Link/index.d.ts +1 -0
  65. package/types/src/Modal/ModalContext.d.ts +1 -1
  66. package/types/src/Multiselect/Compact.d.ts +3 -3
  67. package/types/src/Multiselect/Multiselect.d.ts +1 -1
  68. package/types/src/Multiselect/Normal.d.ts +2 -2
  69. package/types/src/Number/utils.d.ts +1 -1
  70. package/types/src/PhoneNumber/PhoneNumber.d.ts +139 -0
  71. package/types/src/PhoneNumber/docs/examples/Controlled.d.ts +7 -0
  72. package/types/src/PhoneNumber/docs/examples/DefaultCountry.d.ts +7 -0
  73. package/types/src/PhoneNumber/docs/examples/Disabled.d.ts +6 -0
  74. package/types/src/PhoneNumber/docs/examples/Error.d.ts +6 -0
  75. package/types/src/PhoneNumber/docs/examples/Inline.d.ts +7 -0
  76. package/types/src/PhoneNumber/docs/examples/Uncontrolled.d.ts +7 -0
  77. package/types/src/PhoneNumber/index.d.ts +2 -0
  78. package/types/src/PhoneNumber/utils.d.ts +47 -0
  79. package/types/src/Popover/getPlacement.d.ts +1 -1
  80. package/types/src/RadioList/Option.d.ts +7 -2
  81. package/types/src/RadioList/RadioListContext.d.ts +1 -1
  82. package/types/src/RadioList/docs/examples/Description.d.ts +6 -0
  83. package/types/src/Select/Option.d.ts +8 -3
  84. package/types/src/Select/Select.d.ts +1 -1
  85. package/types/src/{Select → SelectBase}/OptionBase.d.ts +8 -2
  86. package/types/src/{Select → SelectBase}/SelectBase.d.ts +3 -1
  87. package/types/src/SelectBase/index.d.ts +2 -0
  88. package/types/src/StepBar/StepBar.d.ts +4 -1
  89. package/types/src/StepBar/StepBarContext.d.ts +1 -0
  90. package/types/src/StepBar/docs/examples/Vertical.d.ts +6 -0
  91. package/types/src/Switch/Switch.d.ts +10 -1
  92. package/types/src/TabBar/Tab.d.ts +3 -1
  93. package/types/src/TabBar/docs/examples/Icons.d.ts +4 -0
  94. package/types/src/TabBar/docs/examples/Tooltips.d.ts +3 -0
  95. package/types/src/TabLayout/Panel.d.ts +2 -0
  96. package/types/src/Table/Body.d.ts +6 -1
  97. package/types/src/Table/Cell.d.ts +5 -1
  98. package/types/src/Table/Head.d.ts +6 -2
  99. package/types/src/Table/HeadCell.d.ts +5 -1
  100. package/types/src/Table/Row.d.ts +5 -1
  101. package/types/src/Table/Table.d.ts +21 -1
  102. package/types/src/Table/TableContext.d.ts +1 -0
  103. package/types/src/Table/docs/examples/HorizontalOverflowScroll.d.ts +8 -0
  104. package/types/src/Table/docs/examples/PinActionColumn.d.ts +7 -0
  105. package/types/src/TransitionOpen/TransitionOpen.d.ts +3 -1
  106. package/types/src/Tree/TreeContext.d.ts +1 -1
  107. package/types/src/useResizeObserver/useResizeObserver.d.ts +2 -0
  108. package/types/src/useRovingFocus/useRovingFocus.d.ts +8 -1
  109. package/useControlled.js +61 -97
  110. package/usePrevious.d.ts +2 -0
  111. package/usePrevious.js +30 -62
  112. package/useResizeObserver.js +71 -136
  113. package/useRovingFocus.js +96 -41
  114. /package/types/src/{Select → SelectBase}/SelectAllOption.d.ts +0 -0
@@ -1,75 +1,34 @@
1
1
  /******/ (() => {
2
2
  // webpackBootstrap
3
3
  /******/ "use strict";
4
- /******/ var e = {
5
- /***/ 3563:
6
- /***/ e => {
7
- e.exports = require("@splunk/themes");
8
- /***/ },
9
- /***/ 23:
10
- /***/ e => {
11
- e.exports = require("prop-types");
12
- /***/ },
13
- /***/ 9497:
14
- /***/ e => {
15
- e.exports = require("react");
16
- /***/ },
17
- /***/ 232:
18
- /***/ e => {
19
- e.exports = require("styled-components");
20
- /***/
21
- /******/ }
22
- };
23
- /************************************************************************/
24
- /******/ // The module cache
25
- /******/ var r = {};
26
- /******/
27
- /******/ // The require function
28
- /******/ function n(t) {
29
- /******/ // Check if module is in cache
30
- /******/ var o = r[t];
31
- /******/ if (o !== undefined) {
32
- /******/ return o.exports;
33
- /******/ }
34
- /******/ // Create a new module (and put it into the cache)
35
- /******/ var a = r[t] = {
36
- /******/ // no module.id needed
37
- /******/ // no module.loaded needed
38
- /******/ exports: {}
39
- /******/ };
40
- /******/
41
- /******/ // Execute the module function
42
- /******/ e[t](a, a.exports, n);
43
- /******/
44
- /******/ // Return the exports of the module
45
- /******/ return a.exports;
46
- /******/ }
4
+ /******/ // The require scope
5
+ /******/ var e = {};
47
6
  /******/
48
7
  /************************************************************************/
49
8
  /******/ /* webpack/runtime/compat get default export */
50
9
  /******/ (() => {
51
10
  /******/ // getDefaultExport function for compatibility with non-harmony modules
52
- /******/ n.n = e => {
53
- /******/ var r = e && e.__esModule ?
54
- /******/ () => e["default"]
55
- /******/ : () => e
11
+ /******/ e.n = r => {
12
+ /******/ var n = r && r.__esModule ?
13
+ /******/ () => r["default"]
14
+ /******/ : () => r
56
15
  /******/;
57
- n.d(r, {
58
- a: r
16
+ e.d(n, {
17
+ a: n
59
18
  });
60
- /******/ return r;
19
+ /******/ return n;
61
20
  /******/ };
62
21
  /******/ })();
63
22
  /******/
64
23
  /******/ /* webpack/runtime/define property getters */
65
24
  /******/ (() => {
66
25
  /******/ // define getter functions for harmony exports
67
- /******/ n.d = (e, r) => {
68
- /******/ for (var t in r) {
69
- /******/ if (n.o(r, t) && !n.o(e, t)) {
70
- /******/ Object.defineProperty(e, t, {
26
+ /******/ e.d = (r, n) => {
27
+ /******/ for (var t in n) {
28
+ /******/ if (e.o(n, t) && !e.o(r, t)) {
29
+ /******/ Object.defineProperty(r, t, {
71
30
  enumerable: true,
72
- get: r[t]
31
+ get: n[t]
73
32
  });
74
33
  /******/ }
75
34
  /******/ }
@@ -78,14 +37,14 @@
78
37
  /******/
79
38
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
80
39
  /******/ (() => {
81
- /******/ n.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
40
+ /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
82
41
  /******/;
83
42
  })();
84
43
  /******/
85
44
  /******/ /* webpack/runtime/make namespace object */
86
45
  /******/ (() => {
87
46
  /******/ // define __esModule on exports
88
- /******/ n.r = e => {
47
+ /******/ e.r = e => {
89
48
  /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
90
49
  /******/ Object.defineProperty(e, Symbol.toStringTag, {
91
50
  value: "Module"
@@ -97,84 +56,81 @@
97
56
  /******/ };
98
57
  /******/ })();
99
58
  /******/
100
- /************************************************************************/ var t = {};
101
- // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
102
- (() => {
103
- // ESM COMPAT FLAG
104
- n.r(t);
105
- // EXPORTS
106
- n.d(t, {
107
- default: () => /* reexport */ y
108
- });
109
- // EXTERNAL MODULE: external "react"
110
- var e = n(9497);
111
- var r = n.n(e);
112
- // EXTERNAL MODULE: external "prop-types"
113
- var o = n(23);
114
- var a = n.n(o);
115
- // EXTERNAL MODULE: external "styled-components"
116
- var i = n(232);
117
- var l = n.n(i);
118
- // EXTERNAL MODULE: external "@splunk/themes"
119
- var u = n(3563);
120
- // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContentStyles.ts
121
- var s = l().span.withConfig({
122
- displayName: "ScreenReaderContentStyles__Styled",
123
- componentId: "sc-1lnohwp-0"
124
- })([ "", ";" ], u.mixins.screenReaderContent());
125
- // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContent.tsx
126
- function p() {
127
- return p = Object.assign ? Object.assign.bind() : function(e) {
128
- for (var r = 1; r < arguments.length; r++) {
129
- var n = arguments[r];
130
- for (var t in n) {
131
- ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
132
- }
133
- }
134
- return e;
135
- }, p.apply(null, arguments);
136
- }
137
- function f(e, r) {
138
- if (null == e) return {};
139
- var n, t, o = c(e, r);
140
- if (Object.getOwnPropertySymbols) {
141
- var a = Object.getOwnPropertySymbols(e);
142
- for (t = 0; t < a.length; t++) {
143
- n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
59
+ /************************************************************************/ var r = {};
60
+ // ESM COMPAT FLAG
61
+ e.r(r);
62
+ // EXPORTS
63
+ e.d(r, {
64
+ default: () => /* reexport */ v
65
+ });
66
+ // CONCATENATED MODULE: external "react"
67
+ const n = require("react");
68
+ var t = e.n(n);
69
+ // CONCATENATED MODULE: external "prop-types"
70
+ const o = require("prop-types");
71
+ var a = e.n(o);
72
+ // CONCATENATED MODULE: external "styled-components"
73
+ const l = require("styled-components");
74
+ var i = e.n(l);
75
+ // CONCATENATED MODULE: external "@splunk/themes"
76
+ const c = require("@splunk/themes");
77
+ // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContentStyles.ts
78
+ var u = i().span.withConfig({
79
+ displayName: "ScreenReaderContentStyles__Styled",
80
+ componentId: "sc-1lnohwp-0"
81
+ })([ "", ";" ], c.mixins.screenReaderContent());
82
+ // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContent.tsx
83
+ function s() {
84
+ return s = Object.assign ? Object.assign.bind() : function(e) {
85
+ for (var r = 1; r < arguments.length; r++) {
86
+ var n = arguments[r];
87
+ for (var t in n) {
88
+ ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
144
89
  }
145
90
  }
146
- return o;
91
+ return e;
92
+ }, s.apply(null, arguments);
93
+ }
94
+ function f(e, r) {
95
+ if (null == e) return {};
96
+ var n, t, o = d(e, r);
97
+ if (Object.getOwnPropertySymbols) {
98
+ var a = Object.getOwnPropertySymbols(e);
99
+ for (t = 0; t < a.length; t++) {
100
+ n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
101
+ }
147
102
  }
148
- function c(e, r) {
149
- if (null == e) return {};
150
- var n = {};
151
- for (var t in e) {
152
- if ({}.hasOwnProperty.call(e, t)) {
153
- if (-1 !== r.indexOf(t)) continue;
154
- n[t] = e[t];
155
- }
103
+ return o;
104
+ }
105
+ function d(e, r) {
106
+ if (null == e) return {};
107
+ var n = {};
108
+ for (var t in e) {
109
+ if ({}.hasOwnProperty.call(e, t)) {
110
+ if (-1 !== r.indexOf(t)) continue;
111
+ n[t] = e[t];
156
112
  }
157
- return n;
158
113
  }
159
- var d = {
160
- children: a().node.isRequired,
161
- elementRef: a().oneOfType([ a().func, a().object ])
162
- };
163
- /**
114
+ return n;
115
+ }
116
+ var p = {
117
+ children: a().node.isRequired,
118
+ elementRef: a().oneOfType([ a().func, a().object ])
119
+ };
120
+ /**
164
121
  * The screen reader text is used to wrap content that
165
122
  * is only accessible through screen readers.
166
- */ function v(e) {
167
- var n = e.children, t = e.elementRef, o = f(e, [ "children", "elementRef" ]);
168
- // @docs-props-type ScreenReaderContentPropsBase
169
-
170
- return r().createElement(s, p({
171
- "data-test": "screen-reader-content",
172
- ref: t
173
- }, o), n);
174
- }
175
- v.propTypes = d;
176
- /* harmony default export */ const y = v;
177
- }) // CONCATENATED MODULE: ./src/ScreenReaderContent/index.ts
178
- ();
179
- module.exports = t;
123
+ */ function y(e) {
124
+ var r = e.children, n = e.elementRef, o = f(e, [ "children", "elementRef" ]);
125
+ // @docs-props-type ScreenReaderContentPropsBase
126
+
127
+ return t().createElement(u, s({
128
+ "data-test": "screen-reader-content",
129
+ ref: n
130
+ }, o), r);
131
+ }
132
+ y.propTypes = p;
133
+ /* harmony default export */ const v = y;
134
+ // CONCATENATED MODULE: ./src/ScreenReaderContent/index.ts
135
+ module.exports = r;
180
136
  /******/})();