@splunk/react-ui 5.9.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 (53) hide show
  1. package/ButtonSimple.js +1 -1
  2. package/CHANGELOG.md +16 -0
  3. package/Code.js +177 -170
  4. package/ColumnLayout.js +69 -45
  5. package/Dropdown.js +74 -68
  6. package/LICENSE +1 -1
  7. package/MIGRATION.md +40 -0
  8. package/Markdown.js +331 -306
  9. package/Menu.js +2 -2
  10. package/Multiselect.js +59 -59
  11. package/Number.js +236 -242
  12. package/SimpleTable.d.ts +2 -0
  13. package/SimpleTable.js +433 -0
  14. package/SlidingPanels.js +224 -153
  15. package/SpotLight.d.ts +2 -0
  16. package/SpotLight.js +687 -0
  17. package/Table.js +1230 -1233
  18. package/docker-compose.yml +12 -18
  19. package/docs-llm/Avatar.md +2 -2
  20. package/docs-llm/Collapsible Panel.md +11 -57
  21. package/docs-llm/Column Layout.md +2 -2
  22. package/docs-llm/Divider.md +33 -0
  23. package/docs-llm/Message Bar.md +4 -1
  24. package/docs-llm/Multiselect.md +180 -159
  25. package/docs-llm/Table.md +7 -7
  26. package/docs-llm/Typography.md +1 -1
  27. package/docs-llm/llms.txt +1 -1
  28. package/package.json +9 -11
  29. package/test-runner-jest.config.js +4 -53
  30. package/types/src/CollapsiblePanel/docs/examples/Actions.d.ts +1 -1
  31. package/types/src/ColumnLayout/ColumnLayout.d.ts +2 -2
  32. package/types/src/Divider/docs/examples/VerticalWithAlignItems.d.ts +8 -0
  33. package/types/src/Markdown/Markdown.d.ts +14 -2
  34. package/types/src/Markdown/renderers/MarkdownTable.d.ts +2 -22
  35. package/types/src/Markdown/renderers/MarkdownWrapper.d.ts +11 -0
  36. package/types/src/Markdown/renderers/index.d.ts +3 -1
  37. package/types/src/Multiselect/Compact.d.ts +4 -0
  38. package/types/src/Multiselect/Multiselect.d.ts +4 -0
  39. package/types/src/Multiselect/docs/examples/LoadMoreWithSelectAll.d.ts +9 -0
  40. package/types/src/SelectBase/SelectBase.d.ts +4 -0
  41. package/types/src/SimpleTable/Body.d.ts +25 -0
  42. package/types/src/SimpleTable/Cell.d.ts +20 -0
  43. package/types/src/SimpleTable/Head.d.ts +20 -0
  44. package/types/src/SimpleTable/HeadCell.d.ts +20 -0
  45. package/types/src/SimpleTable/Row.d.ts +20 -0
  46. package/types/src/SimpleTable/SimpleTable.d.ts +37 -0
  47. package/types/src/SimpleTable/index.d.ts +3 -0
  48. package/types/src/SpotLight/SpotLight.d.ts +88 -0
  49. package/types/src/SpotLight/index.d.ts +2 -0
  50. package/types/src/Table/Row.d.ts +1 -1
  51. package/types/src/Table/Table.d.ts +1 -1
  52. package/types/src/Typography/Typography.d.ts +1 -1
  53. 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
+ /******/})();