@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/ControlGroup.js
CHANGED
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
e.r(t);
|
|
62
62
|
// EXPORTS
|
|
63
63
|
e.d(t, {
|
|
64
|
-
ControlGroupContext: () => /* reexport */
|
|
65
|
-
default: () => /* reexport */
|
|
64
|
+
ControlGroupContext: () => /* reexport */ T,
|
|
65
|
+
default: () => /* reexport */ ce
|
|
66
66
|
});
|
|
67
67
|
// CONCATENATED MODULE: external "react"
|
|
68
68
|
const r = require("react");
|
|
@@ -125,7 +125,7 @@
|
|
|
125
125
|
displayName: "ControlGroupStyles__StyledControlsStackBox",
|
|
126
126
|
componentId: "wjnyif-1"
|
|
127
127
|
})([ "flex-direction:column;" ]);
|
|
128
|
-
var
|
|
128
|
+
var w = m().div.withConfig({
|
|
129
129
|
displayName: "ControlGroupStyles__StyledLabelWrapper",
|
|
130
130
|
componentId: "wjnyif-2"
|
|
131
131
|
})([ "display:inline-flex;align-items:center;", " ", "" ], (0, c.pick)({
|
|
@@ -138,11 +138,11 @@
|
|
|
138
138
|
prisma: (0, h.css)([ "min-height:", ";" ], c.variables.inputHeight)
|
|
139
139
|
}));
|
|
140
140
|
}));
|
|
141
|
-
var I = m()(
|
|
141
|
+
var I = m()(w).withConfig({
|
|
142
142
|
displayName: "ControlGroupStyles__StyledLabelWrapperLeft",
|
|
143
143
|
componentId: "wjnyif-3"
|
|
144
144
|
})([ "float:left;" ]);
|
|
145
|
-
var
|
|
145
|
+
var x = m().label.withConfig({
|
|
146
146
|
displayName: "ControlGroupStyles__StyledLabel",
|
|
147
147
|
componentId: "wjnyif-4"
|
|
148
148
|
})([ "padding:", ";word-wrap:break-word;color:inherit;text-align:", ";" ], (0, c.pick)({
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
enterprise: "right",
|
|
155
155
|
prisma: "left"
|
|
156
156
|
}));
|
|
157
|
-
var
|
|
157
|
+
var C = m()(g()).withConfig({
|
|
158
158
|
displayName: "ControlGroupStyles__StyledTooltip",
|
|
159
159
|
componentId: "wjnyif-5"
|
|
160
160
|
})([ "", "" ], (function(e) {
|
|
@@ -163,7 +163,7 @@
|
|
|
163
163
|
prisma: (0, h.css)([ "svg{width:20px;height:20px;}padding:4px;" ])
|
|
164
164
|
}));
|
|
165
165
|
}));
|
|
166
|
-
var
|
|
166
|
+
var j = m().div.withConfig({
|
|
167
167
|
displayName: "ControlGroupStyles__StyledHelp",
|
|
168
168
|
componentId: "wjnyif-6"
|
|
169
169
|
})([ "", ";font-size:", ";color:", ";margin-top:", ";", "" ], c.mixins.reset("block"), c.variables.fontSizeSmall, c.variables.contentColorMuted, (0,
|
|
@@ -174,7 +174,7 @@
|
|
|
174
174
|
var t = e.$error;
|
|
175
175
|
return t && (0, h.css)([ "color:inherit;" ]);
|
|
176
176
|
}));
|
|
177
|
-
var
|
|
177
|
+
var k = m().div.withConfig({
|
|
178
178
|
displayName: "ControlGroupStyles__StyledErrorText",
|
|
179
179
|
componentId: "wjnyif-7"
|
|
180
180
|
})([ "", ";font-size:", ";[aria-invalid] > &{color:inherit;}", "" ], c.mixins.reset("block"), c.variables.fontSizeSmall, (function(e) {
|
|
@@ -196,233 +196,204 @@
|
|
|
196
196
|
* @public
|
|
197
197
|
*/
|
|
198
198
|
var _ = n().createContext({});
|
|
199
|
-
/* harmony default export */ const
|
|
199
|
+
/* harmony default export */ const T = _;
|
|
200
200
|
// CONCATENATED MODULE: ./src/ControlGroup/ControlGroup.tsx
|
|
201
|
-
function
|
|
201
|
+
function L(e) {
|
|
202
202
|
"@babel/helpers - typeof";
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
}
|
|
208
|
-
T = function e(t) {
|
|
209
|
-
return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
|
|
210
|
-
};
|
|
211
|
-
}
|
|
212
|
-
return T(e);
|
|
203
|
+
return L = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
204
|
+
return typeof e;
|
|
205
|
+
} : function(e) {
|
|
206
|
+
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
207
|
+
}, L(e);
|
|
213
208
|
}
|
|
214
209
|
function E() {
|
|
215
|
-
E = Object.assign
|
|
210
|
+
return E = Object.assign ? Object.assign.bind() : function(e) {
|
|
216
211
|
for (var t = 1; t < arguments.length; t++) {
|
|
217
212
|
var r = arguments[t];
|
|
218
213
|
for (var n in r) {
|
|
219
|
-
|
|
220
|
-
e[n] = r[n];
|
|
221
|
-
}
|
|
214
|
+
({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
|
|
222
215
|
}
|
|
223
216
|
}
|
|
224
217
|
return e;
|
|
225
|
-
};
|
|
226
|
-
return E.apply(this, arguments);
|
|
218
|
+
}, E.apply(null, arguments);
|
|
227
219
|
}
|
|
228
220
|
function D(e, t) {
|
|
229
221
|
var r = Object.keys(e);
|
|
230
222
|
if (Object.getOwnPropertySymbols) {
|
|
231
223
|
var n = Object.getOwnPropertySymbols(e);
|
|
232
|
-
|
|
224
|
+
t && (n = n.filter((function(t) {
|
|
233
225
|
return Object.getOwnPropertyDescriptor(e, t).enumerable;
|
|
234
|
-
}));
|
|
235
|
-
r.push.apply(r, n);
|
|
226
|
+
}))), r.push.apply(r, n);
|
|
236
227
|
}
|
|
237
228
|
return r;
|
|
238
229
|
}
|
|
239
230
|
function q(e) {
|
|
240
231
|
for (var t = 1; t < arguments.length; t++) {
|
|
241
|
-
var r = arguments[t]
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
}
|
|
247
|
-
Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
|
|
248
|
-
} else {
|
|
249
|
-
D(Object(r)).forEach((function(t) {
|
|
250
|
-
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
|
|
251
|
-
}));
|
|
252
|
-
}
|
|
232
|
+
var r = null != arguments[t] ? arguments[t] : {};
|
|
233
|
+
t % 2 ? D(Object(r), !0).forEach((function(t) {
|
|
234
|
+
Z(e, t, r[t]);
|
|
235
|
+
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : D(Object(r)).forEach((function(t) {
|
|
236
|
+
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
|
|
237
|
+
}));
|
|
253
238
|
}
|
|
254
239
|
return e;
|
|
255
240
|
}
|
|
256
241
|
function M(e, t) {
|
|
257
|
-
if (
|
|
258
|
-
var r =
|
|
259
|
-
var n, o;
|
|
242
|
+
if (null == e) return {};
|
|
243
|
+
var r, n, o = B(e, t);
|
|
260
244
|
if (Object.getOwnPropertySymbols) {
|
|
261
245
|
var i = Object.getOwnPropertySymbols(e);
|
|
262
|
-
for (
|
|
263
|
-
|
|
264
|
-
if (t.indexOf(n) >= 0) continue;
|
|
265
|
-
if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
|
|
266
|
-
r[n] = e[n];
|
|
246
|
+
for (n = 0; n < i.length; n++) {
|
|
247
|
+
r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
|
|
267
248
|
}
|
|
268
249
|
}
|
|
269
|
-
return
|
|
250
|
+
return o;
|
|
270
251
|
}
|
|
271
|
-
function
|
|
272
|
-
if (
|
|
252
|
+
function B(e, t) {
|
|
253
|
+
if (null == e) return {};
|
|
273
254
|
var r = {};
|
|
274
|
-
var n
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
r[o] = e[o];
|
|
255
|
+
for (var n in e) {
|
|
256
|
+
if ({}.hasOwnProperty.call(e, n)) {
|
|
257
|
+
if (t.includes(n)) continue;
|
|
258
|
+
r[n] = e[n];
|
|
259
|
+
}
|
|
280
260
|
}
|
|
281
261
|
return r;
|
|
282
262
|
}
|
|
283
|
-
function
|
|
284
|
-
return
|
|
263
|
+
function V(e, t) {
|
|
264
|
+
return W(e) || N(e, t) || A(e, t) || $();
|
|
285
265
|
}
|
|
286
|
-
function
|
|
266
|
+
function $() {
|
|
287
267
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
288
268
|
}
|
|
289
|
-
function
|
|
290
|
-
if (
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return B(e, t);
|
|
269
|
+
function A(e, t) {
|
|
270
|
+
if (e) {
|
|
271
|
+
if ("string" == typeof e) return G(e, t);
|
|
272
|
+
var r = {}.toString.call(e).slice(8, -1);
|
|
273
|
+
return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? G(e, t) : void 0;
|
|
274
|
+
}
|
|
296
275
|
}
|
|
297
|
-
function
|
|
298
|
-
|
|
299
|
-
for (var r = 0, n =
|
|
276
|
+
function G(e, t) {
|
|
277
|
+
(null == t || t > e.length) && (t = e.length);
|
|
278
|
+
for (var r = 0, n = Array(t); r < t; r++) {
|
|
300
279
|
n[r] = e[r];
|
|
301
280
|
}
|
|
302
281
|
return n;
|
|
303
282
|
}
|
|
304
283
|
function N(e, t) {
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
var o = false;
|
|
309
|
-
var i = undefined;
|
|
310
|
-
try {
|
|
311
|
-
for (var l = e[Symbol.iterator](), a; !(n = (a = l.next()).done); n = true) {
|
|
312
|
-
r.push(a.value);
|
|
313
|
-
if (t && r.length === t) break;
|
|
314
|
-
}
|
|
315
|
-
} catch (e) {
|
|
316
|
-
o = true;
|
|
317
|
-
i = e;
|
|
318
|
-
} finally {
|
|
284
|
+
var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
285
|
+
if (null != r) {
|
|
286
|
+
var n, o, i, l, a = [], s = !0, p = !1;
|
|
319
287
|
try {
|
|
320
|
-
if (
|
|
288
|
+
if (i = (r = r.call(e)).next, 0 === t) {
|
|
289
|
+
if (Object(r) !== r) return;
|
|
290
|
+
s = !1;
|
|
291
|
+
} else for (;!(s = (n = i.call(r)).done) && (a.push(n.value), a.length !== t); s = !0) {
|
|
292
|
+
}
|
|
293
|
+
} catch (e) {
|
|
294
|
+
p = !0, o = e;
|
|
321
295
|
} finally {
|
|
322
|
-
|
|
296
|
+
try {
|
|
297
|
+
if (!s && null != r["return"] && (l = r["return"](), Object(l) !== l)) return;
|
|
298
|
+
} finally {
|
|
299
|
+
if (p) throw o;
|
|
300
|
+
}
|
|
323
301
|
}
|
|
302
|
+
return a;
|
|
324
303
|
}
|
|
325
|
-
return r;
|
|
326
304
|
}
|
|
327
|
-
function
|
|
305
|
+
function W(e) {
|
|
328
306
|
if (Array.isArray(e)) return e;
|
|
329
307
|
}
|
|
330
|
-
function
|
|
331
|
-
if (!(e instanceof t))
|
|
332
|
-
throw new TypeError("Cannot call a class as a function");
|
|
333
|
-
}
|
|
308
|
+
function R(e, t) {
|
|
309
|
+
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
|
|
334
310
|
}
|
|
335
311
|
function z(e, t) {
|
|
336
312
|
for (var r = 0; r < t.length; r++) {
|
|
337
313
|
var n = t[r];
|
|
338
|
-
n.enumerable = n.enumerable ||
|
|
339
|
-
n.
|
|
340
|
-
if ("value" in n) n.writable = true;
|
|
341
|
-
Object.defineProperty(e, n.key, n);
|
|
314
|
+
n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0),
|
|
315
|
+
Object.defineProperty(e, ee(n.key), n);
|
|
342
316
|
}
|
|
343
317
|
}
|
|
344
318
|
function F(e, t, r) {
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
319
|
+
return t && z(e.prototype, t), r && z(e, r), Object.defineProperty(e, "prototype", {
|
|
320
|
+
writable: !1
|
|
321
|
+
}), e;
|
|
348
322
|
}
|
|
349
323
|
function J(e, t) {
|
|
350
|
-
if (typeof t !== "
|
|
351
|
-
throw new TypeError("Super expression must either be null or a function");
|
|
352
|
-
}
|
|
324
|
+
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
|
|
353
325
|
e.prototype = Object.create(t && t.prototype, {
|
|
354
326
|
constructor: {
|
|
355
327
|
value: e,
|
|
356
|
-
writable:
|
|
357
|
-
configurable:
|
|
328
|
+
writable: !0,
|
|
329
|
+
configurable: !0
|
|
358
330
|
}
|
|
359
|
-
})
|
|
360
|
-
|
|
331
|
+
}), Object.defineProperty(e, "prototype", {
|
|
332
|
+
writable: !1
|
|
333
|
+
}), t && H(e, t);
|
|
361
334
|
}
|
|
362
335
|
function H(e, t) {
|
|
363
|
-
H = Object.setPrototypeOf
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
};
|
|
367
|
-
return H(e, t);
|
|
336
|
+
return H = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
|
|
337
|
+
return e.__proto__ = t, e;
|
|
338
|
+
}, H(e, t);
|
|
368
339
|
}
|
|
369
340
|
function U(e) {
|
|
370
341
|
var t = Q();
|
|
371
|
-
return function
|
|
372
|
-
var n = Y(e)
|
|
342
|
+
return function() {
|
|
343
|
+
var r, n = Y(e);
|
|
373
344
|
if (t) {
|
|
374
|
-
var
|
|
375
|
-
|
|
376
|
-
} else
|
|
377
|
-
|
|
378
|
-
}
|
|
379
|
-
return X(this, o);
|
|
345
|
+
var o = Y(this).constructor;
|
|
346
|
+
r = Reflect.construct(n, arguments, o);
|
|
347
|
+
} else r = n.apply(this, arguments);
|
|
348
|
+
return X(this, r);
|
|
380
349
|
};
|
|
381
350
|
}
|
|
382
351
|
function X(e, t) {
|
|
383
|
-
if (t && (
|
|
384
|
-
|
|
385
|
-
}
|
|
352
|
+
if (t && ("object" == L(t) || "function" == typeof t)) return t;
|
|
353
|
+
if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
|
|
386
354
|
return K(e);
|
|
387
355
|
}
|
|
388
356
|
function K(e) {
|
|
389
|
-
if (
|
|
390
|
-
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
391
|
-
}
|
|
357
|
+
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
392
358
|
return e;
|
|
393
359
|
}
|
|
394
360
|
function Q() {
|
|
395
|
-
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
396
|
-
if (Reflect.construct.sham) return false;
|
|
397
|
-
if (typeof Proxy === "function") return true;
|
|
398
361
|
try {
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
return
|
|
403
|
-
}
|
|
362
|
+
var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
|
|
363
|
+
} catch (e) {}
|
|
364
|
+
return (Q = function t() {
|
|
365
|
+
return !!e;
|
|
366
|
+
})();
|
|
404
367
|
}
|
|
405
368
|
function Y(e) {
|
|
406
|
-
Y = Object.setPrototypeOf ? Object.getPrototypeOf : function
|
|
407
|
-
return
|
|
408
|
-
};
|
|
409
|
-
return Y(e);
|
|
369
|
+
return Y = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
|
|
370
|
+
return e.__proto__ || Object.getPrototypeOf(e);
|
|
371
|
+
}, Y(e);
|
|
410
372
|
}
|
|
411
373
|
function Z(e, t, r) {
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
374
|
+
return (t = ee(t)) in e ? Object.defineProperty(e, t, {
|
|
375
|
+
value: r,
|
|
376
|
+
enumerable: !0,
|
|
377
|
+
configurable: !0,
|
|
378
|
+
writable: !0
|
|
379
|
+
}) : e[t] = r, e;
|
|
380
|
+
}
|
|
381
|
+
function ee(e) {
|
|
382
|
+
var t = te(e, "string");
|
|
383
|
+
return "symbol" == L(t) ? t : t + "";
|
|
384
|
+
}
|
|
385
|
+
function te(e, t) {
|
|
386
|
+
if ("object" != L(e) || !e) return e;
|
|
387
|
+
var r = e[Symbol.toPrimitive];
|
|
388
|
+
if (void 0 !== r) {
|
|
389
|
+
var n = r.call(e, t || "default");
|
|
390
|
+
if ("object" != L(n)) return n;
|
|
391
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
421
392
|
}
|
|
422
|
-
return e;
|
|
393
|
+
return ("string" === t ? String : Number)(e);
|
|
423
394
|
}
|
|
424
395
|
// props ControlGroup may access and/or override on children
|
|
425
|
-
var
|
|
396
|
+
var re = {
|
|
426
397
|
children: i().node,
|
|
427
398
|
controlsLayout: i().oneOf([ "fill", "fillJoin", "none", "stack" ]),
|
|
428
399
|
elementRef: i().oneOfType([ i().func, i().object ]),
|
|
@@ -440,7 +411,7 @@
|
|
|
440
411
|
tooltip: i().node,
|
|
441
412
|
tooltipDefaultPlacement: i().oneOf([ "above", "below", "left", "right", "theme" ])
|
|
442
413
|
};
|
|
443
|
-
var
|
|
414
|
+
var ne = {
|
|
444
415
|
controlsLayout: "fill",
|
|
445
416
|
error: false,
|
|
446
417
|
hideLabel: false,
|
|
@@ -449,13 +420,13 @@
|
|
|
449
420
|
required: false
|
|
450
421
|
};
|
|
451
422
|
// Style cloned onto child elements when fill behavior set.
|
|
452
|
-
var
|
|
423
|
+
var oe = {
|
|
453
424
|
flexGrow: 1
|
|
454
425
|
};
|
|
455
|
-
|
|
456
|
-
var
|
|
457
|
-
var
|
|
458
|
-
var
|
|
426
|
+
// Margin bootom values cloned onto child elements when the stacking behavior is needed.
|
|
427
|
+
var ie = "0";
|
|
428
|
+
var le = "16px";
|
|
429
|
+
var ae = "12px";
|
|
459
430
|
/**
|
|
460
431
|
* `ControlGroup` places a label and optional help text around one or more controls. The `ControlGroup`
|
|
461
432
|
* will automatically add aria attributes to associate the controls with the labels and help text to
|
|
@@ -473,13 +444,13 @@
|
|
|
473
444
|
* If the linked child supports an `inputId` prop and it's set, its value is used for the label's `for`
|
|
474
445
|
* attribute. If `inputId` is supported but not set a generated id is used instead. If `inputId` isn't
|
|
475
446
|
* supported `id` is used. The `labelFor` prop may be used to override the `for` attribute.
|
|
476
|
-
*/ var
|
|
447
|
+
*/ var se = function(e) {
|
|
477
448
|
J(o, e);
|
|
478
449
|
var t = U(o);
|
|
479
450
|
// @docs-props-type ControlGroupPropsBase
|
|
480
451
|
function o(e) {
|
|
481
452
|
var r;
|
|
482
|
-
|
|
453
|
+
R(this, o);
|
|
483
454
|
r = t.call(this, e);
|
|
484
455
|
Z(K(r), "errorId", void 0);
|
|
485
456
|
Z(K(r), "helpId", void 0);
|
|
@@ -499,11 +470,11 @@
|
|
|
499
470
|
Z(K(r), "getStackLayoutChildStyle", (function(e, t) {
|
|
500
471
|
if (e) {
|
|
501
472
|
if (t) {
|
|
502
|
-
r.stackLayoutChildStyle.marginBottom =
|
|
473
|
+
r.stackLayoutChildStyle.marginBottom = ae;
|
|
503
474
|
}
|
|
504
|
-
r.stackLayoutChildStyle.marginBottom =
|
|
475
|
+
r.stackLayoutChildStyle.marginBottom = le;
|
|
505
476
|
} else {
|
|
506
|
-
r.stackLayoutChildStyle.marginBottom =
|
|
477
|
+
r.stackLayoutChildStyle.marginBottom = ie;
|
|
507
478
|
}
|
|
508
479
|
return r.stackLayoutChildStyle;
|
|
509
480
|
}));
|
|
@@ -514,12 +485,12 @@
|
|
|
514
485
|
if (e.length === 0) {
|
|
515
486
|
return undefined;
|
|
516
487
|
}
|
|
517
|
-
var t =
|
|
488
|
+
var t = V(e, 1), n = t[0];
|
|
518
489
|
var o = a()(e, (function(e) {
|
|
519
490
|
return e.type && e.type.componentType === "Text";
|
|
520
491
|
}));
|
|
521
492
|
var i = r.hasInputId(n);
|
|
522
|
-
|
|
493
|
+
// see class doc block for details
|
|
523
494
|
if (e.length === 1 && n && n.props) {
|
|
524
495
|
return i ? n.props.inputId : n.props.id;
|
|
525
496
|
}
|
|
@@ -572,15 +543,14 @@
|
|
|
572
543
|
key: "render",
|
|
573
544
|
value: function e() {
|
|
574
545
|
var t = this;
|
|
575
|
-
var o = this.props, i = o.children, l = o.controlsLayout, a = o.error, s = o.help, c = o.hideLabel, u = o.label, f = o.labelFor, y = o.labelPosition, h = o.labelWidth, m = o.required, v = o.splunkTheme, g = o.tooltip, _ = o.tooltipDefaultPlacement,
|
|
576
|
-
var D = v.isPrisma,
|
|
577
|
-
var
|
|
578
|
-
var
|
|
579
|
-
var
|
|
580
|
-
var
|
|
581
|
-
var N =
|
|
582
|
-
|
|
583
|
-
// Clean the Children
|
|
546
|
+
var o = this.props, i = o.children, l = o.controlsLayout, a = o.error, s = o.help, c = o.hideLabel, u = o.label, f = o.labelFor, y = o.labelPosition, h = o.labelWidth, m = o.required, v = o.splunkTheme, g = o.tooltip, _ = o.tooltipDefaultPlacement, L = M(o, [ "children", "controlsLayout", "error", "help", "hideLabel", "label", "labelFor", "labelPosition", "labelWidth", "required", "splunkTheme", "tooltip", "tooltipDefaultPlacement" ]);
|
|
547
|
+
var D = v.isPrisma, B = v.isCompact;
|
|
548
|
+
var V = r.Children.toArray(i).filter(r.isValidElement);
|
|
549
|
+
var $ = V.length;
|
|
550
|
+
var A = typeof a === "string";
|
|
551
|
+
var G = A && a !== "";
|
|
552
|
+
var N = A || a === true;
|
|
553
|
+
// Clean the Children
|
|
584
554
|
var W = function e(n, o) {
|
|
585
555
|
var i = {
|
|
586
556
|
key: n.key || o
|
|
@@ -589,21 +559,21 @@
|
|
|
589
559
|
if (o > 0) {
|
|
590
560
|
i.prepend = true;
|
|
591
561
|
}
|
|
592
|
-
if (o <
|
|
562
|
+
if (o < $ - 1) {
|
|
593
563
|
i.append = true;
|
|
594
564
|
}
|
|
595
565
|
if (i.prepend || i.append) {
|
|
596
566
|
i.inline = false;
|
|
597
567
|
}
|
|
598
568
|
}
|
|
599
|
-
if (l === "fill" &&
|
|
569
|
+
if (l === "fill" && $ > 1) {
|
|
600
570
|
i.inline = true;
|
|
601
571
|
}
|
|
602
572
|
if (l === "stack") {
|
|
603
573
|
i.inline = false;
|
|
604
|
-
if (o <
|
|
574
|
+
if (o < $ - 1) {
|
|
605
575
|
// The spread operator is used as css styles are not nested, so there is no need for a deep copy.
|
|
606
|
-
var a = t.getStackLayoutChildStyle(D,
|
|
576
|
+
var a = t.getStackLayoutChildStyle(D, B);
|
|
607
577
|
i.style = n.props.style ? q(q({}, n.props.style), a) : a;
|
|
608
578
|
}
|
|
609
579
|
}
|
|
@@ -618,7 +588,7 @@
|
|
|
618
588
|
if (t.props.required) {
|
|
619
589
|
i.required = true;
|
|
620
590
|
}
|
|
621
|
-
|
|
591
|
+
// TODO: SUI-3402 refactor so that parent component doesn't have to know what it's child components are
|
|
622
592
|
if (n.type.componentType === "Multiselect") {
|
|
623
593
|
var s = n;
|
|
624
594
|
if (s.props.compact === false) {
|
|
@@ -627,10 +597,10 @@
|
|
|
627
597
|
} else {
|
|
628
598
|
i.labelText = u;
|
|
629
599
|
}
|
|
630
|
-
if (
|
|
600
|
+
if ($ === 1 && (l === "fillJoin" || l === "fill")) {
|
|
631
601
|
// Some controls like Select do not grow by default, so flexGrow is applied
|
|
632
602
|
// The spread operator is used as css styles are not nested, so there is no need for a deep copy.
|
|
633
|
-
i.style = n.props.style ? q(q({}, n.props.style),
|
|
603
|
+
i.style = n.props.style ? q(q({}, n.props.style), oe) : oe;
|
|
634
604
|
}
|
|
635
605
|
if (!f && n) {
|
|
636
606
|
if (t.hasInputId(n)) {
|
|
@@ -639,38 +609,35 @@
|
|
|
639
609
|
i.id = n.props.id || t.getChildID("id", o);
|
|
640
610
|
}
|
|
641
611
|
}
|
|
642
|
-
if (
|
|
612
|
+
if (G && n.props.error === true) {
|
|
643
613
|
i["aria-errormessage"] = t.errorId;
|
|
644
614
|
}
|
|
645
615
|
|
|
646
616
|
return (0, r.cloneElement)(n, i);
|
|
647
617
|
};
|
|
648
|
-
var
|
|
649
|
-
var
|
|
650
|
-
|
|
651
|
-
G["aria-invalid"] = true;
|
|
652
|
-
}
|
|
653
|
-
var J = y === "left" ? {
|
|
618
|
+
var R = V.map(W);
|
|
619
|
+
var z = this.getLinkedId(R);
|
|
620
|
+
var F = y === "left" ? {
|
|
654
621
|
width: h
|
|
655
622
|
} : undefined;
|
|
656
|
-
var
|
|
657
|
-
var
|
|
658
|
-
var
|
|
659
|
-
marginLeft: "calc(".concat(
|
|
623
|
+
var J = p()(h) ? "".concat(h, "px") : h;
|
|
624
|
+
var H = D ? "16px" : "20px";
|
|
625
|
+
var U = y === "left" ? {
|
|
626
|
+
marginLeft: "calc(".concat(J, " + ").concat(H, ")")
|
|
660
627
|
} : undefined;
|
|
661
|
-
var
|
|
662
|
-
var
|
|
663
|
-
var
|
|
664
|
-
style:
|
|
628
|
+
var X = l === "stack" ? S : d();
|
|
629
|
+
var K = y === "left" ? I : w;
|
|
630
|
+
var Q = n().createElement(K, {
|
|
631
|
+
style: F,
|
|
665
632
|
$labelPosition: y
|
|
666
|
-
}, n().createElement(
|
|
633
|
+
}, n().createElement(x, {
|
|
667
634
|
"data-test": "label",
|
|
668
635
|
id: this.labelId,
|
|
669
|
-
htmlFor: f ||
|
|
636
|
+
htmlFor: f || z,
|
|
670
637
|
$tooltip: !!g
|
|
671
638
|
}, m && n().createElement(P, {
|
|
672
639
|
"aria-hidden": "true"
|
|
673
|
-
}, "*"), u, !D && !c && g && n().createElement("span", null, " "), !c && g && n().createElement(b(), null, g)), !c && g && n().createElement(
|
|
640
|
+
}, "*"), u, !D && !c && g && n().createElement("span", null, " "), !c && g && n().createElement(b(), null, g)), !c && g && n().createElement(C, {
|
|
674
641
|
$labelPosition: y,
|
|
675
642
|
closeWhen: "notOnClick",
|
|
676
643
|
content: g,
|
|
@@ -681,33 +648,34 @@
|
|
|
681
648
|
return n().createElement(O, E({
|
|
682
649
|
"data-test": "control-group",
|
|
683
650
|
"data-test-required": m,
|
|
684
|
-
$error:
|
|
685
|
-
|
|
651
|
+
$error: N,
|
|
652
|
+
"aria-invalid": !!a || undefined
|
|
653
|
+
}, L), n().createElement(T.Provider, {
|
|
686
654
|
value: this.getContextValue()
|
|
687
|
-
}, c ? n().createElement(b(), null,
|
|
655
|
+
}, c ? n().createElement(b(), null, Q) : Q, n().createElement(X, {
|
|
688
656
|
"data-test": "controls",
|
|
689
657
|
flex: l !== "none",
|
|
690
|
-
style:
|
|
691
|
-
},
|
|
658
|
+
style: U
|
|
659
|
+
}, R), s && n().createElement(j, {
|
|
692
660
|
"data-test": "help",
|
|
693
661
|
id: this.helpId,
|
|
694
|
-
style:
|
|
695
|
-
$error:
|
|
696
|
-
}, s),
|
|
662
|
+
style: U,
|
|
663
|
+
$error: N && !G
|
|
664
|
+
}, s), G && n().createElement(k, {
|
|
697
665
|
"data-test": "error",
|
|
698
666
|
id: this.errorId,
|
|
699
|
-
style:
|
|
667
|
+
style: U,
|
|
700
668
|
$help: !!s
|
|
701
669
|
}, a)));
|
|
702
670
|
}
|
|
703
671
|
} ]);
|
|
704
672
|
return o;
|
|
705
673
|
}(r.Component);
|
|
706
|
-
Z(
|
|
707
|
-
Z(
|
|
708
|
-
var
|
|
709
|
-
|
|
710
|
-
/* harmony default export */ const
|
|
674
|
+
Z(se, "propTypes", re);
|
|
675
|
+
Z(se, "defaultProps", ne);
|
|
676
|
+
var pe = (0, c.withSplunkTheme)(se);
|
|
677
|
+
pe.propTypes = se.propTypes;
|
|
678
|
+
/* harmony default export */ const ce = pe;
|
|
711
679
|
// CONCATENATED MODULE: ./src/ControlGroup/index.ts
|
|
712
680
|
module.exports = t;
|
|
713
681
|
/******/})();
|