@splunk/react-ui 4.38.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.
- package/Accordion.js +131 -153
- package/Anchor.js +50 -58
- package/Animation.js +64 -59
- package/AnimationToggle.js +59 -61
- package/Box.js +59 -67
- package/Breadcrumbs.js +113 -127
- package/Button.js +151 -169
- package/ButtonGroup.js +41 -49
- package/ButtonSimple.js +264 -295
- package/CHANGELOG.md +49 -0
- package/Calendar.js +353 -414
- package/Card.js +186 -244
- package/CardLayout.js +86 -83
- package/Chip.js +136 -146
- package/Clickable.js +180 -198
- package/CloseButton.js +52 -60
- package/Code.js +24 -31
- package/CollapsiblePanel.js +172 -202
- package/Color.js +371 -412
- package/ColumnLayout.js +72 -96
- package/ComboBox.js +266 -303
- package/Concertina.js +406 -454
- package/ControlGroup.js +178 -210
- package/Date.js +116 -131
- package/DefinitionList.js +125 -149
- package/Divider.js +81 -79
- package/Dropdown.js +226 -237
- package/DualListbox.js +150 -186
- package/EventListener.js +4 -1
- package/File.js +1032 -955
- package/FormRows.js +281 -334
- package/Heading.js +27 -35
- package/Image.js +101 -116
- package/JSONTree.js +301 -344
- package/Layer.js +118 -126
- package/Link.js +141 -159
- package/List.js +61 -77
- package/MIGRATION.mdx +123 -38
- package/Markdown.js +288 -347
- package/Menu.js +506 -532
- package/Message.js +197 -207
- package/MessageBar.js +58 -66
- package/Modal.js +241 -290
- package/ModalLayer.js +130 -148
- package/Monogram.js +138 -138
- package/Multiselect.js +3137 -3433
- package/Number.js +164 -178
- package/Paginator.js +296 -335
- package/Paragraph.js +24 -32
- package/Popover.js +450 -442
- package/Progress.js +65 -75
- package/RadioBar.js +301 -303
- package/RadioList.js +77 -119
- package/Resize.js +105 -127
- package/ResultsMenu.js +373 -385
- package/ScreenReaderContent.js +50 -58
- package/Scroll.js +209 -244
- package/Search.js +379 -391
- package/Select.js +2085 -2345
- package/SidePanel.js +122 -142
- package/Slider.js +132 -145
- package/SlidingPanels.js +238 -270
- package/SplitButton.d.ts +2 -0
- package/SplitButton.js +222 -245
- package/StaticContent.js +68 -76
- package/StepBar.js +206 -205
- package/Switch.js +176 -205
- package/TabBar.js +235 -268
- package/TabLayout.js +122 -141
- package/Table.js +2103 -2261
- package/Text.js +379 -493
- package/TextArea.js +411 -441
- package/Tooltip.js +116 -132
- package/TransitionOpen.js +160 -178
- package/Tree.js +268 -287
- package/Typography.js +48 -52
- package/WaitSpinner.js +61 -69
- package/cypress/support/commands.ts +9 -0
- package/cypress/support/index.d.ts +6 -0
- package/cypress/tsconfig.cypress.json +1 -0
- package/docker-compose.yml +0 -1
- package/package.json +15 -15
- package/types/src/Button/Button.d.ts +5 -1
- package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
- package/types/src/Card/Card.d.ts +1 -0
- package/types/src/Card/Footer.d.ts +1 -0
- package/types/src/Chip/Chip.d.ts +3 -6
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
- package/types/src/Color/Color.d.ts +2 -2
- package/types/src/Color/Palette.d.ts +4 -2
- package/types/src/ComboBox/ComboBox.d.ts +1 -1
- package/types/src/ComboBox/Option.d.ts +1 -1
- package/types/src/ControlGroup/ControlGroup.d.ts +1 -2
- package/types/src/Date/Date.d.ts +2 -2
- package/types/src/File/File.d.ts +2 -3
- package/types/src/File/Retry.d.ts +1 -2
- package/types/src/Menu/Item.d.ts +18 -5
- package/types/src/Menu/Menu.d.ts +3 -3
- package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
- package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
- package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
- package/types/src/Multiselect/Compact.d.ts +1 -1
- package/types/src/Multiselect/Multiselect.d.ts +1 -1
- package/types/src/Multiselect/Normal.d.ts +1 -1
- package/types/src/Multiselect/Option.d.ts +2 -0
- package/types/src/Number/Number.d.ts +3 -3
- package/types/src/Popover/Popover.d.ts +3 -4
- package/types/src/RadioBar/RadioBar.d.ts +2 -2
- package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
- package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
- package/types/src/Search/Option.d.ts +9 -3
- package/types/src/Select/Option.d.ts +3 -1
- package/types/src/Select/OptionBase.d.ts +7 -5
- package/types/src/Select/Select.d.ts +4 -2
- package/types/src/Select/SelectAllOption.d.ts +4 -4
- package/types/src/Select/SelectBase.d.ts +104 -66
- package/types/src/Select/docs/examples/Appearance.d.ts +0 -2
- package/types/src/SidePanel/SidePanel.d.ts +1 -1
- package/types/src/Slider/Slider.d.ts +2 -2
- package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
- package/types/src/StepBar/Step.d.ts +1 -2
- package/types/src/Switch/Switch.d.ts +0 -1
- package/types/src/TabBar/Tab.d.ts +1 -1
- package/types/src/TabBar/TabBar.d.ts +3 -1
- package/types/src/TabLayout/TabLayout.d.ts +2 -0
- package/types/src/Table/Cell.d.ts +0 -2
- package/types/src/Table/HeadDropdownCell.d.ts +2 -0
- package/types/src/Table/HeadInner.d.ts +5 -1
- package/types/src/Table/Table.d.ts +0 -1
- package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
- package/types/src/Text/IconOutlinedHide.d.ts +1 -2
- package/types/src/Text/IconOutlinedView.d.ts +1 -2
- package/types/src/Text/Text.d.ts +2 -2
- package/types/src/TextArea/TextArea.d.ts +2 -2
- package/types/src/Tooltip/Tooltip.d.ts +4 -4
- package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
- package/types/src/WaitSpinner/WaitSpinner.d.ts +0 -1
- package/types/src/useControlled/index.d.ts +2 -0
- package/types/src/useControlled/useControlled.d.ts +21 -0
- package/types/src/useResizeObserver/index.d.ts +2 -0
- package/types/src/useResizeObserver/useResizeObserver.d.ts +12 -0
- package/useControlled.js +112 -0
- package/useForceUpdate.js +30 -32
- package/useKeyPress.d.ts +2 -0
- package/useKeyPress.js +1 -1
- package/useResizeObserver.d.ts +2 -0
- package/useResizeObserver.js +137 -0
- package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
- package/types/src/Chip/docs/examples/Basic.d.ts +0 -2
- package/types/src/Chip/docs/examples/prisma/Appearance.d.ts +0 -2
- package/types/src/Color/docs/examples/prisma/Controlled.d.ts +0 -2
- package/types/src/Color/docs/examples/prisma/ThemeVariables.d.ts +0 -1
- package/types/src/Color/docs/examples/prisma/Uncontrolled.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/Basic.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/BasicMenu.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/ControlledDropdown.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/Dialog.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/OtherToggles.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/ScrollingMenu.d.ts +0 -2
- package/types/src/File/docs/examples/prisma/Disabled.d.ts +0 -12
- package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
- package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
- package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
- package/types/src/Message/docs/examples/prisma/Title.d.ts +0 -2
- package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
- package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
- package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
- package/types/src/WaitSpinner/docs/examples/prisma/Basic.d.ts +0 -2
- /package/types/src/Color/docs/examples/{prisma/CustomizedPalette.d.ts → CustomizedPalette.d.ts} +0 -0
- /package/types/src/Color/docs/examples/{prisma/HideInput.d.ts → HideInput.d.ts} +0 -0
- /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
- /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/Animation.js
CHANGED
|
@@ -46,98 +46,103 @@
|
|
|
46
46
|
e.r(r);
|
|
47
47
|
// EXPORTS
|
|
48
48
|
e.d(r, {
|
|
49
|
-
Spring: () => /* reexport */
|
|
50
|
-
Transition: () => /* reexport */
|
|
49
|
+
Spring: () => /* reexport */ p,
|
|
50
|
+
Transition: () => /* reexport */ y
|
|
51
51
|
});
|
|
52
52
|
// CONCATENATED MODULE: external "react-spring"
|
|
53
53
|
const t = require("react-spring");
|
|
54
54
|
// CONCATENATED MODULE: external "@splunk/react-ui/AnimationToggle"
|
|
55
55
|
const n = require("@splunk/react-ui/AnimationToggle");
|
|
56
56
|
// CONCATENATED MODULE: ./src/Animation/Animation.tsx
|
|
57
|
+
function o(e) {
|
|
58
|
+
"@babel/helpers - typeof";
|
|
59
|
+
return o = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
60
|
+
return typeof e;
|
|
61
|
+
} : function(e) {
|
|
62
|
+
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
63
|
+
}, o(e);
|
|
64
|
+
}
|
|
57
65
|
function i(e, r) {
|
|
58
66
|
var t = Object.keys(e);
|
|
59
67
|
if (Object.getOwnPropertySymbols) {
|
|
60
68
|
var n = Object.getOwnPropertySymbols(e);
|
|
61
|
-
|
|
69
|
+
r && (n = n.filter((function(r) {
|
|
62
70
|
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
63
|
-
}));
|
|
64
|
-
t.push.apply(t, n);
|
|
71
|
+
}))), t.push.apply(t, n);
|
|
65
72
|
}
|
|
66
73
|
return t;
|
|
67
74
|
}
|
|
68
|
-
function
|
|
75
|
+
function u(e) {
|
|
69
76
|
for (var r = 1; r < arguments.length; r++) {
|
|
70
|
-
var t = arguments[r]
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
}
|
|
76
|
-
Object.defineProperties(e, Object.getOwnPropertyDescriptors(t));
|
|
77
|
-
} else {
|
|
78
|
-
i(Object(t)).forEach((function(r) {
|
|
79
|
-
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
80
|
-
}));
|
|
81
|
-
}
|
|
77
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
78
|
+
r % 2 ? i(Object(t), !0).forEach((function(r) {
|
|
79
|
+
c(e, r, t[r]);
|
|
80
|
+
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : i(Object(t)).forEach((function(r) {
|
|
81
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
82
|
+
}));
|
|
82
83
|
}
|
|
83
84
|
return e;
|
|
84
85
|
}
|
|
85
|
-
function
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
86
|
+
function c(e, r, t) {
|
|
87
|
+
return (r = l(r)) in e ? Object.defineProperty(e, r, {
|
|
88
|
+
value: t,
|
|
89
|
+
enumerable: !0,
|
|
90
|
+
configurable: !0,
|
|
91
|
+
writable: !0
|
|
92
|
+
}) : e[r] = t, e;
|
|
93
|
+
}
|
|
94
|
+
function l(e) {
|
|
95
|
+
var r = a(e, "string");
|
|
96
|
+
return "symbol" == o(r) ? r : r + "";
|
|
97
|
+
}
|
|
98
|
+
function a(e, r) {
|
|
99
|
+
if ("object" != o(e) || !e) return e;
|
|
100
|
+
var t = e[Symbol.toPrimitive];
|
|
101
|
+
if (void 0 !== t) {
|
|
102
|
+
var n = t.call(e, r || "default");
|
|
103
|
+
if ("object" != o(n)) return n;
|
|
104
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
95
105
|
}
|
|
96
|
-
return e;
|
|
106
|
+
return ("string" === r ? String : Number)(e);
|
|
97
107
|
}
|
|
98
|
-
function
|
|
99
|
-
if (
|
|
100
|
-
var t =
|
|
101
|
-
var n, i;
|
|
108
|
+
function f(e, r) {
|
|
109
|
+
if (null == e) return {};
|
|
110
|
+
var t, n, o = b(e, r);
|
|
102
111
|
if (Object.getOwnPropertySymbols) {
|
|
103
|
-
var
|
|
104
|
-
for (
|
|
105
|
-
|
|
106
|
-
if (r.indexOf(n) >= 0) continue;
|
|
107
|
-
if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
|
|
108
|
-
t[n] = e[n];
|
|
112
|
+
var i = Object.getOwnPropertySymbols(e);
|
|
113
|
+
for (n = 0; n < i.length; n++) {
|
|
114
|
+
t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
|
|
109
115
|
}
|
|
110
116
|
}
|
|
111
|
-
return
|
|
117
|
+
return o;
|
|
112
118
|
}
|
|
113
|
-
function
|
|
114
|
-
if (
|
|
119
|
+
function b(e, r) {
|
|
120
|
+
if (null == e) return {};
|
|
115
121
|
var t = {};
|
|
116
|
-
var n
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
t[i] = e[i];
|
|
122
|
+
for (var n in e) {
|
|
123
|
+
if ({}.hasOwnProperty.call(e, n)) {
|
|
124
|
+
if (r.includes(n)) continue;
|
|
125
|
+
t[n] = e[n];
|
|
126
|
+
}
|
|
122
127
|
}
|
|
123
128
|
return t;
|
|
124
129
|
}
|
|
125
130
|
/**
|
|
126
131
|
* Wrappers to use in place of `Spring` and `Transition` from `react-spring`.
|
|
127
132
|
* Uses `useAnimationToggle` to offer animation control.
|
|
128
|
-
*/ function
|
|
129
|
-
var r = e.children,
|
|
130
|
-
var
|
|
131
|
-
return r((0, t.useSpring)(
|
|
132
|
-
immediate:
|
|
133
|
-
},
|
|
133
|
+
*/ function p(e) {
|
|
134
|
+
var r = e.children, o = e.immediate, i = f(e, [ "children", "immediate" ]);
|
|
135
|
+
var c = (0, n.useAnimationToggle)();
|
|
136
|
+
return r((0, t.useSpring)(u({
|
|
137
|
+
immediate: o || c !== "on"
|
|
138
|
+
}, i)));
|
|
134
139
|
}
|
|
135
|
-
function
|
|
136
|
-
var r = e.items,
|
|
140
|
+
function y(e) {
|
|
141
|
+
var r = e.items, o = e.children, i = e.immediate, c = f(e, [ "items", "children", "immediate" ]);
|
|
137
142
|
var l = (0, n.useAnimationToggle)();
|
|
138
|
-
return (0, t.useTransition)(r,
|
|
139
|
-
immediate:
|
|
140
|
-
},
|
|
143
|
+
return (0, t.useTransition)(r, u({
|
|
144
|
+
immediate: i || l !== "on"
|
|
145
|
+
}, c))(o);
|
|
141
146
|
}
|
|
142
147
|
// CONCATENATED MODULE: ./src/Animation/index.ts
|
|
143
148
|
module.exports = r;
|
package/AnimationToggle.js
CHANGED
|
@@ -9,26 +9,26 @@
|
|
|
9
9
|
/******/ (() => {
|
|
10
10
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
11
11
|
/******/ e.n = r => {
|
|
12
|
-
/******/ var
|
|
12
|
+
/******/ var n = r && r.__esModule ?
|
|
13
13
|
/******/ () => r["default"]
|
|
14
14
|
/******/ : () => r
|
|
15
15
|
/******/;
|
|
16
|
-
e.d(
|
|
17
|
-
a:
|
|
16
|
+
e.d(n, {
|
|
17
|
+
a: n
|
|
18
18
|
});
|
|
19
|
-
/******/ return
|
|
19
|
+
/******/ return n;
|
|
20
20
|
/******/ };
|
|
21
21
|
/******/ })();
|
|
22
22
|
/******/
|
|
23
23
|
/******/ /* webpack/runtime/define property getters */
|
|
24
24
|
/******/ (() => {
|
|
25
25
|
/******/ // define getter functions for harmony exports
|
|
26
|
-
/******/ e.d = (r,
|
|
27
|
-
/******/ for (var
|
|
28
|
-
/******/ if (e.o(
|
|
29
|
-
/******/ Object.defineProperty(r,
|
|
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
30
|
enumerable: true,
|
|
31
|
-
get: t
|
|
31
|
+
get: n[t]
|
|
32
32
|
});
|
|
33
33
|
/******/ }
|
|
34
34
|
/******/ }
|
|
@@ -67,8 +67,8 @@
|
|
|
67
67
|
useAnimationToggle: () => /* reexport */ v
|
|
68
68
|
});
|
|
69
69
|
// CONCATENATED MODULE: external "react"
|
|
70
|
-
const
|
|
71
|
-
var
|
|
70
|
+
const n = require("react");
|
|
71
|
+
var t = e.n(n);
|
|
72
72
|
// CONCATENATED MODULE: external "prop-types"
|
|
73
73
|
const o = require("prop-types");
|
|
74
74
|
var a = e.n(o);
|
|
@@ -82,51 +82,49 @@
|
|
|
82
82
|
*
|
|
83
83
|
* @public
|
|
84
84
|
*/
|
|
85
|
-
var u =
|
|
85
|
+
var u = t().createContext(true);
|
|
86
86
|
// CONCATENATED MODULE: ./src/AnimationToggle/useAnimationToggle.tsx
|
|
87
87
|
function i(e, r) {
|
|
88
|
-
return s(e) ||
|
|
88
|
+
return s(e) || d(e, r) || c(e, r) || l();
|
|
89
89
|
}
|
|
90
|
-
function
|
|
90
|
+
function l() {
|
|
91
91
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
92
92
|
}
|
|
93
93
|
function c(e, r) {
|
|
94
|
-
if (
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return d(e, r);
|
|
94
|
+
if (e) {
|
|
95
|
+
if ("string" == typeof e) return f(e, r);
|
|
96
|
+
var n = {}.toString.call(e).slice(8, -1);
|
|
97
|
+
return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? f(e, r) : void 0;
|
|
98
|
+
}
|
|
100
99
|
}
|
|
101
|
-
function
|
|
102
|
-
|
|
103
|
-
for (var
|
|
104
|
-
n
|
|
100
|
+
function f(e, r) {
|
|
101
|
+
(null == r || r > e.length) && (r = e.length);
|
|
102
|
+
for (var n = 0, t = Array(r); n < r; n++) {
|
|
103
|
+
t[n] = e[n];
|
|
105
104
|
}
|
|
106
|
-
return
|
|
105
|
+
return t;
|
|
107
106
|
}
|
|
108
|
-
function
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
var o = false;
|
|
113
|
-
var a = undefined;
|
|
114
|
-
try {
|
|
115
|
-
for (var u = e[Symbol.iterator](), i; !(n = (i = u.next()).done); n = true) {
|
|
116
|
-
t.push(i.value);
|
|
117
|
-
if (r && t.length === r) break;
|
|
118
|
-
}
|
|
119
|
-
} catch (e) {
|
|
120
|
-
o = true;
|
|
121
|
-
a = e;
|
|
122
|
-
} finally {
|
|
107
|
+
function d(e, r) {
|
|
108
|
+
var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
109
|
+
if (null != n) {
|
|
110
|
+
var t, o, a, u, i = [], l = !0, c = !1;
|
|
123
111
|
try {
|
|
124
|
-
if (
|
|
112
|
+
if (a = (n = n.call(e)).next, 0 === r) {
|
|
113
|
+
if (Object(n) !== n) return;
|
|
114
|
+
l = !1;
|
|
115
|
+
} else for (;!(l = (t = a.call(n)).done) && (i.push(t.value), i.length !== r); l = !0) {
|
|
116
|
+
}
|
|
117
|
+
} catch (e) {
|
|
118
|
+
c = !0, o = e;
|
|
125
119
|
} finally {
|
|
126
|
-
|
|
120
|
+
try {
|
|
121
|
+
if (!l && null != n["return"] && (u = n["return"](), Object(u) !== u)) return;
|
|
122
|
+
} finally {
|
|
123
|
+
if (c) throw o;
|
|
124
|
+
}
|
|
127
125
|
}
|
|
126
|
+
return i;
|
|
128
127
|
}
|
|
129
|
-
return t;
|
|
130
128
|
}
|
|
131
129
|
function s(e) {
|
|
132
130
|
if (Array.isArray(e)) return e;
|
|
@@ -139,15 +137,15 @@
|
|
|
139
137
|
* and the user prefers reduced motion, `'reduced'` is returned, `'on'` otherwise.
|
|
140
138
|
* @public
|
|
141
139
|
*/ var v = function e() {
|
|
142
|
-
var r = (0,
|
|
143
|
-
var
|
|
140
|
+
var r = (0, n.useContext)(u);
|
|
141
|
+
var t = "screen and (prefers-reduced-motion: reduce)";
|
|
144
142
|
var o = typeof window !== "undefined" && !!window.matchMedia;
|
|
145
|
-
var a = (0,
|
|
146
|
-
(0,
|
|
143
|
+
var a = (0, n.useState)(o && window.matchMedia(t).matches), l = i(a, 2), c = l[0], f = l[1];
|
|
144
|
+
(0, n.useEffect)((function() {
|
|
147
145
|
if (o) {
|
|
148
|
-
var e = window.matchMedia(
|
|
146
|
+
var e = window.matchMedia(t);
|
|
149
147
|
var r = function r() {
|
|
150
|
-
|
|
148
|
+
f(e.matches);
|
|
151
149
|
};
|
|
152
150
|
e.addListener(r);
|
|
153
151
|
return function() {
|
|
@@ -155,7 +153,7 @@
|
|
|
155
153
|
};
|
|
156
154
|
}
|
|
157
155
|
return undefined;
|
|
158
|
-
}), [ o,
|
|
156
|
+
}), [ o, t ]);
|
|
159
157
|
if (r) {
|
|
160
158
|
return c ? "reduced" : "on";
|
|
161
159
|
}
|
|
@@ -173,24 +171,24 @@
|
|
|
173
171
|
/**
|
|
174
172
|
* Used to allow animation to be externally controlled through a provider or user preference.
|
|
175
173
|
*/ function p(e) {
|
|
176
|
-
var r = e.on,
|
|
174
|
+
var r = e.on, n = e.off, o = e.reduced;
|
|
177
175
|
var a = v();
|
|
178
176
|
if (a === "on") {
|
|
179
177
|
|
|
180
|
-
return
|
|
178
|
+
return t().createElement(t().Fragment, null, m(r));
|
|
181
179
|
}
|
|
182
180
|
if (a === "reduced" && o) {
|
|
183
181
|
|
|
184
|
-
return
|
|
182
|
+
return t().createElement(t().Fragment, null, m(o));
|
|
185
183
|
}
|
|
186
184
|
|
|
187
|
-
return
|
|
188
|
-
|
|
185
|
+
return t().createElement(t().Fragment, null, m(n));
|
|
186
|
+
// react-docgen ignores components that don't use JSX/React.createElement.
|
|
189
187
|
// the following line forces detection:
|
|
188
|
+
// eslint-disable-next-line react/jsx-no-useless-fragment, no-unreachable
|
|
190
189
|
|
|
191
|
-
return
|
|
192
|
-
|
|
193
|
-
}
|
|
190
|
+
return t().createElement(t().Fragment, null);
|
|
191
|
+
}
|
|
194
192
|
p.propTypes = y;
|
|
195
193
|
/* harmony default export */ const b = p;
|
|
196
194
|
// CONCATENATED MODULE: ./src/AnimationToggle/AnimationToggleProvider.tsx
|
|
@@ -201,11 +199,11 @@
|
|
|
201
199
|
/**
|
|
202
200
|
* Used to provide a setting to enable or disable animation.
|
|
203
201
|
*/ var h = function e(r) {
|
|
204
|
-
var
|
|
202
|
+
var n = r.children, o = r.enabled, a = o === void 0 ? false : o;
|
|
205
203
|
|
|
206
|
-
return
|
|
204
|
+
return t().createElement(u.Provider, {
|
|
207
205
|
value: a
|
|
208
|
-
},
|
|
206
|
+
}, n);
|
|
209
207
|
};
|
|
210
208
|
h.propTypes = g;
|
|
211
209
|
// CONCATENATED MODULE: ./src/AnimationToggle/index.ts
|
package/Box.js
CHANGED
|
@@ -8,27 +8,27 @@
|
|
|
8
8
|
/******/ /* webpack/runtime/compat get default export */
|
|
9
9
|
/******/ (() => {
|
|
10
10
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
11
|
-
/******/ e.n =
|
|
12
|
-
/******/ var
|
|
13
|
-
/******/ () =>
|
|
14
|
-
/******/ : () =>
|
|
11
|
+
/******/ e.n = n => {
|
|
12
|
+
/******/ var t = n && n.__esModule ?
|
|
13
|
+
/******/ () => n["default"]
|
|
14
|
+
/******/ : () => n
|
|
15
15
|
/******/;
|
|
16
|
-
e.d(
|
|
17
|
-
a:
|
|
16
|
+
e.d(t, {
|
|
17
|
+
a: t
|
|
18
18
|
});
|
|
19
|
-
/******/ return
|
|
19
|
+
/******/ return t;
|
|
20
20
|
/******/ };
|
|
21
21
|
/******/ })();
|
|
22
22
|
/******/
|
|
23
23
|
/******/ /* webpack/runtime/define property getters */
|
|
24
24
|
/******/ (() => {
|
|
25
25
|
/******/ // define getter functions for harmony exports
|
|
26
|
-
/******/ e.d = (
|
|
27
|
-
/******/ for (var r in
|
|
28
|
-
/******/ if (e.o(
|
|
29
|
-
/******/ Object.defineProperty(
|
|
26
|
+
/******/ e.d = (n, t) => {
|
|
27
|
+
/******/ for (var r in t) {
|
|
28
|
+
/******/ if (e.o(t, r) && !e.o(n, r)) {
|
|
29
|
+
/******/ Object.defineProperty(n, r, {
|
|
30
30
|
enumerable: true,
|
|
31
|
-
get:
|
|
31
|
+
get: t[r]
|
|
32
32
|
});
|
|
33
33
|
/******/ }
|
|
34
34
|
/******/ }
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
/******/
|
|
38
38
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
39
39
|
/******/ (() => {
|
|
40
|
-
/******/ e.o = (e,
|
|
40
|
+
/******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
|
|
41
41
|
/******/;
|
|
42
42
|
})();
|
|
43
43
|
/******/
|
|
@@ -56,92 +56,84 @@
|
|
|
56
56
|
/******/ };
|
|
57
57
|
/******/ })();
|
|
58
58
|
/******/
|
|
59
|
-
/************************************************************************/ var
|
|
59
|
+
/************************************************************************/ var n = {};
|
|
60
60
|
// ESM COMPAT FLAG
|
|
61
|
-
e.r(
|
|
61
|
+
e.r(n);
|
|
62
62
|
// EXPORTS
|
|
63
|
-
e.d(
|
|
63
|
+
e.d(n, {
|
|
64
64
|
default: () => /* reexport */ v
|
|
65
65
|
});
|
|
66
66
|
// CONCATENATED MODULE: external "react"
|
|
67
|
-
const
|
|
68
|
-
var r = e.n(
|
|
67
|
+
const t = require("react");
|
|
68
|
+
var r = e.n(t);
|
|
69
69
|
// CONCATENATED MODULE: external "prop-types"
|
|
70
|
-
const
|
|
71
|
-
var
|
|
70
|
+
const l = require("prop-types");
|
|
71
|
+
var i = e.n(l);
|
|
72
72
|
// CONCATENATED MODULE: external "styled-components"
|
|
73
|
-
const
|
|
74
|
-
var
|
|
73
|
+
const a = require("styled-components");
|
|
74
|
+
var o = e.n(a);
|
|
75
75
|
// CONCATENATED MODULE: external "@splunk/themes"
|
|
76
|
-
const
|
|
76
|
+
const d = require("@splunk/themes");
|
|
77
77
|
// CONCATENATED MODULE: ./src/Box/BoxStyles.ts
|
|
78
|
-
var
|
|
78
|
+
var f = o().div.withConfig({
|
|
79
79
|
displayName: "BoxStyles__Styled",
|
|
80
80
|
componentId: "sc-1h4b5f6-0"
|
|
81
|
-
})([ "", ";align-items:stretch;align-content:stretch;flex-flow:row nowrap;flex-grow:0;flex-shrink:0;justify-content:flex-start;width:auto;max-width:100%;@media all and (-ms-high-contrast:none){max-width:calc(100% - 0.01px);}&[data-inline]{display:inline-block;vertical-align:middle;}&[data-flex]{display:flex;}&[data-flex][data-inline]{display:inline-flex;}" ],
|
|
81
|
+
})([ "", ";align-items:stretch;align-content:stretch;flex-flow:row nowrap;flex-grow:0;flex-shrink:0;justify-content:flex-start;width:auto;max-width:100%;@media all and (-ms-high-contrast:none){max-width:calc(100% - 0.01px);}&[data-inline]{display:inline-block;vertical-align:middle;}&[data-flex]{display:flex;}&[data-flex][data-inline]{display:inline-flex;}" ], d.mixins.reset("block"));
|
|
82
82
|
// CONCATENATED MODULE: ./src/Box/Box.tsx
|
|
83
|
-
function
|
|
84
|
-
|
|
85
|
-
for (var
|
|
86
|
-
var
|
|
87
|
-
for (var r in
|
|
88
|
-
|
|
89
|
-
e[r] = n[r];
|
|
90
|
-
}
|
|
83
|
+
function s() {
|
|
84
|
+
return s = Object.assign ? Object.assign.bind() : function(e) {
|
|
85
|
+
for (var n = 1; n < arguments.length; n++) {
|
|
86
|
+
var t = arguments[n];
|
|
87
|
+
for (var r in t) {
|
|
88
|
+
({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
|
|
91
89
|
}
|
|
92
90
|
}
|
|
93
91
|
return e;
|
|
94
|
-
};
|
|
95
|
-
return c.apply(this, arguments);
|
|
92
|
+
}, s.apply(null, arguments);
|
|
96
93
|
}
|
|
97
|
-
function
|
|
98
|
-
if (
|
|
99
|
-
var
|
|
100
|
-
var r, i;
|
|
94
|
+
function c(e, n) {
|
|
95
|
+
if (null == e) return {};
|
|
96
|
+
var t, r, l = u(e, n);
|
|
101
97
|
if (Object.getOwnPropertySymbols) {
|
|
102
|
-
var
|
|
103
|
-
for (
|
|
104
|
-
|
|
105
|
-
if (t.indexOf(r) >= 0) continue;
|
|
106
|
-
if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
|
|
107
|
-
n[r] = e[r];
|
|
98
|
+
var i = Object.getOwnPropertySymbols(e);
|
|
99
|
+
for (r = 0; r < i.length; r++) {
|
|
100
|
+
t = i[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
|
|
108
101
|
}
|
|
109
102
|
}
|
|
110
|
-
return
|
|
103
|
+
return l;
|
|
111
104
|
}
|
|
112
|
-
function u(e,
|
|
113
|
-
if (
|
|
114
|
-
var
|
|
115
|
-
var r
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
n[i] = e[i];
|
|
105
|
+
function u(e, n) {
|
|
106
|
+
if (null == e) return {};
|
|
107
|
+
var t = {};
|
|
108
|
+
for (var r in e) {
|
|
109
|
+
if ({}.hasOwnProperty.call(e, r)) {
|
|
110
|
+
if (n.includes(r)) continue;
|
|
111
|
+
t[r] = e[r];
|
|
112
|
+
}
|
|
121
113
|
}
|
|
122
|
-
return
|
|
114
|
+
return t;
|
|
123
115
|
}
|
|
124
116
|
var p = {
|
|
125
|
-
children:
|
|
126
|
-
elementRef:
|
|
127
|
-
flex:
|
|
128
|
-
inline:
|
|
117
|
+
children: i().node,
|
|
118
|
+
elementRef: i().oneOfType([ i().func, i().object ]),
|
|
119
|
+
flex: i().bool,
|
|
120
|
+
inline: i().bool
|
|
129
121
|
};
|
|
130
122
|
/**
|
|
131
123
|
* Box is a utility component to normalize and abstract common layout styles.
|
|
132
124
|
*/ function y(e) {
|
|
133
|
-
var
|
|
125
|
+
var n = e.children, t = e.elementRef, l = e.flex, i = l === void 0 ? false : l, a = e.tag, o = a === void 0 ? "div" : a, d = e.inline, u = d === void 0 ? false : d, p = c(e, [ "children", "elementRef", "flex", "tag", "inline" ]);
|
|
134
126
|
|
|
135
|
-
return r().createElement(
|
|
136
|
-
as:
|
|
137
|
-
ref:
|
|
127
|
+
return r().createElement(f, s({
|
|
128
|
+
as: o,
|
|
129
|
+
ref: t
|
|
138
130
|
}, p, {
|
|
139
131
|
"data-inline": u || undefined,
|
|
140
|
-
"data-flex":
|
|
141
|
-
}),
|
|
132
|
+
"data-flex": i || undefined
|
|
133
|
+
}), n);
|
|
142
134
|
}
|
|
143
135
|
y.propTypes = p;
|
|
144
136
|
/* harmony default export */ const v = y;
|
|
145
137
|
// CONCATENATED MODULE: ./src/Box/index.ts
|
|
146
|
-
module.exports =
|
|
138
|
+
module.exports = n;
|
|
147
139
|
/******/})();
|