@splunk/react-ui 5.8.0 → 5.9.1

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 (69) hide show
  1. package/Anchor.js +2 -1
  2. package/ButtonSimple.js +1 -1
  3. package/CHANGELOG.md +38 -0
  4. package/Calendar.js +134 -134
  5. package/Clickable.js +131 -94
  6. package/Code.js +177 -170
  7. package/CollapsiblePanel.js +173 -135
  8. package/ColumnLayout.js +69 -45
  9. package/ComboBox.js +1 -0
  10. package/Dropdown.js +87 -72
  11. package/File.js +35 -35
  12. package/LICENSE +1 -1
  13. package/MIGRATION.md +40 -0
  14. package/Markdown.js +331 -306
  15. package/Menu.js +259 -215
  16. package/Modal.js +174 -181
  17. package/Monogram.js +2 -2
  18. package/Multiselect.js +414 -334
  19. package/Number.js +237 -242
  20. package/Search.js +15 -14
  21. package/SelectBase.js +777 -719
  22. package/SimpleTable.d.ts +2 -0
  23. package/SimpleTable.js +433 -0
  24. package/SlidingPanels.js +224 -153
  25. package/SpotLight.d.ts +2 -0
  26. package/SpotLight.js +687 -0
  27. package/Table.js +1232 -1238
  28. package/Text.js +26 -26
  29. package/docker-compose.yml +12 -18
  30. package/docs-llm/Avatar.md +2 -8
  31. package/docs-llm/Collapsible Panel.md +11 -57
  32. package/docs-llm/Column Layout.md +2 -2
  33. package/docs-llm/Divider.md +33 -0
  34. package/docs-llm/Message Bar.md +4 -1
  35. package/docs-llm/Multiselect.md +185 -162
  36. package/docs-llm/Notifications.md +46 -0
  37. package/docs-llm/Table.md +7 -7
  38. package/docs-llm/Tree.md +7 -2
  39. package/docs-llm/Typography.md +1 -1
  40. package/docs-llm/llms.txt +7 -3
  41. package/package.json +9 -11
  42. package/test-runner-jest.config.js +4 -53
  43. package/types/src/CollapsiblePanel/docs/examples/Actions.d.ts +1 -1
  44. package/types/src/ColumnLayout/ColumnLayout.d.ts +2 -2
  45. package/types/src/Divider/docs/examples/VerticalWithAlignItems.d.ts +8 -0
  46. package/types/src/Markdown/Markdown.d.ts +14 -2
  47. package/types/src/Markdown/renderers/MarkdownTable.d.ts +2 -22
  48. package/types/src/Markdown/renderers/MarkdownWrapper.d.ts +11 -0
  49. package/types/src/Markdown/renderers/index.d.ts +3 -1
  50. package/types/src/Multiselect/Compact.d.ts +12 -3
  51. package/types/src/Multiselect/Multiselect.d.ts +12 -3
  52. package/types/src/Multiselect/Normal.d.ts +8 -3
  53. package/types/src/Multiselect/Option.d.ts +6 -3
  54. package/types/src/Multiselect/docs/examples/Disabled.d.ts +1 -0
  55. package/types/src/Multiselect/docs/examples/LoadMoreWithSelectAll.d.ts +9 -0
  56. package/types/src/SelectBase/SelectBase.d.ts +5 -1
  57. package/types/src/SimpleTable/Body.d.ts +25 -0
  58. package/types/src/SimpleTable/Cell.d.ts +20 -0
  59. package/types/src/SimpleTable/Head.d.ts +20 -0
  60. package/types/src/SimpleTable/HeadCell.d.ts +20 -0
  61. package/types/src/SimpleTable/Row.d.ts +20 -0
  62. package/types/src/SimpleTable/SimpleTable.d.ts +37 -0
  63. package/types/src/SimpleTable/index.d.ts +3 -0
  64. package/types/src/SpotLight/SpotLight.d.ts +88 -0
  65. package/types/src/SpotLight/index.d.ts +2 -0
  66. package/types/src/Table/Row.d.ts +1 -1
  67. package/types/src/Table/Table.d.ts +1 -1
  68. package/types/src/Typography/Typography.d.ts +1 -1
  69. package/types/src/Multiselect/docs/examples/LoadMoreOnScrollBottom.d.ts +0 -7
@@ -0,0 +1,2 @@
1
+ export { default } from './types/src/SimpleTable';
2
+ export * from './types/src/SimpleTable';
package/SimpleTable.js ADDED
@@ -0,0 +1,433 @@
1
+ /******/ (() => {
2
+ // webpackBootstrap
3
+ /******/ "use strict";
4
+ /******/ // The require scope
5
+ /******/ var e = {};
6
+ /******/
7
+ /************************************************************************/
8
+ /******/ /* webpack/runtime/compat get default export */
9
+ /******/ (() => {
10
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
11
+ /******/ e.n = r => {
12
+ /******/ var n = r && r.__esModule ?
13
+ /******/ () => r["default"]
14
+ /******/ : () => r
15
+ /******/;
16
+ e.d(n, {
17
+ a: n
18
+ });
19
+ /******/ return n;
20
+ /******/ };
21
+ /******/ })();
22
+ /******/
23
+ /******/ /* webpack/runtime/define property getters */
24
+ /******/ (() => {
25
+ /******/ // define getter functions for harmony exports
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, {
30
+ enumerable: true,
31
+ get: n[t]
32
+ });
33
+ /******/ }
34
+ /******/ }
35
+ /******/ };
36
+ /******/ })();
37
+ /******/
38
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
39
+ /******/ (() => {
40
+ /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
41
+ /******/;
42
+ })();
43
+ /******/
44
+ /******/ /* webpack/runtime/make namespace object */
45
+ /******/ (() => {
46
+ /******/ // define __esModule on exports
47
+ /******/ e.r = e => {
48
+ /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
49
+ /******/ Object.defineProperty(e, Symbol.toStringTag, {
50
+ value: "Module"
51
+ });
52
+ /******/ }
53
+ /******/ Object.defineProperty(e, "__esModule", {
54
+ value: true
55
+ });
56
+ /******/ };
57
+ /******/ })();
58
+ /******/
59
+ /************************************************************************/ var r = {};
60
+ // ESM COMPAT FLAG
61
+ e.r(r);
62
+ // EXPORTS
63
+ e.d(r, {
64
+ Body: () => /* reexport */ w,
65
+ Cell: () => /* reexport */ x,
66
+ Head: () => /* reexport */ H,
67
+ HeadCell: () => /* reexport */ z,
68
+ Row: () => /* reexport */ J,
69
+ StyledSimpleTable: () => /* reexport */ f,
70
+ StyledSimpleTableBody: () => /* reexport */ p,
71
+ StyledSimpleTableCell: () => /* reexport */ y,
72
+ StyledSimpleTableHead: () => /* reexport */ s,
73
+ StyledSimpleTableHeadCell: () => /* reexport */ b,
74
+ StyledSimpleTableRow: () => /* reexport */ u,
75
+ default: () => /* reexport */ X,
76
+ sharedCellPaddingBlock: () => /* reexport */ d
77
+ });
78
+ // CONCATENATED MODULE: external "react"
79
+ const n = require("react");
80
+ var t = e.n(n);
81
+ // CONCATENATED MODULE: external "prop-types"
82
+ const l = require("prop-types");
83
+ var a = e.n(l);
84
+ // CONCATENATED MODULE: external "styled-components"
85
+ const o = require("styled-components");
86
+ var i = e.n(o);
87
+ // CONCATENATED MODULE: external "@splunk/themes"
88
+ const c = require("@splunk/themes");
89
+ // CONCATENATED MODULE: ./src/SimpleTable/SimpleTableStyles.ts
90
+ var f = i().table.withConfig({
91
+ displayName: "SimpleTableStyles__StyledSimpleTable",
92
+ componentId: "sc-1m2t25w-0"
93
+ })([ "", ";border-collapse:collapse;min-width:100%;" ], c.mixins.reset("table"));
94
+ var s = i().thead.withConfig({
95
+ displayName: "SimpleTableStyles__StyledSimpleTableHead",
96
+ componentId: "sc-1m2t25w-1"
97
+ })([ "", ";" ], c.mixins.reset("table-header-group"));
98
+ var p = i().tbody.withConfig({
99
+ displayName: "SimpleTableStyles__StyledSimpleTableBody",
100
+ componentId: "sc-1m2t25w-2"
101
+ })([ "", ";", "" ], c.mixins.reset("table-row-group"), (function(e) {
102
+ var r = e.$stripeRows;
103
+ return r && (0, o.css)([ "> tr:nth-child(even){background-color:", ";}" ], c.variables.neutral50);
104
+ }));
105
+ var u = i().tr.withConfig({
106
+ displayName: "SimpleTableStyles__StyledSimpleTableRow",
107
+ componentId: "sc-1m2t25w-3"
108
+ })([ "", ";" ], c.mixins.reset("table-row"));
109
+ /**
110
+ * Padding block is used to maintain consistent vertical alignment between single-line and multiline content.
111
+ * Cell height is 36px in comfortable: 20px line-height + 8px vertical padding
112
+ * Cell height is 32px in compact: 20px line-height + 6px vertical padding
113
+ */ var d = (0, o.css)([ "padding-block:", ";" ], (0, c.pick)({
114
+ comfortable: "8px",
115
+ compact: "6px"
116
+ }));
117
+ var b = i().th.withConfig({
118
+ displayName: "SimpleTableStyles__StyledSimpleTableHeadCell",
119
+ componentId: "sc-1m2t25w-4"
120
+ })([ "", ";", ";background-color:", ";box-sizing:content-box;", ";padding-inline:", ";vertical-align:top;word-wrap:break-word;&:not(:first-child){border-left:1px solid ", ";}" ], c.mixins.reset("table-cell"), c.mixins.typography("body", {
121
+ weight: "bold"
122
+ }), c.variables.neutral100, d, c.variables.spacingSmall, c.variables.borderColorWeak);
123
+ var y = i().td.withConfig({
124
+ displayName: "SimpleTableStyles__StyledSimpleTableCell",
125
+ componentId: "sc-1m2t25w-5"
126
+ })([ "", ";", ";", ";padding-inline:", ";vertical-align:top;word-wrap:break-word;word-break:break-word;" ], c.mixins.reset("table-cell"), c.mixins.typography("body"), d, c.variables.spacingSmall);
127
+ // CONCATENATED MODULE: ./src/SimpleTable/Body.tsx
128
+ function m() {
129
+ return m = Object.assign ? Object.assign.bind() : function(e) {
130
+ for (var r = 1; r < arguments.length; r++) {
131
+ var n = arguments[r];
132
+ for (var t in n) {
133
+ ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
134
+ }
135
+ }
136
+ return e;
137
+ }, m.apply(null, arguments);
138
+ }
139
+ function v(e, r) {
140
+ if (null == e) return {};
141
+ var n, t, l = O(e, r);
142
+ if (Object.getOwnPropertySymbols) {
143
+ var a = Object.getOwnPropertySymbols(e);
144
+ for (t = 0; t < a.length; t++) {
145
+ n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
146
+ }
147
+ }
148
+ return l;
149
+ }
150
+ function O(e, r) {
151
+ if (null == e) return {};
152
+ var n = {};
153
+ for (var t in e) {
154
+ if ({}.hasOwnProperty.call(e, t)) {
155
+ if (-1 !== r.indexOf(t)) continue;
156
+ n[t] = e[t];
157
+ }
158
+ }
159
+ return n;
160
+ }
161
+ var g = {
162
+ children: a().node,
163
+ elementRef: a().oneOfType([ a().func, a().object ]),
164
+ stripeRows: a().bool
165
+ };
166
+ function h(e) {
167
+ var r = e.children, n = e.elementRef, l = e.stripeRows, a = v(e, [ "children", "elementRef", "stripeRows" ]);
168
+ // @docs-props-type BodyPropsBase
169
+
170
+ return t().createElement(p, m({
171
+ "data-test": "simple-table-body",
172
+ ref: n,
173
+ $stripeRows: l
174
+ }, a), r);
175
+ }
176
+ h.propTypes = g;
177
+ /* harmony default export */ const w = h;
178
+ // CONCATENATED MODULE: ./src/SimpleTable/Cell.tsx
179
+ function S() {
180
+ return S = Object.assign ? Object.assign.bind() : function(e) {
181
+ for (var r = 1; r < arguments.length; r++) {
182
+ var n = arguments[r];
183
+ for (var t in n) {
184
+ ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
185
+ }
186
+ }
187
+ return e;
188
+ }, S.apply(null, arguments);
189
+ }
190
+ function j(e, r) {
191
+ if (null == e) return {};
192
+ var n, t, l = T(e, r);
193
+ if (Object.getOwnPropertySymbols) {
194
+ var a = Object.getOwnPropertySymbols(e);
195
+ for (t = 0; t < a.length; t++) {
196
+ n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
197
+ }
198
+ }
199
+ return l;
200
+ }
201
+ function T(e, r) {
202
+ if (null == e) return {};
203
+ var n = {};
204
+ for (var t in e) {
205
+ if ({}.hasOwnProperty.call(e, t)) {
206
+ if (-1 !== r.indexOf(t)) continue;
207
+ n[t] = e[t];
208
+ }
209
+ }
210
+ return n;
211
+ }
212
+ var P = {
213
+ children: a().node,
214
+ elementRef: a().oneOfType([ a().func, a().object ])
215
+ };
216
+ function R(e) {
217
+ var r = e.children, n = e.elementRef, l = j(e, [ "children", "elementRef" ]);
218
+ // @docs-props-type CellPropsBase
219
+
220
+ return t().createElement(y, S({
221
+ "data-test": "simple-table-cell",
222
+ ref: n
223
+ }, l), r);
224
+ }
225
+ R.propTypes = P;
226
+ /* harmony default export */ const x = R;
227
+ // CONCATENATED MODULE: ./src/SimpleTable/Head.tsx
228
+ function C() {
229
+ return C = Object.assign ? Object.assign.bind() : function(e) {
230
+ for (var r = 1; r < arguments.length; r++) {
231
+ var n = arguments[r];
232
+ for (var t in n) {
233
+ ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
234
+ }
235
+ }
236
+ return e;
237
+ }, C.apply(null, arguments);
238
+ }
239
+ function _(e, r) {
240
+ if (null == e) return {};
241
+ var n, t, l = E(e, r);
242
+ if (Object.getOwnPropertySymbols) {
243
+ var a = Object.getOwnPropertySymbols(e);
244
+ for (t = 0; t < a.length; t++) {
245
+ n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
246
+ }
247
+ }
248
+ return l;
249
+ }
250
+ function E(e, r) {
251
+ if (null == e) return {};
252
+ var n = {};
253
+ for (var t in e) {
254
+ if ({}.hasOwnProperty.call(e, t)) {
255
+ if (-1 !== r.indexOf(t)) continue;
256
+ n[t] = e[t];
257
+ }
258
+ }
259
+ return n;
260
+ }
261
+ var I = {
262
+ children: a().node,
263
+ elementRef: a().oneOfType([ a().func, a().object ])
264
+ };
265
+ function k(e) {
266
+ var r = e.children, n = e.elementRef, l = _(e, [ "children", "elementRef" ]);
267
+ // @docs-props-type HeadPropsBase
268
+
269
+ return t().createElement(s, C({
270
+ "data-test": "simple-table-head",
271
+ ref: n
272
+ }, l), r);
273
+ }
274
+ k.propTypes = I;
275
+ /* harmony default export */ const H = k;
276
+ // CONCATENATED MODULE: ./src/SimpleTable/HeadCell.tsx
277
+ function N() {
278
+ return N = Object.assign ? Object.assign.bind() : function(e) {
279
+ for (var r = 1; r < arguments.length; r++) {
280
+ var n = arguments[r];
281
+ for (var t in n) {
282
+ ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
283
+ }
284
+ }
285
+ return e;
286
+ }, N.apply(null, arguments);
287
+ }
288
+ function B(e, r) {
289
+ if (null == e) return {};
290
+ var n, t, l = q(e, r);
291
+ if (Object.getOwnPropertySymbols) {
292
+ var a = Object.getOwnPropertySymbols(e);
293
+ for (t = 0; t < a.length; t++) {
294
+ n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
295
+ }
296
+ }
297
+ return l;
298
+ }
299
+ function q(e, r) {
300
+ if (null == e) return {};
301
+ var n = {};
302
+ for (var t in e) {
303
+ if ({}.hasOwnProperty.call(e, t)) {
304
+ if (-1 !== r.indexOf(t)) continue;
305
+ n[t] = e[t];
306
+ }
307
+ }
308
+ return n;
309
+ }
310
+ var M = {
311
+ children: a().node,
312
+ elementRef: a().oneOfType([ a().func, a().object ])
313
+ };
314
+ function $(e) {
315
+ var r = e.children, n = e.elementRef, l = B(e, [ "children", "elementRef" ]);
316
+ // @docs-props-type HeadCellPropsBase
317
+
318
+ return t().createElement(b, N({
319
+ "data-test": "simple-table-head-cell",
320
+ ref: n
321
+ }, l), r);
322
+ }
323
+ $.propTypes = M;
324
+ /* harmony default export */ const z = $;
325
+ // CONCATENATED MODULE: ./src/SimpleTable/Row.tsx
326
+ function W() {
327
+ return W = Object.assign ? Object.assign.bind() : function(e) {
328
+ for (var r = 1; r < arguments.length; r++) {
329
+ var n = arguments[r];
330
+ for (var t in n) {
331
+ ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
332
+ }
333
+ }
334
+ return e;
335
+ }, W.apply(null, arguments);
336
+ }
337
+ function A(e, r) {
338
+ if (null == e) return {};
339
+ var n, t, l = D(e, r);
340
+ if (Object.getOwnPropertySymbols) {
341
+ var a = Object.getOwnPropertySymbols(e);
342
+ for (t = 0; t < a.length; t++) {
343
+ n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
344
+ }
345
+ }
346
+ return l;
347
+ }
348
+ function D(e, r) {
349
+ if (null == e) return {};
350
+ var n = {};
351
+ for (var t in e) {
352
+ if ({}.hasOwnProperty.call(e, t)) {
353
+ if (-1 !== r.indexOf(t)) continue;
354
+ n[t] = e[t];
355
+ }
356
+ }
357
+ return n;
358
+ }
359
+ var F = {
360
+ children: a().node,
361
+ elementRef: a().oneOfType([ a().func, a().object ])
362
+ };
363
+ function G(e) {
364
+ var r = e.children, n = e.elementRef, l = A(e, [ "children", "elementRef" ]);
365
+ // @docs-props-type RowPropsBase
366
+
367
+ return t().createElement(u, W({
368
+ "data-test": "simple-table-row",
369
+ ref: n
370
+ }, l), r);
371
+ }
372
+ G.propTypes = F;
373
+ /* harmony default export */ const J = G;
374
+ // CONCATENATED MODULE: ./src/SimpleTable/SimpleTable.tsx
375
+ function K() {
376
+ return K = Object.assign ? Object.assign.bind() : function(e) {
377
+ for (var r = 1; r < arguments.length; r++) {
378
+ var n = arguments[r];
379
+ for (var t in n) {
380
+ ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
381
+ }
382
+ }
383
+ return e;
384
+ }, K.apply(null, arguments);
385
+ }
386
+ function L(e, r) {
387
+ if (null == e) return {};
388
+ var n, t, l = Q(e, r);
389
+ if (Object.getOwnPropertySymbols) {
390
+ var a = Object.getOwnPropertySymbols(e);
391
+ for (t = 0; t < a.length; t++) {
392
+ n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
393
+ }
394
+ }
395
+ return l;
396
+ }
397
+ function Q(e, r) {
398
+ if (null == e) return {};
399
+ var n = {};
400
+ for (var t in e) {
401
+ if ({}.hasOwnProperty.call(e, t)) {
402
+ if (-1 !== r.indexOf(t)) continue;
403
+ n[t] = e[t];
404
+ }
405
+ }
406
+ return n;
407
+ }
408
+ var U = {
409
+ children: a().node,
410
+ elementRef: a().oneOfType([ a().func, a().object ])
411
+ };
412
+ /**
413
+ * A lightweight table for static content. It preserves native table semantics and basic Splunk table styling
414
+ * without the interactive runtime used by `Table`.
415
+ */ function V(e) {
416
+ var r = e.children, n = e.elementRef, l = L(e, [ "children", "elementRef" ]);
417
+ // @docs-props-type SimpleTablePropsBase
418
+
419
+ return t().createElement(f, K({
420
+ "data-test": "simple-table",
421
+ ref: n
422
+ }, l), r);
423
+ }
424
+ V.propTypes = U;
425
+ V.Body = w;
426
+ V.Cell = x;
427
+ V.Head = H;
428
+ V.HeadCell = z;
429
+ V.Row = J;
430
+ /* harmony default export */ const X = V;
431
+ // CONCATENATED MODULE: ./src/SimpleTable/index.ts
432
+ module.exports = r;
433
+ /******/})();