@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,6 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
3
|
var React = require('react');
|
|
5
4
|
var camelCase = require('lodash/camelCase');
|
|
6
5
|
var castArray = require('lodash/castArray');
|
|
@@ -9,24 +8,450 @@ var common = require('@itcase/common');
|
|
|
9
8
|
var maxBy = require('lodash/maxBy');
|
|
10
9
|
|
|
11
10
|
function _interopNamespaceDefault(e) {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
11
|
+
var n = Object.create(null);
|
|
12
|
+
if (e) {
|
|
13
|
+
Object.keys(e).forEach(function (k) {
|
|
14
|
+
if (k !== 'default') {
|
|
15
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
16
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function () { return e[k]; }
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
n.default = e;
|
|
24
|
+
return Object.freeze(n);
|
|
26
25
|
}
|
|
27
26
|
|
|
28
27
|
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
29
28
|
|
|
29
|
+
function getDefaultExportFromCjs (x) {
|
|
30
|
+
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
var jsxRuntime = {exports: {}};
|
|
34
|
+
|
|
35
|
+
var reactJsxRuntime_production = {};
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* @license React
|
|
39
|
+
* react-jsx-runtime.production.js
|
|
40
|
+
*
|
|
41
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
42
|
+
*
|
|
43
|
+
* This source code is licensed under the MIT license found in the
|
|
44
|
+
* LICENSE file in the root directory of this source tree.
|
|
45
|
+
*/
|
|
46
|
+
|
|
47
|
+
var hasRequiredReactJsxRuntime_production;
|
|
48
|
+
|
|
49
|
+
function requireReactJsxRuntime_production () {
|
|
50
|
+
if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
|
|
51
|
+
hasRequiredReactJsxRuntime_production = 1;
|
|
52
|
+
var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
|
|
53
|
+
REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
|
|
54
|
+
function jsxProd(type, config, maybeKey) {
|
|
55
|
+
var key = null;
|
|
56
|
+
void 0 !== maybeKey && (key = "" + maybeKey);
|
|
57
|
+
void 0 !== config.key && (key = "" + config.key);
|
|
58
|
+
if ("key" in config) {
|
|
59
|
+
maybeKey = {};
|
|
60
|
+
for (var propName in config)
|
|
61
|
+
"key" !== propName && (maybeKey[propName] = config[propName]);
|
|
62
|
+
} else maybeKey = config;
|
|
63
|
+
config = maybeKey.ref;
|
|
64
|
+
return {
|
|
65
|
+
$$typeof: REACT_ELEMENT_TYPE,
|
|
66
|
+
type: type,
|
|
67
|
+
key: key,
|
|
68
|
+
ref: void 0 !== config ? config : null,
|
|
69
|
+
props: maybeKey
|
|
70
|
+
};
|
|
71
|
+
}
|
|
72
|
+
reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
|
|
73
|
+
reactJsxRuntime_production.jsx = jsxProd;
|
|
74
|
+
reactJsxRuntime_production.jsxs = jsxProd;
|
|
75
|
+
return reactJsxRuntime_production;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
var reactJsxRuntime_development = {};
|
|
79
|
+
|
|
80
|
+
/**
|
|
81
|
+
* @license React
|
|
82
|
+
* react-jsx-runtime.development.js
|
|
83
|
+
*
|
|
84
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
85
|
+
*
|
|
86
|
+
* This source code is licensed under the MIT license found in the
|
|
87
|
+
* LICENSE file in the root directory of this source tree.
|
|
88
|
+
*/
|
|
89
|
+
|
|
90
|
+
var hasRequiredReactJsxRuntime_development;
|
|
91
|
+
|
|
92
|
+
function requireReactJsxRuntime_development () {
|
|
93
|
+
if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
|
|
94
|
+
hasRequiredReactJsxRuntime_development = 1;
|
|
95
|
+
"production" !== process.env.NODE_ENV &&
|
|
96
|
+
(function () {
|
|
97
|
+
function getComponentNameFromType(type) {
|
|
98
|
+
if (null == type) return null;
|
|
99
|
+
if ("function" === typeof type)
|
|
100
|
+
return type.$$typeof === REACT_CLIENT_REFERENCE
|
|
101
|
+
? null
|
|
102
|
+
: type.displayName || type.name || null;
|
|
103
|
+
if ("string" === typeof type) return type;
|
|
104
|
+
switch (type) {
|
|
105
|
+
case REACT_FRAGMENT_TYPE:
|
|
106
|
+
return "Fragment";
|
|
107
|
+
case REACT_PROFILER_TYPE:
|
|
108
|
+
return "Profiler";
|
|
109
|
+
case REACT_STRICT_MODE_TYPE:
|
|
110
|
+
return "StrictMode";
|
|
111
|
+
case REACT_SUSPENSE_TYPE:
|
|
112
|
+
return "Suspense";
|
|
113
|
+
case REACT_SUSPENSE_LIST_TYPE:
|
|
114
|
+
return "SuspenseList";
|
|
115
|
+
case REACT_ACTIVITY_TYPE:
|
|
116
|
+
return "Activity";
|
|
117
|
+
}
|
|
118
|
+
if ("object" === typeof type)
|
|
119
|
+
switch (
|
|
120
|
+
("number" === typeof type.tag &&
|
|
121
|
+
console.error(
|
|
122
|
+
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
123
|
+
),
|
|
124
|
+
type.$$typeof)
|
|
125
|
+
) {
|
|
126
|
+
case REACT_PORTAL_TYPE:
|
|
127
|
+
return "Portal";
|
|
128
|
+
case REACT_CONTEXT_TYPE:
|
|
129
|
+
return type.displayName || "Context";
|
|
130
|
+
case REACT_CONSUMER_TYPE:
|
|
131
|
+
return (type._context.displayName || "Context") + ".Consumer";
|
|
132
|
+
case REACT_FORWARD_REF_TYPE:
|
|
133
|
+
var innerType = type.render;
|
|
134
|
+
type = type.displayName;
|
|
135
|
+
type ||
|
|
136
|
+
((type = innerType.displayName || innerType.name || ""),
|
|
137
|
+
(type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
|
|
138
|
+
return type;
|
|
139
|
+
case REACT_MEMO_TYPE:
|
|
140
|
+
return (
|
|
141
|
+
(innerType = type.displayName || null),
|
|
142
|
+
null !== innerType
|
|
143
|
+
? innerType
|
|
144
|
+
: getComponentNameFromType(type.type) || "Memo"
|
|
145
|
+
);
|
|
146
|
+
case REACT_LAZY_TYPE:
|
|
147
|
+
innerType = type._payload;
|
|
148
|
+
type = type._init;
|
|
149
|
+
try {
|
|
150
|
+
return getComponentNameFromType(type(innerType));
|
|
151
|
+
} catch (x) {}
|
|
152
|
+
}
|
|
153
|
+
return null;
|
|
154
|
+
}
|
|
155
|
+
function testStringCoercion(value) {
|
|
156
|
+
return "" + value;
|
|
157
|
+
}
|
|
158
|
+
function checkKeyStringCoercion(value) {
|
|
159
|
+
try {
|
|
160
|
+
testStringCoercion(value);
|
|
161
|
+
var JSCompiler_inline_result = !1;
|
|
162
|
+
} catch (e) {
|
|
163
|
+
JSCompiler_inline_result = true;
|
|
164
|
+
}
|
|
165
|
+
if (JSCompiler_inline_result) {
|
|
166
|
+
JSCompiler_inline_result = console;
|
|
167
|
+
var JSCompiler_temp_const = JSCompiler_inline_result.error;
|
|
168
|
+
var JSCompiler_inline_result$jscomp$0 =
|
|
169
|
+
("function" === typeof Symbol &&
|
|
170
|
+
Symbol.toStringTag &&
|
|
171
|
+
value[Symbol.toStringTag]) ||
|
|
172
|
+
value.constructor.name ||
|
|
173
|
+
"Object";
|
|
174
|
+
JSCompiler_temp_const.call(
|
|
175
|
+
JSCompiler_inline_result,
|
|
176
|
+
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
177
|
+
JSCompiler_inline_result$jscomp$0
|
|
178
|
+
);
|
|
179
|
+
return testStringCoercion(value);
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
function getTaskName(type) {
|
|
183
|
+
if (type === REACT_FRAGMENT_TYPE) return "<>";
|
|
184
|
+
if (
|
|
185
|
+
"object" === typeof type &&
|
|
186
|
+
null !== type &&
|
|
187
|
+
type.$$typeof === REACT_LAZY_TYPE
|
|
188
|
+
)
|
|
189
|
+
return "<...>";
|
|
190
|
+
try {
|
|
191
|
+
var name = getComponentNameFromType(type);
|
|
192
|
+
return name ? "<" + name + ">" : "<...>";
|
|
193
|
+
} catch (x) {
|
|
194
|
+
return "<...>";
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
function getOwner() {
|
|
198
|
+
var dispatcher = ReactSharedInternals.A;
|
|
199
|
+
return null === dispatcher ? null : dispatcher.getOwner();
|
|
200
|
+
}
|
|
201
|
+
function UnknownOwner() {
|
|
202
|
+
return Error("react-stack-top-frame");
|
|
203
|
+
}
|
|
204
|
+
function hasValidKey(config) {
|
|
205
|
+
if (hasOwnProperty.call(config, "key")) {
|
|
206
|
+
var getter = Object.getOwnPropertyDescriptor(config, "key").get;
|
|
207
|
+
if (getter && getter.isReactWarning) return false;
|
|
208
|
+
}
|
|
209
|
+
return void 0 !== config.key;
|
|
210
|
+
}
|
|
211
|
+
function defineKeyPropWarningGetter(props, displayName) {
|
|
212
|
+
function warnAboutAccessingKey() {
|
|
213
|
+
specialPropKeyWarningShown ||
|
|
214
|
+
((specialPropKeyWarningShown = true),
|
|
215
|
+
console.error(
|
|
216
|
+
"%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)",
|
|
217
|
+
displayName
|
|
218
|
+
));
|
|
219
|
+
}
|
|
220
|
+
warnAboutAccessingKey.isReactWarning = true;
|
|
221
|
+
Object.defineProperty(props, "key", {
|
|
222
|
+
get: warnAboutAccessingKey,
|
|
223
|
+
configurable: true
|
|
224
|
+
});
|
|
225
|
+
}
|
|
226
|
+
function elementRefGetterWithDeprecationWarning() {
|
|
227
|
+
var componentName = getComponentNameFromType(this.type);
|
|
228
|
+
didWarnAboutElementRef[componentName] ||
|
|
229
|
+
((didWarnAboutElementRef[componentName] = true),
|
|
230
|
+
console.error(
|
|
231
|
+
"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."
|
|
232
|
+
));
|
|
233
|
+
componentName = this.props.ref;
|
|
234
|
+
return void 0 !== componentName ? componentName : null;
|
|
235
|
+
}
|
|
236
|
+
function ReactElement(type, key, props, owner, debugStack, debugTask) {
|
|
237
|
+
var refProp = props.ref;
|
|
238
|
+
type = {
|
|
239
|
+
$$typeof: REACT_ELEMENT_TYPE,
|
|
240
|
+
type: type,
|
|
241
|
+
key: key,
|
|
242
|
+
props: props,
|
|
243
|
+
_owner: owner
|
|
244
|
+
};
|
|
245
|
+
null !== (void 0 !== refProp ? refProp : null)
|
|
246
|
+
? Object.defineProperty(type, "ref", {
|
|
247
|
+
enumerable: false,
|
|
248
|
+
get: elementRefGetterWithDeprecationWarning
|
|
249
|
+
})
|
|
250
|
+
: Object.defineProperty(type, "ref", { enumerable: false, value: null });
|
|
251
|
+
type._store = {};
|
|
252
|
+
Object.defineProperty(type._store, "validated", {
|
|
253
|
+
configurable: false,
|
|
254
|
+
enumerable: false,
|
|
255
|
+
writable: true,
|
|
256
|
+
value: 0
|
|
257
|
+
});
|
|
258
|
+
Object.defineProperty(type, "_debugInfo", {
|
|
259
|
+
configurable: false,
|
|
260
|
+
enumerable: false,
|
|
261
|
+
writable: true,
|
|
262
|
+
value: null
|
|
263
|
+
});
|
|
264
|
+
Object.defineProperty(type, "_debugStack", {
|
|
265
|
+
configurable: false,
|
|
266
|
+
enumerable: false,
|
|
267
|
+
writable: true,
|
|
268
|
+
value: debugStack
|
|
269
|
+
});
|
|
270
|
+
Object.defineProperty(type, "_debugTask", {
|
|
271
|
+
configurable: false,
|
|
272
|
+
enumerable: false,
|
|
273
|
+
writable: true,
|
|
274
|
+
value: debugTask
|
|
275
|
+
});
|
|
276
|
+
Object.freeze && (Object.freeze(type.props), Object.freeze(type));
|
|
277
|
+
return type;
|
|
278
|
+
}
|
|
279
|
+
function jsxDEVImpl(
|
|
280
|
+
type,
|
|
281
|
+
config,
|
|
282
|
+
maybeKey,
|
|
283
|
+
isStaticChildren,
|
|
284
|
+
debugStack,
|
|
285
|
+
debugTask
|
|
286
|
+
) {
|
|
287
|
+
var children = config.children;
|
|
288
|
+
if (void 0 !== children)
|
|
289
|
+
if (isStaticChildren)
|
|
290
|
+
if (isArrayImpl(children)) {
|
|
291
|
+
for (
|
|
292
|
+
isStaticChildren = 0;
|
|
293
|
+
isStaticChildren < children.length;
|
|
294
|
+
isStaticChildren++
|
|
295
|
+
)
|
|
296
|
+
validateChildKeys(children[isStaticChildren]);
|
|
297
|
+
Object.freeze && Object.freeze(children);
|
|
298
|
+
} else
|
|
299
|
+
console.error(
|
|
300
|
+
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
301
|
+
);
|
|
302
|
+
else validateChildKeys(children);
|
|
303
|
+
if (hasOwnProperty.call(config, "key")) {
|
|
304
|
+
children = getComponentNameFromType(type);
|
|
305
|
+
var keys = Object.keys(config).filter(function (k) {
|
|
306
|
+
return "key" !== k;
|
|
307
|
+
});
|
|
308
|
+
isStaticChildren =
|
|
309
|
+
0 < keys.length
|
|
310
|
+
? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
|
|
311
|
+
: "{key: someKey}";
|
|
312
|
+
didWarnAboutKeySpread[children + isStaticChildren] ||
|
|
313
|
+
((keys =
|
|
314
|
+
0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
|
|
315
|
+
console.error(
|
|
316
|
+
'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} />',
|
|
317
|
+
isStaticChildren,
|
|
318
|
+
children,
|
|
319
|
+
keys,
|
|
320
|
+
children
|
|
321
|
+
),
|
|
322
|
+
(didWarnAboutKeySpread[children + isStaticChildren] = true));
|
|
323
|
+
}
|
|
324
|
+
children = null;
|
|
325
|
+
void 0 !== maybeKey &&
|
|
326
|
+
(checkKeyStringCoercion(maybeKey), (children = "" + maybeKey));
|
|
327
|
+
hasValidKey(config) &&
|
|
328
|
+
(checkKeyStringCoercion(config.key), (children = "" + config.key));
|
|
329
|
+
if ("key" in config) {
|
|
330
|
+
maybeKey = {};
|
|
331
|
+
for (var propName in config)
|
|
332
|
+
"key" !== propName && (maybeKey[propName] = config[propName]);
|
|
333
|
+
} else maybeKey = config;
|
|
334
|
+
children &&
|
|
335
|
+
defineKeyPropWarningGetter(
|
|
336
|
+
maybeKey,
|
|
337
|
+
"function" === typeof type
|
|
338
|
+
? type.displayName || type.name || "Unknown"
|
|
339
|
+
: type
|
|
340
|
+
);
|
|
341
|
+
return ReactElement(
|
|
342
|
+
type,
|
|
343
|
+
children,
|
|
344
|
+
maybeKey,
|
|
345
|
+
getOwner(),
|
|
346
|
+
debugStack,
|
|
347
|
+
debugTask
|
|
348
|
+
);
|
|
349
|
+
}
|
|
350
|
+
function validateChildKeys(node) {
|
|
351
|
+
isValidElement(node)
|
|
352
|
+
? node._store && (node._store.validated = 1)
|
|
353
|
+
: "object" === typeof node &&
|
|
354
|
+
null !== node &&
|
|
355
|
+
node.$$typeof === REACT_LAZY_TYPE &&
|
|
356
|
+
("fulfilled" === node._payload.status
|
|
357
|
+
? isValidElement(node._payload.value) &&
|
|
358
|
+
node._payload.value._store &&
|
|
359
|
+
(node._payload.value._store.validated = 1)
|
|
360
|
+
: node._store && (node._store.validated = 1));
|
|
361
|
+
}
|
|
362
|
+
function isValidElement(object) {
|
|
363
|
+
return (
|
|
364
|
+
"object" === typeof object &&
|
|
365
|
+
null !== object &&
|
|
366
|
+
object.$$typeof === REACT_ELEMENT_TYPE
|
|
367
|
+
);
|
|
368
|
+
}
|
|
369
|
+
var React$1 = React,
|
|
370
|
+
REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
|
|
371
|
+
REACT_PORTAL_TYPE = Symbol.for("react.portal"),
|
|
372
|
+
REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
|
|
373
|
+
REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
|
|
374
|
+
REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
|
|
375
|
+
REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
|
|
376
|
+
REACT_CONTEXT_TYPE = Symbol.for("react.context"),
|
|
377
|
+
REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
|
|
378
|
+
REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
|
|
379
|
+
REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
|
|
380
|
+
REACT_MEMO_TYPE = Symbol.for("react.memo"),
|
|
381
|
+
REACT_LAZY_TYPE = Symbol.for("react.lazy"),
|
|
382
|
+
REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
|
|
383
|
+
REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
|
|
384
|
+
ReactSharedInternals =
|
|
385
|
+
React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
|
|
386
|
+
hasOwnProperty = Object.prototype.hasOwnProperty,
|
|
387
|
+
isArrayImpl = Array.isArray,
|
|
388
|
+
createTask = console.createTask
|
|
389
|
+
? console.createTask
|
|
390
|
+
: function () {
|
|
391
|
+
return null;
|
|
392
|
+
};
|
|
393
|
+
React$1 = {
|
|
394
|
+
react_stack_bottom_frame: function (callStackForError) {
|
|
395
|
+
return callStackForError();
|
|
396
|
+
}
|
|
397
|
+
};
|
|
398
|
+
var specialPropKeyWarningShown;
|
|
399
|
+
var didWarnAboutElementRef = {};
|
|
400
|
+
var unknownOwnerDebugStack = React$1.react_stack_bottom_frame.bind(
|
|
401
|
+
React$1,
|
|
402
|
+
UnknownOwner
|
|
403
|
+
)();
|
|
404
|
+
var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
|
|
405
|
+
var didWarnAboutKeySpread = {};
|
|
406
|
+
reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
|
|
407
|
+
reactJsxRuntime_development.jsx = function (type, config, maybeKey) {
|
|
408
|
+
var trackActualOwner =
|
|
409
|
+
1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
|
|
410
|
+
return jsxDEVImpl(
|
|
411
|
+
type,
|
|
412
|
+
config,
|
|
413
|
+
maybeKey,
|
|
414
|
+
false,
|
|
415
|
+
trackActualOwner
|
|
416
|
+
? Error("react-stack-top-frame")
|
|
417
|
+
: unknownOwnerDebugStack,
|
|
418
|
+
trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
|
|
419
|
+
);
|
|
420
|
+
};
|
|
421
|
+
reactJsxRuntime_development.jsxs = function (type, config, maybeKey) {
|
|
422
|
+
var trackActualOwner =
|
|
423
|
+
1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
|
|
424
|
+
return jsxDEVImpl(
|
|
425
|
+
type,
|
|
426
|
+
config,
|
|
427
|
+
maybeKey,
|
|
428
|
+
true,
|
|
429
|
+
trackActualOwner
|
|
430
|
+
? Error("react-stack-top-frame")
|
|
431
|
+
: unknownOwnerDebugStack,
|
|
432
|
+
trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
|
|
433
|
+
);
|
|
434
|
+
};
|
|
435
|
+
})();
|
|
436
|
+
return reactJsxRuntime_development;
|
|
437
|
+
}
|
|
438
|
+
|
|
439
|
+
var hasRequiredJsxRuntime;
|
|
440
|
+
|
|
441
|
+
function requireJsxRuntime () {
|
|
442
|
+
if (hasRequiredJsxRuntime) return jsxRuntime.exports;
|
|
443
|
+
hasRequiredJsxRuntime = 1;
|
|
444
|
+
|
|
445
|
+
if (process.env.NODE_ENV === 'production') {
|
|
446
|
+
jsxRuntime.exports = requireReactJsxRuntime_production();
|
|
447
|
+
} else {
|
|
448
|
+
jsxRuntime.exports = requireReactJsxRuntime_development();
|
|
449
|
+
}
|
|
450
|
+
return jsxRuntime.exports;
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
var jsxRuntimeExports = requireJsxRuntime();
|
|
454
|
+
|
|
30
455
|
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}
|
|
31
456
|
|
|
32
457
|
const byteToHex = [];
|
|
@@ -88,10 +513,6 @@ function v4(options, buf, offset) {
|
|
|
88
513
|
return _v4(options);
|
|
89
514
|
}
|
|
90
515
|
|
|
91
|
-
function getDefaultExportFromCjs (x) {
|
|
92
|
-
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
516
|
var cssMediaquery = {};
|
|
96
517
|
|
|
97
518
|
/*
|
|
@@ -2981,7 +3402,7 @@ function NotificationsProvider(props) {
|
|
|
2981
3402
|
}
|
|
2982
3403
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
2983
3404
|
}, []);
|
|
2984
|
-
return (
|
|
3405
|
+
return (jsxRuntimeExports.jsx(NotificationsAPIContext.Provider, { value: notificationsAPI, children: jsxRuntimeExports.jsx(NotificationsContext.Provider, { value: notificationsList, children: children }) }));
|
|
2985
3406
|
}
|
|
2986
3407
|
function useNotifications() {
|
|
2987
3408
|
return React.useContext(NotificationsContext);
|
|
@@ -3242,7 +3663,7 @@ const UIProvider = React.memo(function UIProvider(props) {
|
|
|
3242
3663
|
setViewportProperty();
|
|
3243
3664
|
window.addEventListener('resize', setViewportProperty);
|
|
3244
3665
|
}, []);
|
|
3245
|
-
return (
|
|
3666
|
+
return (jsxRuntimeExports.jsx(UserDeviceContext.Provider, { value: deviceContextState, children: children }));
|
|
3246
3667
|
});
|
|
3247
3668
|
function useUserDeviceContext() {
|
|
3248
3669
|
const context = React.useContext(UserDeviceContext);
|
|
@@ -3762,7 +4183,7 @@ function Text(props) {
|
|
|
3762
4183
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
3763
4184
|
const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
|
|
3764
4185
|
const { styles: textStyles } = useStyles(props);
|
|
3765
|
-
return (
|
|
4186
|
+
return (jsxRuntimeExports.jsxs(Tag, { className: clsx(className, 'text', sizeClass && `text_size_${sizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, textAlignClass && `text-align_${textAlignClass}`, isDisabled &&
|
|
3766
4187
|
textColorDisabledClass &&
|
|
3767
4188
|
`text-color_${textColorDisabledClass}`, !isActive &&
|
|
3768
4189
|
!isDisabled &&
|
|
@@ -4031,8 +4452,8 @@ function Badge(props) {
|
|
|
4031
4452
|
: dot
|
|
4032
4453
|
? 'badge_type_dot'
|
|
4033
4454
|
: 'badge_type_fill';
|
|
4034
|
-
return (
|
|
4035
|
-
(value && (
|
|
4455
|
+
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 ||
|
|
4456
|
+
(value && (jsxRuntimeExports.jsx(Text, { className: "badge__value", size: textSize, textColor: textColor, children: value })))] }));
|
|
4036
4457
|
}
|
|
4037
4458
|
|
|
4038
4459
|
const linkConfig = {
|
|
@@ -4042,11 +4463,11 @@ function LinkWrapper(props) {
|
|
|
4042
4463
|
if (href) {
|
|
4043
4464
|
const Component = LinkComponent || linkConfig.LinkComponent;
|
|
4044
4465
|
{
|
|
4045
|
-
return (
|
|
4466
|
+
return (jsxRuntimeExports.jsx(Component, { href: href, rel: rel, target: target, ...otherProps, children: children }));
|
|
4046
4467
|
}
|
|
4047
4468
|
}
|
|
4048
4469
|
else if (LinkComponent) {
|
|
4049
|
-
return
|
|
4470
|
+
return jsxRuntimeExports.jsx(LinkComponent, { ...otherProps, children: children });
|
|
4050
4471
|
}
|
|
4051
4472
|
return React.Children.toArray(children)
|
|
4052
4473
|
.filter(Boolean)
|
|
@@ -4263,7 +4684,7 @@ function Title(props) {
|
|
|
4263
4684
|
}
|
|
4264
4685
|
return size ? size : 'span';
|
|
4265
4686
|
}, [tag, size]);
|
|
4266
|
-
return (
|
|
4687
|
+
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 &&
|
|
4267
4688
|
textColorDisabledClass &&
|
|
4268
4689
|
`text-color_${textColorDisabledClass}`, !isActive &&
|
|
4269
4690
|
!isDisabled &&
|
|
@@ -4277,7 +4698,7 @@ function Title(props) {
|
|
|
4277
4698
|
`text-color_hover_${textColorHoverClass}`, isActive &&
|
|
4278
4699
|
!isDisabled &&
|
|
4279
4700
|
textColorActiveHoverClass &&
|
|
4280
|
-
`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,
|
|
4701
|
+
`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] }));
|
|
4281
4702
|
}
|
|
4282
4703
|
|
|
4283
4704
|
const tooltipAppearanceDefault = {
|
|
@@ -4445,11 +4866,11 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) {
|
|
|
4445
4866
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
4446
4867
|
const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, centeringClass, elevationClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
|
|
4447
4868
|
const { styles: tooltipStyles } = useStyles(props);
|
|
4448
|
-
return (
|
|
4869
|
+
return (jsxRuntimeExports.jsxs("div", { className: clsx(className, 'tooltip', !isTooltipDisableState
|
|
4449
4870
|
? isTooltipVisible
|
|
4450
4871
|
? 'tooltip_state_open'
|
|
4451
4872
|
: 'tooltip_state_close'
|
|
4452
|
-
: 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 && (
|
|
4873
|
+
: 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] }));
|
|
4453
4874
|
});
|
|
4454
4875
|
|
|
4455
4876
|
const UrlAssetPrefixContext = React.createContext({
|
|
@@ -4492,7 +4913,7 @@ const urlWithAssetPrefix = (WrappedComponent, ..._error) => {
|
|
|
4492
4913
|
}
|
|
4493
4914
|
return resultProps;
|
|
4494
4915
|
}, {});
|
|
4495
|
-
return
|
|
4916
|
+
return jsxRuntimeExports.jsx(WrappedComponent, { ...props, ...overrideProps, ref: ref });
|
|
4496
4917
|
});
|
|
4497
4918
|
return HOC;
|
|
4498
4919
|
};
|
|
@@ -4894,16 +5315,16 @@ const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
|
|
|
4894
5315
|
if (height) {
|
|
4895
5316
|
sizes.height = height;
|
|
4896
5317
|
}
|
|
4897
|
-
return
|
|
5318
|
+
return jsxRuntimeExports.jsx(SvgComponent, { ...sizes });
|
|
4898
5319
|
}
|
|
4899
5320
|
if (imageSrc) {
|
|
4900
5321
|
if (imageSrc.endsWith('.svg')) {
|
|
4901
5322
|
if (saveFillStroke) {
|
|
4902
|
-
return
|
|
5323
|
+
return jsxRuntimeExports.jsx(InlineSVG, { src: imageSrc });
|
|
4903
5324
|
}
|
|
4904
|
-
return
|
|
5325
|
+
return jsxRuntimeExports.jsx(InlineSVG, { src: imageSrc, preProcessor: removeFillStroke });
|
|
4905
5326
|
}
|
|
4906
|
-
return
|
|
5327
|
+
return jsxRuntimeExports.jsx("img", { src: imageSrc });
|
|
4907
5328
|
}
|
|
4908
5329
|
return null;
|
|
4909
5330
|
}, [SvgImage, imageSrc, width, height, saveFillStroke]);
|
|
@@ -4911,7 +5332,7 @@ const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
|
|
|
4911
5332
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
4912
5333
|
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;
|
|
4913
5334
|
const { styles: iconStyles } = useStyles(props);
|
|
4914
|
-
return (
|
|
5335
|
+
return (jsxRuntimeExports.jsxs("div", { id: id, className: clsx(className, 'icon', !isActive
|
|
4915
5336
|
? fillClass && `fill_${fillClass}`
|
|
4916
5337
|
: fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
|
|
4917
5338
|
? fillHoverClass && `fill_hover_${fillHoverClass}`
|
|
@@ -4924,7 +5345,7 @@ const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
|
|
|
4924
5345
|
`icon_fill_active_hover_${iconFillActiveHoverClass}`, isDisabled &&
|
|
4925
5346
|
iconFillDisabledClass &&
|
|
4926
5347
|
`icon_fill_disabled_${iconFillDisabledClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
|
|
4927
|
-
`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,
|
|
5348
|
+
`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] }));
|
|
4928
5349
|
}));
|
|
4929
5350
|
const removeFillStroke = (code) => {
|
|
4930
5351
|
return code
|
|
@@ -5070,7 +5491,7 @@ function Loader(props) {
|
|
|
5070
5491
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
5071
5492
|
const { fillClass, borderColorClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
|
|
5072
5493
|
const { styles: loader } = useStyles(props);
|
|
5073
|
-
return (
|
|
5494
|
+
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 }))] }));
|
|
5074
5495
|
}
|
|
5075
5496
|
|
|
5076
5497
|
const FRAME_DURATION = 16; // Approximate duration of a frame in milliseconds
|
|
@@ -5519,13 +5940,13 @@ const Button = React.forwardRef(function Button(props, ref) {
|
|
|
5519
5940
|
iconBefore ||
|
|
5520
5941
|
iconBeforeSrc ||
|
|
5521
5942
|
iconSrc;
|
|
5522
|
-
return (
|
|
5943
|
+
return (jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx(className, 'button', label && buttonTypeClass
|
|
5523
5944
|
? 'button_type_default'
|
|
5524
5945
|
: label
|
|
5525
5946
|
? 'button_type_label'
|
|
5526
5947
|
: buttonTypeClass
|
|
5527
5948
|
? 'button_type_icon'
|
|
5528
|
-
: '', 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 && (
|
|
5949
|
+
: '', 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] })] }));
|
|
5529
5950
|
});
|
|
5530
5951
|
|
|
5531
5952
|
var _path$3t;
|
|
@@ -5695,14 +6116,14 @@ function Notification(props) {
|
|
|
5695
6116
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
5696
6117
|
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;
|
|
5697
6118
|
const { styles: notificationStyles } = useStyles(props);
|
|
5698
|
-
return (
|
|
6119
|
+
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] }));
|
|
5699
6120
|
}
|
|
5700
6121
|
|
|
5701
6122
|
function NotificationWrapper(props) {
|
|
5702
6123
|
const notifications = useNotifications();
|
|
5703
6124
|
const { hideNotifications } = useNotificationsAPI();
|
|
5704
6125
|
const { className, dataTestId, dataTour } = props;
|
|
5705
|
-
return (
|
|
6126
|
+
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))) }) }));
|
|
5706
6127
|
}
|
|
5707
6128
|
|
|
5708
6129
|
exports.NotificationWrapper = NotificationWrapper;
|