@itcase/storybook-config 1.2.41 → 1.2.42
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/dist/{Notification-CP4IyQPf.js → Notification-BSc5Fd6Y.js} +449 -28
- package/dist/{Notification-CVCYHdTh.js → Notification-Bk4P88mj.js} +463 -42
- package/dist/cjs/decorators/withNextDecorator.js +1 -2
- package/dist/cjs/decorators/withUiDecorator.js +1 -2
- package/dist/cjs/decorators.js +1 -2
- package/dist/decorators/withNextDecorator.js +1 -2
- package/dist/decorators/withUiDecorator.js +1 -2
- package/dist/decorators.js +1 -2
- package/package.json +7 -10
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import React__default, { useEffect, useContext, useState, useRef, createContext, useReducer, useCallback, isValidElement, cloneElement, memo, useMemo, useImperativeHandle } from 'react';
|
|
4
3
|
import camelCase from 'lodash/camelCase';
|
|
@@ -7,6 +6,432 @@ import upperFirst from 'lodash/upperFirst';
|
|
|
7
6
|
import { formatURL, axiosInstanceITCase } from '@itcase/common';
|
|
8
7
|
import maxBy from 'lodash/maxBy';
|
|
9
8
|
|
|
9
|
+
function getDefaultExportFromCjs (x) {
|
|
10
|
+
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
var jsxRuntime = {exports: {}};
|
|
14
|
+
|
|
15
|
+
var reactJsxRuntime_production = {};
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* @license React
|
|
19
|
+
* react-jsx-runtime.production.js
|
|
20
|
+
*
|
|
21
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
22
|
+
*
|
|
23
|
+
* This source code is licensed under the MIT license found in the
|
|
24
|
+
* LICENSE file in the root directory of this source tree.
|
|
25
|
+
*/
|
|
26
|
+
|
|
27
|
+
var hasRequiredReactJsxRuntime_production;
|
|
28
|
+
|
|
29
|
+
function requireReactJsxRuntime_production () {
|
|
30
|
+
if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
|
|
31
|
+
hasRequiredReactJsxRuntime_production = 1;
|
|
32
|
+
var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
|
|
33
|
+
REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
|
|
34
|
+
function jsxProd(type, config, maybeKey) {
|
|
35
|
+
var key = null;
|
|
36
|
+
void 0 !== maybeKey && (key = "" + maybeKey);
|
|
37
|
+
void 0 !== config.key && (key = "" + config.key);
|
|
38
|
+
if ("key" in config) {
|
|
39
|
+
maybeKey = {};
|
|
40
|
+
for (var propName in config)
|
|
41
|
+
"key" !== propName && (maybeKey[propName] = config[propName]);
|
|
42
|
+
} else maybeKey = config;
|
|
43
|
+
config = maybeKey.ref;
|
|
44
|
+
return {
|
|
45
|
+
$$typeof: REACT_ELEMENT_TYPE,
|
|
46
|
+
type: type,
|
|
47
|
+
key: key,
|
|
48
|
+
ref: void 0 !== config ? config : null,
|
|
49
|
+
props: maybeKey
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
|
|
53
|
+
reactJsxRuntime_production.jsx = jsxProd;
|
|
54
|
+
reactJsxRuntime_production.jsxs = jsxProd;
|
|
55
|
+
return reactJsxRuntime_production;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
var reactJsxRuntime_development = {};
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* @license React
|
|
62
|
+
* react-jsx-runtime.development.js
|
|
63
|
+
*
|
|
64
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
65
|
+
*
|
|
66
|
+
* This source code is licensed under the MIT license found in the
|
|
67
|
+
* LICENSE file in the root directory of this source tree.
|
|
68
|
+
*/
|
|
69
|
+
|
|
70
|
+
var hasRequiredReactJsxRuntime_development;
|
|
71
|
+
|
|
72
|
+
function requireReactJsxRuntime_development () {
|
|
73
|
+
if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
|
|
74
|
+
hasRequiredReactJsxRuntime_development = 1;
|
|
75
|
+
"production" !== process.env.NODE_ENV &&
|
|
76
|
+
(function () {
|
|
77
|
+
function getComponentNameFromType(type) {
|
|
78
|
+
if (null == type) return null;
|
|
79
|
+
if ("function" === typeof type)
|
|
80
|
+
return type.$$typeof === REACT_CLIENT_REFERENCE
|
|
81
|
+
? null
|
|
82
|
+
: type.displayName || type.name || null;
|
|
83
|
+
if ("string" === typeof type) return type;
|
|
84
|
+
switch (type) {
|
|
85
|
+
case REACT_FRAGMENT_TYPE:
|
|
86
|
+
return "Fragment";
|
|
87
|
+
case REACT_PROFILER_TYPE:
|
|
88
|
+
return "Profiler";
|
|
89
|
+
case REACT_STRICT_MODE_TYPE:
|
|
90
|
+
return "StrictMode";
|
|
91
|
+
case REACT_SUSPENSE_TYPE:
|
|
92
|
+
return "Suspense";
|
|
93
|
+
case REACT_SUSPENSE_LIST_TYPE:
|
|
94
|
+
return "SuspenseList";
|
|
95
|
+
case REACT_ACTIVITY_TYPE:
|
|
96
|
+
return "Activity";
|
|
97
|
+
}
|
|
98
|
+
if ("object" === typeof type)
|
|
99
|
+
switch (
|
|
100
|
+
("number" === typeof type.tag &&
|
|
101
|
+
console.error(
|
|
102
|
+
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
103
|
+
),
|
|
104
|
+
type.$$typeof)
|
|
105
|
+
) {
|
|
106
|
+
case REACT_PORTAL_TYPE:
|
|
107
|
+
return "Portal";
|
|
108
|
+
case REACT_CONTEXT_TYPE:
|
|
109
|
+
return type.displayName || "Context";
|
|
110
|
+
case REACT_CONSUMER_TYPE:
|
|
111
|
+
return (type._context.displayName || "Context") + ".Consumer";
|
|
112
|
+
case REACT_FORWARD_REF_TYPE:
|
|
113
|
+
var innerType = type.render;
|
|
114
|
+
type = type.displayName;
|
|
115
|
+
type ||
|
|
116
|
+
((type = innerType.displayName || innerType.name || ""),
|
|
117
|
+
(type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
|
|
118
|
+
return type;
|
|
119
|
+
case REACT_MEMO_TYPE:
|
|
120
|
+
return (
|
|
121
|
+
(innerType = type.displayName || null),
|
|
122
|
+
null !== innerType
|
|
123
|
+
? innerType
|
|
124
|
+
: getComponentNameFromType(type.type) || "Memo"
|
|
125
|
+
);
|
|
126
|
+
case REACT_LAZY_TYPE:
|
|
127
|
+
innerType = type._payload;
|
|
128
|
+
type = type._init;
|
|
129
|
+
try {
|
|
130
|
+
return getComponentNameFromType(type(innerType));
|
|
131
|
+
} catch (x) {}
|
|
132
|
+
}
|
|
133
|
+
return null;
|
|
134
|
+
}
|
|
135
|
+
function testStringCoercion(value) {
|
|
136
|
+
return "" + value;
|
|
137
|
+
}
|
|
138
|
+
function checkKeyStringCoercion(value) {
|
|
139
|
+
try {
|
|
140
|
+
testStringCoercion(value);
|
|
141
|
+
var JSCompiler_inline_result = !1;
|
|
142
|
+
} catch (e) {
|
|
143
|
+
JSCompiler_inline_result = true;
|
|
144
|
+
}
|
|
145
|
+
if (JSCompiler_inline_result) {
|
|
146
|
+
JSCompiler_inline_result = console;
|
|
147
|
+
var JSCompiler_temp_const = JSCompiler_inline_result.error;
|
|
148
|
+
var JSCompiler_inline_result$jscomp$0 =
|
|
149
|
+
("function" === typeof Symbol &&
|
|
150
|
+
Symbol.toStringTag &&
|
|
151
|
+
value[Symbol.toStringTag]) ||
|
|
152
|
+
value.constructor.name ||
|
|
153
|
+
"Object";
|
|
154
|
+
JSCompiler_temp_const.call(
|
|
155
|
+
JSCompiler_inline_result,
|
|
156
|
+
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
157
|
+
JSCompiler_inline_result$jscomp$0
|
|
158
|
+
);
|
|
159
|
+
return testStringCoercion(value);
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
function getTaskName(type) {
|
|
163
|
+
if (type === REACT_FRAGMENT_TYPE) return "<>";
|
|
164
|
+
if (
|
|
165
|
+
"object" === typeof type &&
|
|
166
|
+
null !== type &&
|
|
167
|
+
type.$$typeof === REACT_LAZY_TYPE
|
|
168
|
+
)
|
|
169
|
+
return "<...>";
|
|
170
|
+
try {
|
|
171
|
+
var name = getComponentNameFromType(type);
|
|
172
|
+
return name ? "<" + name + ">" : "<...>";
|
|
173
|
+
} catch (x) {
|
|
174
|
+
return "<...>";
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
function getOwner() {
|
|
178
|
+
var dispatcher = ReactSharedInternals.A;
|
|
179
|
+
return null === dispatcher ? null : dispatcher.getOwner();
|
|
180
|
+
}
|
|
181
|
+
function UnknownOwner() {
|
|
182
|
+
return Error("react-stack-top-frame");
|
|
183
|
+
}
|
|
184
|
+
function hasValidKey(config) {
|
|
185
|
+
if (hasOwnProperty.call(config, "key")) {
|
|
186
|
+
var getter = Object.getOwnPropertyDescriptor(config, "key").get;
|
|
187
|
+
if (getter && getter.isReactWarning) return false;
|
|
188
|
+
}
|
|
189
|
+
return void 0 !== config.key;
|
|
190
|
+
}
|
|
191
|
+
function defineKeyPropWarningGetter(props, displayName) {
|
|
192
|
+
function warnAboutAccessingKey() {
|
|
193
|
+
specialPropKeyWarningShown ||
|
|
194
|
+
((specialPropKeyWarningShown = true),
|
|
195
|
+
console.error(
|
|
196
|
+
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
|
|
197
|
+
displayName
|
|
198
|
+
));
|
|
199
|
+
}
|
|
200
|
+
warnAboutAccessingKey.isReactWarning = true;
|
|
201
|
+
Object.defineProperty(props, "key", {
|
|
202
|
+
get: warnAboutAccessingKey,
|
|
203
|
+
configurable: true
|
|
204
|
+
});
|
|
205
|
+
}
|
|
206
|
+
function elementRefGetterWithDeprecationWarning() {
|
|
207
|
+
var componentName = getComponentNameFromType(this.type);
|
|
208
|
+
didWarnAboutElementRef[componentName] ||
|
|
209
|
+
((didWarnAboutElementRef[componentName] = true),
|
|
210
|
+
console.error(
|
|
211
|
+
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
212
|
+
));
|
|
213
|
+
componentName = this.props.ref;
|
|
214
|
+
return void 0 !== componentName ? componentName : null;
|
|
215
|
+
}
|
|
216
|
+
function ReactElement(type, key, props, owner, debugStack, debugTask) {
|
|
217
|
+
var refProp = props.ref;
|
|
218
|
+
type = {
|
|
219
|
+
$$typeof: REACT_ELEMENT_TYPE,
|
|
220
|
+
type: type,
|
|
221
|
+
key: key,
|
|
222
|
+
props: props,
|
|
223
|
+
_owner: owner
|
|
224
|
+
};
|
|
225
|
+
null !== (void 0 !== refProp ? refProp : null)
|
|
226
|
+
? Object.defineProperty(type, "ref", {
|
|
227
|
+
enumerable: false,
|
|
228
|
+
get: elementRefGetterWithDeprecationWarning
|
|
229
|
+
})
|
|
230
|
+
: Object.defineProperty(type, "ref", { enumerable: false, value: null });
|
|
231
|
+
type._store = {};
|
|
232
|
+
Object.defineProperty(type._store, "validated", {
|
|
233
|
+
configurable: false,
|
|
234
|
+
enumerable: false,
|
|
235
|
+
writable: true,
|
|
236
|
+
value: 0
|
|
237
|
+
});
|
|
238
|
+
Object.defineProperty(type, "_debugInfo", {
|
|
239
|
+
configurable: false,
|
|
240
|
+
enumerable: false,
|
|
241
|
+
writable: true,
|
|
242
|
+
value: null
|
|
243
|
+
});
|
|
244
|
+
Object.defineProperty(type, "_debugStack", {
|
|
245
|
+
configurable: false,
|
|
246
|
+
enumerable: false,
|
|
247
|
+
writable: true,
|
|
248
|
+
value: debugStack
|
|
249
|
+
});
|
|
250
|
+
Object.defineProperty(type, "_debugTask", {
|
|
251
|
+
configurable: false,
|
|
252
|
+
enumerable: false,
|
|
253
|
+
writable: true,
|
|
254
|
+
value: debugTask
|
|
255
|
+
});
|
|
256
|
+
Object.freeze && (Object.freeze(type.props), Object.freeze(type));
|
|
257
|
+
return type;
|
|
258
|
+
}
|
|
259
|
+
function jsxDEVImpl(
|
|
260
|
+
type,
|
|
261
|
+
config,
|
|
262
|
+
maybeKey,
|
|
263
|
+
isStaticChildren,
|
|
264
|
+
debugStack,
|
|
265
|
+
debugTask
|
|
266
|
+
) {
|
|
267
|
+
var children = config.children;
|
|
268
|
+
if (void 0 !== children)
|
|
269
|
+
if (isStaticChildren)
|
|
270
|
+
if (isArrayImpl(children)) {
|
|
271
|
+
for (
|
|
272
|
+
isStaticChildren = 0;
|
|
273
|
+
isStaticChildren < children.length;
|
|
274
|
+
isStaticChildren++
|
|
275
|
+
)
|
|
276
|
+
validateChildKeys(children[isStaticChildren]);
|
|
277
|
+
Object.freeze && Object.freeze(children);
|
|
278
|
+
} else
|
|
279
|
+
console.error(
|
|
280
|
+
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
281
|
+
);
|
|
282
|
+
else validateChildKeys(children);
|
|
283
|
+
if (hasOwnProperty.call(config, "key")) {
|
|
284
|
+
children = getComponentNameFromType(type);
|
|
285
|
+
var keys = Object.keys(config).filter(function (k) {
|
|
286
|
+
return "key" !== k;
|
|
287
|
+
});
|
|
288
|
+
isStaticChildren =
|
|
289
|
+
0 < keys.length
|
|
290
|
+
? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
|
|
291
|
+
: "{key: someKey}";
|
|
292
|
+
didWarnAboutKeySpread[children + isStaticChildren] ||
|
|
293
|
+
((keys =
|
|
294
|
+
0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
|
|
295
|
+
console.error(
|
|
296
|
+
'A props object containing a "key" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />',
|
|
297
|
+
isStaticChildren,
|
|
298
|
+
children,
|
|
299
|
+
keys,
|
|
300
|
+
children
|
|
301
|
+
),
|
|
302
|
+
(didWarnAboutKeySpread[children + isStaticChildren] = true));
|
|
303
|
+
}
|
|
304
|
+
children = null;
|
|
305
|
+
void 0 !== maybeKey &&
|
|
306
|
+
(checkKeyStringCoercion(maybeKey), (children = "" + maybeKey));
|
|
307
|
+
hasValidKey(config) &&
|
|
308
|
+
(checkKeyStringCoercion(config.key), (children = "" + config.key));
|
|
309
|
+
if ("key" in config) {
|
|
310
|
+
maybeKey = {};
|
|
311
|
+
for (var propName in config)
|
|
312
|
+
"key" !== propName && (maybeKey[propName] = config[propName]);
|
|
313
|
+
} else maybeKey = config;
|
|
314
|
+
children &&
|
|
315
|
+
defineKeyPropWarningGetter(
|
|
316
|
+
maybeKey,
|
|
317
|
+
"function" === typeof type
|
|
318
|
+
? type.displayName || type.name || "Unknown"
|
|
319
|
+
: type
|
|
320
|
+
);
|
|
321
|
+
return ReactElement(
|
|
322
|
+
type,
|
|
323
|
+
children,
|
|
324
|
+
maybeKey,
|
|
325
|
+
getOwner(),
|
|
326
|
+
debugStack,
|
|
327
|
+
debugTask
|
|
328
|
+
);
|
|
329
|
+
}
|
|
330
|
+
function validateChildKeys(node) {
|
|
331
|
+
isValidElement(node)
|
|
332
|
+
? node._store && (node._store.validated = 1)
|
|
333
|
+
: "object" === typeof node &&
|
|
334
|
+
null !== node &&
|
|
335
|
+
node.$$typeof === REACT_LAZY_TYPE &&
|
|
336
|
+
("fulfilled" === node._payload.status
|
|
337
|
+
? isValidElement(node._payload.value) &&
|
|
338
|
+
node._payload.value._store &&
|
|
339
|
+
(node._payload.value._store.validated = 1)
|
|
340
|
+
: node._store && (node._store.validated = 1));
|
|
341
|
+
}
|
|
342
|
+
function isValidElement(object) {
|
|
343
|
+
return (
|
|
344
|
+
"object" === typeof object &&
|
|
345
|
+
null !== object &&
|
|
346
|
+
object.$$typeof === REACT_ELEMENT_TYPE
|
|
347
|
+
);
|
|
348
|
+
}
|
|
349
|
+
var React = React__default,
|
|
350
|
+
REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
|
|
351
|
+
REACT_PORTAL_TYPE = Symbol.for("react.portal"),
|
|
352
|
+
REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
|
|
353
|
+
REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
|
|
354
|
+
REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
|
|
355
|
+
REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
|
|
356
|
+
REACT_CONTEXT_TYPE = Symbol.for("react.context"),
|
|
357
|
+
REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
|
|
358
|
+
REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
|
|
359
|
+
REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
|
|
360
|
+
REACT_MEMO_TYPE = Symbol.for("react.memo"),
|
|
361
|
+
REACT_LAZY_TYPE = Symbol.for("react.lazy"),
|
|
362
|
+
REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
|
|
363
|
+
REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
|
|
364
|
+
ReactSharedInternals =
|
|
365
|
+
React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
|
|
366
|
+
hasOwnProperty = Object.prototype.hasOwnProperty,
|
|
367
|
+
isArrayImpl = Array.isArray,
|
|
368
|
+
createTask = console.createTask
|
|
369
|
+
? console.createTask
|
|
370
|
+
: function () {
|
|
371
|
+
return null;
|
|
372
|
+
};
|
|
373
|
+
React = {
|
|
374
|
+
react_stack_bottom_frame: function (callStackForError) {
|
|
375
|
+
return callStackForError();
|
|
376
|
+
}
|
|
377
|
+
};
|
|
378
|
+
var specialPropKeyWarningShown;
|
|
379
|
+
var didWarnAboutElementRef = {};
|
|
380
|
+
var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(
|
|
381
|
+
React,
|
|
382
|
+
UnknownOwner
|
|
383
|
+
)();
|
|
384
|
+
var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
|
|
385
|
+
var didWarnAboutKeySpread = {};
|
|
386
|
+
reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
|
|
387
|
+
reactJsxRuntime_development.jsx = function (type, config, maybeKey) {
|
|
388
|
+
var trackActualOwner =
|
|
389
|
+
1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
|
|
390
|
+
return jsxDEVImpl(
|
|
391
|
+
type,
|
|
392
|
+
config,
|
|
393
|
+
maybeKey,
|
|
394
|
+
false,
|
|
395
|
+
trackActualOwner
|
|
396
|
+
? Error("react-stack-top-frame")
|
|
397
|
+
: unknownOwnerDebugStack,
|
|
398
|
+
trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
|
|
399
|
+
);
|
|
400
|
+
};
|
|
401
|
+
reactJsxRuntime_development.jsxs = function (type, config, maybeKey) {
|
|
402
|
+
var trackActualOwner =
|
|
403
|
+
1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
|
|
404
|
+
return jsxDEVImpl(
|
|
405
|
+
type,
|
|
406
|
+
config,
|
|
407
|
+
maybeKey,
|
|
408
|
+
true,
|
|
409
|
+
trackActualOwner
|
|
410
|
+
? Error("react-stack-top-frame")
|
|
411
|
+
: unknownOwnerDebugStack,
|
|
412
|
+
trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
|
|
413
|
+
);
|
|
414
|
+
};
|
|
415
|
+
})();
|
|
416
|
+
return reactJsxRuntime_development;
|
|
417
|
+
}
|
|
418
|
+
|
|
419
|
+
var hasRequiredJsxRuntime;
|
|
420
|
+
|
|
421
|
+
function requireJsxRuntime () {
|
|
422
|
+
if (hasRequiredJsxRuntime) return jsxRuntime.exports;
|
|
423
|
+
hasRequiredJsxRuntime = 1;
|
|
424
|
+
|
|
425
|
+
if (process.env.NODE_ENV === 'production') {
|
|
426
|
+
jsxRuntime.exports = requireReactJsxRuntime_production();
|
|
427
|
+
} else {
|
|
428
|
+
jsxRuntime.exports = requireReactJsxRuntime_development();
|
|
429
|
+
}
|
|
430
|
+
return jsxRuntime.exports;
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
var jsxRuntimeExports = requireJsxRuntime();
|
|
434
|
+
|
|
10
435
|
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
11
436
|
|
|
12
437
|
const byteToHex = [];
|
|
@@ -68,10 +493,6 @@ function v4(options, buf, offset) {
|
|
|
68
493
|
return _v4(options);
|
|
69
494
|
}
|
|
70
495
|
|
|
71
|
-
function getDefaultExportFromCjs (x) {
|
|
72
|
-
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
496
|
var cssMediaquery = {};
|
|
76
497
|
|
|
77
498
|
/*
|
|
@@ -2961,7 +3382,7 @@ function NotificationsProvider(props) {
|
|
|
2961
3382
|
}
|
|
2962
3383
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
2963
3384
|
}, []);
|
|
2964
|
-
return (jsx(NotificationsAPIContext.Provider, { value: notificationsAPI, children: jsx(NotificationsContext.Provider, { value: notificationsList, children: children }) }));
|
|
3385
|
+
return (jsxRuntimeExports.jsx(NotificationsAPIContext.Provider, { value: notificationsAPI, children: jsxRuntimeExports.jsx(NotificationsContext.Provider, { value: notificationsList, children: children }) }));
|
|
2965
3386
|
}
|
|
2966
3387
|
function useNotifications() {
|
|
2967
3388
|
return useContext(NotificationsContext);
|
|
@@ -3222,7 +3643,7 @@ const UIProvider = memo(function UIProvider(props) {
|
|
|
3222
3643
|
setViewportProperty();
|
|
3223
3644
|
window.addEventListener('resize', setViewportProperty);
|
|
3224
3645
|
}, []);
|
|
3225
|
-
return (jsx(UserDeviceContext.Provider, { value: deviceContextState, children: children }));
|
|
3646
|
+
return (jsxRuntimeExports.jsx(UserDeviceContext.Provider, { value: deviceContextState, children: children }));
|
|
3226
3647
|
});
|
|
3227
3648
|
function useUserDeviceContext() {
|
|
3228
3649
|
const context = useContext(UserDeviceContext);
|
|
@@ -3742,7 +4163,7 @@ function Text(props) {
|
|
|
3742
4163
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
3743
4164
|
const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
|
|
3744
4165
|
const { styles: textStyles } = useStyles(props);
|
|
3745
|
-
return (jsxs(Tag, { className: clsx(className, 'text', sizeClass && `text_size_${sizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, textAlignClass && `text-align_${textAlignClass}`, isDisabled &&
|
|
4166
|
+
return (jsxRuntimeExports.jsxs(Tag, { className: clsx(className, 'text', sizeClass && `text_size_${sizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, textAlignClass && `text-align_${textAlignClass}`, isDisabled &&
|
|
3746
4167
|
textColorDisabledClass &&
|
|
3747
4168
|
`text-color_${textColorDisabledClass}`, !isActive &&
|
|
3748
4169
|
!isDisabled &&
|
|
@@ -4011,8 +4432,8 @@ function Badge(props) {
|
|
|
4011
4432
|
: dot
|
|
4012
4433
|
? 'badge_type_dot'
|
|
4013
4434
|
: 'badge_type_fill';
|
|
4014
|
-
return (jsxs("div", { className: clsx(className, 'badge', borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, sizeClass && `badge_size_${sizeClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, badgeTypeClass, isSkeleton && 'badge_skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: badgeStyles, children: [dot && (jsx("div", { className: clsx('badge__dot', dotFillClass && `svg_fill_${dotFillClass}`), children: jsx("svg", { width: "6", height: "6", viewBox: "0 0 6 6", xmlns: "http://www.w3.org/2000/svg", children: jsx("rect", { width: "6", height: "6", rx: "50" }) }) })), icon && (jsx(Icon, { className: "badge__icon", size: iconSize, iconFill: iconFill, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), children ||
|
|
4015
|
-
(value && (jsx(Text, { className: "badge__value", size: textSize, textColor: textColor, children: value })))] }));
|
|
4435
|
+
return (jsxRuntimeExports.jsxs("div", { className: clsx(className, 'badge', borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, sizeClass && `badge_size_${sizeClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, badgeTypeClass, isSkeleton && 'badge_skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: badgeStyles, children: [dot && (jsxRuntimeExports.jsx("div", { className: clsx('badge__dot', dotFillClass && `svg_fill_${dotFillClass}`), children: jsxRuntimeExports.jsx("svg", { width: "6", height: "6", viewBox: "0 0 6 6", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntimeExports.jsx("rect", { width: "6", height: "6", rx: "50" }) }) })), icon && (jsxRuntimeExports.jsx(Icon, { className: "badge__icon", size: iconSize, iconFill: iconFill, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), children ||
|
|
4436
|
+
(value && (jsxRuntimeExports.jsx(Text, { className: "badge__value", size: textSize, textColor: textColor, children: value })))] }));
|
|
4016
4437
|
}
|
|
4017
4438
|
|
|
4018
4439
|
const linkConfig = {
|
|
@@ -4022,11 +4443,11 @@ function LinkWrapper(props) {
|
|
|
4022
4443
|
if (href) {
|
|
4023
4444
|
const Component = LinkComponent || linkConfig.LinkComponent;
|
|
4024
4445
|
{
|
|
4025
|
-
return (jsx(Component, { href: href, rel: rel, target: target, ...otherProps, children: children }));
|
|
4446
|
+
return (jsxRuntimeExports.jsx(Component, { href: href, rel: rel, target: target, ...otherProps, children: children }));
|
|
4026
4447
|
}
|
|
4027
4448
|
}
|
|
4028
4449
|
else if (LinkComponent) {
|
|
4029
|
-
return jsx(LinkComponent, { ...otherProps, children: children });
|
|
4450
|
+
return jsxRuntimeExports.jsx(LinkComponent, { ...otherProps, children: children });
|
|
4030
4451
|
}
|
|
4031
4452
|
return React__default.Children.toArray(children)
|
|
4032
4453
|
.filter(Boolean)
|
|
@@ -4243,7 +4664,7 @@ function Title(props) {
|
|
|
4243
4664
|
}
|
|
4244
4665
|
return size ? size : 'span';
|
|
4245
4666
|
}, [tag, size]);
|
|
4246
|
-
return (jsxs(Tag, { className: clsx(className, 'title', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, size && `title_size_${size}`, directionClass && `title_direction_${directionClass}`, isDisabled &&
|
|
4667
|
+
return (jsxRuntimeExports.jsxs(Tag, { className: clsx(className, 'title', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, size && `title_size_${size}`, directionClass && `title_direction_${directionClass}`, isDisabled &&
|
|
4247
4668
|
textColorDisabledClass &&
|
|
4248
4669
|
`text-color_${textColorDisabledClass}`, !isActive &&
|
|
4249
4670
|
!isDisabled &&
|
|
@@ -4257,7 +4678,7 @@ function Title(props) {
|
|
|
4257
4678
|
`text-color_hover_${textColorHoverClass}`, isActive &&
|
|
4258
4679
|
!isDisabled &&
|
|
4259
4680
|
textColorActiveHoverClass &&
|
|
4260
|
-
`text-color_active_hover${textColorActiveHoverClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, iconBadgeValue && 'title_badge', isSkeleton && 'title_skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, titleStyles, style), onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && `text-align_${textAlignClass}`, wrapperDirectionClass && `title_direction_${wrapperDirectionClass}`, 'title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: titleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('title__icon_before', iconBadgeValue && 'title__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore, onClick: onClickIconBefore })), beforeWrapper, children || text, afterWrapper, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('title__icon_after', iconBadgeValue && 'title__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter, onClick: onClickIconAfter }))] }), after] }));
|
|
4681
|
+
`text-color_active_hover${textColorActiveHoverClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, iconBadgeValue && 'title_badge', isSkeleton && 'title_skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, titleStyles, style), onClick: onClick, children: [before, jsxRuntimeExports.jsxs("span", { className: clsx(textAlignClass && `text-align_${textAlignClass}`, wrapperDirectionClass && `title_direction_${wrapperDirectionClass}`, 'title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: titleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsxRuntimeExports.jsx(Icon, { className: clsx('title__icon_before', iconBadgeValue && 'title__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore, onClick: onClickIconBefore })), beforeWrapper, children || text, afterWrapper, (iconAfter || iconAfterSrc) && (jsxRuntimeExports.jsx(Icon, { className: clsx('title__icon_after', iconBadgeValue && 'title__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter, onClick: onClickIconAfter }))] }), after] }));
|
|
4261
4682
|
}
|
|
4262
4683
|
|
|
4263
4684
|
const tooltipAppearanceDefault = {
|
|
@@ -4425,11 +4846,11 @@ const Tooltip = React__default.forwardRef(function Tooltip(props, ref) {
|
|
|
4425
4846
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
4426
4847
|
const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, centeringClass, elevationClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
|
|
4427
4848
|
const { styles: tooltipStyles } = useStyles(props);
|
|
4428
|
-
return (jsxs("div", { className: clsx(className, 'tooltip', !isTooltipDisableState
|
|
4849
|
+
return (jsxRuntimeExports.jsxs("div", { className: clsx(className, 'tooltip', !isTooltipDisableState
|
|
4429
4850
|
? isTooltipVisible
|
|
4430
4851
|
? 'tooltip_state_open'
|
|
4431
4852
|
: 'tooltip_state_close'
|
|
4432
|
-
: null, alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, centeringClass && `centering_${centeringClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'tooltip_skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, "data-testid": dataTestId, "data-tour": dataTour, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && (jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: [title && (jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
|
|
4853
|
+
: null, alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, centeringClass && `centering_${centeringClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'tooltip_skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, "data-testid": dataTestId, "data-tour": dataTour, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && (jsxRuntimeExports.jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, jsxRuntimeExports.jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: [title && (jsxRuntimeExports.jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (jsxRuntimeExports.jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
|
|
4433
4854
|
});
|
|
4434
4855
|
|
|
4435
4856
|
const UrlAssetPrefixContext = createContext({
|
|
@@ -4472,7 +4893,7 @@ const urlWithAssetPrefix = (WrappedComponent, ..._error) => {
|
|
|
4472
4893
|
}
|
|
4473
4894
|
return resultProps;
|
|
4474
4895
|
}, {});
|
|
4475
|
-
return jsx(WrappedComponent, { ...props, ...overrideProps, ref: ref });
|
|
4896
|
+
return jsxRuntimeExports.jsx(WrappedComponent, { ...props, ...overrideProps, ref: ref });
|
|
4476
4897
|
});
|
|
4477
4898
|
return HOC;
|
|
4478
4899
|
};
|
|
@@ -4874,16 +5295,16 @@ const Icon = urlWithAssetPrefix(React__default.forwardRef(function Icon(props, r
|
|
|
4874
5295
|
if (height) {
|
|
4875
5296
|
sizes.height = height;
|
|
4876
5297
|
}
|
|
4877
|
-
return jsx(SvgComponent, { ...sizes });
|
|
5298
|
+
return jsxRuntimeExports.jsx(SvgComponent, { ...sizes });
|
|
4878
5299
|
}
|
|
4879
5300
|
if (imageSrc) {
|
|
4880
5301
|
if (imageSrc.endsWith('.svg')) {
|
|
4881
5302
|
if (saveFillStroke) {
|
|
4882
|
-
return jsx(InlineSVG, { src: imageSrc });
|
|
5303
|
+
return jsxRuntimeExports.jsx(InlineSVG, { src: imageSrc });
|
|
4883
5304
|
}
|
|
4884
|
-
return jsx(InlineSVG, { src: imageSrc, preProcessor: removeFillStroke });
|
|
5305
|
+
return jsxRuntimeExports.jsx(InlineSVG, { src: imageSrc, preProcessor: removeFillStroke });
|
|
4885
5306
|
}
|
|
4886
|
-
return jsx("img", { src: imageSrc });
|
|
5307
|
+
return jsxRuntimeExports.jsx("img", { src: imageSrc });
|
|
4887
5308
|
}
|
|
4888
5309
|
return null;
|
|
4889
5310
|
}, [SvgImage, imageSrc, width, height, saveFillStroke]);
|
|
@@ -4891,7 +5312,7 @@ const Icon = urlWithAssetPrefix(React__default.forwardRef(function Icon(props, r
|
|
|
4891
5312
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
4892
5313
|
const { alignmentClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, fillSizeClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, centeringClass, iconFillActiveClass, iconFillActiveHoverClass, iconFillClass, iconFillDisabledClass, iconFillHoverClass, iconSizeClass, shapeClass, shapeStrengthClass, tooltipAppearance, tooltipText, tooltipTextSize, tooltipTitle, tooltipTitleSize, } = propsGenerator;
|
|
4893
5314
|
const { styles: iconStyles } = useStyles(props);
|
|
4894
|
-
return (jsxs("div", { id: id, className: clsx(className, 'icon', !isActive
|
|
5315
|
+
return (jsxRuntimeExports.jsxs("div", { id: id, className: clsx(className, 'icon', !isActive
|
|
4895
5316
|
? fillClass && `fill_${fillClass}`
|
|
4896
5317
|
: fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
|
|
4897
5318
|
? fillHoverClass && `fill_hover_${fillHoverClass}`
|
|
@@ -4904,7 +5325,7 @@ const Icon = urlWithAssetPrefix(React__default.forwardRef(function Icon(props, r
|
|
|
4904
5325
|
`icon_fill_active_hover_${iconFillActiveHoverClass}`, isDisabled &&
|
|
4905
5326
|
iconFillDisabledClass &&
|
|
4906
5327
|
`icon_fill_disabled_${iconFillDisabledClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
|
|
4907
|
-
`border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, badgeValue && 'icon_with-badge', centeringClass && `centering_${centeringClass}`, onClick && 'cursor_type_pointer', isSkeleton && `icon_skeleton`), ref: ref, "data-testid": dataTestId, "data-tour": dataTour, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxs(LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && `icon_size_${iconSizeClass}`), href: link || href, LinkComponent: "div", rel: linkRel, target: linkTarget, children: [ImageComponent, (badgeValue || notification) && (jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: clsx(badgeClass, 'icon__badge'), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), showTooltip && (jsx(Tooltip, { appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass && `alignment_${alignmentClass}`), title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize }))] }), after] }));
|
|
5328
|
+
`border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, badgeValue && 'icon_with-badge', centeringClass && `centering_${centeringClass}`, onClick && 'cursor_type_pointer', isSkeleton && `icon_skeleton`), ref: ref, "data-testid": dataTestId, "data-tour": dataTour, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && `icon_size_${iconSizeClass}`), href: link || href, LinkComponent: "div", rel: linkRel, target: linkTarget, children: [ImageComponent, (badgeValue || notification) && (jsxRuntimeExports.jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: clsx(badgeClass, 'icon__badge'), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), showTooltip && (jsxRuntimeExports.jsx(Tooltip, { appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass && `alignment_${alignmentClass}`), title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize }))] }), after] }));
|
|
4908
5329
|
}));
|
|
4909
5330
|
const removeFillStroke = (code) => {
|
|
4910
5331
|
return code
|
|
@@ -5050,7 +5471,7 @@ function Loader(props) {
|
|
|
5050
5471
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
5051
5472
|
const { fillClass, borderColorClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
|
|
5052
5473
|
const { styles: loader } = useStyles(props);
|
|
5053
|
-
return (jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (jsxs("div", { className: "loader__inner", children: [jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`, type === 'circular' && `border-color_${borderColorClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
|
|
5474
|
+
return (jsxRuntimeExports.jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (jsxRuntimeExports.jsxs("div", { className: "loader__inner", children: [jsxRuntimeExports.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`, type === 'circular' && `border-color_${borderColorClass}`), children: "\u00A0" }), jsxRuntimeExports.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsxRuntimeExports.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsxRuntimeExports.jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
|
|
5054
5475
|
}
|
|
5055
5476
|
|
|
5056
5477
|
const FRAME_DURATION = 16; // Approximate duration of a frame in milliseconds
|
|
@@ -5499,13 +5920,13 @@ const Button = React__default.forwardRef(function Button(props, ref) {
|
|
|
5499
5920
|
iconBefore ||
|
|
5500
5921
|
iconBeforeSrc ||
|
|
5501
5922
|
iconSrc;
|
|
5502
|
-
return (jsxs(LinkWrapper, { className: clsx(className, 'button', label && buttonTypeClass
|
|
5923
|
+
return (jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx(className, 'button', label && buttonTypeClass
|
|
5503
5924
|
? 'button_type_default'
|
|
5504
5925
|
: label
|
|
5505
5926
|
? 'button_type_label'
|
|
5506
5927
|
: buttonTypeClass
|
|
5507
5928
|
? 'button_type_icon'
|
|
5508
|
-
: '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && !isDisabled && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'button_state_disabled cursor_type_default', Badge && 'button_type_badge', zeroPadding && 'button_reset-padding', zeroGap && 'button_reset-gap', isLoading && 'button_state_loading', isSkeleton && 'button_skeleton', isHolding && 'button_holding', holdState && `button_state_${holdState}`), type: htmlType, title: tooltip, "data-testid": dataTestId, "data-tour": dataTour, disabled: isDisabled, href: link || href, LinkComponent: "button", rel: rel, style: buttonStyles, target: target, onClick: onClick, onMouseDown: onMouseDown, onPointerCancel: onHoldEnd, onPointerDown: onHoldStart, onPointerLeave: onHoldEnd, onPointerUp: onHoldEnd, children: [isHolding && (jsx("div", { className: clsx('button__indication', `button__indication_${holdState}`), children: jsx("div", { className: "button__indication-item", children: "\u00A0" }) })), jsxs("div", { className: "button__wrapper", ref: ref, children: [isLoading && (jsx(Loader, { appearance: mergeAppearanceKeys(loaderAppearance, loaderAppearanceSize), className: clsx(className, 'button__loader'), type: loaderType, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { appearance: mergeAppearanceKeys(iconBeforeAppearance, iconBeforeAppearanceSize), className: "button__icon_before", fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsx(Icon, { appearance: mergeAppearanceKeys(iconAppearance, iconAppearanceSize), className: "button__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (children || label) && (jsx(Text, { className: "button__label", width: labelTextWidth, size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, style: labelStyles, children: children || label })), (iconAfter || iconAfterSrc) && (jsx(Icon, { appearance: mergeAppearanceKeys(iconAfterAppearance, iconAfterAppearanceSize), className: "button__icon_after", fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] })] }));
|
|
5929
|
+
: '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && !isDisabled && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'button_state_disabled cursor_type_default', Badge && 'button_type_badge', zeroPadding && 'button_reset-padding', zeroGap && 'button_reset-gap', isLoading && 'button_state_loading', isSkeleton && 'button_skeleton', isHolding && 'button_holding', holdState && `button_state_${holdState}`), type: htmlType, title: tooltip, "data-testid": dataTestId, "data-tour": dataTour, disabled: isDisabled, href: link || href, LinkComponent: "button", rel: rel, style: buttonStyles, target: target, onClick: onClick, onMouseDown: onMouseDown, onPointerCancel: onHoldEnd, onPointerDown: onHoldStart, onPointerLeave: onHoldEnd, onPointerUp: onHoldEnd, children: [isHolding && (jsxRuntimeExports.jsx("div", { className: clsx('button__indication', `button__indication_${holdState}`), children: jsxRuntimeExports.jsx("div", { className: "button__indication-item", children: "\u00A0" }) })), jsxRuntimeExports.jsxs("div", { className: "button__wrapper", ref: ref, children: [isLoading && (jsxRuntimeExports.jsx(Loader, { appearance: mergeAppearanceKeys(loaderAppearance, loaderAppearanceSize), className: clsx(className, 'button__loader'), type: loaderType, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsxRuntimeExports.jsx(Icon, { appearance: mergeAppearanceKeys(iconBeforeAppearance, iconBeforeAppearanceSize), className: "button__icon_before", fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntimeExports.jsx(Icon, { appearance: mergeAppearanceKeys(iconAppearance, iconAppearanceSize), className: "button__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (children || label) && (jsxRuntimeExports.jsx(Text, { className: "button__label", width: labelTextWidth, size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, style: labelStyles, children: children || label })), (iconAfter || iconAfterSrc) && (jsxRuntimeExports.jsx(Icon, { appearance: mergeAppearanceKeys(iconAfterAppearance, iconAfterAppearanceSize), className: "button__icon_after", fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] })] }));
|
|
5509
5930
|
});
|
|
5510
5931
|
|
|
5511
5932
|
var _path$3t;
|
|
@@ -5675,14 +6096,14 @@ function Notification(props) {
|
|
|
5675
6096
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
5676
6097
|
const { fillClass, fillHoverClass, titleTextColor, titleTextSize, descTextColor, descTextSize, buttonAppearance, buttonLabel, elevationClass, loaderAppearance, loaderAppearanceSize, loaderFill, loaderItemFill, loaderSize, loaderType = 'dot', shapeClass, shapeStrengthClass, sizeClass, widthClass, closeIcon, closeIconAppearance, closeIconAppearanceSize, closeIconSrc, } = propsGenerator;
|
|
5677
6098
|
const { styles: notificationStyles } = useStyles(props);
|
|
5678
|
-
return (jsxs("div", { className: clsx('notification__item', `notification__item_${type}`, widthClass && `width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, fillClass && `fill_${fillClass}`, sizeClass && `notification__item_size_${sizeClass}`, type && `notification__item_type_${type}`, fillHoverClass && `fill_${fillHoverClass}`, isSkeleton && `notification__item_skeleton`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: notificationStyles, children: [before, jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsx(Text, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor, children: title })), text && (jsx(Text, { className: "notification__item-text", size: descTextSize, textColor: descTextColor, children: text })), isLoading && (jsx(Loader, { appearance: mergeAppearanceKeys(loaderAppearance, loaderAppearanceSize), className: clsx(className, 'button__loader'), type: loaderType, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), onClickClose && (jsx(Icon, { appearance: mergeAppearanceKeys(closeIconAppearance, closeIconAppearanceSize), className: clsx('notification__item-close', 'cursor_type_pointer'), imageSrc: closeIconSrc, SvgImage: closeIcon, onClick: () => onClickClose && onClickClose(id) })), onClickButton && buttonLabel && (jsx(Button, { appearance: buttonAppearance, className: "notification__item-button", width: "fill", label: buttonLabel, onClick: onClickButton }))] }), after] }));
|
|
6099
|
+
return (jsxRuntimeExports.jsxs("div", { className: clsx('notification__item', `notification__item_${type}`, widthClass && `width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, fillClass && `fill_${fillClass}`, sizeClass && `notification__item_size_${sizeClass}`, type && `notification__item_type_${type}`, fillHoverClass && `fill_${fillHoverClass}`, isSkeleton && `notification__item_skeleton`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: notificationStyles, children: [before, jsxRuntimeExports.jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsxRuntimeExports.jsx(Text, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor, children: title })), text && (jsxRuntimeExports.jsx(Text, { className: "notification__item-text", size: descTextSize, textColor: descTextColor, children: text })), isLoading && (jsxRuntimeExports.jsx(Loader, { appearance: mergeAppearanceKeys(loaderAppearance, loaderAppearanceSize), className: clsx(className, 'button__loader'), type: loaderType, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), onClickClose && (jsxRuntimeExports.jsx(Icon, { appearance: mergeAppearanceKeys(closeIconAppearance, closeIconAppearanceSize), className: clsx('notification__item-close', 'cursor_type_pointer'), imageSrc: closeIconSrc, SvgImage: closeIcon, onClick: () => onClickClose && onClickClose(id) })), onClickButton && buttonLabel && (jsxRuntimeExports.jsx(Button, { appearance: buttonAppearance, className: "notification__item-button", width: "fill", label: buttonLabel, onClick: onClickButton }))] }), after] }));
|
|
5679
6100
|
}
|
|
5680
6101
|
|
|
5681
6102
|
function NotificationWrapper(props) {
|
|
5682
6103
|
const notifications = useNotifications();
|
|
5683
6104
|
const { hideNotifications } = useNotificationsAPI();
|
|
5684
6105
|
const { className, dataTestId, dataTour } = props;
|
|
5685
|
-
return (jsx("div", { className: clsx('notification', className), "data-testid": dataTestId, "data-tour": dataTour, children: jsx("div", { className: "notification__wrapper", children: notifications.map((notification) => (jsx(Notification, { id: notification.id, appearance: notification.appearance, type: notification.type, title: notification.title, status: notification.status, text: notification.text, buttonLabel: notification.buttonLabel, after: notification.after, closeIcon: notification.closeIcon, closeIconSrc: notification.closeIconSrc, isLoading: notification.isLoading, onClickButton: notification.onClickButton, onClickClose: hideNotifications }, notification.id))) }) }));
|
|
6106
|
+
return (jsxRuntimeExports.jsx("div", { className: clsx('notification', className), "data-testid": dataTestId, "data-tour": dataTour, children: jsxRuntimeExports.jsx("div", { className: "notification__wrapper", children: notifications.map((notification) => (jsxRuntimeExports.jsx(Notification, { id: notification.id, appearance: notification.appearance, type: notification.type, title: notification.title, status: notification.status, text: notification.text, buttonLabel: notification.buttonLabel, after: notification.after, closeIcon: notification.closeIcon, closeIconSrc: notification.closeIconSrc, isLoading: notification.isLoading, onClickButton: notification.onClickButton, onClickClose: hideNotifications }, notification.id))) }) }));
|
|
5686
6107
|
}
|
|
5687
6108
|
|
|
5688
6109
|
export { NotificationsProvider as N, UIProvider as U, NotificationWrapper as a };
|