@splunk/react-ui 4.39.0 → 4.40.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 (54) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/Card.js +3 -1
  3. package/Chip.js +133 -125
  4. package/ControlGroup.js +27 -30
  5. package/MIGRATION.mdx +31 -0
  6. package/Message.js +136 -123
  7. package/Multiselect.js +3147 -3130
  8. package/Number.js +23 -18
  9. package/Popover.js +2 -1
  10. package/Select.js +2072 -2064
  11. package/SplitButton.d.ts +2 -0
  12. package/TabBar.js +15 -12
  13. package/TabLayout.js +8 -2
  14. package/Table.js +229 -224
  15. package/WaitSpinner.js +1 -1
  16. package/package.json +2 -2
  17. package/types/src/Card/Card.d.ts +1 -0
  18. package/types/src/Card/Footer.d.ts +1 -0
  19. package/types/src/Chip/Chip.d.ts +3 -6
  20. package/types/src/ComboBox/ComboBox.d.ts +1 -1
  21. package/types/src/Multiselect/Compact.d.ts +1 -1
  22. package/types/src/Multiselect/Multiselect.d.ts +1 -1
  23. package/types/src/Multiselect/Normal.d.ts +1 -1
  24. package/types/src/Select/Select.d.ts +3 -1
  25. package/types/src/Select/SelectAllOption.d.ts +2 -2
  26. package/types/src/Select/SelectBase.d.ts +104 -66
  27. package/types/src/Select/docs/examples/Appearance.d.ts +0 -2
  28. package/types/src/Table/Cell.d.ts +0 -2
  29. package/types/src/Table/HeadInner.d.ts +5 -1
  30. package/types/src/WaitSpinner/WaitSpinner.d.ts +0 -1
  31. package/types/src/useControlled/index.d.ts +2 -0
  32. package/types/src/useControlled/useControlled.d.ts +21 -0
  33. package/types/src/useResizeObserver/index.d.ts +2 -0
  34. package/types/src/useResizeObserver/useResizeObserver.d.ts +12 -0
  35. package/useControlled.js +112 -0
  36. package/useKeyPress.d.ts +2 -0
  37. package/useResizeObserver.d.ts +2 -0
  38. package/useResizeObserver.js +137 -0
  39. package/types/src/Chip/docs/examples/Basic.d.ts +0 -2
  40. package/types/src/Chip/docs/examples/prisma/Appearance.d.ts +0 -2
  41. package/types/src/Color/docs/examples/prisma/Controlled.d.ts +0 -2
  42. package/types/src/Color/docs/examples/prisma/ThemeVariables.d.ts +0 -1
  43. package/types/src/Color/docs/examples/prisma/Uncontrolled.d.ts +0 -2
  44. package/types/src/Dropdown/docs/examples/prisma/Basic.d.ts +0 -2
  45. package/types/src/Dropdown/docs/examples/prisma/BasicMenu.d.ts +0 -2
  46. package/types/src/Dropdown/docs/examples/prisma/ControlledDropdown.d.ts +0 -2
  47. package/types/src/Dropdown/docs/examples/prisma/Dialog.d.ts +0 -2
  48. package/types/src/Dropdown/docs/examples/prisma/OtherToggles.d.ts +0 -2
  49. package/types/src/Dropdown/docs/examples/prisma/ScrollingMenu.d.ts +0 -2
  50. package/types/src/File/docs/examples/prisma/Disabled.d.ts +0 -12
  51. package/types/src/Message/docs/examples/Title.d.ts +0 -2
  52. package/types/src/WaitSpinner/docs/examples/prisma/Basic.d.ts +0 -2
  53. /package/types/src/Color/docs/examples/{prisma/CustomizedPalette.d.ts → CustomizedPalette.d.ts} +0 -0
  54. /package/types/src/Color/docs/examples/{prisma/HideInput.d.ts → HideInput.d.ts} +0 -0
@@ -0,0 +1,137 @@
1
+ /******/ (() => {
2
+ // webpackBootstrap
3
+ /******/ "use strict";
4
+ /******/ // The require scope
5
+ /******/ var e = {};
6
+ /******/
7
+ /************************************************************************/
8
+ /******/ /* webpack/runtime/define property getters */
9
+ /******/ (() => {
10
+ /******/ // define getter functions for harmony exports
11
+ /******/ e.d = (r, t) => {
12
+ /******/ for (var n in t) {
13
+ /******/ if (e.o(t, n) && !e.o(r, n)) {
14
+ /******/ Object.defineProperty(r, n, {
15
+ enumerable: true,
16
+ get: t[n]
17
+ });
18
+ /******/ }
19
+ /******/ }
20
+ /******/ };
21
+ /******/ })();
22
+ /******/
23
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
24
+ /******/ (() => {
25
+ /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
26
+ /******/;
27
+ })();
28
+ /******/
29
+ /******/ /* webpack/runtime/make namespace object */
30
+ /******/ (() => {
31
+ /******/ // define __esModule on exports
32
+ /******/ e.r = e => {
33
+ /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
34
+ /******/ Object.defineProperty(e, Symbol.toStringTag, {
35
+ value: "Module"
36
+ });
37
+ /******/ }
38
+ /******/ Object.defineProperty(e, "__esModule", {
39
+ value: true
40
+ });
41
+ /******/ };
42
+ /******/ })();
43
+ /******/
44
+ /************************************************************************/ var r = {};
45
+ // ESM COMPAT FLAG
46
+ e.r(r);
47
+ // EXPORTS
48
+ e.d(r, {
49
+ default: () => /* reexport */ c
50
+ });
51
+ // CONCATENATED MODULE: external "react"
52
+ const t = require("react");
53
+ // CONCATENATED MODULE: ./src/useResizeObserver/useResizeObserver.ts
54
+ function n(e, r) {
55
+ return a(e) || l(e, r) || i(e, r) || o();
56
+ }
57
+ function o() {
58
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
59
+ }
60
+ function i(e, r) {
61
+ if (e) {
62
+ if ("string" == typeof e) return u(e, r);
63
+ var t = {}.toString.call(e).slice(8, -1);
64
+ return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? u(e, r) : void 0;
65
+ }
66
+ }
67
+ function u(e, r) {
68
+ (null == r || r > e.length) && (r = e.length);
69
+ for (var t = 0, n = Array(r); t < r; t++) {
70
+ n[t] = e[t];
71
+ }
72
+ return n;
73
+ }
74
+ function l(e, r) {
75
+ var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
76
+ if (null != t) {
77
+ var n, o, i, u, l = [], a = !0, f = !1;
78
+ try {
79
+ if (i = (t = t.call(e)).next, 0 === r) {
80
+ if (Object(t) !== t) return;
81
+ a = !1;
82
+ } else for (;!(a = (n = i.call(t)).done) && (l.push(n.value), l.length !== r); a = !0) {
83
+ }
84
+ } catch (e) {
85
+ f = !0, o = e;
86
+ } finally {
87
+ try {
88
+ if (!a && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
89
+ } finally {
90
+ if (f) throw o;
91
+ }
92
+ }
93
+ return l;
94
+ }
95
+ }
96
+ function a(e) {
97
+ if (Array.isArray(e)) return e;
98
+ }
99
+ /**
100
+ * Watches a React ref element for changes in size.
101
+ *
102
+ * @param ref - The React ref to observe size changes on
103
+ */ var f = function e(r) {
104
+ var o = (0, t.useState)({
105
+ width: 0,
106
+ height: 0
107
+ }), i = n(o, 2), u = i[0], l = i[1];
108
+ (0, t.useEffect)((function() {
109
+ var e = r.current;
110
+ if (typeof window !== "undefined" && window.ResizeObserver) {
111
+ var t = new ResizeObserver((function(e) {
112
+ if (e[0]) {
113
+ var t, n;
114
+ l({
115
+ width: (r === null || r === void 0 ? void 0 : (t = r.current) === null || t === void 0 ? void 0 : t.getBoundingClientRect().width) || 0,
116
+ height: (r === null || r === void 0 ? void 0 : (n = r.current) === null || n === void 0 ? void 0 : n.getBoundingClientRect().height) || 0
117
+ });
118
+ }
119
+ }));
120
+ if (e) {
121
+ t.observe(e);
122
+ }
123
+ return function() {
124
+ if (e) {
125
+ t.unobserve(e);
126
+ }
127
+ };
128
+ }
129
+ // Return a no-op function to satisfy consistent-return rule
130
+ return function() {};
131
+ }), [ r ]);
132
+ return u;
133
+ };
134
+ /* harmony default export */ const c = f;
135
+ // CONCATENATED MODULE: ./src/useResizeObserver/index.ts
136
+ module.exports = r;
137
+ /******/})();
@@ -1,2 +0,0 @@
1
- declare function Basic(): JSX.Element;
2
- export default Basic;
@@ -1,2 +0,0 @@
1
- declare function OutlineAppearance(): JSX.Element;
2
- export default OutlineAppearance;
@@ -1,2 +0,0 @@
1
- declare function Controlled(): JSX.Element;
2
- export default Controlled;
@@ -1 +0,0 @@
1
- export default function ThemeVariables(): JSX.Element;
@@ -1,2 +0,0 @@
1
- declare function Uncontrolled(): JSX.Element;
2
- export default Uncontrolled;
@@ -1,2 +0,0 @@
1
- declare function Basic(): JSX.Element;
2
- export default Basic;
@@ -1,2 +0,0 @@
1
- declare function BasicMenu(): JSX.Element;
2
- export default BasicMenu;
@@ -1,2 +0,0 @@
1
- declare function ControlledDropdown(): JSX.Element;
2
- export default ControlledDropdown;
@@ -1,2 +0,0 @@
1
- declare function Dialog(): JSX.Element;
2
- export default Dialog;
@@ -1,2 +0,0 @@
1
- declare function OtherToggles(): JSX.Element;
2
- export default OtherToggles;
@@ -1,2 +0,0 @@
1
- declare function ScrollingMenu(): JSX.Element;
2
- export default ScrollingMenu;
@@ -1,12 +0,0 @@
1
- import { Component } from 'react';
2
- import { FileRequestAddHandler } from '@splunk/react-ui/File';
3
- declare class Disabled extends Component<{}, {
4
- filename?: string;
5
- }> {
6
- private fileReader;
7
- constructor(props: {});
8
- handleAddFiles: FileRequestAddHandler;
9
- handleRemoveFile: () => void;
10
- render(): JSX.Element;
11
- }
12
- export default Disabled;
@@ -1,2 +0,0 @@
1
- declare function Title(): JSX.Element;
2
- export default Title;
@@ -1,2 +0,0 @@
1
- declare function Basic(): JSX.Element;
2
- export default Basic;