@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/Monogram.js
CHANGED
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
e.r(r);
|
|
62
62
|
// EXPORTS
|
|
63
63
|
e.d(r, {
|
|
64
|
-
default: () => /* reexport */
|
|
65
|
-
getInitials: () => /* reexport */
|
|
64
|
+
default: () => /* reexport */ U,
|
|
65
|
+
getInitials: () => /* reexport */ T
|
|
66
66
|
});
|
|
67
67
|
// CONCATENATED MODULE: external "react"
|
|
68
68
|
const t = require("react");
|
|
@@ -72,10 +72,10 @@
|
|
|
72
72
|
var o = e.n(i);
|
|
73
73
|
// CONCATENATED MODULE: external "lodash/omit"
|
|
74
74
|
const a = require("lodash/omit");
|
|
75
|
-
var
|
|
75
|
+
var l = e.n(a);
|
|
76
76
|
// CONCATENATED MODULE: external "styled-components"
|
|
77
|
-
const
|
|
78
|
-
var
|
|
77
|
+
const c = require("styled-components");
|
|
78
|
+
var s = e.n(c);
|
|
79
79
|
// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
80
80
|
const u = require("@splunk/react-ui/Clickable");
|
|
81
81
|
var f = e.n(u);
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
const p = require("@splunk/themes");
|
|
84
84
|
// CONCATENATED MODULE: ./src/Monogram/MonogramStyles.ts
|
|
85
85
|
// Thanks: https://gist.github.com/hyamamoto/fd435505d29ebfa3d9716fd2be8d42f0
|
|
86
|
-
var
|
|
86
|
+
var b = function e(r) {
|
|
87
87
|
var t = 0;
|
|
88
88
|
for (var n = 0; n < r.length; ) {
|
|
89
89
|
t = (t << 5) - t + r.charCodeAt(n++) | 0;
|
|
@@ -91,10 +91,10 @@
|
|
|
91
91
|
}
|
|
92
92
|
return t;
|
|
93
93
|
};
|
|
94
|
-
var
|
|
95
|
-
var m = (0,
|
|
94
|
+
var d = [ "#006d9c", "#ec9960", "#af575a", "#62b3b2", "#4fa484", "#f8be34", "#5a4575", "#708794", "#294e70", "#b6c75a", "#5cc05c", "#007abd", "#dc4e41", "#f1813f", "#f8be34", "#53a051", "#006d9c", "#77d6d8", "#f589ad", "#6a2c5d" ];
|
|
95
|
+
var m = (0, c.css)([ "", ";align-items:center;justify-content:center;border-radius:50%;font-weight:normal;", " background-color:", ";", ";& + &{margin-left:4px;}" ], p.mixins.reset("inline-flex"), (0,
|
|
96
96
|
p.pick)({
|
|
97
|
-
prisma: (0,
|
|
97
|
+
prisma: (0, c.css)([ "color:", ";" ], p.variables.contentColorActive)
|
|
98
98
|
}), (function(e) {
|
|
99
99
|
var r = e.$backgroundColor, t = e.$initials;
|
|
100
100
|
if (r === "theme") {
|
|
@@ -107,184 +107,184 @@
|
|
|
107
107
|
});
|
|
108
108
|
}
|
|
109
109
|
if (r === "auto") {
|
|
110
|
-
return b
|
|
110
|
+
return d[b(t) % d.length];
|
|
111
111
|
}
|
|
112
112
|
return r;
|
|
113
113
|
}), (function(e) {
|
|
114
114
|
var r = e.$size;
|
|
115
115
|
if (typeof r === "number") {
|
|
116
|
-
return (0,
|
|
116
|
+
return (0, c.css)([ "height:", "px;width:", "px;" ], r, r);
|
|
117
117
|
}
|
|
118
118
|
if (typeof r === "string") {
|
|
119
119
|
return (0, p.pickVariant)("$size", {
|
|
120
|
-
small: (0,
|
|
121
|
-
enterprise: (0,
|
|
122
|
-
prisma: (0,
|
|
120
|
+
small: (0, c.css)([ "font-size:", ";", "" ], p.variables.fontSize, (0, p.pick)({
|
|
121
|
+
enterprise: (0, c.css)([ "height:32px;width:32px;" ]),
|
|
122
|
+
prisma: (0, c.css)([ "height:24px;width:24px;" ])
|
|
123
123
|
})),
|
|
124
|
-
medium: (0,
|
|
125
|
-
large: (0,
|
|
126
|
-
xlarge: (0,
|
|
124
|
+
medium: (0, c.css)([ "height:48px;width:48px;font-size:", ";" ], p.variables.fontSize),
|
|
125
|
+
large: (0, c.css)([ "height:80px;width:80px;font-size:", ";" ], p.variables.fontSizeXXLarge),
|
|
126
|
+
xlarge: (0, c.css)([ "width:144px;height:144px;font-size:36px;font-weight:700;" ])
|
|
127
127
|
});
|
|
128
128
|
}
|
|
129
|
-
return (0,
|
|
129
|
+
return (0, c.css)([ "height:48px;width:48px;font-size:", ";" ], p.variables.fontSize);
|
|
130
130
|
}));
|
|
131
|
-
var
|
|
131
|
+
var y = s().div.withConfig({
|
|
132
132
|
displayName: "MonogramStyles__Styled",
|
|
133
133
|
componentId: "r5ud6k-0"
|
|
134
134
|
})([ "", "" ], m);
|
|
135
|
-
var
|
|
135
|
+
var v = s()(f()).withConfig({
|
|
136
136
|
displayName: "MonogramStyles__StyledClickableComponent",
|
|
137
137
|
componentId: "r5ud6k-1"
|
|
138
138
|
})([ "", "" ], m);
|
|
139
|
-
var g =
|
|
139
|
+
var g = s()(v).withConfig({
|
|
140
140
|
displayName: "MonogramStyles__StyledClickable",
|
|
141
141
|
componentId: "r5ud6k-2"
|
|
142
142
|
})([ "cursor:pointer;position:relative;:focus,:hover{", "}:focus{box-shadow:", ";z-index:1;}:active{", "}" ], (0,
|
|
143
143
|
p.pick)({
|
|
144
|
-
enterprise: (0,
|
|
145
|
-
prisma: (0,
|
|
144
|
+
enterprise: (0, c.css)([ "box-shadow:", ";" ], p.variables.focusShadowInset),
|
|
145
|
+
prisma: (0, c.css)([ "border:1px solid transparent;background-color:", ";" ], p.variables.neutral200)
|
|
146
146
|
}), (0, p.pick)({
|
|
147
147
|
enterprise: p.variables.focusShadowInset,
|
|
148
148
|
prisma: p.variables.focusShadow
|
|
149
149
|
}), (0, p.pick)({
|
|
150
|
-
enterprise: (0,
|
|
151
|
-
prisma: (0,
|
|
150
|
+
enterprise: (0, c.css)([ "opacity:0.85;" ]),
|
|
151
|
+
prisma: (0, c.css)([ "border:1px solid transparent;background-color:", ";opacity:1;" ], p.variables.neutral200)
|
|
152
152
|
}));
|
|
153
|
-
var h =
|
|
153
|
+
var h = s().span.withConfig({
|
|
154
154
|
displayName: "MonogramStyles__Initials",
|
|
155
155
|
componentId: "r5ud6k-3"
|
|
156
156
|
})([ "opacity:0.8;text-transform:capitalize;" ]);
|
|
157
157
|
// CONCATENATED MODULE: ./src/Monogram/Monogram.tsx
|
|
158
|
-
function O(e
|
|
158
|
+
function O(e) {
|
|
159
|
+
"@babel/helpers - typeof";
|
|
160
|
+
return O = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
161
|
+
return typeof e;
|
|
162
|
+
} : function(e) {
|
|
163
|
+
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
164
|
+
}, O(e);
|
|
165
|
+
}
|
|
166
|
+
function k(e, r) {
|
|
159
167
|
var t = Object.keys(e);
|
|
160
168
|
if (Object.getOwnPropertySymbols) {
|
|
161
169
|
var n = Object.getOwnPropertySymbols(e);
|
|
162
|
-
|
|
170
|
+
r && (n = n.filter((function(r) {
|
|
163
171
|
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
164
|
-
}));
|
|
165
|
-
t.push.apply(t, n);
|
|
172
|
+
}))), t.push.apply(t, n);
|
|
166
173
|
}
|
|
167
174
|
return t;
|
|
168
175
|
}
|
|
169
|
-
function
|
|
176
|
+
function w(e) {
|
|
170
177
|
for (var r = 1; r < arguments.length; r++) {
|
|
171
|
-
var t = arguments[r]
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
}
|
|
177
|
-
Object.defineProperties(e, Object.getOwnPropertyDescriptors(t));
|
|
178
|
-
} else {
|
|
179
|
-
O(Object(t)).forEach((function(r) {
|
|
180
|
-
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
181
|
-
}));
|
|
182
|
-
}
|
|
178
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
179
|
+
r % 2 ? k(Object(t), !0).forEach((function(r) {
|
|
180
|
+
S(e, r, t[r]);
|
|
181
|
+
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : k(Object(t)).forEach((function(r) {
|
|
182
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
183
|
+
}));
|
|
183
184
|
}
|
|
184
185
|
return e;
|
|
185
186
|
}
|
|
186
|
-
function
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
187
|
+
function S(e, r, t) {
|
|
188
|
+
return (r = j(r)) in e ? Object.defineProperty(e, r, {
|
|
189
|
+
value: t,
|
|
190
|
+
enumerable: !0,
|
|
191
|
+
configurable: !0,
|
|
192
|
+
writable: !0
|
|
193
|
+
}) : e[r] = t, e;
|
|
194
|
+
}
|
|
195
|
+
function j(e) {
|
|
196
|
+
var r = x(e, "string");
|
|
197
|
+
return "symbol" == O(r) ? r : r + "";
|
|
198
|
+
}
|
|
199
|
+
function x(e, r) {
|
|
200
|
+
if ("object" != O(e) || !e) return e;
|
|
201
|
+
var t = e[Symbol.toPrimitive];
|
|
202
|
+
if (void 0 !== t) {
|
|
203
|
+
var n = t.call(e, r || "default");
|
|
204
|
+
if ("object" != O(n)) return n;
|
|
205
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
196
206
|
}
|
|
197
|
-
return e;
|
|
207
|
+
return ("string" === r ? String : Number)(e);
|
|
198
208
|
}
|
|
199
|
-
function
|
|
200
|
-
|
|
209
|
+
function C() {
|
|
210
|
+
return C = Object.assign ? Object.assign.bind() : function(e) {
|
|
201
211
|
for (var r = 1; r < arguments.length; r++) {
|
|
202
212
|
var t = arguments[r];
|
|
203
213
|
for (var n in t) {
|
|
204
|
-
|
|
205
|
-
e[n] = t[n];
|
|
206
|
-
}
|
|
214
|
+
({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
|
|
207
215
|
}
|
|
208
216
|
}
|
|
209
217
|
return e;
|
|
210
|
-
};
|
|
211
|
-
return j.apply(this, arguments);
|
|
218
|
+
}, C.apply(null, arguments);
|
|
212
219
|
}
|
|
213
|
-
function
|
|
214
|
-
return
|
|
220
|
+
function z(e, r) {
|
|
221
|
+
return A(e) || E(e, r) || I(e, r) || P();
|
|
215
222
|
}
|
|
216
|
-
function
|
|
223
|
+
function P() {
|
|
217
224
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
218
225
|
}
|
|
219
|
-
function
|
|
220
|
-
if (
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return z(e, r);
|
|
226
|
+
function I(e, r) {
|
|
227
|
+
if (e) {
|
|
228
|
+
if ("string" == typeof e) return _(e, r);
|
|
229
|
+
var t = {}.toString.call(e).slice(8, -1);
|
|
230
|
+
return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _(e, r) : void 0;
|
|
231
|
+
}
|
|
226
232
|
}
|
|
227
|
-
function
|
|
228
|
-
|
|
229
|
-
for (var t = 0, n =
|
|
233
|
+
function _(e, r) {
|
|
234
|
+
(null == r || r > e.length) && (r = e.length);
|
|
235
|
+
for (var t = 0, n = Array(r); t < r; t++) {
|
|
230
236
|
n[t] = e[t];
|
|
231
237
|
}
|
|
232
238
|
return n;
|
|
233
239
|
}
|
|
234
|
-
function
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
var i = false;
|
|
239
|
-
var o = undefined;
|
|
240
|
-
try {
|
|
241
|
-
for (var a = e[Symbol.iterator](), c; !(n = (c = a.next()).done); n = true) {
|
|
242
|
-
t.push(c.value);
|
|
243
|
-
if (r && t.length === r) break;
|
|
244
|
-
}
|
|
245
|
-
} catch (e) {
|
|
246
|
-
i = true;
|
|
247
|
-
o = e;
|
|
248
|
-
} finally {
|
|
240
|
+
function E(e, r) {
|
|
241
|
+
var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
242
|
+
if (null != t) {
|
|
243
|
+
var n, i, o, a, l = [], c = !0, s = !1;
|
|
249
244
|
try {
|
|
250
|
-
if (
|
|
245
|
+
if (o = (t = t.call(e)).next, 0 === r) {
|
|
246
|
+
if (Object(t) !== t) return;
|
|
247
|
+
c = !1;
|
|
248
|
+
} else for (;!(c = (n = o.call(t)).done) && (l.push(n.value), l.length !== r); c = !0) {
|
|
249
|
+
}
|
|
250
|
+
} catch (e) {
|
|
251
|
+
s = !0, i = e;
|
|
251
252
|
} finally {
|
|
252
|
-
|
|
253
|
+
try {
|
|
254
|
+
if (!c && null != t["return"] && (a = t["return"](), Object(a) !== a)) return;
|
|
255
|
+
} finally {
|
|
256
|
+
if (s) throw i;
|
|
257
|
+
}
|
|
253
258
|
}
|
|
259
|
+
return l;
|
|
254
260
|
}
|
|
255
|
-
return t;
|
|
256
261
|
}
|
|
257
|
-
function
|
|
262
|
+
function A(e) {
|
|
258
263
|
if (Array.isArray(e)) return e;
|
|
259
264
|
}
|
|
260
|
-
function
|
|
261
|
-
if (
|
|
262
|
-
var t =
|
|
263
|
-
var n, i;
|
|
265
|
+
function M(e, r) {
|
|
266
|
+
if (null == e) return {};
|
|
267
|
+
var t, n, i = $(e, r);
|
|
264
268
|
if (Object.getOwnPropertySymbols) {
|
|
265
269
|
var o = Object.getOwnPropertySymbols(e);
|
|
266
|
-
for (
|
|
267
|
-
|
|
268
|
-
if (r.indexOf(n) >= 0) continue;
|
|
269
|
-
if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
|
|
270
|
-
t[n] = e[n];
|
|
270
|
+
for (n = 0; n < o.length; n++) {
|
|
271
|
+
t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
|
|
271
272
|
}
|
|
272
273
|
}
|
|
273
|
-
return
|
|
274
|
+
return i;
|
|
274
275
|
}
|
|
275
|
-
function
|
|
276
|
-
if (
|
|
276
|
+
function $(e, r) {
|
|
277
|
+
if (null == e) return {};
|
|
277
278
|
var t = {};
|
|
278
|
-
var n
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
t[i] = e[i];
|
|
279
|
+
for (var n in e) {
|
|
280
|
+
if ({}.hasOwnProperty.call(e, n)) {
|
|
281
|
+
if (r.includes(n)) continue;
|
|
282
|
+
t[n] = e[n];
|
|
283
|
+
}
|
|
284
284
|
}
|
|
285
285
|
return t;
|
|
286
286
|
}
|
|
287
|
-
var
|
|
287
|
+
/** @public */ var q = {
|
|
288
288
|
backgroundColor: o().string,
|
|
289
289
|
elementRef: o().oneOfType([ o().func, o().object ]),
|
|
290
290
|
initials: o().string.isRequired,
|
|
@@ -292,7 +292,7 @@
|
|
|
292
292
|
onClick: o().func,
|
|
293
293
|
size: o().oneOfType([ o().oneOf([ "small", "medium", "large", "xlarge" ]), o().number ])
|
|
294
294
|
};
|
|
295
|
-
function
|
|
295
|
+
function R(e) {
|
|
296
296
|
return !!e.onClick;
|
|
297
297
|
}
|
|
298
298
|
/**
|
|
@@ -301,14 +301,14 @@
|
|
|
301
301
|
* @param {string} name - The full name.
|
|
302
302
|
* @returns {string} Limited to three characters. Empty if `name` is empty.
|
|
303
303
|
* @public
|
|
304
|
-
*/ function
|
|
304
|
+
*/ function T(e) {
|
|
305
305
|
var r = (e.match(/[^\s-]+/g) || []).map((function(e) {
|
|
306
306
|
return e[0];
|
|
307
307
|
})).join("");
|
|
308
308
|
return r.length > 3 ? "".concat(r[0]).concat(r[r.length - 1]) : r;
|
|
309
309
|
}
|
|
310
|
-
function
|
|
311
|
-
var r = e.backgroundColor, t = e.initials, n = e.size, i =
|
|
310
|
+
function N(e) {
|
|
311
|
+
var r = e.backgroundColor, t = e.initials, n = e.size, i = M(e, [ "backgroundColor", "initials", "size" ]);
|
|
312
312
|
var o = {
|
|
313
313
|
"data-test": "monogram",
|
|
314
314
|
$backgroundColor: r,
|
|
@@ -317,44 +317,44 @@
|
|
|
317
317
|
};
|
|
318
318
|
return [ o, i ];
|
|
319
319
|
}
|
|
320
|
-
function
|
|
321
|
-
var r =
|
|
322
|
-
var
|
|
323
|
-
var
|
|
320
|
+
function D(e) {
|
|
321
|
+
var r = N(e), i = z(r, 2), o = i[0], a = i[1];
|
|
322
|
+
var c = a.children, s = a.elementRef, u = a.name, f = a.onClick, p = M(a, [ "children", "elementRef", "name", "onClick" ]);
|
|
323
|
+
var b = (0, t.useCallback)((function(e) {
|
|
324
324
|
f(e, {
|
|
325
325
|
name: u
|
|
326
326
|
});
|
|
327
327
|
}), [ f, u ]);
|
|
328
328
|
|
|
329
|
-
return n().createElement(g,
|
|
330
|
-
elementRef:
|
|
331
|
-
onClick:
|
|
332
|
-
}, o,
|
|
329
|
+
return n().createElement(g, C({
|
|
330
|
+
elementRef: s,
|
|
331
|
+
onClick: b
|
|
332
|
+
}, o, l()(p, Object.keys(q))), c);
|
|
333
333
|
}
|
|
334
|
-
function
|
|
335
|
-
var r =
|
|
336
|
-
var a = o.children,
|
|
334
|
+
function X(e) {
|
|
335
|
+
var r = N(e), t = z(r, 2), i = t[0], o = t[1];
|
|
336
|
+
var a = o.children, c = o.elementRef, s = M(o, [ "children", "elementRef" ]);
|
|
337
337
|
|
|
338
|
-
return n().createElement(
|
|
339
|
-
ref:
|
|
340
|
-
}, i,
|
|
338
|
+
return n().createElement(y, C({
|
|
339
|
+
ref: c
|
|
340
|
+
}, i, l()(s, Object.keys(q))), a);
|
|
341
341
|
}
|
|
342
|
-
function
|
|
343
|
-
var r = e.backgroundColor, t = r === void 0 ? "theme" : r, i = e.initials, o = e.size, a = o === void 0 ? "medium" : o,
|
|
342
|
+
function L(e) {
|
|
343
|
+
var r = e.backgroundColor, t = r === void 0 ? "theme" : r, i = e.initials, o = e.size, a = o === void 0 ? "medium" : o, l = M(e, [ "backgroundColor", "initials", "size" ]);
|
|
344
344
|
// @docs-props-type MonogramPropsBase
|
|
345
345
|
if (false) {}
|
|
346
|
-
var
|
|
346
|
+
var c = n().createElement(h, {
|
|
347
347
|
"data-test": "initials"
|
|
348
348
|
}, i);
|
|
349
|
-
var
|
|
349
|
+
var s = w({
|
|
350
350
|
backgroundColor: t,
|
|
351
351
|
size: a,
|
|
352
352
|
initials: i
|
|
353
|
-
},
|
|
354
|
-
return
|
|
353
|
+
}, l);
|
|
354
|
+
return R(s) ? n().createElement(D, s, c) : n().createElement(X, s, c);
|
|
355
355
|
}
|
|
356
|
-
|
|
357
|
-
/* harmony default export */ const
|
|
356
|
+
L.propTypes = q;
|
|
357
|
+
/* harmony default export */ const U = L;
|
|
358
358
|
// CONCATENATED MODULE: ./src/Monogram/index.ts
|
|
359
359
|
module.exports = r;
|
|
360
360
|
/******/})();
|