@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/CardLayout.js
CHANGED
|
@@ -61,17 +61,17 @@
|
|
|
61
61
|
e.r(r);
|
|
62
62
|
// EXPORTS
|
|
63
63
|
e.d(r, {
|
|
64
|
-
default: () => /* reexport */
|
|
64
|
+
default: () => /* reexport */ j
|
|
65
65
|
});
|
|
66
66
|
// CONCATENATED MODULE: external "react"
|
|
67
67
|
const t = require("react");
|
|
68
68
|
var n = e.n(t);
|
|
69
69
|
// CONCATENATED MODULE: external "prop-types"
|
|
70
70
|
const i = require("prop-types");
|
|
71
|
-
var
|
|
71
|
+
var o = e.n(i);
|
|
72
72
|
// CONCATENATED MODULE: external "styled-components"
|
|
73
|
-
const
|
|
74
|
-
var c = e.n(
|
|
73
|
+
const a = require("styled-components");
|
|
74
|
+
var c = e.n(a);
|
|
75
75
|
// CONCATENATED MODULE: external "@splunk/themes"
|
|
76
76
|
const l = require("@splunk/themes");
|
|
77
77
|
// CONCATENATED MODULE: ./src/CardLayout/CardLayoutStyles.ts
|
|
@@ -80,127 +80,130 @@
|
|
|
80
80
|
componentId: "sc-18kz7zm-0"
|
|
81
81
|
})([ "", ";", " ", "" ], l.mixins.reset("flex"), (function(e) {
|
|
82
82
|
var r = e.$wrapCards;
|
|
83
|
-
return r && (0,
|
|
83
|
+
return r && (0, a.css)([ "flex-wrap:wrap;" ]);
|
|
84
84
|
}), (0, l.pickVariant)("$alignCards", {
|
|
85
|
-
center: (0,
|
|
86
|
-
right: (0,
|
|
85
|
+
center: (0, a.css)([ "justify-content:center;" ]),
|
|
86
|
+
right: (0, a.css)([ "justify-content:flex-end;" ])
|
|
87
87
|
}));
|
|
88
88
|
// CONCATENATED MODULE: ./src/CardLayout/CardLayout.tsx
|
|
89
|
-
function
|
|
90
|
-
|
|
89
|
+
function f(e) {
|
|
90
|
+
"@babel/helpers - typeof";
|
|
91
|
+
return f = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
92
|
+
return typeof e;
|
|
93
|
+
} : function(e) {
|
|
94
|
+
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
95
|
+
}, f(e);
|
|
96
|
+
}
|
|
97
|
+
function s() {
|
|
98
|
+
return s = Object.assign ? Object.assign.bind() : function(e) {
|
|
91
99
|
for (var r = 1; r < arguments.length; r++) {
|
|
92
100
|
var t = arguments[r];
|
|
93
101
|
for (var n in t) {
|
|
94
|
-
|
|
95
|
-
e[n] = t[n];
|
|
96
|
-
}
|
|
102
|
+
({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
|
|
97
103
|
}
|
|
98
104
|
}
|
|
99
105
|
return e;
|
|
100
|
-
};
|
|
101
|
-
return d.apply(this, arguments);
|
|
106
|
+
}, s.apply(null, arguments);
|
|
102
107
|
}
|
|
103
|
-
function
|
|
108
|
+
function d(e, r) {
|
|
104
109
|
var t = Object.keys(e);
|
|
105
110
|
if (Object.getOwnPropertySymbols) {
|
|
106
111
|
var n = Object.getOwnPropertySymbols(e);
|
|
107
|
-
|
|
112
|
+
r && (n = n.filter((function(r) {
|
|
108
113
|
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
109
|
-
}));
|
|
110
|
-
t.push.apply(t, n);
|
|
114
|
+
}))), t.push.apply(t, n);
|
|
111
115
|
}
|
|
112
116
|
return t;
|
|
113
117
|
}
|
|
114
|
-
function
|
|
118
|
+
function p(e) {
|
|
115
119
|
for (var r = 1; r < arguments.length; r++) {
|
|
116
|
-
var t = arguments[r]
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
}
|
|
122
|
-
Object.defineProperties(e, Object.getOwnPropertyDescriptors(t));
|
|
123
|
-
} else {
|
|
124
|
-
f(Object(t)).forEach((function(r) {
|
|
125
|
-
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
126
|
-
}));
|
|
127
|
-
}
|
|
120
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
121
|
+
r % 2 ? d(Object(t), !0).forEach((function(r) {
|
|
122
|
+
y(e, r, t[r]);
|
|
123
|
+
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : d(Object(t)).forEach((function(r) {
|
|
124
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
125
|
+
}));
|
|
128
126
|
}
|
|
129
127
|
return e;
|
|
130
128
|
}
|
|
131
|
-
function
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
129
|
+
function y(e, r, t) {
|
|
130
|
+
return (r = b(r)) in e ? Object.defineProperty(e, r, {
|
|
131
|
+
value: t,
|
|
132
|
+
enumerable: !0,
|
|
133
|
+
configurable: !0,
|
|
134
|
+
writable: !0
|
|
135
|
+
}) : e[r] = t, e;
|
|
136
|
+
}
|
|
137
|
+
function b(e) {
|
|
138
|
+
var r = m(e, "string");
|
|
139
|
+
return "symbol" == f(r) ? r : r + "";
|
|
140
|
+
}
|
|
141
|
+
function m(e, r) {
|
|
142
|
+
if ("object" != f(e) || !e) return e;
|
|
143
|
+
var t = e[Symbol.toPrimitive];
|
|
144
|
+
if (void 0 !== t) {
|
|
145
|
+
var n = t.call(e, r || "default");
|
|
146
|
+
if ("object" != f(n)) return n;
|
|
147
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
141
148
|
}
|
|
142
|
-
return e;
|
|
149
|
+
return ("string" === r ? String : Number)(e);
|
|
143
150
|
}
|
|
144
|
-
function
|
|
145
|
-
if (
|
|
146
|
-
var t =
|
|
147
|
-
var n, i;
|
|
151
|
+
function g(e, r) {
|
|
152
|
+
if (null == e) return {};
|
|
153
|
+
var t, n, i = v(e, r);
|
|
148
154
|
if (Object.getOwnPropertySymbols) {
|
|
149
|
-
var
|
|
150
|
-
for (
|
|
151
|
-
|
|
152
|
-
if (r.indexOf(n) >= 0) continue;
|
|
153
|
-
if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
|
|
154
|
-
t[n] = e[n];
|
|
155
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
156
|
+
for (n = 0; n < o.length; n++) {
|
|
157
|
+
t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
|
|
155
158
|
}
|
|
156
159
|
}
|
|
157
|
-
return
|
|
160
|
+
return i;
|
|
158
161
|
}
|
|
159
|
-
function
|
|
160
|
-
if (
|
|
162
|
+
function v(e, r) {
|
|
163
|
+
if (null == e) return {};
|
|
161
164
|
var t = {};
|
|
162
|
-
var n
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
t[i] = e[i];
|
|
165
|
+
for (var n in e) {
|
|
166
|
+
if ({}.hasOwnProperty.call(e, n)) {
|
|
167
|
+
if (r.includes(n)) continue;
|
|
168
|
+
t[n] = e[n];
|
|
169
|
+
}
|
|
168
170
|
}
|
|
169
171
|
return t;
|
|
170
172
|
}
|
|
171
173
|
var O = {
|
|
172
|
-
alignCards:
|
|
173
|
-
cardMaxWidth:
|
|
174
|
-
cardMinWidth:
|
|
175
|
-
cardWidth:
|
|
176
|
-
children:
|
|
177
|
-
elementRef:
|
|
178
|
-
gutterSize:
|
|
179
|
-
wrapCards:
|
|
174
|
+
alignCards: o().oneOf([ "left", "center", "right" ]),
|
|
175
|
+
cardMaxWidth: o().oneOfType([ o().number, o().string ]),
|
|
176
|
+
cardMinWidth: o().oneOfType([ o().number, o().string ]),
|
|
177
|
+
cardWidth: o().oneOfType([ o().number, o().string ]),
|
|
178
|
+
children: o().node,
|
|
179
|
+
elementRef: o().oneOfType([ o().func, o().object ]),
|
|
180
|
+
gutterSize: o().number,
|
|
181
|
+
wrapCards: o().bool
|
|
180
182
|
};
|
|
181
|
-
function
|
|
182
|
-
var r = e.alignCards, i = r === void 0 ? "left" : r,
|
|
183
|
-
|
|
183
|
+
function h(e) {
|
|
184
|
+
var r = e.alignCards, i = r === void 0 ? "left" : r, o = e.cardMaxWidth, a = e.cardMinWidth, c = e.cardWidth, l = e.children, f = e.elementRef, d = e.gutterSize, y = d === void 0 ? 10 : d, b = e.style, m = e.wrapCards, v = m === void 0 ? true : m, O = g(e, [ "alignCards", "cardMaxWidth", "cardMinWidth", "cardWidth", "children", "elementRef", "gutterSize", "style", "wrapCards" ]);
|
|
185
|
+
// @docs-props-type CardLayoutPropsBase
|
|
186
|
+
var h = t.Children.toArray(l).filter(t.isValidElement).map((function(e) {
|
|
184
187
|
|
|
185
188
|
return (0, t.cloneElement)(e, {
|
|
186
|
-
minWidth: c ||
|
|
187
|
-
maxWidth: c ||
|
|
188
|
-
margin:
|
|
189
|
+
minWidth: c || a || undefined,
|
|
190
|
+
maxWidth: c || o || undefined,
|
|
191
|
+
margin: y / 2
|
|
189
192
|
});
|
|
190
193
|
}));
|
|
191
194
|
|
|
192
|
-
return n().createElement(u,
|
|
195
|
+
return n().createElement(u, s({
|
|
193
196
|
"data-test": "card-layout",
|
|
194
197
|
$alignCards: i,
|
|
195
|
-
$wrapCards:
|
|
198
|
+
$wrapCards: v,
|
|
196
199
|
ref: f,
|
|
197
|
-
style:
|
|
198
|
-
padding:
|
|
199
|
-
},
|
|
200
|
-
},
|
|
200
|
+
style: p({
|
|
201
|
+
padding: y / 2
|
|
202
|
+
}, b)
|
|
203
|
+
}, O), h);
|
|
201
204
|
}
|
|
202
|
-
|
|
203
|
-
/* harmony default export */ const
|
|
205
|
+
h.propTypes = O;
|
|
206
|
+
/* harmony default export */ const j = h;
|
|
204
207
|
// CONCATENATED MODULE: ./src/CardLayout/index.ts
|
|
205
208
|
module.exports = r;
|
|
206
209
|
/******/})();
|