@splunk/react-ui 5.0.0-beta.2 → 5.0.0-beta.4
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.
- package/Accordion.js +185 -243
- package/Animation.js +2 -2
- package/Button.js +4 -4
- package/ButtonGroup.js +10 -11
- package/ButtonSimple.js +48 -42
- package/CHANGELOG.md +26 -0
- package/CHANGELOG.v5.mdx +81 -0
- package/Calendar.js +352 -469
- package/Card.js +178 -321
- package/Chip.js +154 -296
- package/Clickable.js +30 -30
- package/Code.js +64 -49
- package/Color.js +546 -462
- package/ComboBox.js +575 -767
- package/Date.js +144 -136
- package/Divider.js +29 -26
- package/DualListbox.js +441 -444
- package/File.js +707 -981
- package/FormRows.js +260 -286
- package/Image.js +124 -251
- package/JSONTree.js +129 -129
- package/Layout.d.ts +2 -0
- package/Link.js +12 -12
- package/MIGRATION.mdx +22 -1
- package/MIGRATION.v5.mdx +12 -1
- package/Menu.js +76 -76
- package/Message.js +77 -100
- package/MessageBar.js +141 -251
- package/Modal.js +42 -40
- package/ModalLayer.js +12 -12
- package/Multiselect.js +1989 -2362
- package/NonInteractiveCheckbox.js +30 -118
- package/Number.js +75 -73
- package/Popover.js +348 -350
- package/Progress.js +1 -1
- package/RadioBar.js +136 -136
- package/Resize.js +62 -65
- package/Scroll.js +2 -2
- package/Select.js +281 -283
- package/SidePanel.js +53 -55
- package/Slider.js +370 -364
- package/SlidingPanels.js +100 -102
- package/SplitButton.js +170 -343
- package/StaticContent.js +15 -13
- package/StepBar.js +61 -60
- package/Switch.js +150 -164
- package/TabBar.js +544 -417
- package/Table.js +1711 -1540
- package/Text.js +28 -26
- package/TextArea.js +26 -26
- package/Tooltip.js +416 -562
- package/TransitionOpen.js +179 -158
- package/Tree.d.ts +2 -0
- package/WaitSpinner.js +1 -1
- package/package.json +7 -9
- package/types/src/Accordion/Accordion.d.ts +14 -21
- package/types/src/Accordion/AccordionContext.d.ts +0 -1
- package/types/src/Animation/Animation.d.ts +2 -3
- package/types/src/AnimationToggle/docs/examples/Provider.d.ts +2 -2
- package/types/src/AnimationToggle/docs/examples/ToggleComponent.d.ts +2 -2
- package/types/src/AnimationToggle/useAnimationToggle.d.ts +1 -1
- package/types/src/Button/Button.d.ts +2 -2
- package/types/src/ButtonGroup/ButtonGroupContext.d.ts +0 -1
- package/types/src/ButtonSimple/ButtonSimple.d.ts +1 -3
- package/types/src/ButtonSimple/mixin.d.ts +1 -1
- package/types/src/Calendar/Calendar.d.ts +2 -2
- package/types/src/Calendar/{DateTable.d.ts → DateGrid.d.ts} +9 -9
- package/types/src/Calendar/Day.d.ts +8 -4
- package/types/src/Card/Card.d.ts +27 -14
- package/types/src/CardLayout/CardLayoutContext.d.ts +0 -1
- package/types/src/CardLayout/docs/examples/Interactive.d.ts +2 -2
- package/types/src/Clickable/Clickable.d.ts +1 -1
- package/types/src/CollapsiblePanel/SingleOpenPanelGroupContext.d.ts +0 -1
- package/types/src/Color/Color.d.ts +3 -3
- package/types/src/Color/ColorInput.d.ts +27 -0
- package/types/src/Color/Palette.d.ts +11 -18
- package/types/src/Color/Swatch.d.ts +3 -1
- package/types/src/ComboBox/ComboBox.d.ts +46 -50
- package/types/src/ComboBox/Option.d.ts +34 -18
- package/types/src/ControlGroup/docs/examples/CustomizedLabelTarget.d.ts +2 -2
- package/types/src/Date/Date.d.ts +3 -2
- package/types/src/Date/docs/examples/Controlled.d.ts +2 -2
- package/types/src/Date/docs/examples/HighlightToday.d.ts +2 -2
- package/types/src/DefinitionList/DefinitionListContext.d.ts +0 -1
- package/types/src/Divider/Divider.d.ts +14 -6
- package/types/src/Divider/docs/examples/Appearance.d.ts +3 -0
- package/types/src/DualListbox/DualListbox.d.ts +5 -1
- package/types/src/File/File.d.ts +6 -6
- package/types/src/File/FileContext.d.ts +0 -1
- package/types/src/File/Item.d.ts +11 -3
- package/types/src/File/ItemIcon.d.ts +7 -0
- package/types/src/File/docs/examples/Disabled.d.ts +2 -2
- package/types/src/File/docs/examples/DropAnywhere.d.ts +2 -2
- package/types/src/File/docs/examples/Multi.d.ts +2 -2
- package/types/src/File/docs/examples/Single.d.ts +2 -2
- package/types/src/FormRows/FormRows.d.ts +8 -8
- package/types/src/FormRows/FormRowsContext.d.ts +1 -2
- package/types/src/FormRows/Row.d.ts +2 -2
- package/types/src/FormRows/RowInternal.d.ts +1 -1
- package/types/src/FormRows/SortableRow.d.ts +3 -3
- package/types/src/FormRows/docs/examples/Basic.d.ts +2 -2
- package/types/src/FormRows/docs/examples/Header.d.ts +2 -2
- package/types/src/FormRows/docs/examples/Menu.d.ts +2 -2
- package/types/src/FormRows/docs/examples/ReorderOnly.d.ts +2 -2
- package/types/src/Image/Image.d.ts +1 -4
- package/types/src/JSONTree/docs/examples/Events.d.ts +2 -2
- package/types/src/Layout/Layout.d.ts +1 -0
- package/types/src/Link/icons/External.d.ts +1 -2
- package/types/src/Menu/Divider.d.ts +1 -1
- package/types/src/Menu/MenuContext.d.ts +0 -1
- package/types/src/MessageBar/MessageBar.d.ts +5 -1
- package/types/src/Modal/ModalContext.d.ts +0 -1
- package/types/src/Multiselect/Compact.d.ts +49 -21
- package/types/src/Multiselect/Multiselect.d.ts +73 -30
- package/types/src/Multiselect/Normal.d.ts +46 -57
- package/types/src/Multiselect/Option.d.ts +42 -18
- package/types/src/Multiselect/docs/examples/Children.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/Controlled.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/CustomizeSelected.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/Disabled.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/Error.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/Fetching.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/LoadMoreOnScrollBottom.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/NewValues.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/TabInput.d.ts +2 -2
- package/types/src/NonInteractiveCheckbox/NonInteractiveCheckbox.d.ts +9 -8
- package/types/src/Number/Number.d.ts +1 -0
- package/types/src/Number/docs/examples/Basic.d.ts +2 -2
- package/types/src/Number/docs/examples/Limits.d.ts +2 -2
- package/types/src/Number/docs/examples/Locale.d.ts +2 -2
- package/types/src/Popover/Popover.d.ts +1 -1
- package/types/src/Popover/PopoverMenuContext.d.ts +0 -1
- package/types/src/RadioBar/RadioBar.d.ts +1 -1
- package/types/src/RadioBar/RadioBarContext.d.ts +0 -1
- package/types/src/RadioList/RadioListContext.d.ts +0 -1
- package/types/src/Scroll/Inner.d.ts +1 -1
- package/types/src/Scroll/docs/examples/Controlled.d.ts +2 -2
- package/types/src/Search/Search.d.ts +2 -2
- package/types/src/Select/SelectBase.d.ts +2 -2
- package/types/src/SidePanel/SidePanel.d.ts +8 -3
- package/types/src/Slider/Slider.d.ts +1 -1
- package/types/src/Slider/docs/examples/Controlled.d.ts +2 -2
- package/types/src/Slider/docs/examples/CustomLabels.d.ts +2 -2
- package/types/src/Slider/getStepMarksBackground.d.ts +8 -0
- package/types/src/SlidingPanels/Panel.d.ts +2 -2
- package/types/src/SlidingPanels/SlidingPanels.d.ts +2 -2
- package/types/src/SlidingPanels/docs/examples/Basic.d.ts +2 -2
- package/types/src/SlidingPanels/docs/examples/Dropdown.d.ts +2 -2
- package/types/src/SplitButton/Item.d.ts +34 -20
- package/types/src/SplitButton/SplitButton.d.ts +4 -1
- package/types/src/StaticContent/StaticContent.d.ts +3 -1
- package/types/src/StepBar/Step.d.ts +1 -1
- package/types/src/StepBar/StepBar.d.ts +1 -1
- package/types/src/StepBar/StepBarContext.d.ts +0 -1
- package/types/src/Switch/Switch.d.ts +1 -9
- package/types/src/Switch/docs/examples/Basic.d.ts +2 -2
- package/types/src/Switch/docs/examples/Disabled.d.ts +2 -2
- package/types/src/TabBar/Tab.d.ts +12 -5
- package/types/src/TabBar/TabBar.d.ts +4 -3
- package/types/src/TabBar/TabBarContext.d.ts +7 -2
- package/types/src/Table/Head.d.ts +4 -15
- package/types/src/Table/HeadCell.d.ts +23 -25
- package/types/src/Table/HeadDropdownCell.d.ts +23 -26
- package/types/src/Table/HeadInner.d.ts +4 -10
- package/types/src/Table/Row.d.ts +6 -6
- package/types/src/Table/Table.d.ts +3 -8
- package/types/src/Table/TableContext.d.ts +0 -1
- package/types/src/Table/Toggle.d.ts +1 -1
- package/types/src/Text/Text.d.ts +5 -1
- package/types/src/Tooltip/Tooltip.d.ts +26 -58
- package/types/src/Tooltip/docs/examples/Controlled.d.ts +2 -2
- package/types/src/TransitionOpen/TransitionOpen.d.ts +6 -1
- package/types/src/Tree/TreeContext.d.ts +0 -1
- package/types/src/useForceUpdate/useForceUpdate.d.ts +0 -1
- package/types/src/useResizeObserver/useResizeObserver.d.ts +2 -1
- package/types/src/utils/types.d.ts +2 -3
- package/useResizeObserver.js +26 -19
- package/types/src/File/Icon.d.ts +0 -3
- package/types/src/File/IconCloud.d.ts +0 -3
- package/types/src/File/PaperClip.d.ts +0 -3
- package/types/src/File/Retry.d.ts +0 -2
- package/types/src/File/Trash.d.ts +0 -3
- package/types/src/FormRows/icons/FormRowsPlusIcon.d.ts +0 -3
- package/types/src/Image/icons/Cross.d.ts +0 -3
- package/types/src/Multiselect/docs/examples/CompactSelectAll.d.ts +0 -3
- package/types/src/Table/docs/examples/prisma/DockedHeaderScrollbar.d.ts +0 -3
- package/types/src/Tooltip/InfoIcon.d.ts +0 -4
package/useResizeObserver.js
CHANGED
|
@@ -15,22 +15,22 @@
|
|
|
15
15
|
/******/ // The require function
|
|
16
16
|
/******/ function t(n) {
|
|
17
17
|
/******/ // Check if module is in cache
|
|
18
|
-
/******/ var
|
|
19
|
-
/******/ if (
|
|
20
|
-
/******/ return
|
|
18
|
+
/******/ var i = r[n];
|
|
19
|
+
/******/ if (i !== undefined) {
|
|
20
|
+
/******/ return i.exports;
|
|
21
21
|
/******/ }
|
|
22
22
|
/******/ // Create a new module (and put it into the cache)
|
|
23
|
-
/******/ var
|
|
23
|
+
/******/ var o = r[n] = {
|
|
24
24
|
/******/ // no module.id needed
|
|
25
25
|
/******/ // no module.loaded needed
|
|
26
26
|
/******/ exports: {}
|
|
27
27
|
/******/ };
|
|
28
28
|
/******/
|
|
29
29
|
/******/ // Execute the module function
|
|
30
|
-
/******/ e[n](
|
|
30
|
+
/******/ e[n](o, o.exports, t);
|
|
31
31
|
/******/
|
|
32
32
|
/******/ // Return the exports of the module
|
|
33
|
-
/******/ return
|
|
33
|
+
/******/ return o.exports;
|
|
34
34
|
/******/ }
|
|
35
35
|
/******/
|
|
36
36
|
/************************************************************************/
|
|
@@ -83,12 +83,12 @@
|
|
|
83
83
|
var e = t(9497);
|
|
84
84
|
// CONCATENATED MODULE: ./src/useResizeObserver/useResizeObserver.ts
|
|
85
85
|
function r(e, r) {
|
|
86
|
-
return a(e) || l(e, r) ||
|
|
86
|
+
return a(e) || l(e, r) || o(e, r) || i();
|
|
87
87
|
}
|
|
88
|
-
function
|
|
88
|
+
function i() {
|
|
89
89
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
90
90
|
}
|
|
91
|
-
function
|
|
91
|
+
function o(e, r) {
|
|
92
92
|
if (e) {
|
|
93
93
|
if ("string" == typeof e) return u(e, r);
|
|
94
94
|
var t = {}.toString.call(e).slice(8, -1);
|
|
@@ -105,20 +105,20 @@
|
|
|
105
105
|
function l(e, r) {
|
|
106
106
|
var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
107
107
|
if (null != t) {
|
|
108
|
-
var n,
|
|
108
|
+
var n, i, o, u, l = [], a = !0, f = !1;
|
|
109
109
|
try {
|
|
110
|
-
if (
|
|
110
|
+
if (o = (t = t.call(e)).next, 0 === r) {
|
|
111
111
|
if (Object(t) !== t) return;
|
|
112
112
|
a = !1;
|
|
113
|
-
} else for (;!(a = (n =
|
|
113
|
+
} else for (;!(a = (n = o.call(t)).done) && (l.push(n.value), l.length !== r); a = !0) {
|
|
114
114
|
}
|
|
115
115
|
} catch (e) {
|
|
116
|
-
f = !0,
|
|
116
|
+
f = !0, i = e;
|
|
117
117
|
} finally {
|
|
118
118
|
try {
|
|
119
119
|
if (!a && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
|
|
120
120
|
} finally {
|
|
121
|
-
if (f) throw
|
|
121
|
+
if (f) throw i;
|
|
122
122
|
}
|
|
123
123
|
}
|
|
124
124
|
return l;
|
|
@@ -131,21 +131,28 @@
|
|
|
131
131
|
* Watches a React ref element for changes in size.
|
|
132
132
|
*
|
|
133
133
|
* @param ref - The React ref to observe size changes on
|
|
134
|
-
*/ var f = function t(n) {
|
|
134
|
+
*/ var f = function t(n, i) {
|
|
135
135
|
var o = (0, e.useState)({
|
|
136
136
|
width: 0,
|
|
137
137
|
height: 0
|
|
138
|
-
}),
|
|
138
|
+
}), u = r(o, 2), l = u[0], a = u[1];
|
|
139
139
|
(0, e.useEffect)((function() {
|
|
140
140
|
var e = n.current;
|
|
141
141
|
if (typeof window !== "undefined" && window.ResizeObserver) {
|
|
142
142
|
var r = new ResizeObserver((function(e) {
|
|
143
143
|
if (e[0]) {
|
|
144
144
|
var r, t;
|
|
145
|
-
|
|
145
|
+
var o = {
|
|
146
146
|
width: (n === null || n === void 0 ? void 0 : (r = n.current) === null || r === void 0 ? void 0 : r.getBoundingClientRect().width) || 0,
|
|
147
147
|
height: (n === null || n === void 0 ? void 0 : (t = n.current) === null || t === void 0 ? void 0 : t.getBoundingClientRect().height) || 0
|
|
148
|
-
}
|
|
148
|
+
};
|
|
149
|
+
a((function(e) {
|
|
150
|
+
if (e.height !== o.height || e.width !== o.width) {
|
|
151
|
+
i === null || i === void 0 ? void 0 : i(o);
|
|
152
|
+
return o;
|
|
153
|
+
}
|
|
154
|
+
return l;
|
|
155
|
+
}));
|
|
149
156
|
}
|
|
150
157
|
}));
|
|
151
158
|
if (e) {
|
|
@@ -160,7 +167,7 @@
|
|
|
160
167
|
// Return a no-op function to satisfy consistent-return rule
|
|
161
168
|
return function() {};
|
|
162
169
|
}), [ n ]);
|
|
163
|
-
return
|
|
170
|
+
return l;
|
|
164
171
|
};
|
|
165
172
|
/* harmony default export */ const c = f;
|
|
166
173
|
}) // CONCATENATED MODULE: ./src/useResizeObserver/index.ts
|
package/types/src/File/Icon.d.ts
DELETED