@splunk/react-ui 4.37.0 → 4.39.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 +208 -219
- package/ButtonGroup.js +41 -49
- package/ButtonSimple.js +264 -295
- package/CHANGELOG.md +50 -1
- package/Calendar.js +353 -414
- package/Card.js +183 -243
- package/CardLayout.js +86 -83
- package/Chip.js +104 -122
- package/Clickable.js +180 -198
- package/CloseButton.js +52 -60
- package/Code.js +24 -31
- package/CollapsiblePanel.js +172 -202
- package/Color.js +1107 -980
- package/ColumnLayout.js +72 -96
- package/ComboBox.js +267 -305
- package/Concertina.js +406 -454
- package/ControlGroup.js +165 -194
- 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 +92 -38
- package/Markdown.js +288 -347
- package/Menu.js +512 -530
- package/Message.js +173 -196
- package/MessageBar.js +58 -66
- package/Modal.js +241 -290
- package/ModalLayer.js +130 -148
- package/Monogram.js +138 -138
- package/Multiselect.js +1600 -1923
- package/Number.js +159 -178
- package/Paginator.js +296 -335
- package/Paragraph.js +24 -32
- package/Popover.js +448 -441
- 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 +130 -94
- package/Scroll.js +209 -244
- package/Search.js +375 -384
- package/Select.js +1076 -1354
- package/SidePanel.js +122 -142
- package/Slider.js +192 -222
- package/SlidingPanels.js +238 -270
- package/SplitButton.js +222 -245
- package/StaticContent.js +68 -76
- package/StepBar.js +206 -205
- package/Switch.js +211 -236
- package/TabBar.js +222 -258
- package/TabLayout.js +114 -139
- package/Table.js +2017 -2180
- package/Text.js +401 -512
- 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 +60 -68
- 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 +17 -17
- package/types/src/Button/Button.d.ts +20 -6
- package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
- package/types/src/Color/Color.d.ts +5 -2
- package/types/src/Color/Palette.d.ts +6 -2
- 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 -3
- package/types/src/File/File.d.ts +2 -3
- package/types/src/File/Retry.d.ts +1 -2
- package/types/src/Link/Link.d.ts +3 -4
- package/types/src/Menu/Item.d.ts +24 -8
- 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/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 +16 -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 +2 -2
- package/types/src/Select/SelectAllOption.d.ts +4 -4
- package/types/src/Select/SelectBase.d.ts +0 -1
- package/types/src/SidePanel/SidePanel.d.ts +1 -1
- package/types/src/Slider/Slider.d.ts +2 -3
- package/types/src/Slider/docs/examples/Error.d.ts +2 -0
- package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
- package/types/src/StepBar/Step.d.ts +1 -2
- 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/HeadDropdownCell.d.ts +2 -0
- 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 +6 -4
- package/types/src/Text/docs/examples/Dimmed.d.ts +2 -0
- 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/useForceUpdate.js +30 -32
- package/useKeyPress.js +1 -1
- package/types/src/Button/docs/examples/Selected.d.ts +0 -2
- package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
- 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/Slider/docs/examples/prisma/Error.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/Date/docs/examples/{prisma/WithoutCalendar.d.ts → WithoutCalendar.d.ts} +0 -0
- /package/types/src/Message/docs/examples/{prisma/Title.d.ts → Title.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
|
/******/})();
|
package/Chip.js
CHANGED
|
@@ -24,11 +24,11 @@
|
|
|
24
24
|
/******/ (() => {
|
|
25
25
|
/******/ // define getter functions for harmony exports
|
|
26
26
|
/******/ e.d = (r, a) => {
|
|
27
|
-
/******/ for (var
|
|
28
|
-
/******/ if (e.o(a,
|
|
29
|
-
/******/ Object.defineProperty(r,
|
|
27
|
+
/******/ for (var n in a) {
|
|
28
|
+
/******/ if (e.o(a, n) && !e.o(r, n)) {
|
|
29
|
+
/******/ Object.defineProperty(r, n, {
|
|
30
30
|
enumerable: true,
|
|
31
|
-
get: a[
|
|
31
|
+
get: a[n]
|
|
32
32
|
});
|
|
33
33
|
/******/ }
|
|
34
34
|
/******/ }
|
|
@@ -65,13 +65,13 @@
|
|
|
65
65
|
});
|
|
66
66
|
// CONCATENATED MODULE: external "react"
|
|
67
67
|
const a = require("react");
|
|
68
|
-
var
|
|
68
|
+
var n = e.n(a);
|
|
69
69
|
// CONCATENATED MODULE: external "lodash/omit"
|
|
70
|
-
const
|
|
71
|
-
var
|
|
70
|
+
const o = require("lodash/omit");
|
|
71
|
+
var i = e.n(o);
|
|
72
72
|
// CONCATENATED MODULE: external "prop-types"
|
|
73
|
-
const
|
|
74
|
-
var l = e.n(
|
|
73
|
+
const t = require("prop-types");
|
|
74
|
+
var l = e.n(t);
|
|
75
75
|
// CONCATENATED MODULE: external "@splunk/react-icons/Cross"
|
|
76
76
|
const s = require("@splunk/react-icons/Cross");
|
|
77
77
|
var c = e.n(s);
|
|
@@ -81,9 +81,9 @@
|
|
|
81
81
|
// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
82
82
|
const d = require("@splunk/ui-utils/i18n");
|
|
83
83
|
// CONCATENATED MODULE: external "@splunk/ui-utils/color"
|
|
84
|
-
const
|
|
84
|
+
const v = require("@splunk/ui-utils/color");
|
|
85
85
|
// CONCATENATED MODULE: external "@splunk/ui-utils/format"
|
|
86
|
-
const
|
|
86
|
+
const f = require("@splunk/ui-utils/format");
|
|
87
87
|
// CONCATENATED MODULE: external "@splunk/themes"
|
|
88
88
|
const b = require("@splunk/themes");
|
|
89
89
|
// CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
@@ -199,15 +199,15 @@
|
|
|
199
199
|
}
|
|
200
200
|
}), (function(e) {
|
|
201
201
|
var r = e.$icon, a = e.$removable;
|
|
202
|
-
var
|
|
202
|
+
var n = (0, h.css)([ "grid-template-columns:1fr;" ]);
|
|
203
203
|
if (r && a) {
|
|
204
|
-
|
|
204
|
+
n = (0, h.css)([ "grid-template-columns:0fr 1fr 0fr;" ]);
|
|
205
205
|
} else if (r) {
|
|
206
|
-
|
|
206
|
+
n = (0, h.css)([ "grid-template-columns:0fr 1fr;" ]);
|
|
207
207
|
} else if (a) {
|
|
208
|
-
|
|
208
|
+
n = (0, h.css)([ "grid-template-columns:1fr 0fr;" ]);
|
|
209
209
|
}
|
|
210
|
-
return
|
|
210
|
+
return n;
|
|
211
211
|
}))
|
|
212
212
|
}));
|
|
213
213
|
var O = C().div.withConfig({
|
|
@@ -229,8 +229,8 @@
|
|
|
229
229
|
return a || b.variables.contentColorDefault;
|
|
230
230
|
},
|
|
231
231
|
prisma: function e(r) {
|
|
232
|
-
var a = r.$foregroundColor,
|
|
233
|
-
return a || (
|
|
232
|
+
var a = r.$foregroundColor, n = r.$appearance;
|
|
233
|
+
return a || (n === "error" ? b.variables.contentColorInverted : b.variables.contentColorDefault);
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
236
|
}));
|
|
@@ -243,12 +243,12 @@
|
|
|
243
243
|
true: b.variables.contentColorDisabled,
|
|
244
244
|
false: {
|
|
245
245
|
enterprise: function e(r) {
|
|
246
|
-
var a = r.$appearance,
|
|
247
|
-
return
|
|
246
|
+
var a = r.$appearance, n = r.$foregroundColor;
|
|
247
|
+
return n || (a === "default" || a === "outline" ? b.variables.contentColorDefault : b.variables.gray30);
|
|
248
248
|
},
|
|
249
249
|
prisma: function e(r) {
|
|
250
|
-
var a = r.$appearance,
|
|
251
|
-
return
|
|
250
|
+
var a = r.$appearance, n = r.$foregroundColor;
|
|
251
|
+
return n || (a === "error" ? b.variables.contentColorInverted : b.variables.contentColorActive);
|
|
252
252
|
}
|
|
253
253
|
}
|
|
254
254
|
}));
|
|
@@ -264,8 +264,8 @@
|
|
|
264
264
|
true: b.variables.contentColorDisabled,
|
|
265
265
|
false: {
|
|
266
266
|
enterprise: function e(r) {
|
|
267
|
-
var a = r.$foregroundColor,
|
|
268
|
-
return a || (
|
|
267
|
+
var a = r.$foregroundColor, n = r.$appearance;
|
|
268
|
+
return a || (n === "default" || n === "outline" ? b.variables.textGray : b.variables.gray30);
|
|
269
269
|
}
|
|
270
270
|
}
|
|
271
271
|
})),
|
|
@@ -274,15 +274,13 @@
|
|
|
274
274
|
return r ? b.variables.contentColorDisabled : a || "inherit";
|
|
275
275
|
}))
|
|
276
276
|
}));
|
|
277
|
-
var
|
|
277
|
+
var q = C()(x()).withConfig({
|
|
278
278
|
displayName: "ChipStyles__StyledClickable",
|
|
279
279
|
componentId: "sc-1sd3tsh-6"
|
|
280
280
|
})([ "", " flex:0 1 auto;line-height:16px;cursor:pointer;&:focus{", ";}&:not([disabled]):hover{", ";}", ";" ], $, (0,
|
|
281
281
|
b.pick)({
|
|
282
282
|
enterprise: (0, h.css)([ "box-shadow:", ";color:", ";" ], b.variables.focusShadow, b.variables.linkColor),
|
|
283
|
-
prisma: (0, h.css)([ "color:", ";", "{background-color:", ";box-shadow:0 0 0 3px ", ";}" ], b.variables.contentColorActive,
|
|
284
|
-
/* sc-sel */
|
|
285
|
-
_, b.variables.interactiveColorOverlayHover, b.variables.focusColor)
|
|
283
|
+
prisma: (0, h.css)([ "color:", ";", "{background-color:", ";box-shadow:0 0 0 3px ", ";}" ], b.variables.contentColorActive, /* sc-sel */ _, b.variables.interactiveColorOverlayHover, b.variables.focusColor)
|
|
286
284
|
}), (0, b.pick)({
|
|
287
285
|
enterprise: (0, h.css)([ "background-color:", ";", "{color:", ";}" ], (0, b.pickVariant)("$appearance", {
|
|
288
286
|
default: {
|
|
@@ -297,113 +295,97 @@
|
|
|
297
295
|
dark: b.variables.gray30,
|
|
298
296
|
light: b.variables.gray96
|
|
299
297
|
}
|
|
300
|
-
}),
|
|
301
|
-
/* sc-sel */
|
|
302
|
-
_, (function(e) {
|
|
298
|
+
}), /* sc-sel */ _, (function(e) {
|
|
303
299
|
var r = e.$foregroundColor;
|
|
304
300
|
return r || b.variables.linkColor;
|
|
305
301
|
})),
|
|
306
|
-
prisma: (0, h.css)([ "color:", ";", "{background-color:", ";", ";}" ], b.variables.contentColorActive,
|
|
307
|
-
/* sc-sel */
|
|
308
|
-
_, b.variables.interactiveColorOverlayHover, (function(e) {
|
|
302
|
+
prisma: (0, h.css)([ "color:", ";", "{background-color:", ";", ";}" ], b.variables.contentColorActive, /* sc-sel */ _, b.variables.interactiveColorOverlayHover, (function(e) {
|
|
309
303
|
var r = e.$appearance;
|
|
310
304
|
return r === "error" && (0, h.css)([ "color:", ";" ], b.variables.contentColorInverted);
|
|
311
305
|
}))
|
|
312
306
|
}), (0, b.pick)({
|
|
313
|
-
prisma: (0, h.css)([ "&:not([disabled]):active ", "{background-color:", ";}" ],
|
|
314
|
-
/* sc-sel */
|
|
315
|
-
_, b.variables.interactiveColorOverlayActive)
|
|
307
|
+
prisma: (0, h.css)([ "&:not([disabled]):active ", "{background-color:", ";}" ], /* sc-sel */ _, b.variables.interactiveColorOverlayActive)
|
|
316
308
|
}));
|
|
317
309
|
// CONCATENATED MODULE: ./src/Chip/Chip.tsx
|
|
318
|
-
function
|
|
319
|
-
|
|
310
|
+
function E() {
|
|
311
|
+
return E = Object.assign ? Object.assign.bind() : function(e) {
|
|
320
312
|
for (var r = 1; r < arguments.length; r++) {
|
|
321
313
|
var a = arguments[r];
|
|
322
|
-
for (var
|
|
323
|
-
|
|
324
|
-
e[o] = a[o];
|
|
325
|
-
}
|
|
314
|
+
for (var n in a) {
|
|
315
|
+
({}).hasOwnProperty.call(a, n) && (e[n] = a[n]);
|
|
326
316
|
}
|
|
327
317
|
}
|
|
328
318
|
return e;
|
|
329
|
-
};
|
|
330
|
-
return q.apply(this, arguments);
|
|
319
|
+
}, E.apply(null, arguments);
|
|
331
320
|
}
|
|
332
|
-
function
|
|
333
|
-
return z(e) || L(e, r) || A(e, r) ||
|
|
321
|
+
function I(e, r) {
|
|
322
|
+
return z(e) || L(e, r) || A(e, r) || j();
|
|
334
323
|
}
|
|
335
|
-
function
|
|
324
|
+
function j() {
|
|
336
325
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
337
326
|
}
|
|
338
327
|
function A(e, r) {
|
|
339
|
-
if (
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
if (a === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)) return D(e, r);
|
|
328
|
+
if (e) {
|
|
329
|
+
if ("string" == typeof e) return D(e, r);
|
|
330
|
+
var a = {}.toString.call(e).slice(8, -1);
|
|
331
|
+
return "Object" === a && e.constructor && (a = e.constructor.name), "Map" === a || "Set" === a ? Array.from(e) : "Arguments" === a || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? D(e, r) : void 0;
|
|
332
|
+
}
|
|
345
333
|
}
|
|
346
334
|
function D(e, r) {
|
|
347
|
-
|
|
348
|
-
for (var a = 0,
|
|
349
|
-
|
|
335
|
+
(null == r || r > e.length) && (r = e.length);
|
|
336
|
+
for (var a = 0, n = Array(r); a < r; a++) {
|
|
337
|
+
n[a] = e[a];
|
|
350
338
|
}
|
|
351
|
-
return
|
|
339
|
+
return n;
|
|
352
340
|
}
|
|
353
341
|
function L(e, r) {
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
var n = false;
|
|
358
|
-
var t = undefined;
|
|
359
|
-
try {
|
|
360
|
-
for (var i = e[Symbol.iterator](), l; !(o = (l = i.next()).done); o = true) {
|
|
361
|
-
a.push(l.value);
|
|
362
|
-
if (r && a.length === r) break;
|
|
363
|
-
}
|
|
364
|
-
} catch (e) {
|
|
365
|
-
n = true;
|
|
366
|
-
t = e;
|
|
367
|
-
} finally {
|
|
342
|
+
var a = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
343
|
+
if (null != a) {
|
|
344
|
+
var n, o, i, t, l = [], s = !0, c = !1;
|
|
368
345
|
try {
|
|
369
|
-
if (
|
|
346
|
+
if (i = (a = a.call(e)).next, 0 === r) {
|
|
347
|
+
if (Object(a) !== a) return;
|
|
348
|
+
s = !1;
|
|
349
|
+
} else for (;!(s = (n = i.call(a)).done) && (l.push(n.value), l.length !== r); s = !0) {
|
|
350
|
+
}
|
|
351
|
+
} catch (e) {
|
|
352
|
+
c = !0, o = e;
|
|
370
353
|
} finally {
|
|
371
|
-
|
|
354
|
+
try {
|
|
355
|
+
if (!s && null != a["return"] && (t = a["return"](), Object(t) !== t)) return;
|
|
356
|
+
} finally {
|
|
357
|
+
if (c) throw o;
|
|
358
|
+
}
|
|
372
359
|
}
|
|
360
|
+
return l;
|
|
373
361
|
}
|
|
374
|
-
return a;
|
|
375
362
|
}
|
|
376
363
|
function z(e) {
|
|
377
364
|
if (Array.isArray(e)) return e;
|
|
378
365
|
}
|
|
379
366
|
function N(e, r) {
|
|
380
|
-
if (
|
|
381
|
-
var a =
|
|
382
|
-
var o, n;
|
|
367
|
+
if (null == e) return {};
|
|
368
|
+
var a, n, o = P(e, r);
|
|
383
369
|
if (Object.getOwnPropertySymbols) {
|
|
384
|
-
var
|
|
385
|
-
for (n = 0; n <
|
|
386
|
-
|
|
387
|
-
if (r.indexOf(o) >= 0) continue;
|
|
388
|
-
if (!Object.prototype.propertyIsEnumerable.call(e, o)) continue;
|
|
389
|
-
a[o] = e[o];
|
|
370
|
+
var i = Object.getOwnPropertySymbols(e);
|
|
371
|
+
for (n = 0; n < i.length; n++) {
|
|
372
|
+
a = i[n], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (o[a] = e[a]);
|
|
390
373
|
}
|
|
391
374
|
}
|
|
392
|
-
return
|
|
375
|
+
return o;
|
|
393
376
|
}
|
|
394
|
-
function
|
|
395
|
-
if (
|
|
377
|
+
function P(e, r) {
|
|
378
|
+
if (null == e) return {};
|
|
396
379
|
var a = {};
|
|
397
|
-
var
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
a[n] = e[n];
|
|
380
|
+
for (var n in e) {
|
|
381
|
+
if ({}.hasOwnProperty.call(e, n)) {
|
|
382
|
+
if (r.includes(n)) continue;
|
|
383
|
+
a[n] = e[n];
|
|
384
|
+
}
|
|
403
385
|
}
|
|
404
386
|
return a;
|
|
405
387
|
}
|
|
406
|
-
var
|
|
388
|
+
/** @public */ var T = {
|
|
407
389
|
appearance: l().oneOf([ "info", "success", "warning", "error", "outline" ]),
|
|
408
390
|
backgroundColor: l().string,
|
|
409
391
|
children: l().node.isRequired,
|
|
@@ -415,31 +397,31 @@
|
|
|
415
397
|
/** Includes this value in `onRequestRemove` callbacks. */
|
|
416
398
|
value: l().any
|
|
417
399
|
};
|
|
418
|
-
function
|
|
400
|
+
function H(e) {
|
|
419
401
|
return !!e.onRequestRemove;
|
|
420
402
|
}
|
|
421
403
|
function B(e) {
|
|
422
|
-
var r = e.appearance, a = e.backgroundColor,
|
|
404
|
+
var r = e.appearance, a = e.backgroundColor, n = e.disabled, o = e.foregroundColor, i = e.icon, t = N(e, [ "appearance", "backgroundColor", "disabled", "foregroundColor", "icon" ]);
|
|
423
405
|
// Validate that the color being rendered into the CSS is restricted to only values that are of CSS type <color>.
|
|
424
|
-
var l =
|
|
425
|
-
var s = a && (0,
|
|
406
|
+
var l = o && (0, v.isCSSColor)(o) ? o : undefined;
|
|
407
|
+
var s = a && (0, v.isCSSColor)(a) ? a : undefined;
|
|
426
408
|
var c = {
|
|
427
409
|
"data-test": "chip",
|
|
428
410
|
$appearance: r || (s ? "custom" : "default"),
|
|
429
411
|
$backgroundColor: s,
|
|
430
412
|
$foregroundColor: l,
|
|
431
|
-
disabled:
|
|
432
|
-
icon:
|
|
413
|
+
disabled: n,
|
|
414
|
+
icon: i
|
|
433
415
|
};
|
|
434
|
-
return [ c,
|
|
416
|
+
return [ c, t ];
|
|
435
417
|
}
|
|
436
418
|
function V(e) {
|
|
437
|
-
var r = B(e),
|
|
438
|
-
var s =
|
|
419
|
+
var r = B(e), o = I(r, 2), t = o[0], l = o[1];
|
|
420
|
+
var s = t.$appearance, p = t.$foregroundColor, v = t.disabled, g = v === void 0 ? false : v, h = t.icon, C = N(t, [ "$appearance", "$foregroundColor", "disabled", "icon" ]);
|
|
439
421
|
var y = l.children, x = l.elementRef, $ = l.onRequestRemove, k = l.value, S = N(l, [ "children", "elementRef", "onRequestRemove", "value" ]);
|
|
440
|
-
var
|
|
422
|
+
var j = (0, b.useSplunkTheme)(), A = j.isEnterprise;
|
|
441
423
|
var D = typeof y === "string";
|
|
442
|
-
var L = D ? (0,
|
|
424
|
+
var L = D ? (0, f.sprintf)((0, d._)("Remove %(children)s"), {
|
|
443
425
|
children: y
|
|
444
426
|
}) : (0, d._)("Remove");
|
|
445
427
|
var z = (0, a.useCallback)((function(e) {
|
|
@@ -448,7 +430,7 @@
|
|
|
448
430
|
});
|
|
449
431
|
}), [ $, k ]);
|
|
450
432
|
|
|
451
|
-
return
|
|
433
|
+
return n().createElement(q, E({
|
|
452
434
|
$appearance: s,
|
|
453
435
|
$disabled: g,
|
|
454
436
|
$foregroundColor: p,
|
|
@@ -456,51 +438,51 @@
|
|
|
456
438
|
disabled: g,
|
|
457
439
|
elementRef: x,
|
|
458
440
|
onClick: z
|
|
459
|
-
}, C,
|
|
441
|
+
}, C, i()(S, Object.keys(T))), n().createElement(w, {
|
|
460
442
|
$icon: !!h,
|
|
461
443
|
$removable: true
|
|
462
|
-
},
|
|
444
|
+
}, n().createElement(m(), null, L), h && n().createElement(O, {
|
|
463
445
|
$appearance: s,
|
|
464
446
|
$disabled: g,
|
|
465
447
|
$foregroundColor: p
|
|
466
|
-
}, h),
|
|
448
|
+
}, h), n().createElement(R, {
|
|
467
449
|
"data-test": "label",
|
|
468
450
|
"aria-hidden": D ? true : undefined,
|
|
469
451
|
$appearance: s,
|
|
470
452
|
$disabled: g,
|
|
471
453
|
$foregroundColor: p
|
|
472
|
-
}, y),
|
|
454
|
+
}, y), n().createElement(_, {
|
|
473
455
|
$appearance: s,
|
|
474
456
|
$disabled: g,
|
|
475
457
|
$foregroundColor: p
|
|
476
|
-
}, A ?
|
|
458
|
+
}, A ? n().createElement(u(), {
|
|
477
459
|
"data-test": "cross",
|
|
478
460
|
hideDefaultTooltip: true,
|
|
479
461
|
screenReaderText: null,
|
|
480
462
|
size: .85
|
|
481
|
-
}) :
|
|
463
|
+
}) : n().createElement(c(), {
|
|
482
464
|
"data-test": "cross",
|
|
483
465
|
height: "20px",
|
|
484
466
|
width: "20px"
|
|
485
467
|
}))));
|
|
486
468
|
}
|
|
487
469
|
function M(e) {
|
|
488
|
-
var r = B(e), a =
|
|
489
|
-
var l =
|
|
490
|
-
var d =
|
|
470
|
+
var r = B(e), a = I(r, 2), o = a[0], t = a[1];
|
|
471
|
+
var l = o.$appearance, s = o.$foregroundColor, c = o.disabled, p = o.icon, u = N(o, [ "$appearance", "$foregroundColor", "disabled", "icon" ]);
|
|
472
|
+
var d = t.children, v = t.elementRef, f = N(t, [ "children", "elementRef" ]);
|
|
491
473
|
|
|
492
|
-
return
|
|
474
|
+
return n().createElement(S, E({
|
|
493
475
|
$appearance: l,
|
|
494
476
|
$disabled: c !== null && c !== void 0 ? c : false,
|
|
495
|
-
ref:
|
|
496
|
-
}, u,
|
|
477
|
+
ref: v
|
|
478
|
+
}, u, i()(f, Object.keys(T))), n().createElement(w, {
|
|
497
479
|
$icon: !!p,
|
|
498
480
|
$removable: false
|
|
499
|
-
}, p &&
|
|
481
|
+
}, p && n().createElement(O, {
|
|
500
482
|
$appearance: l,
|
|
501
483
|
$disabled: c !== null && c !== void 0 ? c : false,
|
|
502
484
|
$foregroundColor: s
|
|
503
|
-
}, p),
|
|
485
|
+
}, p), n().createElement(R, {
|
|
504
486
|
"data-test": "label",
|
|
505
487
|
$appearance: l,
|
|
506
488
|
$disabled: c !== null && c !== void 0 ? c : false,
|
|
@@ -509,9 +491,9 @@
|
|
|
509
491
|
}
|
|
510
492
|
function W(e) {
|
|
511
493
|
// @docs-props-type ChipPropsBase
|
|
512
|
-
return
|
|
494
|
+
return H(e) ? n().createElement(V, e) : n().createElement(M, e);
|
|
513
495
|
}
|
|
514
|
-
W.propTypes =
|
|
496
|
+
W.propTypes = T;
|
|
515
497
|
/* harmony default export */ const G = W;
|
|
516
498
|
// CONCATENATED MODULE: ./src/Chip/index.ts
|
|
517
499
|
module.exports = r;
|